/*
Theme Name: Scribbler
Theme URI: http://www.pollakwebdesign.com
Description: Custom theme for Scribbler on the roof
Version: 1.0
Author: Steve Pollak
Author URI: http://www.pollakwebdesign.com
Tags: clean, basic
*/

/*
	BASE.CSS, PART OF YUI's CSS FOUNDATION
*/
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
p em {
	/*bringing italics back to the em element*/
	font-style:italic;
}

blockquote p {
padding:0 20px 0 20px;
font-style:italic;
}

ul,ol,dl {
	/*giving lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;
}
ul {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*padding to make the table readable*/
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

a { color: #346BA4; text-decoration: none; }
a:visited { color: #346BA4; text-decoration: none; }
a:hover { text-decoration: underline; }

/*
    Utility declarations
*/

/***** need this to change page background *****/
html {
margin: 0; padding: 0;
background:#333 none repeat scroll 0 0 !important;
}

.content-wrapper { width: 73.076em; margin: 0 auto; text-align: left; }

/*
    HEADER
*/
#hd { background:none repeat scroll 0 0 #333333; border-bottom:2px solid #999999; width: 100%; color: #fff; }
#hd-logo { width: 20em; float: left; }
h1.logo { color:#FFFFFF;
float:left;
height:30px;
left:0;
position:relative;
top:3px;}
h1.logo a { color:#fff; font:1.3em Rockwell Extra Bold,Lucida Sans Unicode,Lucida Grande,sans-serif; text-decoration:none; }
h1.logo span  { color:gray; }
#hd-nav { color:#B9B9B9; float:right; font:11px "Lucida Grande",Helvetica,sans-serif; left:0; position:relative; top:6px; }
ul#top-nav { margin: 0; padding: 0; 
	list-style-type: none; list-style-image: none; }
ul#top-nav li {display: inline; }
ul#top-nav li a {color:#fff; }
h2.header-margin { margin:1em 0 0 0; }


/*
    BODY
*/
#bd { background: #FFF; width: 100%; padding: 0 0 2em 0; }
#bd h2  { font:bold 1.9em Helvetica,sans-serif; padding-bottom:.2em; }
#bd h2 a { color:#000000; text-decoration:none; }
#bd h2 a:hover { text-decoration: underline; } 
#bd h4 { font-size: 1.15em; text-transform: uppercase; font-weight:bold; border-top:2px solid #999999; padding: .5em 0 0 0; }
#bd h5 { font-size: 1.55em; }
#bd h5 a { color:#000000; text-decoration:none; }
#bd h5 a:hover { text-decoration: underline; } 

#bd p.date { color:#A1A1A1; font:.8em Helvetica; margin-bottom:.5em; margin-top:1.9em; }
#bd p.date a  { color:#A1A1A1; text-decoration:underline; }
#bd p { color:#3F3F3F; line-height:1.5em; font-size:1.1em; font-weight:normal; margin-bottom:1em; }
#bd p  img { margin:0 5px 0 5px; } 
#bd p  img.alignright { float: right; margin: 0 .5em 0 1em; }
#bd .ad-center { text-align: center; margin: 0 0 .5em 0; }

#bd div.postmeta {
border-top:1px dotted #CCCCCC;
color: #888;
font-size:12px;
line-height:normal;
margin-bottom:5px;
padding:4px 0 5px;
}
#bd div.postmeta a, #bd div.postmeta a:visited { color: #888 }
#bd div.postmeta a:active, #bd div.postmeta a:hover	{ color: #FF4B33; }
#bd #sidebar {
border-left:1px solid #999999;
margin-left:0;
padding:10px 0 0 15px;
}

ol.related-list {
	margin: .5em 0 1em 0em;
	padding: 0 0 0 1em;
}

ol.related-list li {
	list-style:disc outside none;
	padding: 0 0 .5em .2em;
}

/*
    FOOTER
*/
#ft {
clear:both;
display:block;
float:left;
padding:1.5em 0;
text-align:center;
width:100%;
color:#CCCCCC; }
#ft a { color:#fff; }
#ft .lower-boxes { margin: 0 0 1em 0; }
#ft .lower-boxes h2 { border-bottom:1px solid #444444; color:#888888; font-size:1.3em; font-weight:normal; margin:0 0 0.5em; padding:0.2em 0; text-transform:uppercase; }
#ft .lower-boxes p { color:#CCCCCC; font-size:1.1em; margin:0 0 0.5em; padding:0.2em 0; }
#ft #tagline p { border-top:1px solid #666666; float:left; margin-top:.5em; padding-top:1em; width:100%; font-size:1.1em;}
#ft ul { 
list-style:none outside none;
padding-left:5px;
}
#ft ul li {
font-size:1em;
padding:0.3em 0;
}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
	font-size:  12px;
	line-height: 18px;
	overflow: hidden;
	color: #888;
}
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #FF4B33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	width: 50%;
	text-align:right;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: 0 0 0 0;
}




/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title, .related-title {
	color: #000;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom:none;
	margin-bottom:0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: .8em;
	margin: 0 0 .2em 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #FF4B33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #FF4B33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e7e7e7;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}
#comments .pingback .url {
	font-style: italic;
	font-size: 13px;
}



/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	margin: 10px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
#respond .required {
	color:#FF4B33;
	font-weight:bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin:0 0 9px;
	width:98%;
}
#respond textarea {
	width:98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	width: auto;
	font-size: 14px;
}

/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget_search #s { /* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display:none;
}
.widget-container {
	margin: 0 0 10px 0;
min-width:1px;
padding:10px 0;
z-index:1;
line-height: 16px;
}
.widget-title {	
font-weight:normal;
margin:0 0 5px;
padding-bottom:0;
text-transform:lowercase;
font-size: 1.2em;
}

.widget-container ul {
text-transform:capitalize;
}

.widget-container ul li{
margin-bottom:3px;	
font-size: 1.1em;
}

.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}

.widget_tag_cloud {
background-color:#CCCCCC;
border:1px solid #999999;
margin-bottom:10px;
white-space:normal;
width:275px;
line-height: 1.5em;
}

#wp-calendar {
	width:100%;
}
#wp-calendar caption {
	font-weight: bold;
	color: #222;
	text-align: left;
	font-size:14px;
	padding-bottom: 4px;
}
#wp-calendar thead {
	font-size:11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	padding: 3px 0 2px;
	background: #f5f5f5;
	border:1px solid #fff;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #FF4B33;
}
.widget_rss .widget-title img {
	height: 11px;
	width: 11px;
}

/* Main sidebars */
#main .widget-area ul {
	margin-left: 0;
	padding: 0 20px 0 0;
}
#main .widget-area ul ul {
	border: none;
	margin-left: 1.3em;
	padding: 0;
}
#primary {
}
#secondary {
}

/* Footer widget areas */
#footer-widget-area {
}