/*
Theme Name: Problogger Clean
Theme URI: http://timyang.com/problogger-clean-theme-for-wordpress/
Description: Adsense-monetized, search-engine optimized and content-focused theme with corporate-colors. Read the <a href="http://timyang.com/problogger-clean-theme-for-wordpress/">documentation</a> and the <a href="http://groups.yahoo.com/group/probloggerclean">support forum</a>.
Author: Tim Yang
Author URI: http://timyang.com/
Version: 2.0
*/

/* main layout */

#environment
		{
		margin: 0 auto;
		min-width: 800px;
		width: 99%;
		}

#masthead
		{ /* masthead position */
		border-top: 30px solid #ccc;
		margin: 0;
		padding: 25px 0 5px 0;
		width: 100%;
		}

#header
		{
		border-bottom: 1px solid #ccc;
		padding: 0 0 10px 0;
		}

#middlewrap
		{
		float: left;
		margin: 0 401px 0 0;
		min-width: 468px;
		}

#blogposts
		{/* positioning the blogposts (left) column */
		float: left;
		padding: 0 0 25px 0;
width: 100%;
		}

#sidebars
		{
		float:right;
		margin:0 0 0 -401px;
		width: 400px;
		}

#sidebar1
		{/* left sidebar position */
		float: left;
		padding: 15px 20px 15px 30px;
		width: 160px;
		}

#sidebar2
		{/* right sidebar position */
		float: right;
		padding: 15px 0;
		width: 180px;
		}


#footer
		{ /* footer information */
		background-color: #cc9;
		clear: both;
		width: 100%;
		}

#masthead, #sidebars, #footer
		{ /* clear every floats */
		overflow:hidden;
		_height:1%;			/* MSIE specific */
		_overflow:none;		/* MSIE specific */
		}


/* ------------ universal properties ------------ */

body
		{ /* follows styling of content */
		background-color: #fff;
		color: #000;
		font: 14px 'trebuchet ms', sans-serif;
		margin: 0 10px 5px 45px;
		}

ul
		{
		list-style-type: square;
		margin: 0;
		padding: 0;
		}

img
		{
		border: 0;
		}

address
		{
		margin: 0;
		}

a:link, a:visited
		{
		color: #903;
		text-decoration: none;
		}

a:active, a:hover
		{
		color: #666;
		}

h1
		{/* blog_title */
		color: #000;
		font: bold 24px georgia, serif;
		letter-spacing: -1px;
		margin: 0 0 5px 0;
		word-spacing: 2px;
		}

h1 a, h1 a:hover, h1 a:active
		{/* blog_name */
		color: #903;
		}

h2
		{/* blog_description */
		color: #000;
		font-size: 10px;
		letter-spacing: 2px;
		margin: 0;
		text-transform: uppercase;
		word-spacing: 1px;
		}

h3
		{/* post_date */
		clear: both;
		color: #999;
		font: 18px georgia, serif;
		margin: 20px 0 0 0;
		}

h4
		{/* post_title */
		clear: both;
		font: 18px georgia, serif;
		margin: 5px 0 0 0;
		word-spacing: 1px;
		}

h4 a, h4 a:hover, h4 a:active
		{/* permalink */
		color: #903;
		}

h5
		{/* post_subhead */
		color: #000;
		font: bold 12px;
		margin: 5px 0 0 0;
		text-transform: uppercase;
		}

div.content h5
		{/* subheads among the paragraphed post content */
		margin: 25px 0 0 0;
		}

h6
		{/* section_header */
		margin: 0;
		}

fieldset
		{
		border: 0;
		margin: 0;
		padding: 0;
		}

input, textarea
		{/* styling of content of input boxes and textarea */
		border: 1px solid #999;
		font: 12px 'trebuchet ms', sans-serif;
		padding: 1px;
		}

div#adsense46815, div.adsense46860, .adsensesidebar
		{
		display: block;
		}

/* ------------ in header ------------ */

div#adsense46815
		{/* masthead link ads */
		float: left;
		margin-top: 5px;
		width: 468px;
		}

div#topmenu
		{/* menu to archive, search, rss */
		float: right;
		width: 300px;
		}

div#topmenu ul#topmenulist
		{
		float: right;
		list-style-type: none;
		margin: 0 0 35px 0;
		}

div#topmenu ul#topmenulist li
		{
		display: inline;
		}

div#topmenu ul#topmenulist li a:link, div#topmenu ul#topmenulist li a:visited
		{
		background-color: #ccc;
		color: #fff;
		display: block;
		float: left;
		font: 10px/10px arial, sans-serif;
		margin-left: 1px;
		padding: 5px 20px;
		text-decoration: none;
		text-transform: uppercase;
		}

div#topmenu ul#topmenulist li a:active, div#topmenu ul#topmenulist li a:hover
		{
		background-color: #999;
		}

/* ------------ in blogposts ------------ */

div.asides
		{
		font: 10px/14px arial, sans-serif;
		margin: 30px 0 0 0;
		text-transform: uppercase;
		}

div.asides span.sectionprompt
		{
		float: left;
		font-size: 14px;
		font-weight: bold;
		line-height: 11px;
		margin-left: 20px;
		}

div.asides p.asidespost
		{
		margin: 0px 5px 20px 35px;
		width: 90%;
		}

div.asides
		{
		overflow:hidden;
		_height:1%;
		_overflow:none;
		}

#blogposts div.adsense46860
		{/* positioning adsense blocks in blogposts column */
		margin-bottom: 20px;
		}

div.content
		{/* positioning the blogposts */
		padding: 10px 10px 0 0;
		}

div.content p
		{/* styling the blogposts */
		line-height: 24px;
		margin: 5px 0 15px 0;
		}

div.content a:visited, div.content a:link
		{
		text-decoration: underline;
		}

div.content blockquote
		{
		background-color: #eee;
		margin: 0 5px 20px 20px;
		padding: 25px 25px 30px 25px;
		}

div.content blockquote p
		{
		color: #903;
		font: 12px/20px verdana, sans-serif;
		margin: 0 0 10px 0;
		word-spacing: 1px;
		}

div.content blockquote pre
		{
		font-family: courier, 'andale mono', monospace;
		}

div.content ul, div.content ol
		{
		background-color: #eee;
		margin: 30px 10px 30px 20px;
		padding: 30px 40px 20px 50px;
		}

div.content ol li, div.content ul li
		{
		font: 12px/18px verdana, sans-serif;
		margin: 0 0 10px 0;
		}

div.postdatatop
		{/* post_info */
		background-color: #fff;
		border-left: 4px double #bbb;
		border-right: 4px double #bbb;
		color: #000;
		float: right;
		font: 10px/16px arial, sans-serif;
		margin: 15px 10px 20px 20px;
		padding: 10px 10px 10px 25px;
		text-transform: uppercase;
		width: 130px;
		}

div.postdatatop ul.postcatlist
		{
		background-color: #fff;
		margin-left: 15px;
		}

div.postdatatop a:link, div.postdatatop a:visited, ul.postcatlist a:link, ul.postcatlist a:visited
		{
		color: #777;
		text-decoration: none;
		}

div.postdatatop a:active, div.postdatatop a:hover, ul.postcatlist a:hover, ul.postcatlist a:active
		{
		color: #333;
		}

div.postdatabottom
		{
		float: right;
		font: 16px georgia, serif;
		margin: -10px 10px 50px 0;
		}

div.postdatabottom a
		{
		text-decoration: underline;
		}

div.postmetadata /* positioning the metadata section */
		{
		margin-bottom: 35px;
		}

div#postnavindex
		{ /* next-previous links to pages on homepage and archive bottom */
		clear: both;
		margin-bottom: 40px;
		text-align: center;
		text-transform: uppercase;
		}

/* ------------ in footer ------------ */

div#footer address
		{
		background-color: #903;
		color: #fff;
		font-style: normal;
		font-weight: bold;
		letter-spacing: 1px;
		padding: 20px;
		text-transform: uppercase;
		width: 350px;
		word-spacing: -1px;
		float: left;
		}

div#footer div#credit
		{
		color: #000;
		font-size: 10px;
		padding: 15px 20px 0 0;
		text-align: right;
		text-transform: uppercase;
		}

div#footer div#credit a:link, div#footer div#credit a:visited
		{
		color: #000;
		text-decoration: none;
		}

div#footer div#credit a:active, div#footer div#credit a:hover
		{
		color: #fff;
		}

/* ------------ in pages ------------ */

div#bysubject
		{ /* archive data */
		float: left;
		margin: 0 20px 30px 0;
		width: 220px;
		}

div#bymonth
		{ /* archive data */
		float: left;
		margin: 0 0 30px 0;
		width: 220px;
		}

ol#allposts
		{
		clear: both;
		}

div#archive ul
		{
		list-style-type: none;
		}

div#archive ol li
		{
		margin-bottom: 10px;
		}

div#archive h4
		{
		margin-bottom: 10px;
		}

/* ------------ in sidebars ------------ */

.sidebar ul
		{
		list-style-type: none;

		}

#sidebar1 ul, #sidebar1 li
		{ /* width handling */

		background-color: #fff;
		width: 155px;

		}

#sidebar2 ul, #sidebar2 ul li ul li
		{ /* width handling */

		background-color: #fff;
		width: 155px;

		}

.sidebar ul li.section
		{ /* sidebar section header */

		font: 10px/10px arial, sans-serif;
		margin: 0 0 30px 0;
		padding-left: 4px;
		text-transform: uppercase;

		}

.sidebar ul li.section span.sectionprompt
		{/* sidebar section prompt */

		color: #c90;
		font-size: 12px;
		font-weight: bold;

		}

.sidebar ul li.section ul
		{ /* space between sidebar section header and content */

		padding-top: 10px;

		}

.sidebar ul ul li
		{ /* sidebar content control */

		font: 10px/13px verdana, sans-serif;
		padding: 0 0 10px 5px;
		text-transform: none;

		}

.sidebar ul ul li a:link, .sidebar ul ul li a:visited
		{ /* sidebar link control  */

		font: 10px/13px verdana, sans-serif;
		text-decoration: none;

		}

#sidebar2 ul, #sidebar2 li
		{ /* handle the width of text blocks in sidebar2 */

		width: 170px;

		}

.sidebar ul li.adsensesidebar
		{ /* adsense block styling */

		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		margin-bottom: 40px;
		padding: 40px 0 20px 0;

		}

.sidebar li#adsense160600
		{
		border-top: 0;
		padding-top: 0;

		}

fieldset#tellafriend
		{/* tellafriend script positioning */

		margin-bottom: 30px;
		padding-top: 10px;

		}

fieldset#tellafriend label
		{ /* tellafriend script styling */

		display: block;
		font-family: verdana, sans-serif;

		}

fieldset#tellafriend input.tafinput
		{
		margin-bottom: 5px;
		width: 155px;

		}

ul#earlierlist li p
		{ /* earlier list of posts */

		margin: 5px 0 0 5px;

		}

table#wp-calendar
		{ /* calendar position */
		font-size:100%;
		background-color: #eee;
		margin-left: 5px;

		}

table#wp-calendar td
		{ /* calendar styling */

		padding-right: 3px;

		}

/* ------------ in single posts ------------ */

div.postnav
		{ /* navigation to next and previous articles */
		clear: both;
		font-size: 12px;
		text-transform: uppercase;
		overflow:hidden;
		_height:1%;						/* MSIE specific */
		_overflow:none;		/* MSIE specific */
		width: 100%;
		}

div.postnav a
		{
		font: 12px/18px verdana, sans-serif;
		text-decoration: none;
		text-transform: none;
		}

div.alignleft
		{/* left align of link to previous post */
		float: left;
		margin: 10px 10px 30px 0;
		width: 45%;
		}

div.alignright
		{ /* right align of link to next post */
		float: right;
		margin: 10px 10px 30px 10px;
		text-align: right;
		width: 45%;
		}

div#categories
		{/* related categories nav */
		clear: both
		margin: 0 0 30px 0;
		}

div#categories h5
		{
		float: left;
		margin-top: 2px;
		}

div#categories ul
		{
		float: left;
		list-style-type: none;
		text-transform: uppercase;
		}

div#categories ul li
		{
		display: inline;
		}

div#categories ul li a
		{
		font-size: 12px;
		line-height: 12px;
		}

div#postdatabottomsingle
		{/* link to add to delicious */
		border: 4px solid #ccc;
		clear: both;
		margin: 25px 0 40px 0;
		padding: 8px;
		}

ol#commentlist
		{/* comment styling */
		color: #903;
		font-family: georgia, serif;
		font-size: 30px;
		}

ol#commentlist li
		{
		border-top: 1px solid #ccc;
		line-height: 20px;
		padding: 20px 0 10px 0;
		}

ol#commentlist li cite, ol#commentlist li em
		{
		color: #000;
		font-size: 18px;
		font-style: normal;
		}

ol#commentlist li cite a
		{
		font-size: 21px;
		}

ol#commentlist li p
		{
		color: #000;
		font-size: 16px;
		line-height: 21px;
		margin: 10px 0;
		}

ol#commentlist li p a
		{
		text-decoration: underline;
		}

div#loggedin, div#xhtml
		{/* styling for logged-in check and comments quicktags */
		font-size: 14px;
		margin: 5px 0;
		}

h5#respond
		{
		clear: both;
		margin-top: 20px;
		}

div#xhtml
		{ /* positioning the quicktags list from the textarea */
		font-size: 12px;
		margin: 0 0 10px 0;
		width:500px;
		}

div#policy
		{ /* commenting policy */
		font-size: 12px;
		font-style: italic;
		line-height: 16px;
		margin: 15px 10px;
		}

fieldset#commentform
		{ /* positioning the comment sections */
		margin-bottom: 40px;
		}

fieldset#commentform input, fieldset#commentform textarea
		{ /* positioning of inputs and textarea */
		margin: 0 10px;
		}

fieldset#commentform input.commentinput
		{ /* size of input boxes */
		width: 250px;
		}

fieldset#commentform label
		{ /* styling of labels */
		font-size: 12px;
		text-transform: uppercase;
		}

fieldset#commentform div.formentry
		{
		margin-bottom: 10px;
		}

input#commentsubmit, input.tafsubmit
		{ /* styling the submit buttons */
		background-color: #ddd;
		text-transform: uppercase;
		}

div#pagination
		{ /* styling the pagination navigation */
		font: 24px/30px georgia, serif;
		margin: 10px 0 20px 0;
		}

div#pagination span#paginationtext
		{
		font: 14px/30px arial, sans-serif;
		text-transform: uppercase;
		}


/* ------------ end ------------ */