/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

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

/* 1.1 Defaults */
/* 1.2 Hyperlinks */

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

/* 2.1 Containers & Columns */
.col-left { float: left; padding: 0 0 20px 0; }

/* 2.2 Navigation */
#main-nav  { font: bold 15px Arial, Helvetica, sans-serif; border: 1px solid #dee3e7; margin-bottom: 6px; background: #fff url(images/bg-mainnav.png) repeat-x left bottom; }
#main-nav li  { border-right: 1px solid #dee3e7; }
#main-nav a  { padding: 5px 20px 2px; line-height: 30px; color:#555; border-bottom: 4px solid #cacaca; }
#main-nav a:hover, #main-nav li.current_page_item a, #main-nav li.current_page_parent a  { border-bottom-color: #ff0000; color: #000; text-decoration: none; }
#main-nav a:hover, #main-nav li.current-cat a, #main-nav li.current-cat a  { border-bottom-color: #ff0000; color: #000; text-decoration: none; }

#main-nav li ul  { background: #FFF; border: 1px solid #dbdbdb; border-width:1px 1px 0; }
#main-nav li ul li  { background:#eee; border-top:1px solid #fff; }
#main-nav li ul li a  { padding: 0 10px; font-size: 12px; border-bottom: 1px solid #dbdbdb; }
#main-nav li ul li a:hover  { border-color: #dbdbdb; background: #dbdbdb; }

/* 2.3 Header */
#header{padding:0 0 0 0;clear:both;position:relative;}
#logo  { float:left; line-height: 0; margin-bottom: 4px; }
#topad { float: none; text-align: center; padding: 4px 0px;}

/* 2.4 Featured Slider */
#loopedSlider { position:relative; width:100%; margin: 0 0 20px 0; }
#loopedSlider .container { overflow:hidden; position:relative; }
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider .slides div.slide { position:absolute; top:0; width: 620px; display:none; }
#loopedSlider .slide-content  { position: absolute; bottom: 0; left: 0; padding: 8px 40px 9px 15px; color: #fff; background: rgba(0,0,0,0.4); }
#loopedSlider .slide-content h2  { margin: 0 0 6px 0; font-size: 19px; text-transform: uppercase; }
#loopedSlider .slide-content h2 a  { color: #fff; }
#loopedSlider .slide-content p  { line-height: 16px; }
#loopedSlider .nav-buttons  { z-index: 9999; position: absolute; right: 15px; bottom: 8px; }

#featured-video  { margin: 0 0 15px 0; }

/* 2.5 Recent Posts */
#recent-posts  { margin: 0 -20px 10px 0; }
#recent-posts h3  { margin: 0 0 20px 0; }
#recent-posts .post  { position: relative; float: left; width: 300px; height: 350px; margin: 0 20px 20px 0; background: #fff; }
#recent-posts .post .heading  { width: 270px; padding: 2px 15px 4px 15px; position: absolute; bottom: 165px; left: 0; background: rgb(179,179,179); background: rgba(0,0,0,0.4); }
#recent-posts .post .heading h2  { font-size: 14px; text-transform: uppercase; }
#recent-posts .post .heading h2 a  { color: #fff; }
#recent-posts .meta  { font-size: 10px; text-transform: uppercase; color: #fff; }
#recent-posts .meta a  { font-weight: bold; }

/* 2.6 Older Posts */
#older-posts  { margin: 0 -20px 40px 0; }
#older-posts h3  { margin: 0 0 20px 0; }
#older-posts li  { float: left; width: 300px; margin: 0 20px -1px 0; padding: 10px 0; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
#older-posts li img  { float: left; margin: 0 10px 0 0; }
#older-posts li .info  {  }
#older-posts li .info span  { display: block; }
#older-posts li .info .meta-old  { color: #6f6f6f; font-size: 9px; }
#older-posts li .info .title-old  { font-weight: bold; font-size: 16px; line-height: 16px; }
#older-posts li .info .title-old a  { color: #424242; }
#older-posts li .info .title-old a:hover  { color: #000; text-decoration: none; }

/* 2.8 Sidebar */
#sidebar { width:300px;overflow:hidden; }
#sidebar .secondary { float:left; width:130px; margin-right:10px; } 

/* 2.9 Footer */
#footer-search.col-right p { padding: 12px 0 0 0; }
#footer-search.col-right img { padding-bottom: 3px; vertical-align: middle; }

/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/

.excerpt-homepage { border-right: 2px solid #d4d4d4; border-bottom: 2px solid #d4d4d4; border-left: 2px solid #d4d4d4; padding: 16px; height: 130px; margin: 0 0 20px 0;}
.post .excerpt-homepage p { font-family: Georgia, serif; font-size: 14px; line-height: 24px; color: #4d4d4d; }
.post .excerpt-homepage p.more { text-align: right; margin: 10px 6px 0 0; }
.post .excerpt-homepage .more-link { padding-bottom: 0 !important; }
.post .excerpt-homepage a.more-link { color: #ff0000; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:bold; text-decoration: none; text-transform: uppercase; padding: 0 20px 0 0; background: url(images/ico-arrow2.gif) no-repeat right; }
.post .excerpt-homepage a.more-link:hover{ text-decoration:underline }

.post-meta{margin: 5px 0 10px 0; font-size: 11px; text-transform:uppercase;}
.post-meta span a:link { color: #424242; text-decoration:none;}
.post .entry a:link { color: #ff0000; text-decoration:underline; }
.post .entry a:visited { color: #424242; text-decoration:underline; }

.post-social{margin-bottom: 10px;}

/* 3.1 Typographic Elements */
.col-left h1.title { padding: 20px 0 0 0; }
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 0 0 25px 0; }

.entry p  { margin: 0 60px 16px 0; line-height: 23px; }

.entry blockquote  { background:url(images/blockquote.png) no-repeat 0 12px; padding: 0px 20px 10px 50px; color: #444;  }
.entry blockquote p  { font-style:italic; }

.entry ul  { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ul ul  { margin: 0; padding: 0 0 0 15px; }
.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; padding: 0 0 0 15px; }
.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; background:#fff; margin: 5px 0 15px 0px; }
.entry table img { padding: 5px; background:#fff; margin: 0 5px; }
.entry .sociable img { padding: 0; margin: 0; }
.entry img.no-margins  { margin: 0; }

.alignleft { float: left; height: auto; margin: 5px 15px 0 0; }
.alignright { float: right; height: auto; margin: 5px 0 0 15px; }
.floatleft { float: left; height: auto; margin: 5px 15px 0 0; }
.floatright { float: right; height: auto; margin: 5px 0 0 15px; }
.clearboth { clear: both; padding: 15px 0 0 0;}

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

/* 4.2 Specific Widgets */

/* TEXT WIDGET */
.widget_text .textwidget  { text-align: right; padding: 0 4px 0 0; margin: 0 0 0 0; border-bottom: none; letter-spacing:14px }

/* TEXT WIDGET - CONNECT - SOCIAL ICONS */
#text-4 { margin: 0 0 4px 0; }

/* AD WIDGETS */
#advert_125x125  { padding: 0; border: none; text-align: center; background: none; }
#advert_125x125 img  { margin: 0 0 7px 0; }

/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/

/* 6.3 Contact Form */
#contact-page ol.forms li.buttons .submit{margin: 15px 0 0 120px; }
#contact-page ol.forms li.inline input{width:auto;margin-left:120px;}
#contact-page ol.forms li.inline label{display:inline;float:none;width:auto;}

#contact-page ol.forms textarea{height:200px;width:400px;}