/*  
Theme Name: Fresh Folio
Theme URI: http://www.woothemes.com/
Description: Fresh Folio by WooThemes
Version: 1.1.0
Author: WooThemes
Author URI: http://www.woothemes.com/
 === Setup === */
 *{border:0;margin:0;padding:0;}
body{background:#f1f1e9;color:#555;font:12px Arial,Verdana,Helvetica,Sans-Serif;}
a{color:#aaa;text-decoration:none; outline: none;}
a:hover{text-decoration:underline;}
input,select,textarea{border:1px solid #e6e6e6;font-size:12px;}
select{padding:0;}
li{list-style:none;}
/*=== Layout === */
#page{width:960px;margin:0 auto;}
#background{background:url(images/bgr.jpg) no-repeat top center;position:relative;top:50px; z-index: 1}
/*=== Header === */
#header{color:#d8d8d8;font-size:12px;height:374px;}
#header p{line-height:20px;}
#header #description{font-size:14px;line-height:24px;font-weight:700;}
#dvd_cover {position: relative; float: right; right: 10px}
/*- Logo - */
#logo{width:464px;margin:0 auto; height: 160px}
/*- Latest Work - */
#latest{float:right;width:525px;margin:0;}
#latest .pic img{border:5px solid #444;display:block;margin:0 0 10px;}
#latest .pic img:hover{border:5px solid #555;}
#latest .demo{background:url(images/ico-star.png) no-repeat left;height:17px;line-height:17px;text-transform:uppercase;padding:0 0 0 16px;}
#latest .demo a{color:#e6e6e6;text-decoration:underline;font-weight:700;}
#latest .demo p{line-height:18px;padding:0;}
#latest a.btn-demo{background:url(images/btn-demo.png) no-repeat;font-weight:700;display:block;text-align:center;text-decoration:none;width:48px;font-size:11px;line-height:16px;padding-left:1px;}
/*=== Navigation === */
#menu{width:100%;position:relative;top:-50px;font-size: 13px; font-weight: bold; height: 50px; text-transform: uppercase; float: left;}
#menu ul {margin:0;list-style:none;}
#menu li {display:inline;margin:0;padding:0; width: 130px; height: 100px;}
#menu a {float:left;margin:0;text-decoration:none; background:url(images/menu_tab.png) no-repeat right top;width: 130px; height: 50px; margin-left: 6px;}
#menu a span {float:left;display:block;width: 125px;padding-top: 15px;color:#fff; margin: 0 auto; text-align: center; cursor: pointer}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {color:#000;}
#menu a:hover {background-position:0% -50px;}
#menu a:hover span {background-position:100% -50px;}
/*=== All Columns === */
#columns{background: #fff}
#page .no-bg{background:none;}
#columns p{line-height:20px;padding:0 0 10px;}
/*=== Center Column === */
#centercol{float:left;width:600px;}
/*=== Right Column === */
#sidebar{float:right;width:314px;padding-left:30px;display:inline;}
.box h3{color:#555;font-size:18px;font-weight:400;margin:0 0 5px;}
.box .pic img{background:#fcfbfc;border:1px solid #f1f1e9;float:left;display:inline;margin:0 10px 7px 0;padding:8px;}
#columns .portfolio .pic img{margin:0;}
.box .pics img,.flickr_badge_image img{border:1px solid #f1f1e9;margin:0 3px 8px;padding:3px;}
.box .pic img:hover,.box .pics img:hover{background:#fff;border:1px dotted #bbb;}
/*=== Heading Wrappers === */
.wrap{clear:both;font-size:11px;height:18px;margin:0 0 5px;}
#sidebar h2,#columns h2{clear:both;color:#40bde9;font-size:12px;font-weight:400;text-transform:uppercase;margin:0 0 10px;}
.wrap.latest h2{background:url(images/ico-latest.png) no-repeat left;float:left;padding:0 0 0 20px;}
.wrap.st h2{background:url(images/ico-star.png) no-repeat left;padding:0 0 0 20px;}
.portfolio .item-text{width:285px;float:right;}
.portfolio-meta .website a{background:url(images/arrow_next.png) no-repeat left;float:left;padding:0 0 0 20px;}
.portfolio-meta .details a{background:url(images/file.png) no-repeat left;float:left;margin:0 0 0 5px;padding:0 0 0 20px;}
.portfolio-meta .larger a{background:url(images/search.png) no-repeat left;float:left;margin:0 0 0 5px;padding:0 0 0 20px;}
/*- Date - */
.date{clear:both;color:#aaa;font-size:11px;padding:0 0 13px;}
/*- Comments Link - */
.comment{background:url(images/c-grey.png) no-repeat;color:#fff;float:right;font-size:11px;height:23px;text-align:center;width:33px;padding:2px 0 0;}
.box .comment{background:url(images/c-green.png) no-repeat;color:#fff;}
.comment a{color:#fff;display:block;height:23px;}
/*- Headline - */
.prev-entries{background:url(images/hl-dot.gif) repeat-x bottom;padding:0 0 10px;}
.headline{background:url(images/hl-dot.gif) repeat-x bottom;margin:0 0 10px;}
.headline h3{float:left;font-size:12px;}
/*=== Styling Lists === - Widget - */
.two-col{width:145px;float:left;margin:0 10px 0 0;}
.widget{margin:0 0 25px;}
.widget ul{background:url(images/hl-dot.gif) repeat-x top;clear:both;padding:10px 0 0;}
.widget ul li{background:url(images/hl-dot.gif) repeat-x bottom;margin:0 0 10px;padding:0 0 10px;}
.widget h3{color:#555;float:left;font-size:12px;}
/*=== Styling Buttons === */
a.rss{background:url(images/ico-rss.gif) no-repeat right;padding:0 16px 0 0;}
/*=== Footer === */
#footer{clear:both;font-size:11px;height:30px;line-height:22px;color: #000}
#footer img{vertical-align:middle;}
/*========= COMMENTS ========= */
#columns h3.commh3{color:#333 !important;font-size:1.4em !important;padding:10px 0 5px;}
#columns ol.commentlist{list-style:none;font-size:12px;line-height:20px;margin:10px 0 20px;padding:0;}
#columns ol.commentlist p{margin-bottom:10px;line-height:20px;padding:0;}
#columns .commentmetadata a{font-size:11px;color:#333;}
#columns ol.commentlist cite{font-style:normal;font-weight:700;}
#columns ol.commentlist li{margin:0;padding:0;}
#columns ol.commentlist .comment-text{background:#F8F8F4;border:1px solid #e6e6e6;width:340px;float:right;min-height:120px;position:relative;margin-bottom:-2px;top:-1px;padding:18px 18px 0 !important;}
#columns ol.commentlist .comment-author{width:100px;float:left;text-align:right;clear:both;}
input#submit{font-size:12px;color:#363636;font-weight:700;text-align:left;border:1px solid #e6e6e6;background:#F5F4F0;margin:0 0 7px;padding:7px 10px;}
#searchform #s{width:120px;}
.gravatar{background:#FFF none repeat scroll 0 0;border:1px solid #e6e6e6;float:right;padding:4px;}
/*========= SINGLE POST SPECIFIC ========= */
span.tags{background:url(images/ico-tags-trans.png) no-repeat left;padding:1px 0 0 20px;}
.singleh2{font-size:1.8em !important;padding-top:5px;}
.entry{margin-bottom:5px;}
.entry p{text-align:left;font-size:12px;line-height:20px !important;}
.entry blockquote{background: transparent url(images/blockquote.gif) no-repeat 0 0;width:85%;color:#aa272a;font-style:italic;margin:5px auto 15px;padding:0 40px;}
.entry blockquote p{font-size:12px;line-height:20px;margin:5px 0;padding:5px 0;}
.entry img{background:#F8F8F4;border:solid 1px #e6e6e6;padding:2px;}
.entry ul,.entry ol{margin-bottom:15px;font-size:12px;line-height:20px;}
.entry ul li ul,.entry ol li ol{margin-bottom:0;padding-top:3px;}
.entry ul li{list-style:circle inside !important;margin-left:15px;padding:3px 0;}
.entry ul li ul li{list-style:disc inside !important;}
.entry ol li{list-style:decimal inside !important;font-size:12px;padding:3px 0;}
.entry ol li ol li{list-style:decimal-leading-zero inside !important;}
/*========= ARCHIVE SPECIFIC ========= */
.arclist ul li{color:silver;font-size:12px;border-bottom:1px solid #f1f1ed;padding:5px 0;}
/*=== Misc. === */.fix{clear:both;height:1px;overflow:hidden;margin:0 0 -1px;}
.hl{background:url(images/hl-dot.gif) repeat-x top;clear:both;height:2px;overflow:hidden;width:100%;margin:0 0 18px;}
.box .hl{background:none;border-top:1px solid #e6e6e6;height:1px;overflow:hidden;}
.ar{font-size:11px;text-align:right;}
#sidebar #wp-calendar caption{font-size:1.2em;text-transform:uppercase;font-weight:700;margin-bottom:5px;color:#333;background-image:url(images/divider.gif);background-repeat:repeat-x;background-position:left bottom;padding:10px 5px;}
#sidebar #wp-calendar{margin-left:auto;margin-right:auto;text-align:center;width:280px;}
#sidebar #wp-calendar thead th{color:#333;}
#sidebar #wp-calendar tfoot td{text-align:left;padding:10px 0;}
#sidebar #wp-calendar tfoot td#next{text-align:right;}
#sidebar #wp-calendar td{width:auto;}
#sidebar #wp-calendar td a{background-color:#BCCE62;color:#FFF;padding:2px;}
#sidebar #wp-calendar tfoot td a{background-color:#e6e6e6;color:#333;}
#twitter_div .website{background:url(images/arrow_next.png) no-repeat left;padding:0 0 0 20px;}
#twitter_div ul{background:none;clear:both;border:0;padding:0;}
#twitter_div ul li{background:none;border-bottom:1px solid #e6e6e6;margin:0 0 10px;padding:0 0 10px;}
.wrap.twitter h2{background:url(images/twitter.png) no-repeat left;padding:0 0 0 20px;}
#header #description a,.box a{color:#BCCE62;}
.box,#sidebar #searchform,#sidebar #calendar_wrap{background:url(images/box-bgr.gif) #fff repeat-x top;clear:both;height:1%;border:1px solid #fefefe;margin:0 0 14px;padding:19px;}
.box h3 a,.headline h3 a,.widget h3 a{color:#555;}
.wrap div,.fr{float:right;}
.date a,#footer a{color:#aaa;}
.headline .date,.widget .date{margin:-5px 0 0;}
#columns .headline p,#columns .list1 p{padding:0 0 8px;}
.fl,.box .flickr img{float:left;}
.subscribeform {background: url(images/newsletter-bg.jpg); width: 960px; height: 30px; color: #fff;}
.subscribeform p {padding: 5px 0 0 20px;}
#email {height: 15px !important; position: relative; top: -22px; left: 140px;}
#stnl_submit {position: relative; top: -44px; left: 300px; background: transparent; border: 0; color: #fff; font-style: bold; font-size: 120%}
.mac.safari #email,.win.safari #email {position: relative; top: -21px}
.mac.safari #stnl_submit,.win.safari #stnl_submit {position: relative; top: -38px; left: 320px}
.win.chrome #email {position: relative; top: -21px}
.win.chrome #stnl_submit {position: relative; top: -38px}
.win.opera #stnl_submit {position: relative; top: -38px; left: 290px}
.win.ie8 #email {position: relative; top: -23px;}