/*
Theme Name: rosieandlee
Theme URI: http://www.rosieandlee.com/
Description: Theme for blog.rosieandlee.com
Version: 1.0
Author: Lee Parsons
Author URI: http://www.rosieandlee.com/
Tags: rosie and lee

	comic red v1.0
	 http://www.rosieandlee.com/

	This theme was designed and built by Lee Parsons,
	whose website you will find at http://www.rosieandlee.com/

*/

/** generics **/
.alignright {float:right;}
.alignleft {float:left;}
a img {border:none;}
a {color:#5A7390;}
a:hover {text-decoration:none;color:#FB6960;}
h4,h5 {color:#FB6960;}
h4 {font-size:1.6em;}
h5 {font-size:16px;margin:0px 10px;}
h3.recents {margin-top:0px;margin-bottom:0px;padding:0px;}
h2,h3 {font-size:20px;text-align:left;}

/** end generics **/

/* Begin Typography & Colors */
body {margin:0px;text-align:center;background:transparent url(images/bg.jpg) scroll repeat top center;font-size: 12px;font-family:arial;}

.abscontainer {width:1126px;height:auto;margin:15px auto;position:relative;}
.maincontainer {margin-top:70px;margin-left:123px;height:auto;width:919px;position:relative;float:left;text-align:left;}

/**** header ****/

#header {height:120px;float:left;width:100%;position:relative;background:transparent url(images/top.png) no-repeat center top;}
.header {height:auto;left:0;position:absolute;top:63px;width:100%;}
.logo {left:311px;position:absolute;top:-60px;z-index:5;}
/**** end header ****/

/**** menu ****/
.categoriesmenu {width:95%;background:#FB6960 none repeat scroll 0 0;float:left;height:auto;margin-left:0px;list-style-type:none;margin-top:10px;padding-bottom:10px;padding-left:0;padding-top:0;border-style:none solid solid;border-width:medium 1px 1px;border-color:#000000;}

div#ulholder {position:relative;float:left;clear:left;width:auto;min-width:130px;padding-top:0px;height:0px;margin-left:-20px;}

.categoriesmenu li {padding-left:2%;padding-right:2%;width:auto;}

.categoriesmenu li a {height:100%;padding-left:4%;padding-right:3%;width:92%;}

.menu {text-align:center;position:absolute;height:21px;width:auto;z-index:5;top:0px;left:0px;}
.menu a {height:21px;float:left;/*background-color:#FFFFFF;color:#5a7390;*/color:#FFFFFF;text-decoration:none;position:relative;margin-top:/*15px*/10px;line-height:21px;font-size:12px;}

.home {margin-left:40px;width:75px;}
.about{margin-left:10px;width:75px;} 
.categories {margin-left:10px;width:75px;}
div#categoriesmenu {float:left;width:95px;height:auto;}

.services {margin-left:340px;width:75px;}
.blog {margin-left:10px;width:75px;}
.contact {margin-left:10px;width:75px;}

/**** end menu ****/

/** bio area **/

.bio {width:90%;float:left;height:auto;padding:25px;}

/** bio area **/


/**** top contact area ****/

.contactformholder {display:none;height:0px;width:100%;float:left;clear:left;}

.size-full {width:500px;}
/**** end top contact area ****/

#page {
	background-color: white;
	border: 1px solid #959596;
	text-align: left;
	}

#headerimg 	{
	margin: 7px 9px 0;
	height: 192px;
	width: 740px;
	}


/** content holders **/
.leftcontain {width:/*766px*/500px;float:left;}
#content {font-size: 1.2em;float:left;width:100%;height:auto;background:transparent url(images/mainbg.png) repeat-y center top;}
.contentbottom,.contenttop {float:left;margin-left:55px;clear:left;}
.contentholder {padding:0 20px;width:766px;height:auto;float:left;margin-left:55px;margin-top:-1px;/*background:transparent url(images/contentmiddle.jpg) repeat-y 0px 0px;*/}
#contentbottom {float:left;margin-left:0px;width:919px;height:70px;background:transparent url(images/contentbottom.png) no-repeat top center;}

.videoholder {width:100%;float:left;height:auto;text-align:center;margin-bottom:20px;}
.videoholder object {margin:auto;}

/** end content holders **/

/** content styling **/

.post, .contentholder h2 {width:100%;float:left;height:auto;margin:3px 0px;/*padding-left:20px;*/}
.post .storycontent {margin:10px 0px;width:/*500px*/100%;float:left;height:auto;}
.post p {width:/*460px*/100%;height:auto;}
.post p, .storycontent p {margin:10px auto;}
.meta {color:#5A7390;margin:3px 0px;}
.meta a {color:#FB6960;}
.meta a:hover {color:#5A7390;}
.feedback {float:left;width:500px;height:auto;margin-left:0px;}
.sep {margin-top:20px;float:left;width:100%;background:transparent url(images/sep.jpg) no-repeat center 0;height:50px;}

.comments-header {width:500px;height:45px;float:left;background:transparent url(images/commentstop.jpg) no-repeat top center;border-bottom:1px solid #5A7390;}
.comments-count, .comments-count div, .comments-count p {cursor:pointer;float:left;height:45px;}
.count-right {width:22px;float:left;height:35px;background:transparent url(images/countright.jpg) no-repeat scroll center bottom;}
.count-left {width:14px;margin-left:20px;float:left;height:35px;background:transparent url(images/countleft.jpg) no-repeat scroll 1px bottom;}
.comments-count {margin-top:1px;}
.comments-count p {width:auto;background:transparent url(images/countmiddle.jpg) repeat-x center bottom;line-height:60px;}
.addacomment{background:transparent url(images/comment.gif) no-repeat scroll left center;padding-left:15px;}
.post-interact span {float:left;margin-left:8px;margin-top:15px;padding-top:0;}
.emailafriend {background:transparent url(images/email.gif) no-repeat scroll left center;padding-left:20px;}
p.post-interact {float:left;margin-left:100px;width:240px;}

.comments-body {overflow:hidden;border-left:1px solid #5A7390;border-right:1px solid #5A7390;border-bottom:1px solid #5A7390;float:left;padding:10px;width:478px;}
.comments-body p, .comments-body p a {font-size:11px;font-style:normal;line-height:15px;margin-top:0px;}
.comment-author {margin-right:0.2em;}
.comment-time {color:#CCCCCC;float:right;margin:0 0 0 10px;}

.cancel-comment-reply {float:left;}
#respond,.navigation {margin-top: 10px;}

#respond,.navigation,.entry-comments {
float:left;
/*margin-left:70px;*/
width:500px;
}


.entry {margin: 10px 10px 0px; float: left; width: 90%; height: auto;}

.entry p {float:left;margin-top:10px;width:95%;padding-left:5%;}

.entry img {margin:5px;}

.entry h2, .entry h3, .entry h4 {margin-top:10px;float:left;width:100%;}

/** end content styling **/

/** sidebar **/

.rightside {float:right;width:255px;height:auto;}
.rightmiddle {width:253px;background:transparent url(images/rightmiddle.jpg) repeat scroll 0px top;float:left;height:auto;}
.rightstrip {float:left;width:253px;height:22px;background:transparent url(images/rightstrip.jpg) no-repeat center top;}
.book, .site, .facebook, .tlink, .rssfeed {float:left;font-size:12px;height:40px;line-height:40px;margin-left:30px;padding-left:30px;width:180px;color:#5A7390;}
.book:hover, .facebook:hover, .site:hover, .tlink:hover, .rssfeed:hover {color:#FB6960;}
.book {background:transparent url(images/email.jpg) no-repeat scroll 3px center;}
.site {background:transparent url(images/site.jpg) no-repeat scroll left center;}
.tlink {background:transparent url(images/twitter.jpg) no-repeat scroll 2px center;}
.rssfeed {background:transparent url(images/rss.jpg) no-repeat scroll left center;}
.facebook {background:transparent url(images/facebook.jpg) no-repeat scroll 3px center;}

.twitupdate, .rightmiddle h4 {width:208px;float:left;height:auto;margin-left:25px;margin-top:2px;margin-bottom:2px;}
.rightmiddle .twitupdate h4 {margin-left:0px;}
.twitupdate span, .twitupdate p {width:100%;float:left;line-height:15px;font-size:12px;height:auto;}


/** end sidebar **/

/** footer **/
.contactarea {float:left;width:45%;}
.contactarea p {padding:10px;}
.contactbottomform {float:right;width:40%;margin-right:10%;}
.contactbottomform label {color:#FB6960;}
input.contactbottom,textarea.contactbottom {float:left;width:175px;color:#5A7390;}
label.contactbottom, label.contacttextarea {float:left;clear:left;width:75px;}
label.contacttextarea {height:50px;line-height:50px;}
label.contactbottom {height:25px;line-height:25px;}
.sendbutton {float:left;clear:left;margin-left:125px;margin-top:10px;}
/** end footer **/


/** search form **/

label#fors {color:#FB6960;}
.searchform {float:left;width:90%;height:auto;padding:10px;}
input.s {color:#5A7390;}

/** search form **/

/** categories display **/

.categoriesul {list-style-type:none;}


/** categories display **/


.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}

#footer {
	background: #e7e7e7 url('images/kubrickfooter.jpg') no-repeat top;
	border: none;
	}

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 .description {
	font-size: 1.2em;
	text-align: center;
	}

h2 {
	font-size: 1.8em;
	}

h2.pagetitle {
	font-size: 1.8em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited,h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	text-decoration: none;
        color:#FB6960;
	}

h1 a, h1 {text-align:center;}

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;
	}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
.sticky h2 {
	padding-top: 10px;
	}

#commentform p, .commentlist li, #commentform input, #commentform textarea {
	font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

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

.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em 'Lucida Grande', 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 {}

/*** social media links ***/
.social {width: 264px; margin-left: 251px; height: 24px; float: left;}
.shareTwitter {background:transparent url(/wp-content/uploads/2010/04/widget.jpg) no-repeat center top;float:left;width:50px;margin-top:4px;height:16px;color:#FFFFFF;line-height:16px;font-size:11px;text-decoration:none;text-align:center;}

.shareTwitter:hover {background-position:center -16px;color:#80B62A}

.shareDelicious {background:transparent url(/wp-content/uploads/2010/04/Delicious.jpg) no-repeat center center;float:left;width:24px;height:24px;}

.shareDigg {background:transparent url(/wp-content/uploads/2010/04/digg.jpg) no-repeat center center;float:left;width:24px;height:24px;}
.shareStumble {background:transparent url(/wp-content/uploads/2010/04/stumble.jpg) no-repeat center center;float:left;width:24px;height:24px;}
.shareFacebook {background:transparent url(/wp-content/uploads/2010/04/facebook.jpg) no-repeat center center;float:left;width:24px;height:24px;}

.shareTechnorati {background:transparent url(/wp-content/uploads/2010/04/technorati.jpg) no-repeat center center;float:left;width:24px;height:24px;}

.shareEmail {background:transparent url(/wp-content/uploads/2010/04/email.jpg) no-repeat center center;float:left;width:24px;height:24px;}


.shareEmail,.shareTechnorati,.shareTwitter,.shareDelicious,.shareDigg,.shareStumble,.shareFacebook {float:left;margin-left:5px;margin-right:5px;}

.catright {padding:0 10px;width:235px;margin:0;}
.catright li,.catright {float:left;height:auto;list-style-type:none}
.catright li {width:100%;color:#aa4a4a;}
.catright ul,.catright ul li {display:inline-block;float:left;height:auto;padding-bottom:10px;padding-left:15px;padding-right:0;padding-top:0px;width:220px;}
.rightinner {float:left;height:auto;width:235px;border-left:1px dashed #5A7390;margin-left:15px;}
.pagenav {margin-left:10px}