/*
THEME NAME: Brave New Voices
THEME URI: 
DESCRIPTION: A highly extensible, search-engine optimized WordPress Theme for Brave New Voices.
VERSION: 0.1
AUTHOR: Parallel MVMT
AUTHOR URI: http://parallel.mvmt.com/
TAGS:three-columns,two-columns,fixed-width,theme-options,left-sidebar,right-sidebar,threaded-comments,sticky-post,microformats
.
.
*/


/* MAIN STYLES
-------------------------------------------*/
*{margin:0; padding:0}
body, html{font-weight:normal; color:#241E20; font-family:"Helvetica Neue", HelveticaNeue, Helvetica,Arial,sans-serif; font-size:12px; color:#333; margin:0; padding:0; background:#FFF; line-height:130%;color:#241E20}
ul{list-style:none; margin-bottom:5px}
ul li{padding:5px 0; background:transparent; padding-left:0; position:relative;}
a{color:#F09A32}
a:hover{text-decoration:none}
h1, h2, h3, h4, h5, h6{font-size:24px; line-height:1em; letter-spacing:0px; color:#AFA578; font-weight:400; padding:10px 0 5px; text-transform:capitalize; font-family: "American Typewriter", AmericanTypewriter, "Courier New", Courier New,courier,monospace;}
h2{font-size:18px; padding:5px 0 0;}
h3{font-size:14px; color:#333; padding:5px 0 0}
img {border:none;}

/* LAYOUT STRUCTURE
--------------------------------------------------*/
#mainWrapper{background:url(images/bk_mainwrapper.jpg) 0 0 repeat-x}
#wrapper{margin:0 auto; width:900px}
#header{height:219px; position:relative; background:url(images/bk_header.jpg) 100% 0 no-repeat}
#content{padding:0 0 25px}
#footer{height:100px; background:#fff url(images/bk_footer.jpg) 0 0 repeat-x; margin-top:10px; padding:0 0 20px;font-family: "American Typewriter", AmericanTypewriter, "Courier New", Courier New,courier,monospace;}
#innerFooter{width:890px; margin:0 auto; height:40px; padding:20px 0 0 10px; line-height:25px}
#innerFooter small {float:none;clear:both;display:block;font-family:"Helvetica Neue", HelveticaNeue, Helvetica,Arial,sans-serif; }

/* HEADER ELEMENTS 
--------------------------------------------------*/
/* -- logo --*/
#logo{position:absolute; top:0px; left:10px}
#logo h1{padding:0}
#logo h1 a, #logo h1 a:hover{background:url(images/logo.gif) 0 50% no-repeat; width:207px; height:187px; text-indent:-9000px; display:block; text-decoration:none}
#topheadline{position:absolute; top:77px; left:200px; background:url(images/top_headline.gif) 0 0 no-repeat; width:468px; height:73px}
#topMenu{position:absolute; top:10px; left:190px;}
#topMenu li{float:left; padding:0 10px; text-transform:lowercase; background:none; font-family: "American Typewriter", AmericanTypewriter, "Courier New", Courier New,courier,monospace;}
#topMenu li a{font-size:11px; color:#fff; text-decoration:none; font-weight:400; letter-spacing:1px;}
#topMenu li a:hover{color:#D6CEA6}
#topMenu li.selected a{color:#F09A32}

#subMenu{position:absolute; bottom:0px; left:0;width:900px;padding:0 10px;}
#subMenu li{float:left;padding:0;margin-right:10px;text-transform:lowercase; background:none; font-family: "American Typewriter", AmericanTypewriter, "Courier New", Courier New,courier,monospace;}
#subMenu li a{display:none;background:#F29B32;color:#FFF;font-size:18px;font-weight:400;padding:4px 10px 7px;text-decoration:none;border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px;}
#subMenu li a:hover {background:#D6CEA6;}
#subMenu li.last {float:right;}
#subMenu li.last a{background:transparent;padding:5px 0;display:block;}

#subMenu li.page_item ul {display:none;position:absolute;top:25px;padding:0;}
#subMenu li.page_item:hover a {}
#subMenu li.page_item:hover ul {display:block;font-size:10px;}
#subMenu li.page_item ul li {height:26px;width:100%;text-transform:none}
#subMenu li.page_item ul li a {font-size:10px;display:block;width:100%;font-family:"Helvetica Neue", HelveticaNeue, Helvetica,Arial,sans-serif;text-transform:none;border-top:1px solid #FFF;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius: 10px}

#date-badge {position:absolute;top:120px;width:140px;height:140px;right:10px;display:block;background:transparent url('images/bnvfestival-sticker.png') center center no-repeat;}
#date-badge .hide {visibility:hidden;font-size:1px;}

/*CONTENT ELEMENTS
--------------------------------------------*/
.highlight {padding:10px;background:#F4F4F4}
#content p{margin:0.7em 0;line-height:1.5em}
#colLeft{float:left; width:625px; padding-right:20px; background:url(images/bk_vertline.jpg) 100% 0 repeat-y; margin-top:15px; padding-left:10px}
#colLeftInner1{width:255px; float:left; background:url(images/bk_vertline.jpg) 100% 0 repeat-y; padding-right:20px}
#colLeftInner2{float:left; width:325px; margin-left:20px; overflow:hidden;}
#colLeft #twitter_div{width:260px;overflow:hidden;}
#colLeft #twitter_div ul {width:250px;}
#colLeft #twitter_div li{background:#F4F4F4 url(images/twitter-bg.gif) bottom left no-repeat;margin-top:10px;padding:10px;}
#colLeft #twitter_div li cite {display:block;margin:30px 0 0 -10px;font-style:normal;font-family: "American Typewriter", AmericanTypewriter, "Courier New", Courier New,courier,monospace;}
#colLeft #twitter_div li .rss-date {font-size:9px;}
#colLeft ul#twitter_update_list {border-top: 1px solid #CCC;overflow:hidden;}
#colLeft ul#twitter_update_list li {background:transparent url(images/bk_twitter.gif) top left no-repeat;width:300px;text-indent:30px;padding:5px 0 0;margin:10px 0;position:relatiove;clear:both;float:none;overflow:hidden;}
#colLeft ul#twitter_update_list li span a {display:inline;color:#F09A32}
#colLeft ul#twitter_update_list li a {display:block;color:#888;text-indent:0;margin:0;padding:0;text-align:right;}

#more-posts {text-align:right;display:block;margin:-3px 5px 0 0;text-transform:lowercase;font-family: "American Typewriter", AmericanTypewriter, "Courier New", Courier New,courier,monospace;}
#more-posts a {background:#F29B32;color:#FFF;font-size:12px;font-weight:400;padding:4px 10px 7px;text-decoration:none;border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px;}
#more-posts a:hover {background:#D6CEA6;}

#sidebar ul#twitter_update_list {border-top: 1px solid #CCC;overflow:hidden;}
#sidebar ul#twitter_update_list li {background:transparent url(images/bk_twitter.gif) top left no-repeat;text-indent:30px;padding:5px 0 0;margin:10px 0;position:relatiove;clear:both;float:none;}
#sidebar ul#twitter_update_list li span a {display:inline;color:#F09A32}
#sidebar ul#twitter_update_list li a {display:block;color:#888;text-indent:0;margin:0;padding:0;text-align:right;background:transparent;}
#sidebar ul li cite {padding:0 0 10px;display:block;float:left;}
#sidebar ul li span.rss-date {font-size:8px;float:right;}

 ul.latestPosts{margin-top:10px}
 ul.latestPosts li{background:url(images/bk_horizline.jpg) 0 100% repeat-x; padding:0}
* html ul.latestPosts li{float:left; width:100%}
ul.latestPosts li a{display:block; font-weight:800;background:url(images/ico_post.jpg) 0 4px no-repeat; padding:2px 0 6px 20px; text-decoration:none; margin:0}
ul.latestPosts li a:hover{color:#333}
ul.latestPosts li a span.date{font-size:10px; font-weight:400; color:#999}
#colRight{float:left; width:225px; margin-left:20px; margin-top:15px}
#colRight p.line{background:url(images/bk_horizline.jpg) 0 100% repeat-x; display:block; padding:10px 0; margin:0}
#colRight p img{vertical-align:middle; padding-right:5px}
#colRight .featured{margin:10px 0}
#colRight .featured img{background:#fff; padding:6px; border:none}

hr {background:#DDD;border:1px #DDD solid;margin:10px 0;}

/* BLOG 
--------------------------------------------*/
.post{padding:0 0 5px; position:relative}
.post h2{padding-bottom:8px;margin-top:12px;}
.post small{color:#666; display:block; background:url(images/bk_horizline.jpg) 0 100% repeat-x; padding-bottom:6px}
.postmetadata{color:#666; font-size:11px}
.post .entry{background:url(images/bk_horizline.jpg) 0 100% repeat-x; padding-bottom:5px}
.post .entry img{border:1px solid #ddd; background:#fff; padding:7px}
h2 a{text-decoration:none; color:#555; padding:10px 0}
h2 a:hover{color:#333}
.post .ribbonType{position:absolute; top:58px; left:568px; width:45px; height:43px}
*html .post .ribbonType{top:71px}
#sidebar ul{background:url(images/bk_horizline.jpg) 100% 0 repeat-x; margin:10px 0}
#sidebar ul li{background:url(images/bk_horizline.jpg) 0 100% repeat-x; padding:0}
* html #sidebar ul li{float:left; width:100%}
#sidebar ul li a{display:block; background:transparent; padding:6px 0 8px 0; text-decoration:none; margin:0}
#sidebar ul li a:hover{color:#333}

/* Comments */
h3#comments{padding:10px 0 15px}
.navigation{font-weight:bold}
.navigation div{float:left; margin-right:20px}
ul.commentlist{border-top:4px solid #e5e5e5}
ul.commentlist li{background:url(images/bk_horizline.jpg) 0 100% repeat-x; text-transform:none}
ul li.comment{padding-left:0; margin-bottom:5px; display:block}
.commentmetadata{font-size:10px}
.comment-author{font-style:normal; font-size:11px; padding-left:16px; background:url(images/ico_comment.jpg) 0 4px no-repeat}
.comment-author cite{font-weight:bold; font-style:normal}
#respond h2{clear:left; padding-top:15px}
*html #respond h2{padding-top:7px}

/* CAROUSEL
---------------------------------------------*/
.stepcarousel{position:relative; /*leave this value alone*/overflow:scroll; /*leave this value alone*/width:900px; /*Width of Carousel Viewer itself*/height:310px; /*Height should enough to fit largest content's height*/margin-top:40px}
.stepcarousel .belt{position:absolute; /*leave this value alone*/left:0; top:0}
.stepcarousel .panel{background:url(images/bk_featured.png) 0 0 no-repeat; float:left; /*leave this value alone*/overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/margin:2px; width:900px; /*Width of each panel holding each content. If removed,widths should be individually defined on each content DIV then. */height:310px; position:relative}
.stepcarousel .panel .projectDetails{float:left; width:230px; margin:35px 0 0 25px}
.stepcarousel .panel .projectDetails .title{font-size:16px; font-weight:400; font-family: "American Typewriter", AmericanTypewriter, "Courier New", Courier New,courier,monospace;}
.stepcarousel .panel .ribbonType{position:absolute; top:14px; left:224px; width:45px; height:43px}
.stepcarousel .panel .projectImg{position:absolute; top:14px; right:14px}
.stepcarousel .panel .projectImg img{border:none}
.web{background:url(images/ribbon_web.png) 0 0 no-repeat}
.logo{background:url(images/ribbon_logo.png) 0 0 no-repeat}
.print{background:url(images/ribbon_print.png) 0 0 no-repeat}

/* CAROUSEL
---------------------------------------------*/
#screen {margin-top:40px;}
#screen .belt{position:absolute; /*leave this value alone*/left:0; top:0}
#screen #sections li {background:url(images/bk_featured.png) 0 0 no-repeat; float:left; /*leave this value alone*/overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/margin:2px; width:840px; /*Width of each panel holding each content. If removed,widths should be individually defined on each content DIV then. */height:310px; position:relative}
#screen #sections li .projectDetails{float:left; width:230px; margin:20px 0 0;}
#screen #sections li .projectDetails .title{font-size:16px; font-weight:400; font-family: "American Typewriter", AmericanTypewriter, "Courier New", Courier New,courier,monospace;}
#screen #sections li .projectImg{position:absolute; top:14px; right:14px}
#screen #sections li .projectImg img{border:none}
.next, .prev{cursor:pointer}

#navigation{width:900px; text-align:center;position:absolute;top:194px;z-index:50;}
#navigation ul{margin-left:7px;}
#navigation li{float:left; margin:0 5px 0 0; padding:0;}
#navigation a{background:#F29B32;color:#FFF;font-size:18px;font-weight:400;padding:4px 10px 7px;text-decoration:none;border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px;font-family: "American Typewriter", AmericanTypewriter, "Courier New", Courier New,courier,monospace;}

#sections{overflow:hidden; background-color:white; width:900px; height:310px; clear:left; top:35px;}
#sections ul{width:5660px}
#sections ul li{float:left; padding:10px 30px}
#sections p{}
#sections h2{color:#933; margin:20px 0pt}
#sections .title a {color:#777;}
#sections a{color:#F29B32; font-weight:bolder; text-decoration:none}


/* FORMS
-------------------------------------------------*/
form label, form#commentform label{display:block; padding:8px 0 2px; font-weight:bold}
form input, form#commentform input, form textarea, form#commentform textarea{border:1px solid #E5E5E5; padding:5px; font-size:12px; font-family:Arial,Helvetica,sans-serif; color:#666; width:300px}
form textarea, form#commentform textarea{width:500px}
form input#submit, form#commentform input#submit, form input#searchsubmit{border:none; width:103px; height:24px; text-align:center; padding-top:4px; color:#fff; font-weight:bold; text-transform:uppercase; margin-top:15px; background:url(images/bk_submit.jpg) 0 0 no-repeat; font-size:11px}
form input#searchsubmit{background:url(images/bk_search.jpg) 0 0 no-repeat; width:60px; margin:0}
form#searchform input#s{width:143px; margin:0}
form#searchform div{padding:0 0 10px}
form#searchform label{padding:0; margin:0}

/* CLEARING
---------------------------------------------------*/
.clearfix:after{ content:".";  display:block;  height:0;  clear:both;  visibility:hidden}
.clearfix{display:block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */
.clear{clear:both}

.noclear{clear:none}

om IE-mac */
.clear{clear:both}

.noclear{clear:none}