/*
Theme Name: White as Milk
Theme URI: http://www.azeemazeez.com/blogs/white-as-milk/
Description: White as Milk is a clean template that puts focus on the content rather than the design.
Version: 1.8
Author: Azeem Azeez
Author URI: http://azeemazeez.com
Tags: blue, white, fixed width, two columns, widgets, clean

	White as Milk 1.8
	 http://www.azeemazeez.com/blogs/white-as-milk/
  
  White as Milk is a clean template that puts focus on the content rather than the design. The top part
  of this stylesheet contains elements which makes it easier for designers to customize their design.
  
	The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php*/


/*=-=-=-=-=-=-=-=-=-=-= BEGIN CUSTOMIZATION =-=-=-=-=-=-=-=-=-=-=*/


  body {background-color:white; border-top:10px #b20f16 solid;}

/*Body text color*/
  body {color:#333;}

/*Text color of the blog title in the header*/
  #header h1 a {color:#3b6ea5;}

/*Text color of the blog description in the header*/
  .description {color:#333;}

/*Links color*/
  a, a:visited {color:#696161; text-decoration:none;}

/*Links hover color*/
  a:hover {color:#b20f16; text-decoration:underline;}

/*Headings color*/
  .post h2 a {color:#333;}

/*Headings hover color*/
  .post h2 a:hover {color:#0066CC;}

/*=-=-=-=-=-=-=-=-=-=-=- END CUSTOMIZATION -=-=-=-=-=-=-=-=-=-=-=*/



/*
THE FOLLOWING CODE IS DERIVED FROM THE DEFAULT "KUBRICK" THEME.
THE STRUCTURE AND LAYOUT IS IN MY OPINION, NOT THE WAY CSS SHOULD
BE ORGANIZED, BUT FOR NOW I AM LEAVING IT THE WAY IT IS TO KEEP
IT CONSISTENT.
*/

/* Begin Typography & Colors */
body {
	font-size: 12px;
	font-family: arial;
	text-align: center;
	background:url(images/bg.gif) left top;
	}

body#index{
	background: url(images/bg-content.png) repeat-x left 108px;
}

#page {
	text-align: left;
	position:relative;
	width:700px;
}

#header { 
	background-color:#fff; 
	display:block;
}

#headerimg{
	float:left;
	width:399px;
}

#header-content{
	display:block;
	width:950px; 
	margin:0 auto;
	height:97px;
}

.headermenu{
	padding:20px 0 0 0;
	float:right;
	width:500px;
}

.footermenu{
	padding:0 0 20px 50px;
	float:left;
	width:900px;
}

.headermenu ul, .footermenu ul{
	margin:0;
	padding:0;
	list-style:none;
}

.separator{ 
	width:100%;
	background: url(images/header-bg.png) repeat-x left top;
	height:8px;
}

#content .entry p {
	font-size: 1em;in
	}

#content .entry, #content .entry {
	line-height: 1.4em;
	}

#content .postmetadata {}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}



small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

#headerimg h1{
	margin:0;	
	padding:5px 0 0 15px;
}
	
#headerimg h1 a {
	font-size:3.2em;
	text-indent:-9000px;
	overflow:hidden;
	background:url(images/header-title.png) no-repeat left top;
	width:283px;
	height:85px;
	display:block;
}

.post h2 {
	font-size: 1.6em;
}

h2.pagetitle {
	font-size: 1.6em;.
background-color:#e7e7e7;
border:1px solid #777;
padding:4px 0px 4px 0px;
margin-top:16px;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg{
	text-decoration: none;
	color: #3b6ea5;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #large-sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
}

/* End Typography & Colors */


/* Begin Structure */

/* Always show the scrollbar */
html {height: 100%;margin-bottom: 1px;}

body {
	margin: 0 0 20px 0;
	padding: 0;
	}

#page {
	margin: 20px auto;
	padding: 0;
	width: 950px;
	}

.entry{
	float:left;
	clear:both;	
}

.entry a, .entry a:visited{ color:#0066cc; text-decoration:underline;}
.entry a:hover{ color:#3b5998; text-decoration:none; }
	
#header {
	padding: 0;
}

#content, #content-large {
	float: left;
	margin: 0 6px 20px 0;
	padding: 10px;
	line-height: 1.6em;
	font-size: 1.2em;
	min-height: 600px;
	border: 1pt #DDD solid;
	background-color: white;
}

.widecolumn{ 
	width: 620px;
}

#content h2{
	margin-top:0;
}
	
#content-set-box{
	margin:0;
	padding:0;
	float:left;
	width:100%;
}

#content-set-box .content-box{
	width:292px;
	float:left;
	background:url(images/separador.png) repeat-x left 8px;
	padding:0;
	margin:15px 25px 10px 0;
}

#content-set-box .content-box-large{
	width:615px;
	float:left;
	background:url(images/separador.png) repeat-x left 8px;
	padding:0;
	margin:15px 0px 10px 0;
}

.content-box h3, .content-box-large h3{
	text-transform:lowercase;
	margin:0 0 10px 0;
	padding:0 5px 0 0;
	background:url(images/bg.gif) left top;
	float:left;
}

.content-box ul{
	margin:0;
	padding:0 0 0 10px;
}

.post {
  border-bottom:1px solid #999;
  padding-bottom:4px;
  float:left;
}

.post h2 {
  margin: 0;
  padding:0 5px 0 0;
  margin-bottom:15px;
  float:left;
}

#content .post {
  margin: 0;
}

.clear {
	clear: both;
}

#footer {
	padding: 5px 0 10px 0;
	width: 100%;
	clear: both;
	border-top:1pt #666 solid;
	display:block;
	width:950px;
	margin:0px auto;
	}

#footer p {
	margin: 0;
	padding-bottom:24px;
	text-align:center;
}

/* End Structure */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */




.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 0px 5px 3px;
	}

#sidebar #searchform #s {
	width: 215px;
	padding: 1px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 98%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
margin:0px;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar {
	padding:0px 0 0 0;
	width: 300px;
	margin:0;
	float:left;
	text-align:left;
}

#sidebar ul, #large-sidebar ul, #list-articles ul{
	margin:0;
	padding:0;
	list-style:none;
}

h2.widgettitle, h3.recent{
	float:left;
	width:288px;
	height:25px;
	background:#fff;
	color:#f87608;
	font-size: 1.3em;
	padding:5px 0 5px 10px;
	margin:0;
	border-top:2pt #7fa6a1 solid;
	border-left:1pt #ddd solid;
	border-right:1pt #ddd solid;
	border-bottom:1pt #ddd solid;
}

.widget{
	margin:15px 0 0 0;
	float:left;	
}

.widget ul, #list-articles ul{
	border-left:1pt #ddd solid;
	border-right:1pt #ddd solid;
	border-bottom:1pt #ddd solid;
	
	margin:0 0 15px 0;
	float:left;
	width:298px;
}

li.widgets_of_posts_by_same_categories a, li.widget_links a, li.cat-item a, #list-articles a{
	float:left;
	padding:10px 0 10px 10px;
	background-color:#fff;
	font-size:1.2em;
}

li.cat-item a{
	width:139px;	
}


li.widgets_of_posts_by_same_categories a, li.widget_links a, #list-articles a{
	width:288px;
}

li.widgets_of_posts_by_same_categories a:hover, li.widget_links a:hover, li.cat-item a:hover, #list-articles a:hover{
	background-color:#ddd;
}

#sidebar form {
	margin: 0;
	}
	
.fb-like-box{
	margin-top:15px;
}
/* End Sidebar */




a img {
	border: none;
	}


/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */



/*
  Ploo, ploo, white and blue. 
  I do love you true.
*/

.addthis_toolbox{
	margin-top: 20px;
	text-align: right;
	width: 100%;
	margin-left: 170px;
	margin-bottom:20px;
	float:left;
	width:460px;
}

#adsense-top{
	display:block;
	margin:15px auto 20px auto;
	width:728px;
	height:110px;
}

#adsense-home-bottom{
	float:left;
	margin:0 auto 20px auto;
	width:950px;
	height:110px;
	text-align:center;
}

#adsense-menu-right{
	position:absolute;
	right:0;
	top:134px;
	display:block;
	width:160px;
	height:600px;
}

.adsense-links-after{
	text-align:center;
	margin-top:3px;
}

.adsense-sidebar{
	margin-top:15px;
}

#adsense-single{
	width:300px;
	height:250px;
	border:1pt solid;
	float:left;
	margin-left:20px;
}

#adsense-bottom{
	width:336px;
	float:left;
	height:280px;
	margin:0 142px;
}

.adsense-square{
	float:right;
	width:250px;
	margin:0 7px 10px 0;
	height:250px;
}

.last{
	margin-right:0 !important;
}


/* identity */

#index_content { width:950px; height:375px; }
	#video_index{ float:right; width: 608px; background:url(images/bg-video.png) no-repeat left top; height:332px; padding:10px; }
	#content_text_index {float:left; width:285px; height:331px; padding:10px; color:#fff; text-align:center; }
		#content_text_index h2{ color:orange; text-transform:uppercase; display:block; height:28px; margin:0; }
		#content_text_index p { margin: 13px 0; line-height:1.7em; }
		#content_text_index p.link { text-align:center; }

		a.index_buttom{ background:url(images/index-buttons.png) no-repeat; float:left; height:28px; color:#000; padding-top:10px; text-transform:uppercase; }
		a#index_read_more { background-position:left top; width:114px; margin-right:5px; }
		a#index_read_more:hover { background-position:left -38px; }
		a#index_learn { background-position:-114px top; width:164px; }
		a#index_learn:hover { background-position:-114px -38px; }

#square_videos { height: 65px; width:260px; background-color:#385ee6; }

#index_columns{ float:left; width:950px; margin:15px 0;}
	.index_column{ background-color:#fff; width:229px; float:left; margin:0 20px 20px 0; min-height: 370px; padding:10px 36px; border:1pt #ddd solid;  border-top: 2pt #7FA6A1 solid; }
		.index_column h3{ margin:0; }
			.index_column h3 a, .index_column h3 a:hover{ color:#f19703 !important; text-transform:uppercase; }
		.index_column a img{ width:208px; }



/* Menu */
.menu-item { color:#fff; text-transform:uppercase; }

.headermenu { width:500px; float:left; padding:0; margin-top:10px; }
.headermenu ul{ list-style-type:none; padding:0; margin:0;}
.headermenu ul li{ margin:2px 6px; font-weight:bold;  float:left; }
.headermenu a, .headermenu a:hover { color:#fff; float:left; width:150px; padding:10px 0px; text-align:center; border:1pt #666 solid; }
/*.menu-homepage a:hover{ background-position: left -60px; }*/

.menu-item-458 a, .menu-item-472 a{ background-color:#2cb146; border-color:#da2d2d; } /* home */

.menu-item-459 a, .menu-item-469 a{ background-color:#2cb146; border-color:#196427; } /* dicas */
.menu-item-459 a:hover, .menu-item-469 a:hover { background-color:#196427; }

.menu-item-460 a, .menu-item-470 a{ background-color: #da2d2d; border-color:#7b1a1a; } /* videos */
.menu-item-460 a:hover, .menu-item-470 a:hover { background-color: #7b1a1a; }

.menu-item-461 a, .menu-item-471 a{ background-color: #f8cc1c; border-color:#ad8e14; } /* curiosidades */
.menu-item-461 a:hover, .menu-item-471 a:hover { background-color: #ad8e14; }

.menu-item-464 a, .menu-item-473 a{ background-color: #ff7d00; border-color:#aa5503; }/* jogos */
.menu-item-464 a:hover, .menu-item-473 a:hover{ background-color:#aa5503; }

.menu-item-656 a, .menu-item-467 a{ background-color: #385ee6; border-color:#213683; } /* comprar */
.menu-item-656 a:hover, .menu-item-467 a:hover{ background-color: #213683; }

.menu-item-463 a, .menu-item-468 a,  .menu-item-916 a{ background-color:#fff;  border-color:#da2d2d; } /* sobre - quebra-cabe�as */
.menu-item-463 a:hover, .menu-item-468 a:hover, .menu-item-916 a:hover{ background-color:#dfdfdf; }

.widget_nav_menu a{
	width:139px;
	float:left; 
	color:#fff;
	text-align:center; 
	border:1pt solid;
	margin:3px;
	font-weight:bold;
	padding-top:85px !important;
	background-position: center 10px; 
	background-repeat:no-repeat;
}

/* sidebar - menu navigation */
.widget_nav_menu .menu-item-460 a, .widget_nav_menu .menu-item-470 a{ background-image:url(images/thumbs/videos.png);}
.widget_nav_menu .menu-item-459 a, .widget_nav_menu .menu-item-469 a{ background-image:url(images/thumbs/dicas.png);}
.widget_nav_menu .menu-item-656 a, .widget_nav_menu .menu-item-467 a{  background-image:url(images/thumbs/comprar.png);}
.widget_nav_menu .menu-item-464 a, .widget_nav_menu .menu-item-473 a{ background-image: url(images/thumbs/jogos.png); }
.widget_nav_menu .menu-item-461 a, .widget_nav_menu .menu-item-471 a{ background-image: url(images/thumbs/curiosidades.png); }
.widget_nav_menu .menu-item-463 a, .widget_nav_menu .menu-item-468 a,  .widget_nav_menu .menu-item-916 a{ background-image: url(images/thumbs/cubo.png); }

.menu-item-463 a, .menu-item-468 a, .menu-item-916 a, .menu-item-463 a:hover, .menu-item-468 a:hover, .menu-item-916 a:hover{ color:#da2d2d; }

/* Menu Index */
#menu-index{ float:left; list-style:none; margin:20px 0 20px 1px; padding:0; }
	#menu-index li{ float:left; text-align:center; color:#fff; margin:0; }
	#menu-index img{ margin-bottom:10px; }
	#menu-index a, #menu-index a:visited { margin-right:15px; font-weight:bold; color:#fff; float:left; width:177px; height:15px; text-transform:uppercase; padding:85px 0 10px 0; }
	
	#menu-index-videos a{ background: #da2d2d url(images/thumbs/videos.png) no-repeat center 10px;}
	#menu-index-videos a:hover { background-color: #7b1a1a; }
	
	#menu-index-dicas a{ background:#2cb146  url(images/thumbs/dicas.png) no-repeat center 10px;}
	#menu-index-dicas a:hover { background-color:#196427; }
	
	#menu-index-comprar a{  background: #385ee6 url(images/thumbs/comprar.png) no-repeat center 10px; }
	#menu-index-comprar a:hover { background-color:#213683; }
	
	#menu-index-jogos a{ background: #ff7d00 url(images/thumbs/jogos.png) no-repeat center 10px; }
	#menu-index-jogos a:hover{ background-color:#aa5503; }
	
	#menu-index-curiosidades a{ background: #f8cc1c url(images/thumbs/curiosidades.png) no-repeat center 10px; margin-right:0px !important;}
	#menu-index-curiosidades a:hover { background-color: #ad8e14; }


.menu-footer li{ float:left; margin:25px; }


a.next, a.previous{ margin-bottom:5px; padding:4px 0 0 20px;  font-size:1em; display:block; height:15px; color:#0071a1; text-align:left; }

a.print { background: url(images/printer.png) no-repeat left 4px; }
a.previous{ background: url(images/back.png) no-repeat left 4px;}
a.next{ background: url(images/next.png) no-repeat left 4px;}
#footer-navigation{ display:block; margin:0 auto; list-style:none; text-align:center; padding:0; }
#footer-navigation li.li_previous { float:left; width:160px; }
#footer-navigation li.li_next { float:right; width:160px; }

/* Archive */

.category-box h1{ text-align:center; }

.subcategory-box, .category-inner-box { float:left; width:620px; margin-bottom:50px;  border-bottom:1pt #ddd solid; }
	.subcategory-box h2 { color:#f69206; text-align:center; }

.cat-description {float:left;width:48%; border-right:1pt #ddd solid;}
	.cat-description p{ text-indent:15px; }
.cat-link-list{ float:right;width:48%; }
.cat-link-list ul { float:left; margin:0; padding-left: 25px;}
.category-inner-box ul a, .category-inner-box ul a:visited, .cat-link-list ul a, .cat-link-list ul a:visited{color:#0071a1;}

.category-inner-box ul{ float:left; width:620px; list-style:none; margin:0; padding:0;}
.category-inner-box ul li{float:left; width:50%; margin-bottom:10px; text-align:center;}

/* extra */
.highlight { font-weight:bold; color:red !important; }
.cubo-div{ float:left; width:615px; border:1pt #999 solid; margin:10px 0; }