/*

Theme Name: White as Milk_cp

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 =-=-=-=-=-=-=-=-=-=-=*/



/*Background Color of the page*/

  body {background-color: #0d0700;}



/*Body text color*/

  body {color:#BA7E16;}



/*Text color of the blog title in the header*/

  #header h1 a {color:#804000;
                font-family:  'Courier New', Georgia, 'Trebuchet MS', Verdana, Arial, Sans-Serif;
                font-size: 0.6em;
 }



/*Text color of the blog description in the header*/

  .description {color:#333;}



/*Links color*/

  a {color:#BA7E16}



/*Links hover color*/

  a:hover {color:#940f04}



/*Headings color*/

  .post h2 a, #sidebar h2 {color:#55AB94;}



/*Headings hover color*/

  .post h2 a:hover {color:#006699;}





/*Width of the entire page. You can

  also use a flexible width like so:

  #page {width:64em;}

*/

  #page {width:100%; float: left;}





/*IT'S ADVISED *NOT* TO CHANGE THESE, IF POSSIBLE*/

/*Width of the content area*/

  #content {width: 75%;}



/*Width of the sidebar*/

  #sidebar {width:25%;}



/*Position of the header from the left edge.*/

  #headerimg {margin-left:0%;}



/*Position of the footer from the left edge.*/

  #footer p {padding-left:28%;}



/*=-=-=-=-=-=-=-=-=-=-=- 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: 62.5%; /* Resets 1em to 10px */

	font-family:  'Courier New', Georgia, 'Trebuchet MS', Verdana, Arial, Sans-Serif;

	/*background: #fff;

	color: #333;*/

	text-align: center;

	}



#page {

	text-align: left;

	}



#header {}

#headerimg {}



#content {

	font-size: 1.2em

	}



/*日志内容文字大小*/

#content .entry p {

	font-size: 1.05em; color:#736D07;

	}



/* 1.4是帖子内容的行间距 */

#content .entry, #content .entry {

	line-height: 1.8em;

	}



#content {

	line-height: 1.6em;

	}



#content .postmetadata {}





/*单篇日志内容下方提示小段落*/

.alt {

	background-color: #120a00 ;

	border-top: 1px #804000 dotted;

	/*border-bottom: 1px #ddd dotted;*/

	}



#footer {

	border: none;

	}



/* 时间码 */

small {

	font-family: Georgia, Verdana, Arial, Helvetica, Sans-Serif;

	font-size: 0.8em; color:#BA7E16;

	line-height: 1.5em;

	}



h1, h2, h3 {

        font-variant: small-caps;

	font-family: Georgia, 'Courier New','Trebuchet MS', Verdana, Arial, Sans-Serif;

	font-weight: normal;

	}



#header h1 {

	font-size:3.2em;

	}



.description {

  font-size:1em;

/*  color:#333;*/

	}



h2 {

	font-size: 1.8em;

	}



h2.pagetitle {

	font-size: 1.6em;

background-color:#e7e7e7;

border:1px solid #777;

padding:4px 0px 4px 0px;

margin-top:16px;

	}





/*边侧栏各栏名称字体*/

#sidebar h2 {

	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;

	font-size: 1.2em;

	}



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:visited, h3, h3 a, h3 a:visited {

	/*color: #333;*/

	}



h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {

	text-decoration: none;

	}



.entry p a:visited {

	color: #b85b5a;

	}



.commentlist li, #commentform input, #commentform textarea {

	font: 0.9em 'Courier New', Georgia, Verdana, Arial, Sans-Serif;

        color: #736D07;background: #120a00;

	}



.commentlist li {

	font-weight: bold;

	}



.commentlist li .avatar { 

	float: right;

	border: 1px solid #804000;

	padding: 2px;

	background: #120a00;

	}





/*单片日志页面留言人名称*/

.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 1.1em;

        color: #55AB94;

	}





/*留言内容的行间距*/

.commentlist p {

	font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

	}



#commentform p {

	font-family: 'Courier New', 'Lucida Grande', Verdana, Arial, Sans-Serif;



	}





/*单篇日志页面留言人下面的时间码*/

.commentmetadata {

	font-weight: normal;

        font-size: 0.9em

	}



#sidebar {

	font: 1.1em  'Courier New', Georgia, Verdana, Arial, Sans-Serif;

	}



small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {

	/*color: #777;*/

	}



code {

	font: 1.1em 'Courier New', Courier, Fixed;

	}



acronym, abbr, span.caps

{

	font-size: 0.9em;

	letter-spacing: .07em;

	}



a, h2 a:hover, h3 a:hover {

/*	color: #06c;*/

	text-decoration: underline;

	}



#sidebar a,

.postmetadata a,

.navigation a,

ol.commentlist cite a,

.commentmetadata a {

       text-decoration:none;

}



a:hover {

	/*color: #147;*/

	text-decoration: underline;

	}



#wp-calendar #prev a, #wp-calendar #next a {

	font-size: 9pt;

	}



#wp-calendar a {

	text-decoration: none;

	}



#wp-calendar caption {

	font: bold 1.3em 'Courier New', 'Lucida Grande', Verdana, Arial, Sans-Serif;

	text-align: center;

	}



#wp-calendar th {

	font-style: normal;

	text-transform: capitalize;

	}

/* End Typography & Colors */











/* --------------------------------------Begin Structure-------------------------------------- */



/* Always show the scrollbar */

html {height: 100%;margin-bottom: 1px;}



body {

	margin: 0 0 0px 0;

	padding: 0px;

	}



/*20px页面整体下降高度*/

#page {

	margin: 70px auto;

	padding: 0 3%;

        width: 90%;

*/	min-width: 700px;

        max-width: 1000px

        width: 760px;*/

	}





#header {
	margin: 0 0 50px 0px;

	padding: 0;

}





#content {

        width: 75%;

	float: right;

	padding: 0px 0 0px 0px;

	margin: -90px 0 0;

/*	width: 550px;*/

        overflow:hidden;

	}







#sidebar {

         width: 25%; 

         float: left; 

         text-align:left;

}





/*日志分隔虚线*/

.post {

  border-bottom:1px  #804000 dotted;

  padding-bottom:50px;

	}





/*分隔线到下面主题的间距*/

.post h2 {

  padding-top:10px;

  padding-bottom:20px;

}



.post hr {

  display: block;

}



#content .post {

  margin: 0;

}







/* 每篇日志末尾的“post in” */

#content .postmetadata {

  font-size:11px;

padding-top:14px;

color:#804000;

}



#tags {

font-size:11px !important;

color:#999;

}



#content .postmetadata {

	margin: 10px 0;

	}



#content .smallattachment {

	text-align: center;

	float: left;

	width: 128px;

	margin: 5px 5px 5px 0px;

}



#content .attachment {

	text-align: center;

	margin: 5px 0px;

}



.postmetadata {

	clear: both;

}



.clear {

	clear: both;

}



#footer {

	padding: 0;

	margin: 0 auto;

	width: 100%;

	clear: both;

	}



#footer p {

	margin: 0;

	padding-bottom:24px;

}



/* End Structure */





/* --------------------------------------Begin Headers------------------------------------- */

h1 {

	margin: 0;

	}



h2 {

	margin: 0px 0 0 0;

	}



h2.pagetitle {

		text-align: center;

}



#sidebar h2 {

	margin: 0px 0 0;

	padding: 0;

	}



h3 {

	padding: 0;

	margin: 30px 0 0;

	}



h3.comments {

	padding: 0;

	margin: 40px auto 20px ;

	}

/* End Headers */









/* --------------------------------------Begin Images-------------------------------------- */

p img {

	padding: 0;

	/*max-width: 100%;*/

        max-width: 1000px;

	}



/*	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 */







/* --------------------------------------Begin Lists--------------------------------------



	Special stylized non-IE bullets

	Do not work in Internet Explorer, which merely default to normal bullets. */



html>body .entry ul {

	margin-left: 0px;

	padding: 0 0 0 30px;

	list-style: none;

	padding-left: 10px;

	text-indent: -10px;

	}



html>body .entry li {

	margin: 7px 0 8px 10px;

	}



/*.entry ul li:before, #sidebar ul ul li:before {

	content: "\00BB \0020";

	}*/



.entry ol {

	padding: 0 0 0 35px;

	margin: 0;

	}



.entry ol li {

	margin: 0;

	padding: 0;

	}



.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

	}



#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 0;

	}





/*90px表示各部件间距*/

#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	margin-bottom: 90px;



	}



#sidebar ul p, #sidebar ul select {

	margin: 5px 0 8px;

	}



/* 8px表示标题和子列表之间的距离  0px表示子列表的缩进距离 */

#sidebar ul ul, #sidebar ul ol {

	margin: 8px 0 0 0px;

	}



#sidebar ul ul ul, #sidebar ul ol {

	margin: 0 0 0 10px;

	}



ol li, #sidebar ul ol li {

	list-style: decimal outside;

	}



/*边侧栏子目录垂直间距*/

#sidebar ul ul li, #sidebar ul ol li {

	margin: 7px 0 0;

	padding: 0;

	}



/*#sidebar ul ul{

	border-bottom: 1px dotted #b2b2b2;

	padding: 0 0 5px 0;

}*/



/* End Entry Lists */







/* --------------------------------------Begin Form Elements-------------------------------------- */

#searchform {

	margin: 10px auto;

	padding: 5px 0px 5px 3px;

	}



#sidebar #searchform #s {

	width: 108px;

	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 {

	border: 1px #804000 dotted;

        color: #BA7E16;

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}



#commentform textarea {

	border: 1px #804000 dotted;

	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 {

         float: left; 

         width: 25%; 

	 padding: 0px 0px 0px 0;

/*	 width: 180px;*/

         margin-top:0px;

	}



#sidebar form {

	margin: 0;



	}

/* End Sidebar */







/* --------------------------------------Begin Calendar-------------------------------------- */

#wp-calendar {

	empty-cells: show;

	margin: 10px auto 0;

	width: 155px;

	}



#wp-calendar #next a {

	padding-right: 10px;

	text-align: right;

	}



#wp-calendar #prev a {

	padding-left: 10px;

	text-align: left;

	}



#wp-calendar a {

	display: block;

	}



#wp-calendar caption {

	text-align: center;

	width: 100%;

	}



#wp-calendar td {

	padding: 3px 0;

	text-align: center;

	}



#wp-calendar td.pad:hover { /* Doesn't work in IE */

	background-color: #fff; }

/* End Calendar */







/* --------------------------------------Begin Various Tags & Classes-------------------------------------- */

acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #999;

	}



blockquote {

	margin: 15px 30px 0 10px;

	padding-left: 20px;

	border-left: 5px solid #ddd;

	}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



.center {

	text-align: center;

	}



.hidden {

	display: none;

	}



hr {

	display: none;

	}



a img {

	border: none;

	}



.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

  /*height:40px;*/

  padding:2px 0px 20px 0px;

	}



.navigation .alignleft{

  padding-right:4px;}



/* 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 */