/* 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;  }

#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; }