/*
 -----------------------------------------------------------------------------
 skins/ps_summer09/style.css
 (c) 2009 prettyscripts.com
 -----------------------------------------------------------------------------
 modification history
 -----------------------------------------------------------------------------
 06/12/09	initial development
 27/02/10	add prev next post
 -----------------------------------------------------------------------------
 */

@import url("../../rsc/css/basic.css"); 	/* Import basic styles */
@import url("../../rsc/css/blog_base.css");     /* for the blog navigation */
@import url("../../rsc/css/item_base.css");     /* for the post CONTENT */

body { margin: 0; padding: 0; background: #fff; color: #444; font: 80.1% tahoma, verdana, arial, san-serif; line-height: 1.3em; }

a { color: #757; }
a:hover { color: #f0f; }

h1, h2, h3, h4, h5 { color: #444; font-family: verdana, arial, san-serif; font-weight: bold; }

#page { width: 960px; margin: 0 auto; padding: 2em 0; }
.wrap { width: 960px; margin: 0 auto; }
#pageheader { margin: 1em 0 .6em; }
#pagefooter { clear: left; margin: 10em 0 0; padding: .5em 0 3em 0; border-top: 1px solid #ccc; background: #6f686f; color: #ccc; display: block; }

#pagecontent { width: 490px; float: left; margin-bottom: 2em; padding-right: 1.75em; }
#sidebar { width: 180px; float: left;  border-left: 1px solid #ddd; }
#sidebar2 { width: 180px; float: left; }

#pageheader img.logo { margin: 0; }
#pageheader a { text-decoration: none; }

/* for displaying single line menu */
ul.topmenu { margin: 0; padding: 0; list-style: none; display: inline; }
ul.topmenu li { display: inline; }
ul.topmenu a { text-decoration: none; }

div#menu { margin: 0 0 1em; padding: 1em 0; background: #757; color: #eee; font-size: 1.2em; font-weight: bold; text-transform: lowercase; }
div#menu ul li { }
div#menu ul li a { padding: .3em .8em; color: #ddd; }
div#menu ul li a:hover { color: #fff; }

div.ad { padding: 0 .3em; margin-top: -.8em; }
div.navigation { padding: 0 .3em; }

div.follow { float: right; margin-top: -.75em; }
div.follow ul { list-style: none; margin: 0; padding: 0; }
div.follow ul li { display: inline; pading: 0; }
div.follow ul li a { padding: .2em; }

/* sidebar */
div.sidebar { padding: 0 1em; overflow: hidden;  margin: 1em 0 2em 1em; }
div.sidebar .block { margin: .5em 0 1em; overflow: hidden; }
div.sidebar .block p { white-space: pre-line; }
div.sidebar h1 { font-size: 1.3em; padding: .2em 0; color: #868; text-transform: lowercase; border-top: 2px solid #bab; border-bottom: 1px solid #ccc; }
div.sidebar h2 { font-size: 1.2em; color: #888; margin: 0; padding: .2em 0; }
div#sidebar h1 a { text-decoration: none; }
div.sidebar ul { margin: 0 0 .4em; padding: 0; list-style-type: none; }
div.sidebar ul li { margin: 0; padding: 0; }
div.sidebar ul li ul li { padding-left: 1.5em; }
div.sidebar div.affiliate { margin: 1em 0 2em; }
div.sidebar div.affiliate img { margin: .1em 0; padding: 0; }
div.sidebar div.affiliate p { margin: 0; padding: .1em 0; }
div.sidebar div.adsense { margin: 1em 0; }
div#aus { border: 1px solid red; }

#pagefooter a { color: #eee; }
#pagefooter a:hover { color: #fff; }
#pagefooter div.block { width: 200px; float: left; border: 1px solid red; }

/* prev / next posts */
ul.prevnext_post { margin: 0; padding: 0; list-style: none; }
ul.prevnext_post li.prev { float: left; }
ul.prevnext_post li.next { float: right; }

/* post item */
div.bPost { margin: 1em 0 3em; width: 450px; }
div.bPost h1 { font-size: 2.1em; border-bottom: 0px solid #ddd; margin-bottom: .3em; padding-bottom: .2em; line-height: 1em; }
div.bPost h1 a { color: #757; text-decoration: none; }
div.bPost h1 a:hover { color: #d0b; }
div.bPost p.info { margin: .2em 0; padding: .2em 0; color: #666; border: 1px solid #ddd; border-width: 1px 0; }
div.bPost p.cat { margin: .2em 0; padding: 0; }

div.bText, div.excerpt { margin: 1em 0; line-height: 1.6em; }

/* comment */
div.bComment { margin: 1em 0 1em; padding: 1em 0; border-width: 0;  border-top: 1px solid #ccc; }
div.bComment .info { }
div.bComment .content { margin: .7em 0; }
div.preview { background: #f6f6f6; }

form.bComment { border-width: 0; margin: 0; padding: 0; }
form.bComment fieldset { margin: .2em 0; }
form.bComment fieldset div.label { float: none; text-align: left; width: 80%;  }
form.bComment fieldset div.input { margin: 0; }
form.bComment fieldset div.info { margin: 0; }
form.bComment textarea { width: 420px; }
form.bComment input[type=text] { }
form.bComment .info { color: #555; font-size: 0.9em; line-height: 1.4em; }

code { padding: 0 1em; }
blockquote { margin: 1em 0; padding: .5em 1em; background-color: #f9f9f9; border: 1px dotted #ddd; }

div.codeblock { margin: 1em 0; padding: .5em .2em; background-color: #eee; border: 1px dotted #ccc; overflow: auto; }
div.codeblock { background: #fff; padding: 0; line-height: 1.7em; }
div.codeblock td { border: 1px solid #ddd; }
div.codeblock tr.amc_code_odd { background: #fff; }
div.codeblock tr.amc_code_even { background: #f6f6f6; }