/*
Theme Name:     Twenty Twelve ITYL   
Theme URI:      http://www.ityl.de/  
                ###############
                ### I T Y L ###
                ###############
Description:    Child theme for the Twenty Twelve theme (I'll tell you later)
Author:         Wyando
Author URI:     http://www.ityl.de/about/
Template:       twentytwelve
Version:        0.06  25/03/2013
*/

@import url("../twentytwelve/style.css");

/* body & header */
body {background-color: #e6e6e6; background-image: url('/wp-images/brick.jpg'); background-repeat: repeat; background-position: top left; background-attachment: fixed;}
#itylheader h1 {
   font-family: 'Rock Salt', Helvetica, Arial, sans-serif, cursive;
   font-size: 48px;
   font-size: 3.428571428rem;
   padding:   36px 0 0 48px;
   padding:   2.571428871rem 0 0 3.428571428rem;
   text-align: center;
}
#itylheader a {
   text-decoration: none;
   color: #444;
}
#itylheader a:hover {
   text-decoration: none;
   color: #000;
}

/* Page should nearer to header */
#page {
  margin-top: 24px;
  margin-top: 1.7142857142rem;
}


/* =Aside post format (only the changes) (AKA Kurzmitteilung)
-------------------------------------------------------------- */

article.format-aside h1 a {
	text-decoration: underline;
	color:#2E8FC6;
}
article.format-aside a:hover {
	color: #000000;
}
article.format-aside .aside {
	background: #FFFFEE;
	border-left: 22px solid #FACA00;
}
article.format-aside p {
	text-align: justify;
	color: #000000;
	
	font-size: 15px;
	font-size: 1.071428565rem;
	line-height: 1.6;

}

/* =post in block (justify) mode
-------------------------------- */
.entry-content, .comment-content {
  text-align: justify;
  word-wrap: break-word;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
}

.entry-content blockquote, .comment-content blockquote {
	margin: 15px 10px 10px 10px;
	margin: 1.071428565rem 0.71428571rem 0.71428571rem 0.71428571rem;
	padding: 10px 20px 10px 20px;
	padding: 0.71428571rem 1.42857142rem 0.71428571rem 1.42857142rem;
	border: 1px dashed #98C8D8;
	border-left: 0;
	border-right: 0;
	background: #fff;
	color: #555;
	font-style: italic;
  line-height: 1.3;
}

/*
.post, .postpage, .nocomments {
	text-align: justify;
	background: #FAFAFA; 
	color: black;
	border: 1px solid #EEEEEE; 
	padding: 3px 10px 3px 10px;
	padding: 0.214285713rem 0.71428571rem 0.214285713rem 0.71428571rem;
}
*/

.entry-meta {
	text-align: justify;
	background: white; 
	color: black;
	border: 1px solid #EEEEEE; 
	padding: 3px 10px 3px 10px;
	padding: 0.214285713rem 0.71428571rem 0.214285713rem 0.71428571rem;
}

.nav-single {
  margin-top: -24px;
  margin-top: -1.714285704rem;
  padding-bottom: 15px;
  padding-bottom: 1.071428565rem;
}

.entry-header .comments-link {
  margin-top: -24px;
  margin-top: -1.714285704rem;
}

/* =aside sollte kein Umbruch machen */
aside {
   white-space:nowrap;
   overflow:hidden;
}

/* commentstuff 
----------------*/
.commentcounter {
  float:right;
  color:#c0cefc;
  margin:5px 5px 5px 5px;
  padding:5px 0 0 0;
  font-size:3em;
  font-weight:700;
}

#respondnotification1, #reply-title  {
  margin-top: -24px;  
  margin-top: -1.7142925704rem
}
#respondnotification1 li, #respondnotification2 li  {
  list-style-type: disc;
  margin-left: 20px;
  margin-left: 1.42857142rem;
}
.comments-title {
	font-size: 20px;
	font-size: 1.428571429rem;
	line-height: 1.2;
	font-weight: normal;
} 



.comments-area article {
	margin: 12px 0 0 0;
	margin: 0.857142852rem 0 0 0;
	border:none;
}
.comments-area article header {
  margin-bottom: 0px;  
}
.comments-area article header cite,
.comments-area article header time {
	margin-left: 60px;
	margin-left: 4.28571426rem;
}
.comments-area article header cite {
	font-style: normal;
	font-size: 20px;
	font-size: 1.42857142rem;
	line-height: 1.2;
}
.comments-area article header time {
	line-height: 1.2;
	text-decoration: none;
	font-size: 12px;
	font-size: 0.857142857rem;
	color: #21759B;
}
.comments-area article header a {
	text-decoration: none;
	color: #21759B;
}
.comments-area article header a:hover {
	text-decoration: underline;
}
.comments-area article header cite a {
  text-decoration: none;
	color: #21759B;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}

.comments-area li.comment {
	text-align: justify;
	background: #FAFAFA; 
	color: black;
	border: 1px solid #EEEEEE; 
	margin-top: 10px;
	margin-top: 0.71428571rem;
	padding: 3px 10px 3px 10px;
	padding: 0.214285713rem 0.71428571rem 0.214285713rem 0.71428571rem;
}
.comments-area li.bypostauthor {
	background: #EEEEEE !important;
	color: black !important;
	border-top: 3px solid #5f82f8 !important;
	border-left: 3px solid #5f82f8 !important;
	-webkit-border-radius-topleft:5px !important;
	-moz-border-radius-topleft:5px !important;
}

.comments-area ol.trackbacklist {
   list-style: decimal;
   margin-left: 20px;
   margin-left: 1.42857142rem;
}

.nocomments {
   margin-top: 24px;
   margin-bottom: 24px;  
}

/* added error class (jQuery fieldvalidation) */
#commentform label.error {
  font-size: 11px;
  color: red;
}
/* conflicting with jQuery required class */
.required {
	color: black;
}

/* plugin cptr css definitions
------------------------------ */
#cptr_related_posts_div {
    background: #eeeeee;
    margin-top: 10px;
    margin-top: 0.71428571rem;
	  padding: 10px;
	  padding: 0.71428571rem;
}

/* this class wraps around the poll
 * using <div style="float:left|right;" class="pollbox"></div>
-------------------------------------------------------------- */ 
.pollbox {
   border:1px solid #cccccc;
   background-color: #bedfe8;
   text-align: center;
   padding: 10px;
   line-height: 140%;
   margin: 15px 20px 15px 20px;
   margin: 1.071428565rem 1.42857142rem 1.071428565rem 1.42857142rem;
}





/*  Titles of sidebar mit brickchen unterlegen; titleBar auch */
p.titleBar,
aside .widget-title {
   background-image: url('/wp-images/brickchen69.jpg'); background-repeat: repeat-x; background-position: top left; 
   font-family: 'Rock Salt', Helvetica, Arial, sans-serif, cursive;
   padding:   1px 10px;
   padding:   0.071428571rem 0.714285714rem;
   color: #000000;
}

/*** begin search */
/* Search mit brickchen unterlegen */
.widget_search {
   background-image: url('/wp-images/brickchen69.jpg'); background-repeat: repeat; background-position: top left; 
   padding:   10px;
   padding:   0.714285714rem;
   color: #000000;
}
.widget_search input {
   font-family: 'Open Sans', Helvetica, Arial, sans-serif, cursive;
   font-size: 20px;
   font-size: 1.428571428rem;
   padding:   2px;
   padding:   0.142857142rem;
   color: #000000;
}
.widget_search input[type=submit] {
   font-family: 'Rock Salt', Helvetica, Arial, sans-serif, cursive;
   font-size: 20px;
   font-size: 1.428571428rem;
	 padding: 0 5px;
	 padding: 0 0.357142857rem;
   color: #000000;
}
/* wy rss & twitter INSIDE the searchbox */
a.wytwitter {
  width: 64px;
  height: 64px;
  float: left;
  margin-right: 12px;
  display: block;
  background-image : url(/wp-images/64_twitter1.png);
  background-repeat: no-repeat;
}
a.wytwitter:hover {
  width: 64px;
  height: 64px;
  float: left;
  margin-right: 12px;
  display: block;
  background-image : url(/wp-images/64_twitter1hover.png);
  background-repeat: no-repeat;
}
a.wyrss {
  width: 64px;
  height: 64px;
  float: left;
  margin-right: 12px;
  display: block;
  background-image : url(/wp-images/64_rss1.png);
  background-repeat: no-repeat;
}
a.wyrss:hover {
  width: 64px;
  height: 64px;
  float: left;
  margin-right: 12px;
  display: block;
  background-image : url(/wp-images/64_rss1hover.png);
  background-repeat: no-repeat;
}
/* height corrections */
#wysearchbox {
   clear:both; 
   padding-top: 11px;
}
/* the 2 links in the searchbox for tags & archive*/
#wylinksinsearch {
   font-family: 'Rock Salt', Helvetica, Arial, sans-serif, cursive;  
   padding-top: 7px;
   text-align: center;
}
#wylinksinsearch a {
   text-decoration: none;
   color: #444;
}
#wylinksinsearch a:hover {
   text-decoration: none;
   color: #000;
}
/*** end search */

/* foother wall */
#colophon {
   background-image: url('/wp-images/brickchen42.jpg'); background-repeat: repeat; background-position: top left;   
   margin-bottom: 24px;
   padding: 0px 10px 24px 10px;
}

/* Post title in Rock Salt (ohne brickchen) */
.entry-title {
   font-family: 'Rock Salt', Helvetica, Arial, sans-serif, cursive;
}

.nav-single {
   background-image: url('/wp-images/brickchen42.jpg'); background-repeat: repeat; background-position: top left;
   margin-top: -12px;
   margin-bottom: 24px;
   padding: 0px 10px 0px 10px;
}

/* -------------------------- */
/* wyando's style definitions */
/* -------------------------- */
.justify     {text-align:justify;}
.left        {text-align:left;}
.right       {text-align:right;}
.center      {text-align:center;}

/* *************************some colors */
.red         {color:red;}
.blue        {color:blue;}
.gray        {color:#aaaa99;}
.grey        {color:#aaaa99;}
.lightgray   {color:#bbbbbb;}
.lightgrey   {color:#bbbbbb;}
.silver      {color:#dddddd;}
.ballyellow  {color:#f1c644;}

/* also used in stats/prg/wy-edit */
.bgmemory {background-color: #eeffff;}

/* *************************some (known) fonts and size */
.tinysuper{font-family:tahoma,verdana,arial,sans-serif;font-size:8px;line-height:11px;vertical-align: super;}
.tinysansfixed{font-family:tahoma,verdana,arial,sans-serif;font-size:9px;line-height:11px;}
.smallsansfixed{font-family:tahoma,verdana,arial,sans-serif;font-size:11px;line-height:14px;}
.xxtiny          {font-size:60%;}
.xtiny           {font-size:70%;}
.tiny            {font-size:80%;}
.sm              {font-size:90%;}
.med             {font-size:100%;}
.lg              {font-size:115%;}
.xlg             {font-family:tahoma,verdana,arial,sans-serif;font-size:150%;font-weight:600;}

/* *************************some tabs */
.entry-content .tab1{margin-left: 2em;}
.entry-content .tab2{margin-left: 4em;}
.entry-content .tab3{margin-left: 6em;}
.entry-content .tab4{margin-left: 8em;}
.entry-content .tab5{margin-left: 10em;}
.entry-content .tab6{margin-left: 12em;}
.entry-content .tab7{margin-left: 14em;}
.entry-content .tab8{margin-left: 16em;}

/* ************************inline featurebox */
.inlinefeaturebox {
   border:1px solid #cccccc;
   background-color:#ffffee;
   text-align: justify;
   padding:10px;
   line-height:140%;
   margin:15px 20px 15px 20px;
   margin: 1.071428565rem 1.42857142rem 1.071428565rem 1.42857142rem;
   -moz-border-radius:16px;
}

.hrfine { 
   margin-top:3px;
   margin-left: 0px;
   margin-right: 0px;
   height:1px;
   border-width:0;
   color:silver;
   background-color:silver;
}





/* tagcloudbox */
#wytagcloudbox { 
   background-image: url('/wp-images/brickchen42.jpg'); background-repeat: repeat; background-position: top left; 
   font-family: 'Open Sans', Helvetica, Arial, sans-serif, cursive;
   border:1px solid #cccccc;
   background-color: #fafafa;
   text-align: center;
   padding: 0 10px 10px 10px;
   margin: 15px 0 15px 0;
   margin: 1.071428565rem 0 1.071428565rem 0;
}
#wytagcloudbox p.widget-title {
   font-family: 'Rock Salt', Helvetica, Arial, sans-serif, cursive;  
   color: #000000;
}
#wytagcloudbox a {
   text-decoration: none;
}
#wytagcloudbox a:hover {
   text-decoration: underline;
}