/*
Theme Name: Manifesto
Theme URI: http://www.rawchickenmedia.com
Version: 1.0
Author: Erik Östman
*/


/* Overal setup */
* { margin:0; padding:0; }
body { background:#fff; color:#666; font-family: Georgia; font-size: 16px; }
a   { color:#e94c25;text-decoration:none;outline:0; }
a:hover { color:#cc0000; }
a img { border: none; }
p{margin-bottom: 10px; line-height: 150%;}
ul, li { list-style: none;margin:0;padding:0; }
h1  { font-size:22px; margin-bottom: 10px; font-family:  Trebuchet, Georgia; font-weight: normal; line-height: 120%; color:#e74f27;} 
h2  { font-size:18px; font-family:  Trebuchet, Georgia; font-weight: normal; line-height: 120%; } 
#featured h2{padding-bottom: 5px;}
h3  { font-size:16px; color:#000; font-family:  Trebuchet, Georgia; font-weight: normal;}
h3 a{ color:#000; }
h2 a{ color:#000; }
h4  { font-size:14px; }
code { font: 11px  "Courier New"; color:#666; padding:5px;margin:5px 0;display:block;border-left:1px solid #903000; }
blockquote { color:#ddd; padding:5px;font: 12px Arial,Sans-serif;line-height:1.4em; }
.left { float:left;margin-top:3px;margin-right:8px; }
.right { float:right;margin-left:8px; }
.clear { clear: both; }
.clear-both { clear: both; }
.pagenavi  { margin: 10px 0; clear: both; }
/* #cat{background:url(images/dropdown.jpg) #fff; border: 2px solid #e94c25; width:150px; height: 25px; } */

#container{width:960px; margin:0 auto;}

/* navigation */
#logo{float:left; width:500px; }
#nav{ float: left; width: 460px;  display: inline; overflow:visible; text-transform: uppercase; font-size: 12px; text-align: right; letter-spacing: 2px; line-height: 16px;  margin-top: 98px; font-family: "Arial";}
#nav ul{padding:0;}
#nav li{list-style: none; padding-top: 0; display: inline; padding-left: 0px; padding:7px; text-align: center; position: relative;}
#nav a{color:#000; text-decoration: none; display: inline-block; }
#nav li a:hover{color:#e74f27; text-decoration: none;}
#nav ul ul{display: none; position: absolute; left: 0; background:url(images/opa_white.png) ; padding:5px; text-align: left; z-index: 100; -moz-border-radius: 5px; width:210px; line-height: 120%; font-size: 12px; letter-spacing: 1px; }
#nav li:hover > ul{	display: block;	text-align: left;}
#nav li ul li{display: block; text-align: left; z-index: 100; border-bottom:1px dotted #666;}


.slideInfoZone{padding:10px;}


/* header */
#header {float: left; width:960px; height:160px;  margin-top: 20px; height: 120px; margin-bottom: 10px; }
#header a img{padding:0px; margin: 0px;}
#header h1 a { display:block;font-size: 20px; margin: 5px 0; width: 240px;text-indent: -999em; }
#header h1 a:hover { color: #7ebe40; }
#main-wrapper { display:block; margin:0 auto;width:960px; padding:0; text-align:left; background:#fff url(images/bg_bot.gif) no-repeat right bottom; padding-bottom: 40px; }
#featured{float: left; width:640px; height:480px; margin-bottom:10px;}

/* thumnail covers */
.thumb {float:left; background: #222 url(images/thumb.jpg); display: block; width: 310px; overflow: hidden; height: 232px; margin: 0 10px 10px 0; position: relative;  }
.thumb-title h2 { margin: 0;  font-family: Trebuchet, Georgia; font-size: 14px; height: 40px; text-align: left;}
.thumb-title h2 a {margin-top:-40px;background:#eeeeee; bottom:0; right:0; display:block; position:absolute; padding-left:10px; padding-left:10px; color:#e94c25; width:300px; height:40px; padding-top: 10px; }
.thumb-title h2 a:hover {background: #e94c25; color: #fff;}

.wp-post-image{width: 310px; height: auto;}

.main { width: 640px; float:left; text-align: left; padding:0px; margin-top: 20px; }

.entry{width: 440px; }




/* Post-meta */
.postMeta { font:11px Arial;margin-bottom:5px;color:#000; }
.postMeta a { font:11px Arial;margin-bottom:5px;color:#000; }
.date { padding:0 2px 0 0; color:#000;}
.comments { background: url(images/comment.gif) no-repeat left center;padding-left:15px; color:#000; }
.comments a, .date a{ color:#000; }

.post{float:left; width: 640px; margin-bottom: 20px;}


/* sidebar related */

#sidebar{float:left; width:270px; margin-left: 20px; padding-left:15px; padding-right: 15px; min-height: 480px; margin-top: 20px; font-size: 12px;}
#sidebar h3, #sidebar h3 a{font-size: 20px; color:#e74f27; margin-bottom: 10px;}
#sidebar li{line-height: 130%; margin-bottom: 10px; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; font-family: "Arial"; color:#000;
list-style-image: url(images/bullet.gif); margin-left: 15px; }
#sidebar a{color:#666;}
#sidebar li ul li{line-height: 130%; margin-bottom: 10px; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; font-family: "Arial"; color:#000;
list-style-image: url(images/bullet.gif); margin-left: 20px; margin-top: 10px; }

.widget{margin-bottom: 20px;}
#latest-tweets li{list-style: none; margin-left: 0;}

/* Webshop */

.shoppingcart{text-align: left;}
#product{width:150px;}
#quantity{width:50px;}
#price{width:70px; }
.total{border-top: 1px dotted #666;}
.wpsc_product_price{margin-bottom: 10px;}

/* COMMENTS */
#comments{float:left; width: 460px;}
ol.commentlist { list-style:none;  padding:0; margin-bottom: 20px; }
ol.commentlist li { border-bottom:3px dashed #222; padding:10px; margin-bottom: 20px;}
ol.commentlist h5, ol.commentlist h5 a:link, a:visited, ol.commentlist cite { font-size:12px; margin:3px 0; padding:0; font-family: Arial; text-transform: uppercase; letter-spacing: 1px; font-style: normal; font-weight: normal;}	
ol.commentlist h5 a:hover { color:#fff; }
ol.commentlist h5 small { display:block; }	
ol.commentlist li { font-size: 11px; margin: 0; }
ol.commentlist li span.moderate { padding:2px; color:#f30; }



/* form */
#commentform { margin-left: 0px;}
#author, #email,#url,#comment{font:1em arial,helvetica,verdana,sans-serif;margin: 5px 0;padding:2px;}
.comment-warning strong { color: #999; font-weight: bold; }



/* footer */
#footer {font-size:11px; color:#555; padding-top:30px; margin:0 auto; clear:both; width:950px; text-align:left; }
#footer img{padding-right: 60px;}
.copyinfo{font-family: georgia, "times new roman"; font-size:11px; text-transform: none; text-align: right; margin-bottom: 20px;}
.copyinfo a{font-family: georgia, "times new roman"; font-size:11px;  text-transform: none; }

#searchForm div.searchsubmit{padding-top: 5px; }
