/* Default styles */
@import "css/reset.css";

/*-------------------------------------------------------------------------------------------

INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.2.1 Drop-down menus
-2.3 Header
-2.4 Content
-2.5 Sidebar
-2.6 Footer
-2.7 Featured Area
-2.8 Homepage
-2.9 Portfolio

3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi

4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets

5. COMMENTS
-5.1 Comments
-5.2 Comments Form
-5.3 Pingbacks / Trackbacks 

-------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */
body{font:14px "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif;line-height:1.5;color:#333;background-color:#fff;}
h1, h2, h3, h4, h5, h6{margin:0;font-family:"Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif;color:#333;}
h1{font-size:30px;} h2{font-size:24px;} h3{font-size:20px;} h4{font-size:18px;} h5{font-size:14px;} h6{font-size:12px;}
p{margin:0;}

/* 1.2 Hyperlinks */
a:link, a:visited{color:#06a0f0;text-decoration:none;}
a:hover{text-decoration:underline;}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited{text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{text-decoration:underline;}

/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

/* 2.1 Containers & Columns */
#container{}
#top{background:url(images/bg.jpg) repeat-x top center;min-height:0;}
.col-left{float:left;}
.col-right{float:right;}
.col-full{width:960px;margin:0 auto;}

/* 2.2 Navigation */
#navigation{font-size:11px;}
#navigation ul.rss{background:url(images/ico-rss.png) no-repeat 0 5px;padding:6px 0 3px 15px;}
#navigation ul.rss li{display:inline;padding:0 10px;}
ul#nav{margin-top:9px;}
#nav, #nav ul{z-index:100;margin:0;padding:0;list-style:none;line-height:1;}
#nav a{display:block;z-index:100;padding:0 10px;line-height:28px;font-size:17px;color:#fff;text-decoration:none;}
#nav li{float:left;width:auto;padding:2px 5px;}
#nav li:hover, #nav li.current_page_item{background:#222;}
#nav li li.current_page_item{background:none;}

/* 2.2.1 Drop-down menus */
#nav li ul{position:absolute;left:-999em;width:172px;background:#FFF;border:1px solid #efefef;}
#nav li ul li{border:1px solid #efefef;border-width:0 0 1px;padding:0;}
#nav li ul li a{background:url(images/ico-bullet.png) no-repeat 5px 10px;width:145px;padding-left:15px;line-height:30px;font-size:12px;color:#000;}
#nav li ul li:hover{background:#fafafa;}
#nav li ul{padding:5px;}
#nav li ul ul{margin:-25px 0 0 120px;}
#nav li ul li ul li a{border-width:0 0 1px;}
#nav li:hover ul ul, #nav li.sfhover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul ul{left:-999em;}
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul{left:auto;}
#nav li:hover,#nav li.hover{position:static;}
#nav .sf-sub-indicator {display:none;}

/* 2.3 Header */
#header{background:url(images/bg-top.png) repeat;padding:25px 0 20px;clear:both;position:relative;z-index:10;}
#logo{}
#logo img{}
#logo .site-title, #logo .site-description{display:none;}
#logo .site-title a{color:#fff;font-size:32px;line-height:28px;text-transform:uppercase;letter-spacing:1px;font-weight:bold;}
#logo .site-title a:hover{text-decoration:none;color:#eee;}
#logo .site-description{color:#bbb;text-transform:uppercase;font-size:12px;}

/* 2.4 Content */
#content{background:url(images/bg-content-top.png) repeat-x top center;min-height:400px;padding:30px 0;}
* html #content{height:550px;}
#main{width:620px;}
#main.fullwidth{width:960px;}

/* 2.5 Sidebar */
#sidebar{width:260px;overflow:hidden;padding:25px 25px 15px;background:#f7f7f7;border-bottom:1px solid #dbdbdb;}

/* 2.6 Footer */
#footer{background:#232323 url(images/bg-footer-top.png) repeat-x top center;font-size:12px;padding:20px 0;border-top:1px solid #eee;}
#footer #credit, #footer #copyright{color:#777;}
#footer #credit a, #footer #copyright a{color:#999;}
#footer #footer-credits{background:url(images/bg-footer-bevel.png) repeat-x top center;padding:25px 0 20px;margin:20px 0;}
#footer #credit img{vertical-align:middle;}
#footer #credit span{display:none;}
#footer #footer-widgets{margin-top:20px;color:#bbbbbb;font-size:14px;}
#footer #footer-widgets p{color:#bbbbbb;}
#footer #footer-widgets .block{float:left;width:210px;margin:0 40px 0 0;}
#footer #footer-widgets .block.last{margin-right:0;}
#footer #footer-widgets h3{font-size:18px;color:#fff;font-weight:normal;}
#footer #footer-widgets ul{border:none;}
#footer #footer-widgets li{padding-left:15px;}
#footer #footer-widgets li a{border:none;color:#fefefe;line-height:18px;padding:3px 0;}
#footer #footer-widgets li a:hover{color:#06a0f0;}

/* 2.7 Featured Area */
#featured{background:url(images/bg-border-top.png) repeat-x top left;}
#featured #page-title{padding:25px 0;}
#featured h2, #featured h1, #featured span.archive_header{color:#fff;font-size:40px;line-height:40px;letter-spacing:-1px; }
#featured span.archive_header{display:block;font-size:30px;font-weight:bold;}
#featured span.archive_header.blog{font-size:40px;}

/* 2.8 Homepage */
#featured.home .featured-image{width:490px;padding:40px 0 0;margin-bottom:-60px;position:relative;text-align:center;}
#featured.home .play{background:url(images/btn-play.png) no-repeat;position:absolute;bottom:0;left:0;width:470px;height:380px;}
#featured.home .featured-content{width:450px;padding:60px 0 0;}
#featured.home h2{font-size:48px;padding:20px 0 30px;}
#featured.home p{font-size:20px;color:#fff;line-height:30px;}
#featured a.button{background:url(images/btn-featured-right.png) no-repeat scroll top right;display:block;float:left;height:44px;padding-right:16px;text-decoration:none;color:#777;font-family:Arial, Helvetica, sans-serif;font-size:22px;margin:30px 30px 20px 0;letter-spacing:-1px;}
#featured a.button span {	float:left;background:url(images/btn-featured.png) no-repeat;display:block;	line-height:44px;padding:0px 10px 0px 55px;} 
#featured a.button:hover span{ text-decoration:none;color:#555;}
#featured a.button:hover{cursor:pointer;}
#breadcrumb.home{min-height:100px;height:auto;padding:10px 0 20px;}
#breadcrumb.home .left{width:490px;margin-top:65px;}
#breadcrumb.home .right{width:450px;}
#breadcrumb.home a.thumb{float:left;margin-left:20px;border:1px solid #ddd;width:70px;height:70px;background:url(images/thumb-hover.png) no-repeat;}
#breadcrumb.home a.thumb img{padding:5px;height:60px;width:60px;}
#breadcrumb.home h2{font-size:18px;text-transform:uppercase;margin:10px 0;}
#breadcrumb.home p{color:#555;line-height:22px;font-size:14px;padding:0 0 15px;}
#twitter{background:#f7f7f7;border-bottom:1px solid #dbdbdb;margin:10px 0 0;padding:18px 30px 16px;color:#777;font-size:18px;min-height:42px;}
#twitter  #twitter_update_list{margin-left:65px;}
#twitter #twitter_update_list li{line-height:22px;}
#mini-features{margin:40px 0 20px;}
#mini-features .block{width:440px;margin:0 40px 30px 0;float:left;}
#mini-features .block.last{margin:0;}
#mini-features .feature{margin-left:55px;}
#mini-features .home-icon{float:left;}
#mini-features h3{font-size:18px;padding-bottom:10px;}
#mini-features p{padding-bottom:15px;}
#mini-features a.btn{margin:15px 0 0 0;background:#f0f0f0 url(images/ico-bullet.png) no-repeat 90% 50%;color:#333;font-size:12px;text-transform:uppercase;border:none;padding:4px 20px 4px 12px;}
#mini-features a.btn:hover{background:#06a0f0 url(images/ico-bullet.png) no-repeat 90% 50%;color:#fff;text-decoration:none;}
#main-page1{padding:30px 0 0;}
#main-page2{padding:0 0 30px;}
#info-box{background:#f7f7f7;border-bottom:1px solid #dbdbdb;padding:30px 40px 10px;margin:0 0 20px;}
#info-box .block{width:420px;margin:0 40px 20px 0;float:left;}
#info-box .block.last{margin-right:0;}
#info-box .icon{float:left;}
#info-box h3{background:url(images/bg-info-box-title.png) repeat-x scroll center bottom;text-transform:uppercase;font-size:14px;padding:0 0 15px 50px;line-height:30px;margin-bottom:15px;}
#info-box p{padding-bottom:15px;}
#info-box blockquote{background:url(images/bg-quote.png) no-repeat top left;padding:0 0 15px 50px;font-family:Georgia, serif;font-size:14px;color:#777;font-style:italic;min-height:12px;}
#info-box cite{padding:0 0 0 50px;}
#info-box .quote{padding-bottom:20px;}

/* 2.9 Portfolio */
#portfolio .block{width:460px;margin:0 10px 20px 10px;display:inline;}
#portfolio .block a.thumb{background:url(images/portfolio-hover.png) no-repeat;border:1px solid #ddd;padding:4px;margin:0 0 20px 0;display:block;}
#portfolio .block img.portfolio-img{  }
#portfolio .block h2{font-size:18px;margin-bottom:15px;}
.port-cat{text-transform:uppercase;}
.port-cat a{padding:2px 6px;background:#e4e4e4;margin:0 0 0 5px;border:1px solid #ccc;}
.port-cat a:hover{text-decoration:none;background:#eee;}

/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/
#breadcrumb{background:#eee url(images/bg-breadcrumb-top.png) repeat-x top center;height:44px;border-top:1px solid #efefef;border-bottom:1px solid #d5d5d5;color:#777;line-height:44px;}
#breadcrumb img.rss{position:relative;margin:9px 0 0 10px;}
.post{margin:0 0 25px 0;}
.post .title{width:100%;position:relative;margin:0 0 5px 0;}
.post .title a:link, .post .title a:visited{color:#222;}
.post-meta{font-family:Arial, Helvetica, sans-serif;margin:0 0 15px 0;font-size:11px;color:#9F9F9F;}
.post-meta .comments a{padding:0 0 0 20px;text-transform:uppercase;}
.post p.tags{background:url(images/ico-tag.gif) no-repeat center left;padding-left:25px;width:100%;clear:both;}
.entry{}

/* 3.1 Typographic Elements */
.entry h1 {}  .entry h2 {}  .entry h3 {}  .entry h4 {}  .entry h5 {}  .entry h6 {}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{	margin:0 0 15px 0;}
.entry p{margin:0 0 15px 0;}
.entry blockquote{padding:10px 30px;color:#666;}
.entry blockquote p{}
.entry ul{margin:0 0 15px 0;padding:0 0 0 30px;}
.entry ul ul{margin:0;}
.entry ul li{list-style-type:circle;}
.entry ul ul li{list-style-type:disc;}
.entry ol{margin:0 0 15px 0;padding:0 0 0 30px;}
.entry ol ol{margin:0;}
.entry  ol li{list-style-type:upper-latin;}
.entry  ol li ol li{list-style-type:lower-latin;}

/* 3.2 Images */
.entry img{padding:5px;border:1px solid #ccc;}
img.wp-smiley{padding:0;border:none;}
.entry .alignleft{float:left;width:auto;margin:10px 15px 10px 0;}
.entry .alignright{float:right;width:auto;margin:10px 0 10px 15px;}
.entry .aligncenter{text-align:center;}
.entry .wp-caption{padding:1px;text-align:center;background:#F8F8F4;border:solid 1px #e6e6e6;}
.entry .wp-caption img{ margin:0;padding:4px 0;background:none;border:0;}
.entry .wp-caption-text{margin:0;padding:0;font-size:11px;text-align:center;}

/* 3.3 Pagination / WP-Pagenavi */
.more_entries {font-size:14px;line-height:18px;font-style:italic !important;}
.more_entries a{display:block;margin:0;background:#F7F7F7;border-bottom:1px solid #DBDBDB;padding:4px 8px;color:#777; }
.more_entries a:hover{text-decoration:none;}
.more_entries .wp-pagenavi{margin:15px 0;text-align:right; }
.more_entries .wp-pagenavi a:link,
.more_entries .wp-pagenavi a:visited{display:inline;text-decoration:none;background:#efefef;color:#777;padding:4px 8px;border:none;border-bottom:1px solid #DBDBDB;}
.more_entries .wp-pagenavi .current, 
.more_entries .wp-pagenavi .on,
.more_entries .wp-pagenavi a:hover{padding:4px 8px;background:#F7F7F7;color:#777;border:none;border-bottom:1px solid #DBDBDB; }
.more_entries .wp-pagenavi .extend, 
.more_entries .wp-pagenavi span.pages{background:#F7F7F7;color:#777;padding:4px 8px;border:none; border-bottom:1px solid #DBDBDB;}

/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/

/* 4.2 Generic Widgets */
.widget{margin:0 0 30px 0;}
.widget h3{margin:0 0 15px 0;text-transform:uppercase;font-size:14px;text-transform:uppercase;color:#777;}
.widget p{color:#666;}
.widget ul{clear:both;}
.widget ul li{background:url(images/ico-bullet.png) no-repeat left 8px;padding-left:15px;}
.widget ul li a{display:block;padding:3px 0;line-height:18px;text-decoration:none;color:#666;}
.widget ul li a:hover{color:#000;}
.widget ul ul{padding:0 0 0 15px;border-top:none;}

/* 4.2 Specific Widgets */

/* WIDGET FORMS */
#searchform{margin:15px 0 0 0;background:#fff; border:3px solid #e2e2e2;position:relative;}
#searchform .btn{position:absolute;right:10px;bottom:0;}
.widget input#s, .widget input.field{width:180px;padding:6px 0;margin-left:10px;border:0;color:#999999;}
.widget input.submit{}
.widget .screen-reader-text{display:none;}

/* FLICKR */
.widget_woo_flickr h3{}
.widget_woo_flickr h3 span{color:#0061D8;}
.widget_woo_flickr h3 span span{color:#FF1183;}
.widget_woo_flickr .flickr_badge_image{width:75px;float:left;margin:4px 6px;}
.widget_woo_flickr .wrap{margin-left:-5px;position:relative;margin-bottom:25px;padding:0;}
.widget_woo_flickr a img{float:left; margin:0; display:block;border:#CECFC6 1px solid;padding:3px;}
.widget_woo_flickr a:hover img{border:#A8AA99 1px solid;}

/* LIFESTREAM */
.widget_lifestream ul li{border-bottom:1px solid #e0e6e6;}
.widget_lifestream ul li a{border:none;background:none!important;}
.widget_lifestream ul .lifestream_meta{color:inherit;}

/* CALENDAR */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}

/* MISC */
.adspace-widget{text-align:center;}

/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 5.1 Comments */
#comments {position:relative;margin-top:20px;padding:0;}
#comments h3{ color:#555;font-weight:normal;}
#comments .comment.thread-even{background:#f7f7f7;border-bottom:1px solid #b2b2b2;}
#comments .comment{margin-top:10px;width:100%;list-style-type:none;}
#comments .comment .comment-container{padding:15px 20px;}
#comments .comment-head{margin:0 0 15px 0;}
#comments .comment-head .avatar{float:right;margin:0 0 10px 10px;}
#comments .comment-head .avatar img{margin:0;vertical-align:middle;border:1px solid #ddd;padding:3px;background:#fff;}
#comments .comment-head .name{margin:0;font-weight:bold;font-size:15px;}
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma{font-size:11px;}
#comments .comment-entry p{margin:0 0 10px 0;}
#comments .reply{padding-top:10px;}
#comments .reply a{ padding:1px 15px;background:#e7e7e7;color:#444;text-decoration:none;font-size:12px;text-transform:uppercase;}
#comments .reply a:hover{background:#06a0f0;color:#fff;}
#comments ul.children{margin:10px 0 0 25px;padding:0;}
#comments .cancel-comment-reply{margin-bottom:10px;}
#comments .navigation{}
#comments .navigation a{ display:block;margin:15px 0 0 0;text-decoration:none;}
#comments .navigation a:hover{}
#comments h3#pings{margin-top:25px;}
#comments .pingbacks li.pingback{margin:10px 0;}
#comments .pingbacks li.pingback .reply{display:none;}

/* 5.2 Comments Form */
#respond{margin:25px 0 0 0;}
#respond h3{color:#555;font-weight:normal;}
#respond .left{float:left;width:200px;margin-right:15px;}
#respond .right{float:left;width:380px;}
#commentform{	margin:15px 0 0 0; }
#commentform input.txt{ color:#666;background:#fcfcfc;width:170px;margin:0 5px 10px 0;padding:7px 10px;border:3px solid #e2e2e2;}
#commentform textarea{color:#666;background:#fcfcfc;width:95%!important;padding:7px 10px;border:3px solid #e2e2e2;}
input, textarea, submit{font-family:"Trebuchet MS", "Helvetica Neue", Helvetica, Arial, Sans-Serif; font-size:14px;}
#commentform #submit{margin:15px 0 0 0;background:#f0f0f0 url(images/ico-bullet.png) no-repeat 90% 50%;color:#333;font-size:12px;text-transform:uppercase;border:none;padding:4px 25px 4px 15px;}
#commentform #submit:hover{background:#06a0f0 url(images/ico-bullet.png) no-repeat 90% 50%;color:#fff;cursor:pointer;}

/* 5.3 Pingbacks / Trackbacks */
h3#pings{margin:25px 0 10px 0;}
.pinglist li{margin:0 0 0 20px;list-style-type:decimal;}
.pinglist li .author{font-weight:bold;font-size:15px;}
.pinglist li .date{font-size:11px;}
.pinglist li .pingcontent{display:block;margin:10px 0;}