@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 Page Navigation

-2.2.2 Category Navigation

-2.2.3 Search

-2.3 Header

-2.4 Content

-2.5 Sidebar

-2.6 Footer

-2.6.1 Footer Widget Area

-2.7 Featured Area



3. POSTS

-3.1 Typographic Elements

-3.2 Images

-3.3 Pagination / WP-Pagenavi

-3.4 Buttons / Banners



4. WIDGETS

-4.1 Generic Widgets

-4.2 Specific Widgets

-4.3 Sidebar Tabs

-4.4 Video



5. COMMENTS

-5.1 Comments

-5.2 Comments Form



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







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

/* 1. SETUP */

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



/* 1.1 Defaults */



body  { font: 12px Tahoma, Geneva, sans-serif; line-height: 1.2; color: #333; background: #888788 url(images/bg.png) repeat-x; }



h1, h2, h3, h4, h5, h6  { margin: 0; font-family: Tahoma, Geneva, sans-serif; color: #000; line-height:1; padding-bottom:10px; font-family:georgia; text-shadow:1px 1px #CCCCCC;  }

h1  {font-size: 25px; } h2  {font-size: 20px;} h3  {font-size: 18px;} h4  {font-size: 16px;} h5  {font-size: 14px;} h6  {font-size: 12px;}



p  {margin: 0;}



/* 1.2 Hyperlinks */



a:link, a:visited  { text-decoration:none; color: #444; }

a:hover  {text-decoration:none;}

.entry a:hover, .widget a:hover {}



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;

font-family:georgia;

font-size:18px;

text-decoration:none; text-shadow:1px 1px #CCCCCC; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline; border:none;}







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

/* 2. SITE STRUCTURE & APPEARANCE */

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



/* 2.1 Containers & Columns */

#container { }

#top { background:#232323 url(images/bg.jpg) no-repeat top center; }



.col-left { float: left; }

.col-right { float: right; }

.col-full  { width: 960px; margin: 0 auto; }



/* 2.2 Navigation */

#navigation, #page-nav {font-size:11px;}

#navigation a:hover, #page-nav {border:none;}



#page-nav ul.rss{background:url(images/ico-rss.png) no-repeat right 8px;padding:0 35px 0;}

#page-nav ul.rss li{float:left;width:auto;}

#page-nav ul.rss a { line-height:29px; display:block; padding:0 10px; }



/* 2.2.1 Page Navigation */

#page-nav { position:relative; background:url(images/bg-pagenav.png) repeat-x; height:29px; font-family:Verdana, Geneva, sans-serif; font-size:10px; text-transform:uppercase; }

#page-nav a { color:#eee; text-decoration:none; text-shadow: #333 0px 1px 0px; }

#page-nav a:hover { background:url(images/nav-hover.png) repeat; color:#fff; }

#page-nav .ico-home { padding:7px 0 6px 0; }



#nav, #nav ul  { position:relative; z-index:200; margin:0; padding:10px 0; list-style:none; line-height:1; font-size:12px; }

#nav li {float:left; color:#FFF; line-height:2em; margin:0px 0 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:0px;}

#nav li:hover {-moz-border-radius: 5px;  -webkit-border-radius: 5px; background:#222;}

#nav li a {display:block; margin:0; font-size:0.9em; color:#FFF; padding:0 13px; -moz-border-radius: 5px;  -webkit-border-radius:5px}

#nav li a:hover {color:#fff; text-decoration:none; display:block; }

#nav li ul {position:absolute; width:180px; left:-000em; padding-top:5px; margin:0;}

#nav li:hover ul, #nav li.sfhover ul {left:auto;}

#nav li li {padding:0; margin:0; width:180px; line-height:1.5em;}	

#nav li li a {color:#fff; margin:0; padding:8px 13px; background:url(images/blacktrans3.png);}

#nav li li a:hover {color:#fff;}

#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */position: static;}



/* 2.2.2 Category Navigation */

#cat-nav { position:relative; background:url(images/bg-catnav.png) repeat-x bottom; height:58px; border-top:1px solid #fff; }

#cat-nav a { color:#333; text-decoration:none; text-shadow: #fff 0px 1px 0px; }

#cat-nav a:hover { color:#000; }

#cat-nav li:hover { background:#e6e6e6; }

#cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#888; text-shadow:none;}

#cat-nav a:hover span { color:#555; }

#secnav li a span.sf-sub-indicator { display:none; }

#secnav li ul li a span.sf-sub-indicator { display:inline; }



#secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background: url(images/secnav-div.png) no-repeat right; }

#secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:58px; text-decoration:none;}

#secnav li { float:left; width: auto; background: url(images/secnav-div.png) no-repeat left; height:58px; }

#secnav li ul  { position: absolute; left: -999em; width: 180px; }

#secnav li ul li  { background:url(images/bg-catnav.png) repeat-x bottom; border:1px solid #ddd; border-width:0 1px; height:30px; }

#secnav li ul li a  { font-family:Verdana, Geneva, sans-serif; width:160px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#555; }

#secnav li ul ul  { margin: -30px 0 0 180px; }

#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }

#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }

#secnav li:hover,#secnav li.hover  { position:static; }



/* 2.2.3 Search */

#cat-nav #search { background:url(images/bg-search.png) no-repeat; height:31px; width:181px; margin-top:14px; position:relative; }

#cat-nav #search input { background:none; border:none; padding:8px 25px 8px 12px; width:156px; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:12px; color:#9d9d9d; }

#cat-nav #search input.submit { position:absolute; right:8px; top:7px; width:15px; height:16px; padding:0; margin:0; }



/* 2.3 Header */

#header{clear:both;

margin:0 auto;

padding:5px 0;

width:960px;}



#logo  { }

#logo img  { padding:3px; }

#logo a:hover { border:none; }



#logo .site-title, #logo .site-description  { display: none; }



#topad{position:absolute;right:0px;top:36px;}



#twitter-top { position:absolute;right:0px;top:36px; overflow:hidden; }

#twitter-top div.logo { float:left; background:url(images/bg-twitter.png) no-repeat; width:60px; height:76px;  }

#twitter-top div.tweet { float:left; background:url(images/bg-twitter.png) no-repeat right; max-width:450px; height:76px;  }

#twitter-top img { float:left; margin: 14px 0 0 15px; }

#twitter-top #twitter_update_list { padding:11px 20px 0 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; color:#eee; line-height:18px; }

#twitter-top #twitter_update_list a { color:#eee; border-bottom:1px dotted; }

#twitter-top #twitter_update_list a:hover { color:#eee; border-bottom:1px solid; }



/* 2.4 Content */

#content{min-height:400px;padding:0; margin:20px auto 30px;}

* html #content{height:400px;}



#main{width:600px;}

#main.fullwidth  { width: 960px; }



/* 2.5 Sidebar */

#sidebar{width:340px;overflow:hidden;}

#sidebar img{ padding-left:20px;}



/* 2.6 Footer */

#footer{ margin:15px auto 10px auto; padding:0; width:960px; min-height:35px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#FFF; -moz-box-shadow: 2px 3px 10px #333; -webkit-box-shadow: 2px 3px 10px #333; background: -moz-linear-gradient(top, #FAFAFA, #D1D1D1 ); background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#D1D1D1));}

#footer a { color:#000; }

#footer a:hover { border-bottom:1px dotted; }

#footer #credit img{vertical-align:middle; }

#footer #credit span{display:none;}



/* 2.6.1 Footer Widget Area */

#footer-widgets{ position:relative; background:url(images/bevel-footer-widgets.png) repeat-x top; background-color:#c1c0c0; border-bottom:1px solid #7b7b7b; }

#footer-widgets .container { background:url(images/bg-footer-widgets.png) no-repeat center 2px; padding:30px 0 10px; }

#footer-widgets .block { width:300px; float:left; margin:0 30px 0px 0; }

#footer-widgets .block.last { margin-right:0;; }

#footer-widgets .widget h3  { background:url(images/bg-footer-widget-title.png) repeat-x; text-shadow: #fff 0px 1px 0px;}



/* Featured Area */

#loopedSlider { position:relative; width:960px; background:#e5e5e5; border-bottom: 1px solid #b9b9b9; border-right: 1px solid #d0d0d0; }

#loopedSlider .container { width:640px; height:340px; overflow:hidden; position:relative; background:#fff; border-right:1px solid #d0d0d0; }

#loopedSlider .slides { position:absolute; top:0; left:0; }

#loopedSlider .slides div.slide { position:absolute; top:0; width:640px; display:none; }

#loopedSlider .slides .post-bottom { border-bottom:none; }



#loopedSlider .featured-nav { width:318px; float:right; }

#loopedSlider ul.pagination { list-style:none; padding:0; margin:0;  border-top:1px solid #d0d0d0;}

#loopedSlider ul.pagination li { float:left; border-bottom:1px solid #f6f6f6;}

#loopedSlider ul.pagination li a { width:278px; display:block; padding:15px 20px 15px 20px; opacity:0.7; border-bottom:1px solid #d4d4d4; }

#loopedSlider ul.pagination li a:hover { opacity:1; background:#eee; }

#loopedSlider ul.pagination li.active a { opacity:1; background:#eee;}

#loopedSlider ul.pagination img { background:#fff; padding:2px; border:1px solid #d1d1d1; float:left; margin-right:10px;}

#loopedSlider ul.pagination em { color:#555; font-family:Georgia, serif; font-weight:bold; line-height:18px; margin-top:10px; font-style:normal; }

#loopedSlider ul.pagination .meta { display:block; font-size:11px; color:#777; line-height:16px; margin:5px 0 0 64px; }





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

/* 3. POSTS */

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



#breadcrumb {}



.archive_header  { display: block; padding:10px 20px 0; margin:0 0 15px; font-size: 18px; font-weight: bold; background:url(images/bg-widget-title.png) repeat-x; height:33px; }

.archive_header .cat { }

.archive_header .catrss { background:url(images/ico-rss.png) no-repeat 2px; }

.archive_header .catrss a  { font-size: 14px; text-decoration: none; line-height: 22px; margin-left:35px; }



.box { margin: 0 0 20px 0; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:1px 1px 5px #333333; background:url(images/top-left-curl.png) top left no-repeat #fff;}

.post  { padding:10px 25px 20px; border:1px solid #fff;  position:relative; -moz-border-radius:5px; -webkit-border-radius:5px;}



.post-bottom { background:#eeeeee url(images/bg-post-bottom.png) repeat-x bottom; line-height:44px; padding:0px 25px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.post-bottom div, .post-bottom div a { color:#777; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-decoration:none; }

.post-bottom div a:hover { color:#222; }

.post-bottom .cat { background:url(images/ico-cat.png) no-repeat top left; padding:2px 0 2px 25px; height:16px;}

.post-bottom .tags { background:url(images/ico-tags.png) no-repeat top left; padding:1px 0 2px 25px; height:16px;}



.post .title  { position:relative; margin: 0 0 5px 25px; font-weight:400; }

.post .title a:link, .post .title a:visited  { color:#222; }



.post-meta{margin: 0 0 15px 0;font-size:10px;color:#9F9F9F; font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; line-height:11px;}

.post-meta a { border-bottom:1px dotted; }

.post-meta a:hover { border:none; }

.post-meta img { vertical-align:top; margin:0 5px; }



.post p.tags{background:url(images/ico-tag.gif) no-repeat center left;padding-left:25px;width:100%;clear:both;}

.post .thumbnail { padding:4px; border:1px solid #e2e2e2; background:#fff; margin-top:0; }

.post .video { margin-bottom:20px; }



.entry  { font-size:12px; line-height:20px; }



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



.alignleft  { float: left; width: auto; margin: 10px 20px 10px 0; }

.alignright  { float: right; width: auto; margin: 10px 0 10px 20px; }

.aligncenter  { text-align: center; margin-bottom:10px; }



.wp-caption { padding: 1px; text-align:center; background:#F8F8F4; border: solid 1px #e6e6e6; }

.wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }

.wp-caption-text { margin:0; padding:0; font-size:11px; text-align:center; }



/* 3.3 Pagination / WP-Pagenavi */

.more_entries {font-size:12px; line-height:18px; font-family:Georgia, serif !important; font-style:italic !important;}

.more_entries a { display: block; margin: 0; background:#efefef; padding:4px 8px; color:#777; text-shadow: #fff 0px 1px 0px; border:1px solid #ccc;}

.more_entries a:hover { background:#ddd; text-shadow: #fff 0px 1px 0px; border:1px solid #ccc;}

.more_entries .fl a { background-image:url(images/ico-arrow-left.png); background-repeat:no-repeat; background-position:8px center; padding-left:20px;  -moz-border-radius:5px; -webkit-border-radius:5px;}

.more_entries .fr a { background-image:url(images/ico-arrow-right.png); background-repeat:no-repeat; background-position:95% center; padding-right:20px;  -moz-border-radius:5px; -webkit-border-radius:5px;}



.more_entries .wp-pagenavi { margin: 15px 0 0 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:1px solid #ccc; }

.more_entries .wp-pagenavi .current, 

.more_entries .wp-pagenavi .on,

.more_entries .wp-pagenavi a:hover { padding: 4px 8px; background: #ddd; color:#777; text-shadow: #fff 0px 1px 0px; border:1px solid #ccc;  }

.more_entries .wp-pagenavi .extend, 

.more_entries .wp-pagenavi span.pages { background: #efefef;color: #777; padding: 4px 8px; text-shadow: #fff 0px 1px 0px; border:1px solid #ccc;}



/* 3.7 Buttons / Banners */

.entry a.btn, input.submit { background:url("images/bullet.png") no-repeat scroll left center transparent;

color:#000000;

font-size:12px;

font-style:italic;

padding:4px 8px 0 15px;

text-shadow:0 1px 0 #CCCCCC; float:right;}

.entry a.btn:hover { cursor:pointer; opacity:0.8; }



.post #share { position:relative; height:35px; margin:20px 0 0; padding:1px 0 0 55px;  }

.post #share .banner { background:url(images/banner-share.png) no-repeat; position:absolute; top:0; left:-40px; width:78px; height:36px; color:#fff; font:bold italic 14px Georgia, serif; text-shadow:#555 0 1px ; line-height:29px; padding:0 0 0 16px;}

.post #share a img { padding:0 10px 0 0; opacity:0.7; }

.post #share a:hover img { padding:0 10px 0 0; opacity:1; }



.featured-banner { background:url(images/banner-featured.png) no-repeat; position:absolute; top:14px; left:-14px; width:100px; height:36px; color:#fff; font:bold italic 14px Georgia, serif; text-shadow:#555 0 1px ; line-height:29px; padding:0 0 0 16px; z-index:99;}





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

/* 4. WIDGETS */

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



/* 4.2 Generic Widgets */

.widget  { position:relative; margin: 0 0 20px 0; background:url("images/top-left-curl.png") no-repeat scroll left top #FFFFFF; padding:0; border:1px solid #fff; color:#555; font-family:Georgia, "Times New Roman", Times, serif; line-height:20px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.widget h3  { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:14px; color:#666; margin: 0; padding:14px 15px 0 50px; height:30px;/* background:url(images/bg-widget-title.png) repeat-x;*/ }

.widget .textwidget p { padding: 5px 0; }



.widget ul, .widget div, .widget p { padding:0px 15px 10px; }

.widget ul  { clear:both; margin:5px 0;}

.widget ul li  { background:url(images/ico-bullet.png) no-repeat 4px 14px; padding-left:20px; border-bottom: 1px solid #ededed; }

.widget ul li a  { padding:0px 0; line-height: 30px; text-decoration: none; color:#777; }

.widget ul li a:hover  { color: #000; border-bottom:1px dotted; }

.widget ul ul  { margin:0; padding:0; border-top: none; }

.widget ul ul li  {  border: none; }



.widget_recent_comments li, #twitter li  { padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */

.widget_recent_comments li a, #twitter a  { display: inline; padding: 0; line-height: 18px !important; } /* RESET <A> STYLING FOR RECENT COMMENT & TWITTER */

.widget_tag_cloud a { color:#777; }

.widget_tag_cloud div { padding-top:5px; }



#advert_300x250 {background:none; border:none; }

#advert_300x250 a:hover {border:none;}



#advert_125x125 { padding:18px 0 5px 18px; }

#advert_125x125 img { padding:0 8px 8px 0; }

#advert_125x125 a:hover {border:none;}



/* 4.2 Specific Widgets */



/* WIDGET FORMS */

.widget #searchform { margin: 15px 0 0 15px; }

.widget select { margin: 15px 0 15px 15px; }

.widget input#s, .widget input.field, .widget select { width: 250px; padding: 3px 0 3px 5px; border: 1px solid #ccc; }

.widget input.submit  {}

.widget .screen-reader-text  { display: none; }



#search_main form div{position:relative;height:33px;;margin-bottom:25px;}

#search_main input.field{ float:left; border: 1px solid;border-top-color: #C5C3C3;border-left-color: #C5C3C3;border-right-color: #EDEDED;border-bottom-color: #EDEDED;background: #fff;font-family:Georgia, "Times New Roman", Times, serif;font-size: 12px;padding: 7px 10px; font-style:italic; margin:0 5px 5px 0; color:#999; width:170px;}

#searchform .submit { padding:5px 8px; font-family:Georgia, serif; }

#searchform .submit:hover { opacity:0.8; cursor:pointer; }



/* FLICKR */

#flickr h3  {}

#flickr h3 span{color:#0061D8;}

#flickr h3 span span{color:#FF1183;}

#flickr .flickr_badge_image  { float: left; margin: 0; padding:0; }



#flickr .wrap  { margin: 10px; position: relative; padding: 0; }

#flickr a img  { float: left;  margin: 5px 0 5px 10px;  display: block; border: #CECFC6 1px solid; padding: 3px; width:70px; height:70px; }

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



/* AUTHOR */

#author .widget_title img { vertical-align:top; margin-right:10px; margin-top:-2px; }

#author .wrap { padding:10px 5px; }

#author img.avatar { padding:2px; background:#fff; border:1px solid #ddd; }

#author .author-info { float:left; width:190px; font-family:Verdana, Geneva, sans-serif; font-size:10px; text-transform:uppercase; line-height:16px; padding:2px 0 0 0px; color:#777; }

#author .author-desc { font-style:italic; }



/* 4.3 Sidebar Tabs */



#tabs {	background:#FEFEFE url(images/bg-box.png) repeat-x;; height:auto !important; border:1px solid #fff;display: block; }

#tabs .inside { padding:5px !important;padding: 2px; padding-top:0 !important; }

#tabs ul.wooTabs { height:53px !important; background: url(images/bg-widget-title.png) repeat-x center top; padding:0 10px; }

#tabs ul.wooTabs li { float: left; display:inline;font-family:Verdana, Geneva, sans-serif; font-size: 10px; color: #ffffff; margin:0px 1px 0px 0px !important; cursor: pointer; }

#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { color:#838C1C; text-decoration:none; background:url(images/bg-tabs-selected.png) no-repeat center 41px; }

#tabs ul.wooTabs li a {	color:#777; line-height: 42px; display: block;float: left;padding: 0 10px 10px; text-transform:uppercase; }

#tabs #tagcloud, #tabs .inside li { padding:10px; font-family:Georgia, serif;}

#tabs .inside ul { margin:0 5px 5px; }

#tabs .inside li { border-bottom:1px solid #EDEDED }

#tabs .inside li a { color:#555; font-weight:bold; line-height:20px; line-height:18px; }

#tabs .inside a:hover{ border-bottom:1px dotted;}

#tabs .inside li span.meta { display:block; font-size:10px; text-transform:uppercase; color:#777; font-family:Verdana, Geneva, sans-serif; line-height:20px; }

#tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px;	background-color: #ffffff; float: left;	margin: 0 8px 0 0; }



/* 4.4 Sidebar Video */



#video .inside { padding:0; }

#video .inside div { padding:7px; }

#video ul.wooTabs { margin:0; padding:0 14px 5px; }

#video ul.wooTabs li { background:#fafafa; border:1px solid #eee; padding:0 10px; margin-bottom:5px; }





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

/* 5. COMMENTS */

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



/* 5.1 Comments */

#comments {background:#FFF; border-top:1px solid #f5f5f5; border-bottom: 1px solid #dadada; position:relative;margin-top:20px;padding:25px 25px 20px; -moz-border-radius:5px; -webkit-border-radius:5px;}

#comments h3{ font-size:16px; color:#777; padding-bottom:10px; }

#comments .comment{margin-top:10px;width:100%;list-style-type:none;}

#comments .avatar  { float: left; }

#comments img.avatar  { background:#fff; padding:4px; border:1px solid #ddd; }

#comments .comment-right  { margin-left: 95px; }

#comments .comment .comment-container  { padding: 3px 0; }

#comments .comment-head  { background:#e4e4e4 url(images/bg-comment-head.png) repeat-x bottom; border:1px solid #d8d8d8; height:40px; line-height:40px; padding:0 15px;margin: 0; }

#comments .comment-head .name  { font-family:Georgia, serif; font-style:italic; margin: 0 0 -5px 0; font-weight: bold; font-size: 12px; }

#comments .comment-head .date { margin-right:10px; }

#comments .comment-head .date a, #comments .comment-head .edit { font-size: 11px; color:#777; }

#comments .comment-entry { background:#fff; border:1px solid #d8d8d8; color:#555; padding:20px 15px 10px 15px; border-width:0 1px 1px 1px; font-size:14px; line-height:20px; }

#comments .comment-entry p  { margin: 0 0 10px 0;}



#comments ul.children{background: url(images/ico-comment-reply.png) no-repeat 0 25px; padding:0 0 0 25px;margin: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 a.comment-reply-link { background:url(images/bg-button.png) no-repeat center 0; padding:2px 6px; color:#fff; font:Georgia, serif; font-size:12px; font-style:italic; text-shadow: #777 0px 1px 0px; background-color:#aaa; border:1px solid #999; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }

#comments a.comment-reply-link:hover { cursor:pointer; opacity:0.8; }



/* 5.2 Comments Form */

#respond  { -moz-border-radius:5px; -webkit-border-radius:5px;

background:none repeat scroll 0 0 #FFFFFF;

border-bottom:1px solid #BBBBBB;

border-top:1px solid #F5F5F5;

margin-top:20px;margin-bottom:20px;

padding:25px 25px 20px;}

#comments #respond { padding:20px 0; }

#respond h3  { font-size:16px; color:#777; padding-bottom:10px;  }

#respond .left { float:left; width:200px; }

#respond .right { float:left; width:380px; }

#commentform  {	margin: 15px 0 0 0; font-family:Arial, Helvetica, sans-serif; }

#commentform input.txt  { color:#555;width:180px; margin: 0 5px 10px 0; padding: 7px 5px; border: 1px solid #eee; }

#commentform textarea  { color:#555;width: 95%!important; padding: 5px; border: 1px solid #eee; }

#commentform #submit  { margin: 15px 0 0 0; }

#commentform input.txt, #commentform textarea { border: 1px solid;border-top-color: #C5C3C3;border-left-color: #C5C3C3;border-right-color: #EDEDED;border-bottom-color: #EDEDED; }



#commentform #submit { font-family:Georgia, serif; background:url(images/bg-button.png) no-repeat center 0; padding:4px 8px; color:#fff; font:Georgia, serif; font-weight:bold; font-size:12px; font-style:italic; text-shadow: #555 0px 1px; background-color:#6694ac; border:1px solid #557c90; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }

#commentform #submit:hover { cursor:pointer; opacity:0.8; }