/*

Theme Name: Film Rotation V8

Theme URI: http://www.filmrot.com

Description: Theme for FilmRot.com

Version: 1.0

Author: James

Loosely based on Boilerplate by 3.7 Creative (http://3.7crea.tv)

*/



/*BASIC STRUCTURE*/

html, body { 
	font-family: "Gill Sans", "Franklin Gothic Medium" , "Lucida Grande", Arial, Helvetica; 
	font-size: 65.5%;
	line-height: 1.5em; 
	background: url(images/banner.jpg) no-repeat #fff; 
	color: #000;
}

#pagewidth {width: 960px; }


/* NAVIGATION */
#main_nav { list-style: none; padding: 0; text-transform: uppercase; font-weight: bold;}


/* TYPOGRAPHY */
h1, h2, h3, h4, h5, p, ul, ol, dl { margin: 0 0 21px 0; }
h1 { font-size: 40px; line-height: 36px; text-transform: uppercase; letter-spacing: 2px; text-align: left; margin: 0 0 10px 0;}
h1 a { color: #000 !important; text-decoration: none; }
h1 a:hover { color:#fff; text-decoration: none; }
h2, h3 { font-size: 21px; text-transform: uppercase; letter-spacing: 1px; line-height: 31px; margin-bottom: 10px; color: #000;}
h3 { color: #000; }
h4 { font-size: 14px; color: #fff; }
h5 { font-size: 14px;  border-top: 1px solid #4c4c4c; color: #000; text-transform: uppercase; letter-spacing: 3px; font-weight: 100; line-height: 21px; padding: 5px 0 5px 0;}
h5 span { color: #000; font-size: 12px; line-height: 18px; }
h5 span a { text-decoration: none; }

strong {font-weight:bold;}

p, ul, ol, dl { font-size: 12px; line-height: 21px; font-family: Arial, Helvetica, San-Serif; }

blockquote { padding:5px 10px 0px 10px; background:#e4e4e4; margin:0px 30px 0px 10px; }

em {font-style:italic;}

/* LINK STYLING */
a { color:#0000; text-decoration: underline; }
a:hover { color:#fff !important; background-color: #000 !important; text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }


/* CONTENT STRUCTURE */
#header { }
#content { }
#footer { clear:both; } 

#col_right { width: 600px; float: right; padding: 15px 0 0 0;  }
#col_right a { color: #000; }
#col_right a:visited { color: #adadad; }

#footer { padding: 5px 0 0 40px; border-top: 1px solid #000; margin-top: 75px; margin-left: 317px;  }
#footer p { margin-top: 0px; font-size: 12px;}
#footer a { color: #000; }

#col_left { width: 169px; float: left; text-align: left; padding: 32px 0 0 18px;}
#col_left ul { font-size: 12px; line-height: 18px; list-style: none; padding: 0; }
#col_left a { color: #999; }
#col_left p { font-size: 12px; line-height: 18px; }

.halfcol_left { float: left; width: 49%; }
.halfcol_right { float: right; width: 49%; }

#post_wrap { border:1px solid #DDD; padding:15px; margin-bottom:25px; }
.post_info { margin-bottom: 0px; }
.content { margin-bottom: 15px; }

#tweet { clear:both; }
#tweet_icon { float:left; }
#tweet_text { float:left; width:545px; }
#tweet_text p{ font-size: 12px; color: #fff; background: #000; padding: 5px 10px 5px 10px; margin-bottom:0px;}
#tweet_text a { font-size: 12px; text-decoration: underline; color: #fff; }
#tweet_text a:hover { text-decoration: none; background: #fff; color: #000; }
#tweet_text a.external {
 background:transparent url(http://blog.filmrot.com/wp-content/themes/fr8/images/external-link.gif) no-repeat scroll right center;
 padding-right:26px;
 text-transform: uppercase;
 font-weight:bold;
}

.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background: #000; }
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px} 



.commentmeta { font-size: 10px; color: #fff; margin-top: 25px; margin-bottom: 0px; border: 0; background: #000; padding: 0 0 0 9px; }
.commentlist { margin-bottom: 42px; }
.commentlist h4 { font-size: 10px; letter-spacing: .2em; color: #000; margin-bottom: 0px; }
.commentlist h4 span { font-size: 13px; letter-spacing: -1px; font-weight: bold; font-style: italic; }
.commentlist p { font-size: 14px; }
.commentlist li { margin-bottom: 18px; }
.comment_wrap { border: 1px solid #4c4c4c; padding: 0 10px 0 10px; font-size: 1em; margin-top: 0px; background: #fff;}
.comment_wrap-author { border: 1px solid #000; padding: 0 10px 0 10px; font-size: 1em; margin-top: 0px; background: #000; color:#fff; }
.comment_wrap-author_dave { border: 1px solid #000; padding: 0 10px 0 10px; font-size: 1em; margin-top: 0px; background: #303030; color:#fff; }
.comment_wrap-author_andrea { border: 1px solid #000; padding: 0 10px 0 10px; font-size: 1em; margin-top: 0px; background: #dedede; color:#000; }


.side-list { padding-left: 9px; list-style: none; }
.side-list li { margin: 0 0 9px 9px; padding: 0 0 4px 0; border-bottom: 1px solid #dfdfdf; }
.side-list a { line-height: 13px; font-size: 11px; text-decoration: none; color: #000 !important; }
.side-list a:hover { background: #000; color: #fff !important; }
.side-list .home a { padding-left:18px; line-height: 13px; font-size: 11px; text-decoration: none; color: #000 !important; background: url(images/icon_home.gif) no-repeat #fff; }
.side-list .home a:hover { background: #000; color: #fff !important; }
.side-list .feed a { padding-left:18px; line-height: 13px; font-size: 11px; text-decoration: none; color: #000 !important; background: url(images/feed-icon-14x14.png) no-repeat #fff; }
.side-list .feed a:hover { background: #000; color: #fff !important; }
.side-list .contact a { padding-left:18px; line-height: 13px; font-size: 11px; text-decoration: none; color: #000 !important; background: url(images/icon_contact.gif) no-repeat #fff;}
.side-list .contact a:hover { background: #000; color: #fff !important; }

.tags { font-size: 14px; color: #000;  }
.tags p { margin-bottom: 0px; }
.tags a { text-decoration:underline; }
.tags a:hover { background-color:#000; color:#FFF; text-decoration:none; }

.f_section { width: 125px; margin-left:10px; margin-right: 10px; float: left; }
.f_section ul { list-style: none; padding-left: 0; }
.f_section li { font-size: 11px; }

#author { border: 1px solid #000; }
#email { border: 1px solid #000; }
#url { border: 1px solid #000; }
#comment { border: 1px solid #000; }

.podPress_content { font-size: 14px; line-height: 22px; }

#toolbar{ background-color:#FFF; border:1px solid #DDD; padding:10px; margin:10px; font-size:12px; }
#myPanel{ }
#toolbarX{ background-color:#FFF; border:1px solid #DDD; padding:10px; margin:10px; font-size:12px; }
#myPanelX{ }