/*  
Theme Name:Gazette Edition
Theme URI:http://www.woothemes.com/
Description:Gazette Edition by WooThemes
Version:2.0.9
Author:WooThemes
Author URI:http://www.woothemes.com/
*/

/*========= SETUP =========*/

* { border:0; margin:0; padding:0; }
body { color:#666666; background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; }
a { color:#000000; text-decoration:none; }
a:hover { text-decoration:underline; }
input,select,textarea { border:#dddddd 1px solid; font-size:12px; padding:5px; }
select { padding:0; }
li { list-style:none; }

/*========= LAYOUT =========*/

#page { width:960px; background-color:#FFFFFF; margin:0px auto 15px auto; border:0px solid #CCCCCC; }
/*--- Main Columns ---*/
#columns { padding:15px 15px 25px; background-color:#FFFFFF; margin:0px; }
.col1 { float:left; width:595px; width:623px; padding-right:15px; }
.col2 { float:left; width:320px; width:292px; }
/*--- Sub Columns ---*/
.subcol { width:150px; width:136px; }
.subcol h2 { font-size:14px; padding:0 0 10px; color:#FFFFFF; }

/*========= HEADER =========*/

/*- Top Bar -*/
#topbar { position:relative; height:30px; margin:0px 15px 15px 15px; background:#1AA2DC; background:#000; }
#slogan { position:absolute; left:8px; top:4px; width:405px; height:23px; background:url(/wp-content/themes/gazette/images/slogan.png) no-repeat; text-indent:-9999px; }
#sloganani { position:absolute; width:420px; height:30px; overflow:hidden; }

/*- Page Navigation -*/
#nav { height:30px; padding:2px 0px !important; background-color:#FFFFFF; margin:0px 15px 0px !important; border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:930px !important; }
#nav-left { float:left; display:inline; width:600px; width:100%; }
#nav-right { float:right; display:inline; width:330px; width:302px; margin:0px !important; padding:0px !important; }

/*- Dropdowns-*/

#nav1, #nav1 ul { padding:0; float:left; list-style:none; }
#nav1 { padding:0; font-size:13px; float:left; }
#nav1 a { display:block; padding-left:15px; padding-right:15px; }
#nav1 li { float:left; line-height:30px; font-weight:bold; font-size:11px; text-transform:uppercase; }
#nav1 li a:hover { background:none; text-decoration:none; color:#ffffff; }
#nav1 li ul { position:absolute; width:15em; left:-999em; padding-top:1px; }
#nav1 li:hover ul, #nav1 li.sfhover ul { left:auto; }
#nav1 li ul li { background:#FFFFFF; border-bottom:1px solid #dedbd1; border-left:1px solid #dedbd1; border-right:1px solid #dedbd1; line-height:28px; width:15em; }
#nav1 li:hover, #nav1 li.hover { position:static; }
#nav1 li ul ul { margin:-29px 0 0 15em; border-top:1px solid #dedbd1; }
#nav1 li:hover ul ul, #nav1 li.sfhover ul ul { left:-999em; }
#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul { left:auto; }
#nav1 li:hover ul ul, #nav1 li:hover ul ul ul, #nav1 li.sfhover ul ul, #nav1 li.sfhover ul ul ul { left:-999em; }
#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul, #nav1 li li li.sfhover ul { left:auto; } 
#nav1 li:hover ul, #nav1 li.sfhover ul { left:auto; z-index:1000; }

/*- Category Navigation -*/

/*- Nav / Dropdowns-*/
#nav2 { margin:0 0 15px 15px !important; margin:0 0 7px 7px; }
#nav2, #nav2 ul { padding:0; float:left; list-style:none; }
#nav2 { padding:0; font-size:13px; float:left; width:930px; border-top:1px solid #DDDDDD; }
#nav2 a { display:block; padding-left:15px; padding-right:15px; border-right:1px solid #DDDDDD; }
#nav2 li { float:left; line-height:30px; }
#nav2 li a:hover { background:none;    text-decoration:none; }
#nav2 li ul { position:absolute; width:15em; left:-999em; z-index:99999; }
#nav2 li:hover ul, #nav2 li.sfhover ul { left:auto; z-index:1000; }
#nav2 li ul li { background:#FFFFFF; border-bottom:1px solid #dedbd1; border-left:1px solid #dedbd1; border-right:1px solid #dedbd1; line-height:28px; width:15em; }
#nav2 li:hover, #nav2 li.hover { position:static; }
#nav2 li ul ul { margin:-29px 0 0 15em; }
#nav2 li:hover ul ul, #nav2 li.sfhover ul ul { left:-999em; }
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul { left:auto; }
#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul { left:-999em; }
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul { left:auto; } 

/*- Search -*/
#search { float:right; height:27px; width:310px; width:282px; margin:3px 0px 0px !important; padding:0px !important; }
* html #search { margin-right:8px; }
#search input { background:#ffffff; border:1px solid #dddddd; color:#000000; float:left; font-size:11px; width:223px; width:195px; margin:1px 0px 0px; padding:3px 4px 4px; }
#search .btn { padding:0; height:22px; width:auto; margin:1px 0px 0px 5px !important; border:none; width:69px; }

/*- Header -*/
#header { height:100px; background-color:#ffffff; margin:15px; padding:0px; }

/*- Logo -*/
#header h1 { float:left; display:inline; line-height:100px; font-size:24px; }
#header h1 a { display:block; height:93px; width:389px; color:#000000; font-size:28px; }

/*- Top Banner -*/
#topbanner { float:right; width:468px; padding:20px 0px 0px; }
#topbanner img { float:right; }

/*- RSS -*/
#rss a { color:#666666; }
#rss h2 { padding:10px; font-size:14px; margin-bottom:10px; }
#rss ul { margin:0px; padding:10px; float:left; }
#rss li { margin:0px; border:none !important; padding:5px; }
#rss img { float:right; padding-left:10px; margin-top:5px; }

/*========= FEATURED POSTS (FRONT-PAGE) =========*/

/* See slideshow.css */

/*========= FEATURED VIDEOS (FRONT-PAGE) =========*/

#video-frame { background:#eee; float:left; width:583px; width:611px; height:auto; margin:0px; padding:5px; border:1px solid #ddd; }
.video-left { float:left; width:285px !important; display:inline; background-color:#FFFFFF; }
.video-left p { padding:0px !important; margin:0px !important; }
.video-left h2 { display:none; }
.video-right { float:right; width:273px; width:301px; min-height:214px; display:inline; background-color:#FFFFFF; padding:10px; }
.video-right h2 { color:#000000; font-size:11px; line-height:normal; font-weight:bold !important; margin:0 !important; padding-top:0px; padding-right:0px; padding-bottom:5px; padding-left:0px; }
.video-right p { color:#666; font-size:11px; line-height:12px; margin-top:10px; margin-right:0; margin-bottom:0px; margin-left:0; padding-top:0; padding-right:0; padding-bottom:20px; padding-left:0px; }
.video-right h3 { font-style:normal !important; font-weight:bold; font-size:18px; line-height:20px; padding-bottom:0px; }
.video-right .mootabs_title { border-top:1px solid #FFF; list-style:none; margin:0px; padding:0px; }
.video-right .mootabs_title li { color:#000; font-weight:normal; font-size:11px; text-decoration:none; display:block; padding:10px; border:1px solid #dddddd; background:#f7f7f7; line-height:10px; cursor:pointer; margin-top:0px; margin-right:0px; margin-bottom:5px; margin-left:0px; }
.video-right .mootabs_title li:hover, .video-right .mootabs_title li.active { background:#dddddd url(images/ico-watch.gif) right center no-repeat !important; }

/*========= BLOG POST STYLING =========*/

/*=== Small Box Post ===*/
.post { margin:0; }
.post h2 { font-size:18px; padding:0 0 5px; }
.post h3 { font-size:14px; }
.post h3 a { color:#1AA2DC; }
.post p { padding:0 0 15px; line-height:15px; }

/*- Box -*/
.box { clear:both; height:1%; padding:0; margin:0; }
.box .post { width:288px; width:301px; background-color:#ffffff; border:1px solid #ddd; }
.box .post h2 a { color:#333333; }
.box .post h2 a:hover { color:#CC0000; } 
.box .post h2 { font-size:18px; padding:10px; line-height:20px; }
.box .post p { font-size:11px; padding:5px 10px; }
.box .post img { border:1px solid #dddddd; padding:5px; background-color:#FFFFFF; margin:10px; float:right; }

/*=== Traditional Blog Post ===*/
.post-alt { margin:0 0 15px 0; }
.post-alt h2 { font-size:22px; padding:0; color:#000000; line-height:26px; }
.post-alt h3 { font-size:13px; padding-bottom:5px; line-height:18px; color:#000000; }
.post-alt h4 { font-size:14px; padding-bottom:5px; line-height:16px; }
.post-alt h3 a, .post-alt h2 a { color:#000000; }
.post-alt p { padding:0 0 15px; }
.post-alt p.post_date { color:#999999; padding:5px 0px 10px; font-size:11px; font-weight:normal; }
p.posted { font-size:11px; color:#666666; font-style:normal; font-weight:normal; line-height:15px; background-color:#eeeeee; padding:5px; margin-top:10px; text-align:right; border-top:1px solid #ddd; /*border-bottom:1px solid #ddd;*/ clear:both; }
.post-alt a { text-decoration:underline; }
.post-alt a:hover { color:#CC0000; }

h3.posted a { color:#000000; font-size:11px; }
.box .post h3.posted { border-bottom:none; }
.author_info { float:left; width:573px; padding:10px; background-color:#eeeeee; border:1px solid #ccc; margin-bottom:15px; }
.author_info h3 { margin-bottom:10px; }
.author_photo { float:right; margin: 0 0 0 10px; background-color:#ffffff; }
.author_photo img { border:1px solid #666666; }

/*=== Buttons ===*/
.continue { background:url(images/ico-arrow.gif) no-repeat left; font-weight:bold; padding-left:15px; }
.comments { padding-bottom:0px !important; }
.comments a { background:url(images/ico-comm.gif) no-repeat left; color:#000000; font-weight:normal; font-size:11px; padding:0px 0px 0px 18px; margin-left:5px; }
a.more { background:url(images/ico-arrow2.gif) no-repeat right; color:#c0c0c0; font-size:1.2em; font-weight:bold; padding:0 20px 0 0; }
/*=== Traditional Blog Post ===*/
.navigation { width:595px; margin-bottom:15px; float:left; padding:15px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.navigation a { color:#000000; font-size:1em; font-weight:bold; }
.alignleft { display:inline; float:left; margin-right:15px; }
.alignright { display:inline; float:right; margin-left:15px; }

/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

img.wp-smiley  { padding:0!important; border:none!important; }

img.centered { display:block; margin-left:auto; margin-right:auto; }

/* End Images */


/*========= ARCHIVE SPECIFIC =========*/

#archivebox { margin-bottom:15px; padding:10px; color:#000 !important; }
#archivebox h4, #archivebox h3, #archivebox h2 { color:#333333; }
#archivebox h4 em, #archivebox h2 em, #archivebox h3 em { font-weight:normal; }
#archivebox a, #archivebox h2 { color:#000; }
.archivefeed { margin-top:10px; padding-bottom:0px; }
.archivefeed a { background:url(images/ico-arcfeed.gif) center left no-repeat; height:20px; color:#000; font-weight:bold; font-size:11px; font-weight:normal; padding:3px 0px 1px 22px; }
.arclist { width:260px; margin:0px 0px 25px; padding:5px 0px 0px; border-bottom:1px solid #eee; }
.arclist h2 { color:#000; padding:0px 0px 15px; }
.arclist ul { margin-bottom:15px; }
.arclist ul li { color:#c0c0c0; font-size:12px; padding:8px 0 8px 10px; border-top:1px solid #eee; }

/*========= SINGLE POST SPECIFIC =========*/

.singletags { margin-top:5px; }
.singletags a { font-weight:normal !important; text-decoration:underline;color:#000000; }
.entry p { text-align:left; font-size:12px; line-height:18px; }
.entry blockquote { padding:10px; border:1px solid #ddd; color:#000; width:85%; background-color:#f7f7f7; font-style:italic; margin:5px auto 15px; }
.entry blockquote p { font-size:12px; padding:5px 0px; margin:5px 0px; line-height:20px; }
.entry img { padding:4px; border:1px solid #dddddd; background-color:#FFFFFF; }
.wp-caption img { margin-bottom:15px; }
p.wp-caption-text { text-align:center; padding:0 0 15px 0; margin:0px; font-size:1.2em; font-style:italic; color:#000000; }
.entry ul, .entry ol { margin-bottom:15px; font-size:12px; line-height:20px; }
.entry ul li ul, .entry ol li ol { margin-bottom:0px; padding-top:3px; }
.entry ul li { list-style:circle inside !important; margin-left:15px; padding:3px 0px; }
.entry ul li ul li { list-style:disc inside !important; }
.entry ol li { list-style:decimal inside !important; font-size:12px; padding:3px 0px; }
.entry ol li ol li { list-style:decimal-leading-zero inside !important; }


/*========= COMMENTS =========*/

h2.commh2 { font-size:1.5em; padding:0 0 5px; margin:0 0 15px 0; font-weight:bold !important; color:#000000; }
ol.commentlist { margin:10px 0 20px; padding:0; list-style:none; font-size:12px; line-height:20px; }
ol.commentlist p { margin-bottom:10px; line-height:20px; }
ol.commentlist cite { font-style:normal; font-weight:bold; }
ol.commentlist li { padding:20px 10px 10px 10px; }
ol.commentlist li.alt { padding:10px 10px 0 10px !important; background:#f7f7f7; border:1px solid #eee; }
#comment { width:595px; float:left; margin-bottom:15px; }

/*========= THREADED COMMENTS =========*/

ol.commentlist .comment-meta { font-size:0.8em; }
ol.commentlist li .avatar { float:left; border:1px solid #000; margin-right:10px; }
ol.commentlist li { border:1px solid #eee; margin:10px 0 10px; padding:15px 10px 10px; }
ol.commentlist li .even { background:#ffffff; }
.commentlist li ul li { margin-left:10px; margin-right:-5px; }
ol.commentlist li .reply { padding:0 0 5px 0; }
#respond p { margin-bottom:10px; line-height:20px; }

/* PageNavi */

.more_entries {font-size:11px; }
.more_entries .wp-pagenavi {clear:both;float:right; }
.more_entries .wp-pagenavi a {text-decoration:none !important; }

.more_entries .wp-pagenavi .current, 
.more_entries .wp-pagenavi .on,
.more_entries .wp-pagenavi a:hover {background:#9f9f9f !important; }

.more_entries .wp-pagenavi a,
.more_entries .wp-pagenavi a:link,
.more_entries .wp-pagenavi a:visited, 
.more_entries .wp-pagenavi .current, 
.more_entries .wp-pagenavi .on,
.more_entries .wp-pagenavi span.pages { background:#EEEEEE; color:#666; padding:4px !important; margin-left:4px; border:1px solid #DDDDDD; line-height:24px; }

.more_entries .wp-pagenavi .extend { background:none; border:none; }

/*========= SIDEBAR =========*/

/* Tabs */
#tabs { width:308px !important; width:280px !important; height:auto !important; padding:5px; border:1px solid #ddd; background-color:#eeeeee; float:left; display:block; }
.inside { width:293px !important; width:265px !important; padding:5px !important; border:1px solid #ddd !important; margin:5px 0px 0px !important; background-color:#FFFFFF; }

ul.wooTabs { width:100%; padding:0 0 7px 0; }
ul.wooTabs li { float:left; display:inline; font-size:11px; line-height:34px; background:#ffffff; color:#000000; border:1px solid #ddd; font-weight:bold; font-size:11px; margin:0px 2px 0px 0px !important; cursor:pointer; }
ul.wooTabs li a { line-height:31px; color:#000000 !important; display:block; float:left; padding:0 6px; }
ul.wooTabs li a.selected, ul.wooTabs li a:hover { text-decoration:none; color:#ffffff !important; }

#tagcloud { padding:10px; }

#sub img { float:right; margin:0 0 8px 8px; }
.inside li { border-bottom:1px solid #EEEEEE; padding:8px; }
.inside li img.avatar, .inside li img.thumbnail { border:1px solid #ddd; padding:3px; background-color:#ffffff; float:left; margin:0 8px 0 0; }

/*- Ads -*/
#mpu_banner { width:300px; width:272px; height:250px; background-color:#eeeeee; margin-bottom:15px; padding:9px; border:1px solid #dddddd; }
#advert_125x125 { padding-left:14px; padding-left:5px; }
#advert_125x125 img { border:1px solid #ddd; padding:5px; margin:0 5px 5px 0; }

/*- Flickr -*/
#flickr .wrap { padding:15px 0px 0px 5px; }
.flickr_badge_image a img { float:left; width:58px; height:58px; margin:3px; padding:2px; background:#FFFFFF; border:1px solid #CCCCCC; }
.flickr_badge_image a:hover img { border-color:#CC0000; }

/*=== Styling Widget Lists ===*/

.widget { margin-bottom:15px; } 
.widget h3 { padding:5px; }
.widget ul { margin:0 0 10px 0; padding:5px 0; border:none !important; }
.widget ul li { border-bottom:1px solid #eee; padding:5px 0 5px 5px; margin:0px; }
.widget ul li a { color:#000000; }
.widget select { border:1px solid #eee; width:148px; margin:15px 0 0 0; }

.textwidget { padding-top:15px; }

/*========= FOOTER =========*/

#footer { clear:both; color:#666666; height:35px; line-height:35px; margin:0px 15px 15px; padding:0px 15px; background-color:#f7f7f7; border:1px solid #ddd; }
#footer img { vertical-align:middle; margin-left:5px; }

/*========= MISC =========*/

.fix { clear:both; height:1px; margin:0 0 -1px; overflow:hidden; }
.hl { border-bottom:2px solid #eee; }
.hl-full { float:left; clear:both; height:1px; width:100%; padding:0 !important; margin:0px 0px 15px; }
.hl2 { border-bottom:3px solid #c0c0c0; }
.hl3 { border-bottom:1px solid #eee; }
.blog { width:100% !important; float:left; }
.between { height:2px; margin-bottom:15px; }
.fl { float:left; }
.fr { float:right; }
.ac { text-align:center; }
.ar { text-align:right; }
.th { border:1px solid #dddddd; float:right; padding:5px; background-color:#FFFFFF; margin:0 0 5px 10px; }

table#wp-calendar { border-collapse:collapse; margin:0px; padding:0px; }
table#wp-calendar a { color:#000000; }
table#wp-calendar caption { font-weight:normal; font-size:0.91667em; line-height:1.72727em; text-transform:uppercase; letter-spacing:2px; background:#e5e5e5; border-bottom:1px dotted #ddd; }
table#wp-calendar th { width:26px; font-size:0.91667em; line-height:1.72727em; background:#f2f2f2; border-bottom:1px dotted #ddd; text-align:center; }
table#wp-calendar td { width:26px; line-height:1.66667em; color:#999; text-align:center; }
table#wp-calendar td#next, table#wp-calendar td#prev { width:78px; font-size:0.83333em; letter-spacing:1px; text-transform:uppercase; }
.gravatar { float:left; border:1px solid #000; margin-right:10px; }
.jdGallery a { cursor:pointer !important; }

/* Slider */
#slider-holder { position:relative; height:280px; width:623px; margin-bottom:20px; overflow:hidden ; color:#fff; background:#000; }
#slider-holder .slide { position:absolute; top:0px; left:623px; z-index:1; height:280px; width:623px; overflow:hidden; background:#000; }
#slider-holder .slide-1 { display:block; left:0px; top:0px; }
#slider-holder .slide a { display:block;  }
#slider-holder .slide img { display:block; position:absolute; top:0px; left:0px; }
#slider-holder  img.full-mask { position:absolute; top:0; left:0px; z-index:0; display:none; }
#slider-holder .slide-content { position:absolute; top:280px; left:0; height:700px; width:603px; background:#000; padding:10px 10px 0 10px; z-index:999; }
#slider-holder .slider-left, #slider-holder .slider-right { position:absolute; cursor:pointer; height:150px; width:120px; z-index:999; display:block; color:white; }
#slider-holder .slider-left { left:0;  top:0; background:url('images/fleche1.png') no-repeat center bottom;   }
* html #slider-holder .slider-left { background:url('images/fleche1.gif') no-repeat center left; }
#slider-holder .slider-right {right:0; top:0; background:url('images/fleche2.png') no-repeat center bottom; }
* html #slider-holder .slider-right { background:url('images/fleche2.gif') no-repeat center right; }

.slider-shelf { z-index:999; background:#000; position:absolute; top:0; width:623px; overflow:visible; }
span.clicker { z-index:999; background:#000; position:absolute; top:0px; right:120px; width:auto; font-size:11px; display:block; padding:2px 10px; cursor:pointer; }
.shelf-content { z-index:9999; position:absolute; top:0; width:623px; }
.shelf-content img {border:1px solid #fff; margin:10px 0 0 10px; cursor:pointer; }
.shelf-title {padding:0px 10px; }

.full { width:623px; }