/*  
Theme Name: HollywoodSTOP
Theme URI:
Description: A theme, built on Mimbo 3, specifically for HollywoodSTOP
Version: 1.0
Author: Darren Hoyt (orig) and Michael Hanttula (mod)
Author URI:

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php


TABLE OF CONTENTS

  Nav
  HTML Tags
  Structure
  Headers
  Content Styles
  	 Misc
  	 Sidebar
  	 Single Post
  	 Archives
  Post Styles
  Comments
  Form Elements
  Float Clearing
  Footer
  


/* ---------- @ Nav -----------*/
@import url('css/nav.css'); 

#lang-select{float:right}
#lang-select li{float:left; list-style:none; margin-right:15px; font-size:11px}
#lang-select li img{position:relative; top:4px}
#lang-select .current_language_item{color:#fff}
#lang-select .language_item a{color:#777; text-decoration:none; border:1px solid #222; padding:2px}
#lang-select .language_item a:hover{color:#fff; border:1px solid #fff}

/* ---------- @ HTML Tags -----------*/
*{margin:0; padding:0; outline:none}
body, html{min-height:101%; /*Firefox scrollbar fix*/}
body{background:#212121; color:#1d1d1d}
body, select, input, textarea{font:100% Arial,Verdana,Sans-Serif}
p{margin:15px 0; line-height:160%}
a, a:visited{color:#83a7ba}
a:hover, a:active{color:#4d778d}
hr{display:block; height:1px; background:#d7d7d7; border:0; color:#d7d7d7}
table{border-collapse:collapse; width:100%; margin:15px 0; border-top:1px solid #e0ded9; border-bottom:1px solid #e0ded9}
td{padding:4px 6px; background:#F5F3EE; border-bottom:1px solid #FFF}
table caption{background:#f5f3ee; padding:2px 0}
a img, a:visited img{border:none}
blockquote{color:#76767a; padding:0 18px; margin:25px 45px; border-left:3px solid #DDD; font:italic 1em Arial,Helvetica,sans-serif; letter-spacing:0.02em}
pre{width:100%; overflow:auto}

/* ---------- @ Structure -----------*/
#page{width:960px; margin:0 auto; padding-top:8px}
#wrapper{background:#FFF; font-size:0.75em; padding:0 25px 60px 25px; border-bottom:1px solid #cac8c2; border-right:1px solid #cac8c2}
#masthead{padding:2px 0 10px 0; font-size:0.75em}
#content{width:620px; float:left}
#description .desc-en{padding-top:30px; background:url(images/hollywood-stop_tagline.gif) no-repeat; height:0px; padding-top:50px; width:530px; overflow:hidden; margin:15px 0 0 30px; float:left}
#description .desc-fr{padding-top:30px; background:url(images/hollywood-stop_tagline-fr.gif) no-repeat; height:0px; padding-top:50px; width:620px; overflow:hidden; margin:25px 0 0 15px; float:left}
#description p{margin:0; padding:0}
#description .stop{ }
.left{float:left}
.right{float:right}
#sidebar{width:265px; float:right}
#featured-cats{width:385px; float:left}
#posts-column2, #posts-column3{width:222px; float:right}

/* ---------- @ Headers -----------*/
h1{font:bold 2.7em Arial,Helvetica,sans-serif; letter-spacing:-0.01em; float:left}

#masthead h1{width:320px; height:70px; overflow:hidden; text-align:left; padding-top:5px}
#masthead h1 span{background:url(images/logo-hollywoodstop.gif) no-repeat 0 0; position:absolute; width:320px; height:70px}
#masthead h1 a{font-size:0px}
#masthead h1 strong{text-indent:-9999em}
h2{font:2.5em Arial,Helvetica,sans-serif; padding-bottom:8px; margin:25px 0 20px 0}
#lead h2{font:2.2em Arial,Helvetica,sans-serif; line-height:115%; margin:3px 0 -8px 0; padding:0}
.post h2{font-size:2.2em; padding:0; margin:15px 0 0 0}
h2.posttitle{margin:25px 0 0 0; padding:0 0 12px 0}
h2.pagetitle{border-bottom:1px solid #d7d7d7; padding:0 0 12px 0; margin:25px 0 20px 0; font-size:2.2em}
h3{border-top:3px solid #d7d7d7; border-bottom:1px solid #d7d7d7; padding:5px 0 5px 3px; margin:22px 0 15px 0; font-size:1em; background:none; color:#4c4b46; letter-spacing:0.07em}
.post h3{border:none; font:1.7em Arial,Helvetica,sans-serif; color:#232323; letter-spacing:0}
#featured-cats h3, #posts-column2 h3, #posts-column3 h3{margin:0 0 15px 0}
h3#respond{margin:45px 0 20px 0}
h3#comments{margin-top:32px}
h4{font:bold 1.3em Arial,Helvetica,sans-serif; margin-bottom:-10px}
.post h4{margin:15px 0}
.archive-list h4{margin:0; font-size:1.2em; line-height:125%}
h5{font:0.8em Arial,Helvetica,sans-serif; text-transform:uppercase; letter-spacing:0.15em; padding:4px 8px; margin-bottom:5px; background:#f5f3ee; border-top:1px solid #d7d7d7}
h6{font:bold 0.9em Arial,Helvetica,sans-serif}

/* ---------- @ Content Styles -----------*/
/*Misc*/
h1 a, h1 a:visited{color:#444; text-decoration:none}
h1 a:hover{color:#686868}
h1 a:active{color:#929292}
h4 a, h4 a:visited{color:#383838; text-decoration:none}

h5 a, h5 a:visited, 
h5 a:hover, h5 a:active{text-decoration:none}
#posts-column2 img, #posts-column3 img, .archive-list a img, .archive-list a:visited img{float:left; margin:4px 18px 8px 0; padding:2px; border:1px solid #b9b9b9; background:#FFF}
#posts-column2 img, #posts-column3 img{margin:3px 12px 4px 0}
#posts-column2 img { float: right; margin: 0  0 5px 5px; }
#posts-column2 h4 { clear: both; }
#posts-column2 h4 .highlight { color: #c30101; }
#posts-column2 ul li { clear: both; list-style-type: none; border-bottom: 1px dotted #b6b6b6; margin-bottom: 10px; padding-bottom: 5px; }
.recent-excerpts{padding-bottom:10px}
#featured-cats ul{margin:3px 0 22px 0}
#featured-cats li{list-style:none; border-bottom:1px dotted #B6B6B6; padding:5px 0 8px 6px; margin:4px 0; line-height:135%}
#featured-cats img{float:right; margin:4px 0 8px 18px; padding:2px; border:1px solid #b9b9b9; background:#FFF}
#lead{margin:22px 0; background:#ededed; border-bottom:1px solid #dadada; border-right:1px solid #dadada}
#lead:hover{background:#e8e8e8; border-bottom:1px solid #cbcbca; border-right:1px solid #cbcbca}
#lead-text{float:left; width:320px; padding:13px 15px 16px 0}
#lead br, .recent-excerpts br /*cleans up excerpts*/{margin-bottom:15px}
#lead img{float:left; margin-right:22px}
.commentcount{padding-right:19px; background:url(images/bubble.gif) no-repeat right; font:.8em Arial,Helvetica,sans-serif}
#lead h2 .commentcount{font-size:0.4em}
.postmetadata .commentcount{font-size:1em}
.date{float:left; margin:18px 4px 0 0; font:0.85em Arial,Helvetica,sans-serif; color:#737373; letter-spacing:0.03em}
#featured-cats .date{margin:2px 3px 0 0}
.cta-text{font-size:15px; color:#177619; font-weight:bold}
#contacts-list li{list-style:none; font-size:16px; line-height:2em}
#contacts-list li.email{background:url(images/icon-email.gif) no-repeat 0 8px; padding-left:25px}
#contacts-list li.phone{background:url(images/icon-phone.gif) no-repeat 0 8px; padding-left:25px}
.license-cta{background:#ffdfdf url(images/icon-warning.png) no-repeat 5px 54%; border:1px solid #df7d7d; padding:2px 10px 10px 30px}
.license-cta a{color:#000; font-weight:bold}

/*Sidebar and Widgets*/
#sidebar li, .headlines li{margin-left:30px; padding:5px 0}

#sidebar a, #sidebar a:visited, 
#home #content a, #home #content a:visited, 
.archive-list h4 a, .archive-list h4 a:visited, 
.commentcount a, .commentcount a:visited, 
.fullarchive a, .fullarchive a:visited{color:#424242; text-decoration:none}

#sidebar a:hover, #sidebar a:active, 
#home #content a:hover, #home #content a:active, 
.archive-list h4 a:hover, h4 .archive-list a:active, 
.commentcount a:hover, .commentcount a:active, 
.fullarchive a:hover, .fullarchive a:active{color:#686868; text-decoration:underline}

#wp-calendar td{text-align:center; padding:3px}
#recentcomments{color:#787878}
a.rsswidget, a.rsswidget:visited{font-weight:bold}
#ads img, .wp125ad img{float:left; margin:0 0 6px 6px}
.textwidget{margin:15px 0; line-height:160%}
.widget td{background:none}
.widget table{border:none}

/*Single Posts*/
#writer{background:#ededed; margin:-10px 0 22px 0; padding:3px 20px 16px 20px; border-bottom:1px solid #dadada; border-top:1px solid #dadada}
#writer img{padding:1px; border:1px solid #b2afa4; float:left; margin:18px 15px 6px 0}
#tags{padding:3px; border-bottom:1px solid #DDD; border-top:1px solid #DDD}
#tags a, #tags a:visited{text-decoration:none}

/*Archives*/
.archive-list li{list-style:none; width:285px; float:left; height:103px; margin:8px 25px 18px 0; border-bottom:1px dotted #b1b1b1}
.archive-list img{margin:0 14px 0 0}
.archive-list .postmetadata{border:none; margin:0; padding:4px 0 0 0}
#pagination{margin-top:30px; width:604px}
#pagination .left{width:290px; text-align:right}
#pagination .right{float:right; width:294px}

/* ---------- @ Post Styles -----------*/
.entry{padding-bottom:10px}
.postmetadata{padding:7px 0; border-top:1px solid #d7d7d7; margin:0 0 20px 0; color:#7a7a7a}
.post code{background:#f5f3ee; padding:3px; font-size:1.2em}
.post ul li{margin:0 0 5px 42px; line-height:115%}
.post ol li{margin:0 0 5px 48px; line-height:115%}

/*Images*/
.entry img{display:block; border:1px solid #999; padding:2px; margin:15px 0}
.wp-caption.alignleft, 
.wp-caption.alignright, 
.wp-caption.aligncenter{background:#f5f3ee; text-align:center; padding:10px 5px 10px 10px; border:3px double #FFF}
img.alignleft{margin:5px 15px 10px 0; float:left}
img.alignright{margin:5px 0 10px 15px; float:right}
.wp-caption.alignleft{float:left; margin:5px 22px 10px 0}
.wp-caption.alignright{float:right; margin:5px 0 10px 22px}
.wp-caption.aligncenter, img.aligncenter{ margin:0 auto; display:block; margin-bottom:15px; float:none }
p.wp-caption-text{margin:0; text-align:center; padding:5px 0}
.wp-caption img{float:none; margin:0}
.gallery{margin:15px 0; display:block}
.gallery img{border:1px solid #999 !important; padding:2px}
.gallery-item{padding:12px 0}
.gallery-caption{padding:10px}

/* ---------- @ Comments -----------*/
.reply a, .reply a:visited{width:75px; background:#CCC; color:#FFF; display:block; margin-bottom:15px; padding:5px !important; text-align:center; border-bottom:1px solid #f2f2f2; border-right:1px solid #f2f2f2; text-decoration:none !important; font:italic 1em Georgia,Arial,Verdana}
.reply a:hover{background:#aeaeae; text-decoration:none; border-bottom:1px solid #898989; border-right:1px solid #898989; color:#FFF}
.reply a:active{background:#CCC}
.commentlist li{margin:0 0 18px 0; padding:15px; background:#F2F2F2; border-bottom:1px solid #DDD; border-top:1px solid #DDD; list-style:none}
.commentlist li.depth-2{border:none; background:#FFF; border-top:1px solid #f2f2f2; margin-left:15px}
.commentlist li.depth-3{margin-left:15px; border:none; background:#f2f2f2}
.commentlist li.bypostauthor{background:#e5e5e5 !important; border:1px solid #c7c7c7 !important}
.commentlist code{background:#e0e0e0; padding:3px}
.avatar{margin:3px 10px 0 0; float:left; padding:2px; border:1px solid #b9b9b9; background:#FFF}
#trackbacklist li{margin:10px 0 10px 35px}
#trackbacklist cite{font-style:normal}
cite.fn{font:bold 1.4em Arial,Helvetica,sans-serif; letter-spacing:-0.05em; display:block; padding-top:9px}
.says{display:none}
.commentmetadata{float:left}
.comment-date a, .comment-date a:visited{color:#868686; font-size:0.9em; text-decoration:none}
.commentmetadata a:hover, .commentmetadata a:active{text-decoration:underline; color:#333}

/* ---------- @ Form Elements -----------*/
#author, #email, #comment, #url, #s{background:#FFF !important; padding:5px; border:1px solid #bfbfbf; border-left:1px solid #e2e2e2; border-top:1px solid #e2e2e2}
#author, #email, #url{width:220px}
.button{padding:8px 14px; background:#424242; color:#FFF !important; border:none; font-size:1.1em}
.button:hover{background:#272727; color:#FFF; text-decoration:none}
.button:active{background:#000}
#commentform textarea{width:98%; margin-top:5px; height:250px}
#searchform{float:right; width:230px; text-align:right; padding-top:8px}
#s{width:190px; font-size:1em}
#s:focus{background:#f8f8f8 !important}
#searchsubmit{vertical-align:top}

/* ---------- @ Float Clearing -----------*/
.clearfloat:after{display:block; visibility:hidden; clear:both; height:0; content:"."}
.clearfloat{display:inline-block}
.clearfloat{display:block}
.clear { clear: both;}

/* ---------- @ Footer -----------*/
#footer{font-size:0.75em; padding:16px 25px 25px 25px; font-style:italic}
#footer a, #footer a:visited{color:#94928b; text-decoration:none}
#footer a:hover{color:#5a5954}
#footer a:active{text-decoration:underline}
#footer img{vertical-align:middle}
#copyright{float:left; width:850px; color:#aaa}
#rss{float:right; width:350px; text-align:right}



/* Featured slider
************************************************/
#slider-container {	overflow: hidden; width: 600px;	height: 250px; margin: 22px 0; background:#ededed; border-bottom:1px solid #dadada; border-right:1px solid #dadada;}
#slider { overflow: hidden;	width: 600px; height: 230px; }
.feature { overflow: hidden; width: 580px; height: 210px; padding: 10px 10px 0 10px; color: #777; border: none !important;	}
#slider-container a { color: #ddd; font-weight: bold; }
.feature img { float: left;	max-width: 230px; max-height: 200px; width: 230px; height: 200px; margin: 0 15px 0 0; border: 5px solid #001838; }
#slider .feature .entry-title {	font-size: 21px; }
#slider .feature .entry-title a { color: #eee; }
.feature .byline { color: #aaa; margin-bottom: 15px; }
.more-link { float: left; text-indent: -9999px;	width: 100px; height: 20px;	display: block;	background: url(images/more-link.gif) no-repeat 0 0; }
.more-link:hover { background: url(images/more-link.gif) no-repeat 0 -20px;	}

/* Slider controls */
.slider-controls { float: left;	width: 66px; height: 20px; overflow: hidden; clear: both; line-height: 15px; margin: 2px 0 0;	padding: 0 10px 0 524px; background: #d7d7d7; border-top: 1px solid #f5f3ee; }
.slider-controls .slider-prev {	text-indent: -9999px; float: left; width: 22px;	height: 20px; background: url(images/slider-prev.gif) no-repeat 0 0; border: none !important; }
.slider-controls .slider-prev:hover { background: url(images/slider-prev.gif) no-repeat left -20px;	}
.slider-controls .slider-pause { text-indent: -9999px; float: left;	width: 22px; height: 20px; background: url(images/pause.gif) no-repeat center 0; border: none !important; }
.slider-controls .slider-pause:hover, .slider-controls a.paused { background: url(images/pause.gif) no-repeat center -20px;	}
.slider-controls .slider-next {	text-indent: -9999px; float: right;	width: 22px; height: 20px; background: url(images/slider-next.gif) no-repeat right 0; border: none !important;	}
.slider-controls .slider-next:hover { background: url(images/slider-next.gif) no-repeat right -20px; }

.category-videos .wp-image-325 { display: none; } 
			