/* general reset */
html {
background:#2F2F2F;
}
body{
margin:0;
color:#010b11;
font:11px Arial, Helvetica, sans-serif;
min-width:1003px;
}
img{border-style:none;}
a{
text-decoration:none;
color:#000;
}
a:hover{text-decoration:underline;}
input, textarea, select{
font:100% Arial, Helvetica, sans-serif;
vertical-align:middle;
background:#fff;
}
form, fieldset{
margin:0;
padding:0;
border-style:none;
}
/* general settings */
.alignleft{float:left;margin:0 10px 10px 0;}
.alignright{float:right;margin:0 0 10px 10px;}
.clear{clear:both;}
/*
* now in the to allow for WordPress PHP control
.w1{background:#000 url(images/img-bg-01.jpg) no-repeat 50% 0;}
*/
#wrapper{
width:967px;
padding:0 12px 0 22px;
margin:0 auto;
/*background:url(images/bg-wrapper.png) no-repeat;*/
}
/* header */
#header{
width:100%;
position:relative;
overflow:hidden;
padding-bottom:0px;
}
#header .logo{
position:absolute;
top:0;
left:0;
width:264px;
height:140px;
margin:0;
text-indent:-9999px;
overflow:hidden;
}
#header .logo a{
height:100%;
display:block;
background:url(images/logo.png) no-repeat;
cursor:pointer;
}
.info{
font-size:10px;
text-transform:uppercase;
color:#ee7f33;
text-align:right;
margin:10px 0 8px;
}
.info p {margin:0;}
.info a:link,
.info a:visited {
color:#C19117;
text-decoration: none;
}
.info a:hover,
.info a:active {
color:#C19117;
text-decoration: none;
}
.listen-live{
display:block;
height:39px;
text-indent:-9999px;
overflow:hidden;
padding:0 4px 6px 0;
}
.listen-live a{
float:right;
width:219px;
height:100%;
background:url(images/logo-listen-live.png) no-repeat;
cursor:pointer;
}
/* main navigation */
#nav,.sub-nav{
margin:0;
padding:7px 25px 6px 260px;
list-style:none;
text-transform:uppercase;
overflow:hidden;
text-align:right;
width:682px;
font-size:12px;
background:#000;
}
#nav{
padding:6px 25px 6px 260px;
background:url(images/bg-nav.gif) no-repeat 100% 0;
}
.sub-nav{
padding:5px 25px 10px 260px;
}
#nav li{
display:inline;
margin-left:13px;
padding-top:20px;
}
#nav li a{color:#000;font-weight:bold;}
/* sub navigation */
.sub-nav{
/*padding:12px 25px 16px 260px;*/
}
.sub-nav li{
display:inline;
margin-left:10px;
}
.sub-nav li a{color:#C19117;}
/* main content */
#main{
height:1%;
overflow:hidden;
padding:0 10px 0 11px;
background:#000;
}
.section{
height:1%;
overflow:hidden;
background:#fff;
padding:5px 7px 0 4px;
margin:0 0 7px 1px;
}
/* slide gallery */
.slider{
width:623px;
float:left;
overflow:hidden;
position:relative;
}
.gallery{
margin:0;
padding:0;
list-style:none;
width:9999px;
overflow:hidden;
}
.gallery li{
width:623px;
float:left;
}
.gallery li a{display:block;}
.gallery li img{
float:left;
margin-bottom:-246px;
}
.gallery li .holder{
width:623px;
height:246px;
display:table;
}
*+html .gallery li .holder{position:relative;}
.description{
color:#fff;
display:table-cell;
vertical-align:bottom;
width:100%;
}
*+html .description{
position:absolute;
top:100%;
}
.description div{
background:url(images/bg-slider-block.png) repeat;
width:577px;
overflow:hidden;
padding:6px 28px 3px 18px;
position:relative;
}
* html .description div{position:static;}
*+html .description div{
position:relative;
top:-100%;
}
.description h4{
margin:0;
font-size:16px;
overflow:hidden;
width:100%;
}
.description p{margin:0;}
.description a{
color:#fdfdfc;
text-decoration:none;
position:relative;
}
.description a:hover{text-decoration:none;}
.slidenav{
height:1%;
overflow:hidden;
padding:5px 0 9px 2px;
}
.indication{
margin:0;
padding:0;
list-style:none;
float:left;
}
.indication li{
float:left;
margin:0 6px 0 0;
}
.indication li a{
float:left;
width:17px;
height:16px;
background:url(images/bg-switcher.gif) no-repeat 0 0;
text-indent:-9999px;
cursor:pointer;
overflow:hidden;
}
.indication a:hover,
.indication li.active a{background-position:0 -16px;}
.switcher{
margin:0;
padding:4px 0 0;
list-style:none;
float:right;
font-size:10px;
}
.switcher li{
float:left;
padding:0 7px 0 0;
}
.switcher li a{color:#93591f;}
.switcher li .link-prev,
.switcher li .link-next{
text-indent:-9999px;
overflow:hidden;
display:block;
width:10px;
height:8px;
background:url(images/bg-next-prev.gif) no-repeat;
margin:2px 0 0;
}
.switcher li .link-next{background-position:0 -8px;}
.box{
width:300px;
float:right;
}
.sub-box img{display:block;}
.sub-box div,
.sub-box p,
.sub-box a {margin: 0; padding: 0;}
.sub-box ul,
.sub-box ol {margin-top: 0; margin-bottom: 0; }
/* content */
#content{
width:625px;
float:left;
overflow:hidden;
/*
background:#f8ede0;
padding:0 0 49px ;
*/
padding:0;
}
.content-block{
height:1%;
background:#f7f7f7;
padding:6px 4px 0 8px;
/*
border-top:7px solid #000;
*/
overflow:hidden;
}
.content-widget {
margin: 0 0 10px 0;
}
/*
* this is a lazy hack and should not be used
*
.down{margin-bottom:10px;}
*/
.content-block .heading{
height:1%;
overflow:hidden;
font-size:10px;
color:#C19117;
padding:7px 13px 4px 7px;
text-transform:uppercase;
border:0px solid #950200;
background:#d7caaf url(images/bg-heading.gif) repeat-x;
margin:0 0 7px;
}
.content-block .heading h2{
margin:0;
font-size:12px;
}
.content-block .heading a{
float:right;
color:#C19117;
}
.content .alignleft{margin:0 9px 0 0;}
.content{
height:1%;
overflow:hidden;
border-bottom:1px solid #dbcbb3;
margin:6px 0 -1px;
padding:0 0 6px;
}
.sub{padding:3px 0 12px;}
.middle{padding:10px 0 4px 7px;}
#content .sub p{margin:0 0 10px;}
#content .middle p{margin:0 0 14px;}
.content h3,
.content h3 a:link,
.content h3 a:visited {
margin:0;
font-size:16px;
color:#000000;
line-height:17px;
}
.content p{margin:0 0 25px;}
.link{
height:1%;
overflow:hidden;
}
.link a{
float:right;
background:#c17900 url(images/bg-link.gif) no-repeat 100% 50%;
height:12px;
font-size:10px;
color:#f8ede0;
padding:0 11px 0 5px;
line-height:11px;
margin:0 26px 4px 0;
}
.content-block-gradient{background:#b1b1b1 url(images/bg-gradient.gif) no-repeat;}
.media{
margin:0;
padding:0 0 0 9px;
list-style:none;
width:612px;
overflow:hidden;
}
.media li{
float:left;
margin:0 33px 7px 0;
width:120px;
}
.media li img{
display:block;
/*border-bottom:11px solid #000;*/
}
.media li a{
color:#7b5934;
margin:0 0 5px;
display:block;
cursor:pointer;
}
.ad img{display:block;}
/* sidebar */
#sidebar{
width:300px;
float:right;
padding:4px 6px 0;
/*border-top:7px solid #000;*/
background:#fff;
}
#sidebar .ad{padding:2px 0;}
#sidebar ul.sidebar { margin: 0; padding: 0; background:#fff;}
#sidebar ul.sidebar li.widget { list-style: none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
.facebook-block img,
.side-box img{display:block;}
/*
* ZRG Themed Search
*/
.search-form{
background:url(images/bg-form-search.gif) repeat-x;
border:1px solid #950200;
margin:4px 0 2px;
padding:7px 0 5px 18px;
height:1%;
}
.search-form label{
font-size:10px;
text-transform:uppercase;
float:left;
color:#0e0705;
margin:5px 13px 0 0;
}
.search-form .submit{
background: url('images/btn-submit.gif') center no-repeat;
border:0;
float:left;
height: 14px;
margin:5px 10px 0 0;
padding:0;
width: 13px;
}
.search-form .text{
margin:0;
width:139px;
padding:4px 2px;
border:1px solid #ccc;
background:#fff;
float:left;
}
.socials {
margin:2px 0;
padding:10px 0 11px 5px;
list-style:none;
overflow:hidden;
background:#fff;
height:1%;
}
.socials li{
float:left;
margin-right:4px;
}
.socials li a{
text-indent:-9999px;
display:block;
overflow:hidden;
height:45px;
width:45px;
cursor:pointer;
}
.socials .facebook{background:url(images/ico-facebook.png) no-repeat;}
.socials .clear-tube{background:url(images/ico-clear-tube.png) no-repeat;}
.socials .twitter{background:url(images/ico-twitter.png) no-repeat;}
.socials .rss{background:url(images/ico-rss.png) no-repeat;}
.socials .you-tube{background:url(images/ico-you-tube.png) no-repeat;}
.socials .email{background:url(images/ico-email.png) no-repeat;}
.side-box h3{
margin:6px 0 8px;
font-size:12px;
color:#93591f;
border:1px solid #950200;
background:url(images/bg-heading.gif) repeat-x;
padding:6px 0 4px 4px ;
text-transform:uppercase;
height:1%;
}
/* footer */
.wrap{
width:967px;
background:#fff;
}
#footer{
padding:10px;
border-bottom:0px solid #000;
border-left:12px solid #000;
border-right:12px solid #000;
width:923px;
margin:0 0 0 0;
background:#000;
color:#fff;
}
#footer .section{
height:1%;
overflow:hidden;
background:none;
margin:0 0 18px;
padding:0;
}
#footer .section li{margin-right:6px;}
#footer .section li a{
width:35px;
height:35px;
color:#eee;
}
#footer .section .socials{
background:none;
padding:0 0 15px 13px;
margin:0;
width:206px;
}
#footer .section li a.facebook{background:url(images/ico-facebook-grey.gif) no-repeat;}
#footer .section .clear-tube{background:url(images/ico-clear-tube-grey.gif) no-repeat;}
#footer .section .twitter{background:url(images/ico-twitter-grey.gif) no-repeat;}
#footer .section .rss{background:url(images/ico-rss-grey.gif) no-repeat;}
#footer .section .you-tube{ background:url(images/ico-you-tube-grey.gif) no-repeat;}
#footer .section .ad{float:left;}
#footer .section .sub-block{
width:175px;
float:right;
}
/*
* Search box in the footer
*/
#footer .search { padding:0 0 0 11px; }
#footer .search label{
float:left;
color:#666;
margin:3px 13px 0 0;
}
#footer .search .text{
margin:0;
background:none;
border:1px solid #ccc;
color:#ccc;
width:139px;
padding:2px;
font-size:10px;
float:left;
}
.footer-holder{
height:1%;
overflow:hidden;
}
/* footer navigation */
.footer-nav{
width:378px;
float:left;
text-transform:uppercase;
/*background:url(images/bg-footer-nav.gif) repeat-y;*/
font-size:10px;
line-height:12px;
}
.info-block{
width:461px;
float:right;
color:#767575;
padding-right:10px;
}
.info-block strong{
text-transform:uppercase;
display:block;
margin:0 0 11px;
font-size:10px;
}
.info-block h4{
margin:0;
font-size:10px;
color:#767575;
text-transform:uppercase;
}
.info-block p{margin:0 0 8px;}
.info-block strong span{color:#767575;font-weight:bold;}
.info-block strong a {color:#767575;}
.add-nav{
margin:0;
padding:0;
list-style:none;
width:130px;
float:left;
}
.add-nav li {margin:0 0 2px;}
.add-nav li a{color:#767575;}
.add-nav ul{
margin:0;
padding:0;
list-style:none;
}
.add-nav ul li{
background:url(images/bullet.gif) no-repeat 0 50%;
padding:0 0 0 6px;
}
.add-sub-nav{
width:124px;
float:left;
margin:0;
padding:0;
list-style:none;
}
.add-sub-nav li{margin:0 0 5px;}
.add-sub-nav li a{color:#767575;}
.navigation { margin: 0 10px; }
.navigation a:link,
.navigation a:visited {
color: #93591F;
font-weight: bold;
}
.navigation .alignleft {}
.navigation .alignright {}
/* pagetitle header */
.pagetitle-header {
background: #E68A35;
border: 10px solid #F7F7F7;
}
.pagetitle-header h2 {
color: #FFF;
font-size: 24px;
margin: 50px;
padding: 0;
}
.pagetitle-header h2 span { color: #93591F; }
/* archive */
.archive {}
.archive .content-block { /* override the default settings from #content .content-block {} */
padding: 0 15px 0 15px;
}
.content-block-archive { /* individual content-blocks for each post inside an archive */
border-bottom: 1px solid #DDD;
margin-bottom: 20px;
}
/* could the following CSS for .cotnent-block-archive be broadened to all .post divs? */
.content-block-archive h3 {
color: #000000;
font-size: 18px;
margin: 0;
padding: 0;
}
.content-block-archive h3 a {
color: #000000;
}
.content-block-archive .toppostmeta {
color: #000000;
font-size: 11px;
margin: 0 0 10px 0;
}
.content-block-archive .toppostmeta a {
color: #000000;
font-weight: bold;
}
.content-block-archive .entry {}
.content-block-archive .postmetadata {
color: #000000;
margin-top: 30px;
}
.content-block-archive .postmetadata a {
color: #000000;
}
.post{
}
.post h2,
.post h3 {
color: #000000;
font-size: 18px;
margin: 0;
padding: 0;
}
.post h3 a {
color: #000000;
}
.post .toppostmeta {
color: #000000;
font-size: 11px;
margin: 0 0 10px 0;
}
.post .toppostmeta a {
color: #000000;
font-weight: bold;
}
.post .entry {}
.post .postmetadata {
color: #000000;
margin-top: 30px;
}
.post .postmetadata a {
color: #000000;
}
/* entry (post/page) formatting */
.entry h1, .entry h2, .entry h3,
.entry h4, .entry h5, .entry h6 {
margin: 0;
padding: 0;
}
.entry h1 { display: none; } /* a user should never use an H1 tag */
.entry h2 { font-size: 18px; margin: 5px 0 10px 0; }
.entry h3 { font-size: 16px; margin: 5px 0 10px 0; }
.entry h4 {
border-bottom: 1px dashed #000000;
color: #000000;
font-size: 16px;
margin: 5px 0 10px 0;
padding: 5px 0 5px 0;
}
.entry h4 a:link,
.entry h4 a:visited { color: #000000; text-decoration: none; }
.entry h4 a:hover,
.entry h4 a:active { color: #93591F; text-decoration: none; }
.entry h5 { font-size: 14px; }
.entry h6 {
background: #000000;
color: #FFF;
font-size: 14px;
margin: 10px 0 10px 0;
padding: 7px;
}
.entry h6 a:link,
.entry h6 a:visited { color: #FFF; text-decoration: none; }
.entry h6 a:hover,
.entry h6 a:active { color: #FFF; text-decoration: underline; }
.entry p {line-height:150%}
.entry a:link,
.entry a:visited {
color: #000000;
text-decoration: underline;
}
.entry a:hover,
.entry a:active {
color: #93591F;
text-decoration: none;
}
.entry blockquote {
border: 1px solid #DDD;
color: #666;
font-style: italic;
margin: 15px;
padding: 10px;
}
#post_footer {
/*border-top: 1px solid #DBCBB2;*/
margin-top: 15px;
padding-top: 10px;
}
/*** All Widgets ***/
.widget { margin-bottom: 10px; }
.widget h2 { margin: 0; padding: 0; }
/* Twitter Widget */
.widget_twitter {}
.widget_twitter h2 {}
.widget_twitter h2 a:link {}
.widget_twitter h2.widgettitle {
margin:0 0 8px;
font-size:12px;
color:#C19117;
border:1px solid #950200;
background:url(images/bg-heading.gif) repeat-x;
padding:6px 0 4px 4px ;
text-transform:uppercase;
height:1%;
}
.widget_twitter h2.widgettitle a:link,
.widget_twitter h2.widgettitle a:visited { color: #C19117; }
.widget_twitter ul.tweets { margin: 0; padding: 0; }
.widget_twitter ul.tweets li { border-bottom: 1px solid #D5C3A4; margin-bottom: 5px; padding-bottom: 5px; list-style:none;}
.widget_twitter ul.tweets li a:link {}
.widget_twitter ul.tweets li .twit_divider { border-right: 2px solid #AF6601; margin-right: 3px; }
/* WP-Polls Widget */
.widget_polls {}
.widget_polls h2.widgettitle {
margin:0 0 8px;
font-size:12px;
color:#fff;
border:1px solid #950200;
background:#D71C0F;
/*background:url(images/bg-heading.gif) repeat-x;*/
padding:6px 0 4px 4px ;
text-transform:uppercase;
height:1%;
}
.widget_polls h2.widgettitle a:link,
.widget_polls h2.widgettitle a:visited { color: #93591F; }
.widget_polls ul.polls-archive { border-top: 1px solid #D5C3A4; margin: 10px 0 0 0; padding: 5px 0 0 0; }
.widget_polls ul.polls-archive li { list-style: none; margin-left: 5px; }
.widget_polls ul.polls-archive a:link,
.widget_polls ul.polls-archive a:visited { color: #93591F; font-size: 12px; font-weight: bold; }
.wp-polls { padding: 0 5px 0 15px; }
.wp-polls-ans .view-results { margin: 0; padding: 0; }
.wp-polls-ans .view-results a:link,
.wp-polls-ans .view-results a:visited,
.vote-for-this-poll a:link,
.vote-for-this-poll a:visited { color: #93591F; font-size: 12px; font-weight: bold; }
/* comments */
#respond {
border-bottom: 1px solid #DBCBB2;
color: #000000;
margin: 25px 0 5px 0;
padding-bottom: 10px;
}
#respond a {
color: #000000;
}
.comment_form_title {
border-bottom: 1px solid #DBCBB2;
font-size: 14px;
font-weight: bold;
padding-bottom: 10px;
}
#commentform {}
#commentform input,
#commentform textarea {
border: 1px solid #000000;
color: #000000;
padding: 3px;
}
#commentform #submit { background: #000000; color: #FFF; }
.commentform-name-mail { float: left; width: 200px; }
.cfinput { margin-bottom: 5px; }
.cftextarea {}
.cfsubmit { margin-right: 4px; text-align: right; }
.commentlist { /* tag */
margin: 0;
margin-bottom: 20px; /* to push the page bottom down */
padding: 0;
}
.commentlist li {
list-style: none;
margin-bottom: 10px;
}
.comment {
border-bottom: 1px solid #EADFD1;
padding-bottom: 10px;
}
.commentlist table {}
.commentlist table tr,
.commentlist table td { vertical-align: top; }
.commentlist tbody { border: 1px solid #000; }
.comment-info { width: 150px; }
.comment-info p { margin: 0; }
.comment-body { border-left: 1px solid #DBCBB2; padding-left: 10px; width: 400px; }
.comment-body p { margin-top: 0; }
.comment-body .awaitingmod { /* your comment is awaiting moderation */
color: #000000;
font-style: italic;
margin-bottom: 5px;
}