/*
Theme Name: Canaan Resort Summer 2011
Theme URI: http://515cda.com/
Description: Skinned by FIVE15 CDA. Framework developed by WEBTREATS.
Version: 1.3
Author: FIVE15 CDA
Author URI: http://515cda.com
*/
/* --- TOC
--- */
/* ________________________________________________________________________________________________________________
01. GENERAL TYPOGRAPHY
________________________________________________________________________________________________________________ */
/* ------- 1. CSS Reset ------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,address,code,del,dfn,em,img,q,
dl,dt,dd,ol,ul,li,
table,caption,tbody,tfoot,thead,tr,th,td,br,fieldset,textarea{
font-family:Helvetica, Arial, sans-serif;
line-height:1.45em;
margin:0;
padding:0;
border:0;
vertical-align:baseline;
}
h1,h2,h3,h4,h5,h6,hr,p,ul,ol,dl,pre,address,table,form{
margin-top: 0;
margin-right: 0;
margin-left: 0;
}
p,h1, h2, h3, h4, h5, h6, ul.check_list, ul.arrowlist{padding-left:2px;}
strong, b{font-weight:bold;}
em, dfn, i{font-style:italic;}
/* ------- 2. General ------- */
body{
color:#5B6063;
font-size:12px;
}
h1,h2,h3,h4,h5,h6,th,blockquote,.top_metadata,.date,.cancel-comment-reply a,#blurb,.bottom_metadata,span.current_crumb, p.breadcrumb {
letter-spacing:-1px;
font-family:Helvetica, Arial, sans-serif;
}
a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none;outline:none;-moz-outline-style:none;}
a{
color:#958901;
}
a:hover{
color:#675A3A;
}
pre,code{font-family:mono-space,monospace;white-space:pre;overflow:auto;padding:20px;}
pre{padding:5px;}
code{background:#f6f6f6 url(images/code.png) repeat scroll 0 0;display:block;padding:0 20px 18px;border:1px solid #ddd;}
blockquote {background:transparent url(images/sprite.png) no-repeat scroll -168px -166px;font-size:14px;line-height:20px;letter-spacing:0;margin:40px 0;
padding:10px 20px 10px 40px;}
blockquote cite{color:#aaa;display:block;font-size:10px;}
/* ------- 3. List Styles ------- */
ul,li{list-style:none outside;margin-left:20px;list-style-type:disc;}
ol, ol li{list-style:decimal outside;}
ol, dd{margin-left:24px;}
ul ul, ol ul, ul ol, ol ol{margin-bottom:0;margin-top:0;}
#sub_footer ul,#sub_footer li,#footer ul,#footer li,#secondary ul,#secondary li,ul.arrow_list,ul.arrow_list li,ul.check_list,ul.check_list li,ul.thumbnail_list,ul.thumbnail_list li,.jqueryslidemenu ul,.jqueryslidemenu li, #comments li{margin-left:0;list-style:none;}
/* ------- 4. Borders & Dividers ------- */
h3.widgettitle,h6,td,th,.divider,hr,div.widget li,.top_metadata,#body_block .thumbnail_list li,#body_block ul.thumbnail_list,.blog_header{
background:url(images/line.gif) repeat-x scroll center bottom;
}
#primary ul.thumbnail_list,.top_metadata div,div.widget_pages li ul li,div.widget_categories li ul li{background: url(images/line.gif) repeat-x scroll center top;}
#footer h3.widgettitle,#footer div.widget li{
text-shadow:none;
background:none;
border-bottom:1px dotted #333;
color: #F3F2F0;
}
#footer .background div.widget_pages li , #footer .background div.widget_categories li {border-bottom:none;padding:0;}
#footer div.widget_categories li a,#footer div.widget_pages li a{
border-bottom:1px solid #333;
display:block;
padding:3px 0;
}
hr{border:0px solid transparent !important;background-color:transparent !important;height:1px;}
.divider{
clear:both;
display:block;
margin-bottom:10px;
padding-top:8px;
width:100%;
}
.top{
font-size:8px;
line-height:10px;
margin-bottom:10px;
text-align:right;
position:relative;
}
.top a{
background:#F9F9F9 none repeat scroll 0 0;
color:#4B7784;
height:20px;
position:absolute;
right:0;
text-shadow:1px 1px 0 #fff;
top:12px;
width:20px;
}
.clearboth{clear:both;display:block;font-size:0px;height:0px;line-height:0;width:100%;}
/* ------- 5. Tables ------- */
table {
border-collapse:separate;
border-spacing:0;
border-top:1px solid #eaeaea;
margin-bottom:0px;
}
table,td,th {
vertical-align:middle;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
color: #33333;
text-align: left;
margin-top: 0px;
margin-bottom: 4px;
}
th{
padding-top:0px;
padding-bottom: 0px;
color:#7D7648;
border-top:1px solid #fff;
}
td img{
padding-top: 0px;
padding-right: 2px;
padding-bottom: 0px;
padding-left: 0px;
}
td{
color:#7D7648;
font-family: Helvetica, "Arial sans-serif";
font-size: 13px;
text-align: left;
vertical-align: middle;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 0px;
}
td h5{
font-size: 18px;
font-family: Helvetica, "Arial sans-serif";
font-weight: bolder;
line-height: 19;
color:#524e4e;
padding-top: 4px;
padding-right: 2px;
padding-bottom: 0px;
padding-left: 0px;
}
tfoot td{border:0px;}
th,tr:hover{background-color:#f5f5f5;}
/* ------- 6. Forms ------- */
fieldset{padding:20px;border:1px solid #e5e5e5;}
legend,label{letter-spacing:1px;text-transform:uppercase;font-size:11px;}
input[type=text],input[type=password],input[type=file],textarea{
background-color:transparent;
padding:4px;
width:px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.textfield_label{margin-left:12px;}
textarea{width:97%;height:120px;font-size:12px;}
input, textarea {outline-style:none!important;}
pre,input[type=text],input[type=password],input[type=file],textarea{
background:#F9F9F9 url(images/form-gradient.gif) repeat-x scroll -1px -2px;
border-color:#D9D9D9 #EAEAEA #FFFFFF;
border-style:solid;
border-width:1px;
color:#626262;
}
input[type="submit"]::-moz-focus-inner{border : 0px;}
input[type="submit"]:focus{outline:none;}
/* ------- 7. Images------- */
.alignright,img.alignright,a img.alignright {float:right; margin:10px 0px 10px 16px;}
.alignleft,img.alignleft,a img.alignleft {float:left; margin:10px 16px 10px 0;}
.aligncenter,img.aligncenter,a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.frame,.small_frame {border:1px solid #eaeaea;display:inline-block;}
.frame img{background:#F5F5F5 none repeat scroll 0 0;border:1px solid #fff;padding:8px;margin:0;}
.small_frame img {background:#F5F5F5 none repeat scroll 0 0;border:1px solid #fff;padding:4px;margin:0;}
/* ------- 8. Headers ------- */
h1,h2,h3,h4,h5,h6{
font-weight:bold;
line-height:100%;
color: #7D7648;
margin-bottom: 8px;
}
#home_feature h2{
font-size:28px;
color: #707058;
line-height: 26px;
font-weight: bold;
letter-spacing: -1px;
}
#secondary h3.widgettitle{
font-size: 22px;
}
h1{
font-size:40px;
}
h2{
font-size:36px;
font-weight: bold;
color: #7D7648;
margin-bottom: 10px;
}
h3{
font-size:22px;
margin-top: 4px;
margin-bottom: 6px;
}
h3.widgettitle,#popular_related_posts h3{
margin-bottom:6px;
padding-bottom:8px;
padding-left:0;
font-size: 22px;
letter-spacing: -1px;
word-spacing: -1px;
}
h4{
font-size:19px;
margin-top: 2px;
margin-bottom: 4px;
color: #7D7648;
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 0px;
}
h4.a {
font-size:19px;
margin-top: 2px;
padding: 8px;
margin-bottom: 4px;
color: #7D7648;
}
h4.hover {
font-size:19px;
margin-top: 2px;
padding: 8px;
margin-bottom: 4px;
color: #5D5E3F;
}
h5{
font-size:16px;
margin-top:5px;
padding-top:5px;
margin-bottom:5px;
text-transform:none;
font-weight: bold;
margin-top: 0px;
letter-spacing: -1px;
}
h6{
font-size:13px;
font-weight:normal;
letter-spacing:0;
margin-bottom:10px;
padding-right:10px;
padding-bottom:5px;
text-transform:none;
color:#55544C;
line-height:18px;
}
.fancy_header span{
background-color:#F9F9F9;
color:#888;
font-size:12px;
letter-spacing:1px;
line-height:12px;
padding-right:5px;
text-transform:uppercase;}
.fancy_header{clear:both;padding-left:0;background: url(images/stripes.png) repeat scroll 0 0;margin:14px 0;}
.flush{margin:0 !important;}
/* ________________________________________________________________________________________________________________
02. GENERAL LAYOUT
________________________________________________________________________________________________________________ */
/* ------- 1. General Structure ------- */
#primary_full, #primary, #secondary{position:relative;overflow:hidden;}
* html #primary, * html #secondary{display:inline;}
* html body{
text-align:left;
}
body {min-width:960px;background-color:#f9f9f9;}
#body_block{
z-index:0;
padding-top:14px;
}
#primary{
float:left;
width:670px;
}
#secondary{
float:right;
width:280px;
min-height:300px;
}
#primary .content{
margin-right:20px;
margin-top:0px;
padding-right: 35px;
}
#secondary .content{margin-right:0px;margin-left:0px;}
.inner{height:100%;width:960px;min-width:960px;position:relative;clear:both;text-align:left;margin:0 auto;}
#primary-full .content, #subfooter .content{ margin-left:10px;margin-right:10px;padding:1px;margin-top:0px;overflow:hidden;}
#body_block #primary-full{width:960px;}
.entry{
overflow:hidden;
}
/* ------- 2. Header ------- */
#header{
z-index:10;
height:155px;
position:relative;
background-attachment: scroll;
background-color: #F2F1ED;
background-image: url(images/header.jpg);
background-repeat: repeat-x;
background-position: center top;
}
/* Tourism */
#tourism_logo {
background:transparent no-repeat scroll center top;
height:62px;
width:133px;
}
#tourism_logo a{
display:block;
height:62px;
width:100%;
margin-bottom: 5px;
z-index: 666;
}
#tourism_logo{
left:830px;
position:absolute;
top:2px;
width:133px;
font-size:32px;
}
/* logo & sitename */
#default_logo {
background:transparent url(images/logo.png) no-repeat scroll center top;
height:90px;
width:405px;
}
#default_logo a{display:block;height:100%;width:100%;}
#logo{
left:0px;
position:absolute;
top:0px;
width:200px;
font-size:32px;
height: 140px;
}
#site_name{left:0px;position:absolute;top:32px;font-size:32px;}
#site_name a{
color:#808658;
}
/* default intro */
#intro_blurb{
position:relative;
overflow:hidden;
}
#intro_blurb_title {
background:transparent url(images/intro.gif) no-repeat scroll right -7px;
color:#55544C;
display:block;
float:left;
font-size:32px;
height:4px;
margin-right:30px;
margin-top:0px;
padding-right:17px;
}
#intro_blurb_title span {
background:transparent url(images/intro.gif) no-repeat scroll -7px -7px;
display:block;
color: #89835C;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 2px;
padding-left: 30px;
}
#blurb{
color:#89835C;
font-size:2px;
min-width:200px;
overflow:hidden;
padding-top: 0px;
padding-right: 0;
padding-bottom: 0px;
padding-left: 20px;
}
/* twitter intro */
#blurb p.tweet{
min-height:4px;
background:transparent url(images/tweet.png) no-repeat scroll -10px -26px;
line-height:100%;
margin-bottom:0;
padding-left:65px;
}
#blurb p.tweet a{color:#666;font-size:22px;}
/* ------- 3. Footer ------- */
#footer input[type=text], #footer textarea,#footer table, #footer td, #footer th, #footer tr:hover{background:transparent;}
#footer a{
color:#D5D4D1
}
#footer a:hover{
color: #EDEBE4
}
#footer h3{
color:#F3F2F0;
font-size: 22px;
letter-spacing: -1px;
font-weight: bold;
text-decoration: none;
}
#footer_nav li,#footer_nav ul{display:inline;font-weight:normal;text-transform:uppercase;}
#footer_nav a{padding:0 5px;}
#footer {
background:#6E6142 url(images/footer.jpg) repeat-x center top;
margin-top:30px;
font-size: 12px;
line-height: normal;
}
#footer .inner{
padding-top:20px;
min-height:320px;
}
#sub_footer{
background-color:#4A4941;
padding-top:10px;
font-size:10px;
min-height:30px;
font-family: Helvetica, Arial, Helvetica, sans-serif;
color: #DCD8CF;
}
#sub_footer .one_half{margin-bottom:0;}
#sub_footer .last{text-align:right;}
/* ------- 4. Sidebar ------- */
#has_sidebar{background:#f9f9f9 url(images/sidebar_middle.gif) repeat-y scroll center center;}
#has_sidebar #body_block{background:transparent url(images/sidebar_top.gif) no-repeat scroll center -25px;}
#has_sidebar #body_block .inner{background:transparent url(images/sidebar_bottom.gif) no-repeat scroll center bottom;overflow:hidden;}
/* ------- 5. Breadcrumbs ------- */
#breadcrumbs{
color:#aaa;
background:#f9f9f9 url(images/outset_breadcrumbs.gif) repeat-x scroll center bottom;
height:10px;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
text-transform: capitalize;
letter-spacing: 1px;
font-size: 11px;
}
body.inset #breadcrumbs {
background-image:url(images/inset_breadcrumbs.gif);
height:10px;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
letter-spacing: 1px;
}
#breadcrumbs .inner{
padding-top:2px;
height:10px;
font-size:10px;
font-weight: normal;
text-transform: capitalize;
letter-spacing: 1px;
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
}
#breadcrumbs a{
color:#89835C;
}
body#home_page #body_block {
padding-top:0px;
}
.breadarrow{color:#ccc;padding:0 4px;}
/* ------- 6. Call to Action ------- */
#call_to_action{
min-height:4px;
background: #e6e6e6 url(images/outset_breadcrumbs.gif) repeat-x center bottom;
}
body.inset #call_to_action {background-image: url(images/inset_breadcrumbs.gif);}
#call_to_action #blurb{
padding-top: 4px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 0;
}
#call_to_action_button{
background:transparent url(images/get_started.jpg) no-repeat scroll center top;
height:4px;
position:absolute;
right:0px;
top:30px;
width:210px;
}
#call_to_action_button a{display: block;height: 100%;width: 100%;}
/* ------- 7. Columns ------- */
#primary .one_third{width:176px;}
#primary .two_third{width:400px;}
#primary .one_half{width:288px;}
#primary .one_fourth, #footer .one_fourth{
width:125px;
font-size: 12px;
line-height: 16px;
letter-spacing: normal;
}
#primary .three_fourth{width:456px;}
.one_half{width:425px;}
.one_third{width:288px;}
.two_third{width:624px;}
.one_fourth{
width:126px;
font-size: 12px;
line-height: 16px;
}
.three_fourth{width:456px;}
.one_half,.one_third,.two_third,.three_fourth,.one_fourth{
position:relative;
margin-right:25px;
margin-bottom:15px;
float:left;
}
.last{margin-right:0 !important;clear:right;}
/* ____________________________________________________________________________________________
03. PAGE SPECIFIC STYLE
_________________________________________________________________________________________ */
/* ------- 1. Home ------- */
body#home_page #header{
height:155px;
background-color: #F9F9F9;
}
#home_feature{
height:375px;
background-attachment: scroll;
background-color: #7D7648;
background-image: url(images/home_feature.jpg);
background-repeat: repeat-x;
background-position: center top;
}
/* slider nav */
#slider_thumbnails{
position:absolute;
z-index:100;
width:960px;
top:335px;
left:0;
}
#slider_preview_img{text-align:center;}
.slider_preview_img{
cursor:pointer;
height:15px;
width:15px;
background:transparent url(images/slider_inactive.png) no-repeat scroll 0 0;
}
.active_slider_img{
background:transparent url(images/slider_active.png) no-repeat scroll 0 0;
}
/* slider full */
#slider_img{
display:block;
height:365px;
overflow:hidden;
position:absolute;
right:0;
top:0px;
width:960px;
}
#home_feature #slider_img .slider_full{
height:365px;
margin-top:0px;
overflow:hidden;
}
.slider_frame{
background:transparent url(images/slider_frame.png) no-repeat scroll 0 0;
cursor:pointer;
height:340px;
position:absolute;
top:0;
right:0;
width:600px;
}
.slider_content{
width:350px;
padding-top:50px;
padding-left:50px;
margin-left: 65px;
margin-top: 110px;
z-index: 10;
float: left;
font-size: 14px;
color: #646441;
line-height: 1.3em;
}
.slider_full .slider_content{
width:340px;
padding-left:20px;
padding-right:20px;
margin-top: 45px;
margin-left: 25px;
padding-top: 20px;
padding-bottom: 20px;
background-color: transparent;
}
/* slider staged */
#home_feature .background {
background:url(images/full.jpg) center top no-repeat;
height: 375px;
}
#home_feature.staged .background{
height:375px;
background:transparent url(images/stage.jpg) center top no-repeat;
}
#home_feature #slider_img .slider_cropped{height:340px;margin-top:20px;overflow:hidden;}
#home_feature #slider_content .slider_cropped{margin:40px 30px;overflow:hidden;}
#home_feature .slider_full{
color:#5E676A;
line-height: 1.5em;
}
.slider_full h2{
color:#89835C;
line-height: 1.4em;
font-size: 30px;
}
/* slider cu3er */
#home_feature.cu3er .background{height:400px;background:transparent url(images/cu3er.jpg) no-repeat scroll center center;}
#home_feature.cu3er #cu3er-container{
display:block;
overflow:hidden;
position:absolute;
right:0;
width:960px;
height:340px;
top:25px;}
#slider_img img{
right:0;
bottom:0;
padding-top: 10px;
padding-bottom: 10px;
}
#loading_slider{
background:transparent url(images/slider_loader.gif) no-repeat scroll center top;
height:64px;
position:absolute;
text-align:center;
top:170px;
width:960px !important;
z-index:20;}
/* ------- 2. Portfolio ------- */
.loading_gallery {
background:transparent url(images/ajax-loader.gif) no-repeat scroll center center;
height:32px;
left:129px;
position:absolute;
top:73px;
width:32px;}
h2.portfolio{margin-top:45px;}
h3.portfolio{margin-bottom:15px;margin-top:0;}
p.portfolio{margin-bottom:15px;}
.portfolio_single_pic{
background:transparent url(images/portfolio_post_frame.gif) no-repeat scroll -1px -10px;
display:block;
height:600px;
position:relative;
width:960px;}
.portfolio_single_pic img{
background:#F5F5F5 none repeat scroll 0 0;
border:1px solid #FFFFFF;
height:516px;
left:2px;
padding:4px;
position:absolute;
top:22px;
width:945px;}
/* ------- 3. Portfolio Gallery View ------- */
.loading_gallery_post {
background: transparent url(images/ajax-loader.gif) no-repeat scroll center center;
height:32px;
left:450px;
position:absolute;
top:267px;
width:32px;}
.portfolio_img_holder {
background: transparent url(images/portfolio_gallery_frame.gif) no-repeat scroll 0 -5px;
display:block;
height:180px;
position:relative;
width:288px;}
.portfolio_img_holder img {
background: #F5F5F5 none repeat scroll 0 0;
border:1px solid #FFFFFF;
height:151px;
left:1px;
padding:4px;
position:absolute;
top:9px;
width:276px;}
.rollover {
background: transparent url(images/zoom_small.png) no-repeat 0 0;
display:none;
height:151px;
left:6px;
position:absolute;
top:14px;
width:276px;}
.rollover_play {
background: transparent url(images/play_small.png) no-repeat 0 0;
display:none;
height:151px;
left:6px;
position:absolute;
top:14px;
width:276px;}
/* ------- 4. Portfolio Full View ------- */
.loading_gallery_full {
background: transparent url(images/ajax-loader.gif) no-repeat scroll center center;
height:32px;
left:215px;
position:absolute;
top:124px;
width:32px;}
.full_portfolio_frame{
background: transparent url(images/portfolio_full_frame.gif) no-repeat scroll -14px -14px;
height:300px;
margin-top:35px;
width:472px;
position:relative;}
.full_portfolio_frame img{
background: #F5F5F5 none repeat scroll 0 0;
border:1px solid #FFFFFF;
height:246px;
left:1px;
padding:4px;
position:absolute;
top:8px;
width:447px;}
.full_portfolio_frame .rollover {
background: transparent url(images/zoom_large.png) no-repeat scroll 0 0;
height:246px;
left:6px;
top:13px;
width:447px;}
.full_portfolio_frame .rollover_play {
background: transparent url(images/play_large.png) no-repeat scroll 0 0;
height:246px;
left:6px;
top:13px;
width:447px;}
.blog_frame .rollover {
background: transparent url(images/zoom_blog.png) no-repeat scroll 0 0;
height:234px;
top:30px;
width:612px;}
.blog_frame .rollover_play {
background: transparent url(images/play_blog.png) no-repeat scroll 0 0;
height:234px;
top:30px;
width:612px;}
/* ------- 5. Contact Forms ------- */
.blog_frame .rollover {
background: transparent url(images/zoom_blog.png) no-repeat scroll 0 0;
height:234px;
top:30px;
width:612px;}
.blog_frame .rollover_play {
background: transparent url(images/play_blog.png) no-repeat scroll 0 0;
height:234px;
top:30px;
width:612px;}
#contact_form .loadingImg { background:transparent url(images/loader-contact.gif) no-repeat scroll 0 0; height:32px; width:32px; display:none; }
#contactFormWidget .loadingImgWidgetFt { background:transparent url(images/loader_widget_ft.gif) no-repeat scroll 0 0; height:32px; width:32px; display:none; margin:10px 0 0; }
#contactFormWidget .loadingImgWidgetSb { background:transparent url(images/loader_widget_sb.gif) no-repeat scroll 0 0; height:32px; width:32px; display:none; margin:10px 0 0; }
#footer form#contactFormWidget{background:transparent url(images/footer_form.png) no-repeat scroll -1px 0px;}
#footer input#emailWidget, #footer input#contactNameWidget, #footer textarea#commentsTextWidget, #footer .button{background:none transparent;border:0px transparent;}
.webtreats_contact_form_widget h3{margin-bottom:8px;}
#footer .webtreats_contact_form_widget p{margin-bottom:0;}
#secondary .webtreats_contact_form_widget p{margin-bottom:8px;}
#footer .button{background:transparent url(images/footer_button.png) no-repeat scroll -2px 0;height:42px;width:97px;}
#footer input#emailWidget, #footer input#contactNameWidget{height:24px;padding:5px 8px;width:178px;}
textarea#commentsTextWidget {padding-left:8px;height:107px;overflow:hidden;width:95%;}
.webtreats_contact_form_widget label{vertical-align:top;}
#footer #contactFormWidget .inputError {background:transparent url(images/error.png) no-repeat scroll right -1px;}
.inputError ,input[type="text"].inputError {border:1px solid #888;}
.screenReader { left: -9999px; position: absolute; top: -9999px; }
#footer p.thanks {background:#010101;padding:15px;margin-bottom:0;border:1px solid #333;}
/* ________________________________________________________________________________________________________________
04. BLOG STYLES
________________________________________________________________________________________________________________ */
/* ------- 1. Blog Index & Post ------- */
.blog_header, .blog_header a:link, .blog_header a:visited{
color:#333333;
margin-bottom:0;
padding-bottom:8px;}
.blog_module{
clear:both;
display:block;
margin-bottom:40px;
overflow:hidden;}
.loading_blog {
background:transparent url(images/ajax-loader.gif) no-repeat scroll center center;
height:143px;
left:285px;
position:absolute;
top:73px;
width:32px;}
.blog_frame{
background: transparent url(images/blog_thumb.png) no-repeat scroll 0 0;
height:290px;
margin-top:-20px;
position:relative;
width:624px;}
.blog_frame img{
background:#F5F5F5 none repeat scroll 0 0;
border:1px solid #FFFFFF;
height:234px;
left:1px;
padding:4px;
position:absolute;
top:25px;
width:612px;}
.top_metadata{
color:#888;
font-size:10px;
margin-bottom:20px;
padding:4px 2px 8px;}
.top_metadata a{
font-size:10px;
text-transform:uppercase;
word-spacing:-1px;}
.bottom_metadata{font-size:10px;margin:20px 0 40px;}
.bottom_metadata strong{text-transform:uppercase;}
.tags{padding-right:20px;}
/* ------- 2. About the Author ------- */
#about_the_author p.padding{padding-left:112px;padding-top:50px;}
#about_the_author{display:block;margin-bottom:10px;}
#about_the_author img{border:1px solid #666;float:left;margin-right:25px;width:80px;}
#about_the_author span.sprite{
background:transparent url(images/sprite.png) no-repeat scroll -108px -120px;
height:40px;
left:132px;
position:absolute;
top:25px;
width:95px;}
/* ------- 3. Social Media ------- */
#spread_the_word{display:block;margin-bottom:10px;}
#spread_the_word .gradient_box_bottom{padding:4px 25px;}
#spread_the_word .icons{padding-left:105px;height:50px;}
#spread_the_word span.sprite{
background:transparent url(images/sprite.png) no-repeat scroll -104px -61px;
height:38px;
position:absolute;
top:10px;
width:100px;}
#spread_the_word a{display:block;height:100%;width:100%;}
.twitter_icon,.reddit_icon,.digg_icon,.stumbleupon_icon,.delicious_icon,.facebook_icon,.linkedin_icon{background:transparent url(images/spread_the_word.png) no-repeat scroll 0 0;float:left;clear:none;height:50px;width:50px;}
.delicious_icon {background-position:-10px 0;}
.reddit_icon{background-position:-75px 0;}
.digg_icon{background-position:-251px 0}
.stumbleupon_icon{background-position:-372px 0;}
.twitter_icon{background-position:-128px 0;}
.facebook_icon{background-position:-310px 0;}
.linkedin_icon{background-position:-192px 0;}
/* ------- 4. Popular and Related Posts ------- */
#popular_related_posts{margin-top:50px;}
#popular_related_posts .one_half,#popular_related_posts .one_half ul.thumbnail_list{margin-bottom:0;}
/* ------- 5. Threaded Comments ------- */
#comments{margin-top:50px;}
#comments .date{
padding-left:2px;
color:#BBBBBB;
font-size:9px;
line-height:15px;
text-transform:uppercase;}
.comment-text{
color:#888888;
left:25px;
margin:10px 0;
min-height:90px;
overflow:hidden;
padding-right:40px;
padding-top:8px;
position:relative;
text-shadow:1px 1px 1px #FFFFFF;}
.comment-author{
float:left;
overflow:hidden;
width:90px;}
h4#comments {clear: both;margin: 45px 0 5px 0;font-size:20px;}
.commentlist cite {
display:inline-block;
font-style:normal;
line-height:16px;
padding-left:2px;
padding-top:5px;
text-transform:capitalize;}
.commentlist cite , .commentlist cite a:link, .commentlist cite a:visited {color: #666;}
.commentmetadata ,.commentlist .reply {
float:left;
font-size:10px;
margin-right:5px;
text-transform:lowercase;}
.commentlist {margin: 0 0 20px 0;}
.commentlist li {
background: url(images/comment_bubble.gif) 0px 15px no-repeat;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:20px 0;
overflow:hidden;
clear:both;}
.commentlist li ul li { margin-left: 20px;}
.cancel-comment-reply a{color:#bbb;font-size:9px;padding-left:2px;text-transform:uppercase;line-height:15px;}
.comms-navigation, .navigation {clear: both;display: block;margin-bottom:0px;overflow: hidden;}
.children {
padding: 0;
}
.nocomments {text-align: center;margin: 0;padding: 0;}
#commentform{padding-top:20px;}
#respond{clear:both;padding-top:20px;}
#respond h3{margin-bottom:0px;}
.date{color:#aaa;font-size:10px;text-transform:uppercase;line-height:15px;}
.awaiting_moderation{
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #EEEEEE;
display:inline-block;
font-size:10px;
margin-bottom:10px;
padding:0 10px;}
.logged{margin-bottom:5px;}
/* ________________________________________________________________________________________________________________
05. WIDGETS
________________________________________________________________________________________________________________ */
.widget ul{margin-bottom:0;}
.widget{
overflow:hidden;
padding-top: 0;
padding-right: 0;
padding-bottom: 15px;
padding-left: 0;
}
.textwidget{
clear:both;
line-height: 1.3em;
color: #758891;
font-size: 11px;
}
/* ------- 1. Search Box ------- */
#body_block .search-box{
background:transparent url(images/searchbar.png) no-repeat scroll left top;
height:30px;
margin-top:5px;
overflow:hidden;
width:288px;}
#body_block input.search-field{
background:transparent none repeat scroll 0 0;
border:0 none;
float:left;
height:25px;
margin:0;
padding:7px 0 0 14px;
width:232px;
color:#666;}
#body_block input.search-field:focus{ background:transparent url(images/searchbar.png) no-repeat scroll left -30px;}
#body_block input.search-go {
background:transparent url(images/searchbar.png) no-repeat scroll right 0;
border:0 none;
cursor:pointer;
float:left;
height:30px;
margin:0;
padding:0;
width:42px;}
#body_block input.search-go:hover{background-position:right -30px;}
/* ------- 2. Twitter Widget ------- */
#twitter-widget{position:relative;overflow:visible;}
#secondary #twitter-widget.webtreats_twitter_widget ul li a{
background:transparent url(images/mini_icons.png) no-repeat scroll -140px -116px;
padding-left:26px;}
#secondary .twitter_bird{
background:transparent url(images/sprite.png) no-repeat scroll right -1px;
height:54px;
position:absolute;
right:0;
top:2px;
width:54px;}
/* ------- 3. Flickr Widget ------- */
#flickr h3 span {
color: #ADB4B6;
font-weight: bold;
}
#flickr h3 span span {
color: #B1CAE9;
font-weight: bold;
}
#flickr .wrap {
margin-left: -8px;
width:300px;
padding: 0;
position: relative;
background: transparent;
}
#flickr a{
display:inline-block;
}
#flickr a img {
padding:5px;
width:75px;
height:75px;
background-color: #CCD4E2;
}
div.flickr_badge_image {
padding: 0;
display:block;
float:left;
margin-bottom:15px;
margin-left:15px;
width:80px;
height:80px;
background-attachment: scroll;
background-color: #CCD4E2;
background-image: none;
background-repeat: repeat;
background-position: 0 0;
}
/* ------- 4. Tag Cloud ------- */
.widget_tag_cloud a{padding:4px;}
#body_block .widget_tag_cloud a:hover,#body_block .widget_tag_cloud a:active{text-shadow:1px 1px 1px #fff;}
/* ------- 5. Custom Post Lists ------- */
.thumbnail_list li{padding-bottom:5px;position:relative;}
.thumbnail_title{display:inline-block;font-size:15px;padding-top:10px;width:194px;}
ul.thumbnail_list .alignleft{margin-bottom:3px;margin-top:5px;}
/* ------- 6. Calendar ------- */
.widget_calendar tfoot td{background-image:none;}
td#today{font-weight:bold;}
#secondary .widget_calendar td a{text-decoration:underline;}
/* ------- Contact Us Widget ------- */
#body_block .contact_widget_name,
#body_block .contact_widget_address,
#body_block .contact_widget_city,
#body_block .contact_widget_phone,
#body_block .contact_widget_email{padding-left:26px;}
.contact_widget_name{background:transparent url(images/mini_icons.png) no-repeat scroll -180px -84px;}
.contact_widget_phone{background:transparent url(images/mini_icons.png) no-repeat scroll -140px -124px;}
.contact_widget_email{background:transparent url(images/mini_icons.png) no-repeat scroll -100px -161px;}
.contact_widget_email a{text-decoration:underline;}
#footer .contact_widget_name,
#footer .contact_widget_phone,
#footer .contact_widget_email{background-image:none;}
/* ------- 8. Recent Comments ------- */
#secondary .widget_recent_comments ul li.recentcomments span{
background:transparent url(images/mini_icons.png) no-repeat scroll -140px -122px;
padding-left:26px !important;}
#secondary .widget_recent_comments ul li.recentcomments {padding:4px 0 8px;}
/* ------- 9. Categories, Archives, Etc. ------- */
#footer div.widget li{
padding:3px 0;
font-size: 11px;
color: #CCD4E2;
}
.webtreats_twitter_widget h3,
.widget_categories h3,
.webtreats_recent_widget h3,
.webtreats_popular_widget h3,
.widget_links h3,
.widget_archive h3,
.widget_meta h3,
.widget_pages h3,
.widget_recent_comments h3,
.widget_recent_entries h3{margin-bottom:0;}
#secondary .webtreats_twitter_widget ul li a,
#secondary .widget_categories ul li a,
#secondary .widget_links ul li a,
#secondary .widget_archive ul li a,
#secondary .widget_meta ul li a,
#secondary .widget_pages ul li a,
#secondary .widget_recent_entries ul li a{
background:transparent url(images/mini_icons.png) no-repeat scroll -265px 2px;
display:block;
padding:4px 0 8px 20px;
text-shadow:1px 1px 1px #FFFFFF;}
#secondary .widget_pages ul ul li a, #secondary .widget_categories ul ul li a{margin-left:20px;}
/* ------- 10. RSS Widget ------- */
.rss-date{
color:#7B9BAA;
font-size:10px;
text-transform:uppercase;
letter-spacing:1px;
display:block;
}
.widget_rss ul li {padding:4px 0 8px;}
.widget_rss h3{margin-bottom:0;}
.widget_rss ul li a {display:block;}
/* ________________________________________________________________________________________________________________
06. MENU
________________________________________________________________________________________________________________ */
#alt_nav{
position:absolute;
top:66px;
text-transform:none;
background-color: transparent;
background-image: url(images/#);
color: #9E8801;
visibility: visible;
clear: both;
float: right;
margin-bottom: 3px;
z-index: 999;
right: 2px;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 12px;
}
.btn,
.btn-icon,
.btn-mini
{
background-repeat: repeat-x;
color: #E0E0DE;
display: inline-block;
text-decoration: none;
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.25);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=2);
cursor: pointer;
position: relative;
padding-top: 0;
padding-right: 10px;
padding-left: 10px;
margin-top: 4px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
border: 1px solid #E06E27;
}
/* Active/Click state */
.btn:active, .btn-icon:active, .btn-mini:active { top: 1px; }
/* Sizes */
.btn, .btn-icon {
background-position: 0 -80px;
font-size: 12px;
height: 26px;
line-height: 26px;
}
.btn.btn-small, .btn-icon.btn-small {
background-position: 0 0;
font-size: 10px;
height: 26px;
line-height: 26px;
}
.btn.btn-large, .btn-icon.btn-large {
background-position: 0 -160px;
font-size: 15px;
height: 26px;
line-height: 26px;
}
/* Sizes - Line height for A buttons need to be different */
a.btn, a.btn-icon {
height: 26px;
line-height: 26px;
padding-bottom: 0;
}
a.btn.btn-small, a.btn-icon.btn-small {
line-height: 28px;
padding-bottom: 0;
}
a.btn.btn-large, a.btn-icon.btn-large {
line-height: 28px;
padding-bottom: 0;
}
/* Fix the button in IE7 :-( */
*+html .btn, *+html .btn-icon { border-color: none ; border: 1px solid transparent; }
/* Set default button colors */
.btn, .btn-icon, .btn-mini {
background-image: url(./images/bg-lite.png);
background-color: #F17A2A;
border-color: #FF9840;
}
.btn:hover, .btn-icon:hover, .btn-mini:hover {
background-color: #8E7B02;
}
/* Colors */
.btn-pink { background-color: #FF0066; border-color: #DA0C59; }
.btn-pink:hover { background-color: #DA0C59; }
.btn-orange {
background-color: #9C860F;
border-color: #89750C;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #F5F5F5;
}
.btn-orange:hover {
background-color: #80730B;
color: #FFFFFF;
border: 1px solid #89750C;
}
.btn-blue { background-color: #066ECD; border-color: #0561B4; }
.btn-blue:hover { background-color: #0561B4; }
.btn-red { background-color: #E40001; border-color: #CC0000; }
.btn-red:hover { background-color: #CC0000; }
.btn-green { background-color: #77B32F; border-color: #689C29; }
.btn-green:hover { background-color: #689C29; }
.btn-black { background-color: #111; border-color: #000; }
.btn-black:hover { background-color: #000; }
.btn-purple { background-color: #7B0F75; border-color: #6A0D66; }
.btn-purple:hover { background-color: #6A0D66; }
.btn-navy { background-color: #002142; border-color: #00172F; }
.btn-navy:hover { background-color: #00172F; }
.btn-maroon { background-color: #750000; border-color: #530000; }
.btn-maroon:hover { background-color: #530000; }
.btn-grey { background-color: #999; border-color: #888; }
.btn-grey:hover { background-color: #888; }
.btn-yellow { background-color: #FFCC00; border-color: #D9AD01; }
.btn-yellow:hover { background-color: #D9AD01; }
.btn-teal { background-color: #39A7B6; border-color: #2E8794; }
.btn-teal:hover { background-color: #2E8794; }
/* Images Overlays - Gradient Effect */
/* 50% Opacity for darker colors */
.btn-blue,
.btn-black,
.btn-purple,
.btn-navy,
.btn-maroon,
.btn-teal,
.btn-grey { background-image: url(./images/bg-dark.png) !important; }
/* 65% opacity for lighter colors */
.btn-red,
.btn-orange,
.btn-green,
.btn-yellow,
.btn-pink { background-image: url(./images/bg-lite.png) !important; }
/* Icon Button Styles */
.btn-icon { padding-left: 32px !important; }
*+html .btn-icon { padding-left: 20px !important; padding-right: 5px !important; }
.btn-icon span
{
background-image: url(./images/amp-btn-icon-sprite.png);
background-repeat: no-repeat;
background-position: 0 0;
width: 16px;
height: 16px;
position: absolute;
left: 6px;
top: 6px;
}
.btn-icon.btn-small span { top: 4px; }
.btn-icon.btn-large span { top: 12px; }
@-moz-document url-prefix() { .btn-icon span { left: -24px; top: 0px; } .btn-icon.btn-small span { top: -1px; } .btn-icon.btn-large span { top: 4px; } }
/* Mini Buttons */
.btn-mini
{
background-position: 0 0;
width: 32px;
height: 26px !important;
line-height: 500px !important;
overflow: hidden;
padding: 0;
}
.btn-mini span
{
background-image: url(./images/amp-btn-icon-sprite.png);
background-repeat: no-repeat;
display: block;
width: 16px;
height: 16px;
line-height: 0;
position: absolute;
left: 50%;
top: 50%;
margin-left: -8px;
margin-top: -8px;
}
/* Icon Classes */
.btn-arrow-down span { background-position: -48px 0; }
.btn-arrow-up span { background-position: -32px 0; }
.btn-arrow-right span { background-position: -16px 0; }
.btn-arrow-left span { background-position: 0 0; }
.btn-comment span { background-position: -112px 0; }
.btn-heart span { background-position: -96px 0; }
.btn-star span { background-position: -80px 0; }
.btn-cart span { background-position: -64px 0; }
.btn-print span { background-position: -128px 0; }
.btn-rss span { background-position: -144px 0; }
.btn-person span { background-position: 0 -16px; }
.btn-check span { background-position: -16px -16px; }
.btn-dollar span { background-position: -32px -16px; }
.btn-refresh span { background-position: -48px -16px; }
.btn-home span { background-position: -64px -16px; }
.btn-plus span { background-position: -80px -16px; }
.btn-minus span { background-position: -96px -16px; }
.btn-cross span { background-position: -112px -16px; }
/* Transparent Button Styles */
.btn-transparent, .btn-transparent:hover { background-image: url(./images/bg-lite.png); background-color: transparent; filter: none; border-color: transparent\0/; border-color: rgba(0,0,0,.4) !important; margin: 0 1em 0 0; }
*+html .btn-transparent { border: none; }
#main_navigation{
position:absolute;
right:0px;
top:112px;
background-color: #7E7F55;
background-image: url(images/mbg.png);
float: right;
display: inline-block;
margin: 0;
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.5);
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.5);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
position: relative;
font-size: 12px;
padding-right: 8px;
padding-left: 8px;
border: 0px;
font-family: Arial, Helvetica, sans-serif;
height: 35px;
line-height: 30px;
color: gray;
padding-top: 0px;
padding-bottom: 4px;
z-index: 999;
}
#main_navigation a{
cursor: pointer;
color: #ECEDE5;
}
#main_navigation a:hover{
cursor: pointer;
color: #FFFFFF;
background-color: #67683E;
}
.jqueryslidemenu{
position:relative;
z-index:22;
}
.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}
.jqueryslidemenu ul li a, .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
}
.jqueryslidemenu ul li a{
display: block;
text-decoration: none;
line-height:38px;
overflow:hidden;
padding-top: 0px;
padding-right: 8px;
padding-bottom: 0px;
padding-left: 8px;
height: 40px;
}
* html .jqueryslidemenu ul li a{ display: inline-block;}
.jqueryslidemenu ul li ul{
position: absolute;
left: 0px;
display: block;
visibility: hidden;
font-weight: normal;
}
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
font-weight: normal;
}
.jqueryslidemenu ul li ul li ul{top:0px;}
.jqueryslidemenu ul li ul li a{width: 160px;padding: 6px 13px;margin: 0;}
.jqueryslidemenu ul ul{
background:transparent url(images/drop.png) no-repeat scroll -1px 0;
padding-top:14px;
top:26px;
padding-bottom:2px;
}
.jqueryslidemenu ul ul.menu_flip{
background:transparent url(images/dropR.png) no-repeat scroll -1px 0;}
.jqueryslidemenu ul ul ul, .jqueryslidemenu ul ul.menu_flip ul{
background:transparent url(images/drop_sub.png) no-repeat scroll 0px -2px;
margin-left:-4px;
margin-top:-2px;
padding-top:2px;}
.jqueryslidemenu ul ul li a, .jqueryslidemenu ul ul li a:link, .jqueryslidemenu ul ul li a:visited {height:100%;line-height:20px;}
.jqueryslidemenuz ul li ul li a:hover, .jqueryslidemenu ul ul li a:hover{
margin:0 4px;
padding:6px 9px;
color:#F9F9F9;
background-color: #67683E;
}
.jqueryslidemenuz ul ul li ul li a:hover, .jqueryslidemenu ul ul ul li a:hover{
width:160px;
margin-top: 0;
margin-right: 1px;
margin-bottom: 0;
margin-left: 1px;
padding-top: 4px;
padding-right: 12px;
padding-bottom: 4px;
padding-left: 12px;
}
/* ________________________________________________________________________________________________________________
07. EXTRAS
___________________________________________________________________________________________ */
/* ------- 1. Dropcaps ------- */
.dropcap1{
background:transparent url(images/sprite.png) no-repeat scroll -1px -1px;
color:#EEEEEE;
float:left;
font-size:30px;
height:40px;
line-height:30px;
margin-bottom:-5px;
margin-right:10px;
padding-left:1px;
padding-top:5px;
text-align:center;
width:40px;}
.dropcap2{
color:#333333;
display:block;
float:left;
font-size:40px;
line-height:40px;
margin:0 8px 0 0;}
/* ------- 2. Pullquotes ------- */
.pullquote_right,.pullquote_left{
background:transparent url(images/stripes.png) repeat-y scroll 0 0;
color:#444444;
float:right;
font-size:14px;
letter-spacing:0px;
line-height:25px;
margin-bottom:20px;
margin-left:20px;
margin-top:20px;
padding:0 0 0 20px;
width:33%;}
.pullquote_left{
float:left;
margin-left:0px;
margin-right:20px;}
/* ------- 3. Highlight Styles ------- */
.highlight1{padding:1px 4px;background-color:yellow;color:#111;}
.highlight2{padding:1px 4px;background-color:#111;color:#eee;}
/* ------- 4. Unordered Lists ------- */
ul.arrow_list li{
padding-left:20px;
background-attachment: scroll;
background-color: transparent;
background-image: url(images/mini_icons.png);
background-repeat: no-repeat;
background-position: -262px -4px;
font-size: 12px;
line-height: normal;
color: #848E91;
margin-bottom: 2px;
letter-spacing: 1px;
}
ul.check_list li{
background:transparent url(images/mini_icons.png) no-repeat scroll -222px -45px;
padding-left:20px;
}
/* ------- 5. Toggle Content ------- */
h3.toggle {
font-size:18px;
margin-top:4px;
text-transform: none;
padding-top: 2;
padding-right: 0;
padding-bottom: 2px;
padding-left: 12px;
background-attachment: scroll;
background-color: transparent;
background-image: url(images/mini_icons.png);
background-repeat: no-repeat;
background-position: -60px -198px;
}
h3.toggle a {
padding-top:5px;
text-decoration: none;
display: block;
padding-left: 12px;
color: #978B01;
}
h3.toggle a:hover {
padding-left: 12px;
color: #65633A;
}
h3.active {
background:transparent url(images/mini_icons.png) no-repeat scroll -19px -237px;
color: #978B01;
}
h3.active a:link {
color:#978B01;
}
.toggle_content {
-moz-border-radius:6px;
-webkit-border-radius: 6px;
background:#F5F5F5;
border:1px solid #f3f3f3;
clear:both;
margin:0 0 16px 6px;
overflow:hidden;
line-height: normal;
}
.toggle_content .block {
margin-bottom: 8px;
padding-top: 10px;
padding-right: 16px;
padding-bottom: 16px;
padding-left: 6px;
}
/* ------- 6. Buttons ------- */
/* simple buttons */
.button{
background:transparent url(images/buttons.gif) no-repeat scroll center -34px;
color:#EEEEEE;
height:30px;
line-height:16px;
text-transform:uppercase;
overflow: visible;
marging-top: 4px;
padding-top: 8px;
padding-right: 12px;
padding-bottom: 8px;
padding-left: 12px;
border: 1px solid #F9F9F9;
}
.slider_content a.button{
border:1px solid #F4F4F4;
margin-top:10px;
color:#EEEEEE;
height:30px;
line-height:33px;
text-transform:uppercase;
overflow: visible;
padding-top: 8px;
padding-right: 15px;
padding-bottom: 8px;
padding-left: 15px;
background-attachment: scroll;
background-color: transparent;
background-image: url(images/buttons.gif);
background-repeat: no-repeat;
background-position: center -34px;
top: 335px;
}
.slider_content a.button:hover,.button:hover{
background:transparent url(images/buttons.gif) repeat-x scroll center -2px;
cursor:pointer;
top: 335px;
}
/* span buttons */
a.button_link {
display:inline-block;
font-size:11px;
height:30px;
margin-right:5px;
margin-top:10px;
padding-right:17px;
text-transform:uppercase;
color:#f4f4f4;
background-attachment: scroll;
background-color: transparent;
background-image: url(images/buttons.gif);
background-repeat: no-repeat;
background-position: right -34px;
}
a.button_link span {
background:transparent url(images/buttons.gif) no-repeat scroll -2px -34px;
display:block;
line-height:10px;
padding:9px 0 11px 15px;}
a.button_link:hover {background-position: right -2px;color:#ccc;}
a.button_link:hover span {background-position:-2px -2px;}
/* ------- 7. Box Styles ------- */
.gradient_box_middle{background:transparent url(images/gradient_box_middle.gif) repeat-y scroll 0 0;width:625px;}
.gradient_box_bottom{background:transparent url(images/gradient_box_bottom.gif) no-repeat scroll 0 bottom; padding:26px;position:relative;}
.gradient_box_top{background:transparent url(images/gradient_box_top.gif) no-repeat scroll 0 top;}
.fancy_box,.download_box,.warning_box,.info_box,.note_box{
clear:both;
padding:10px;
margin: 10px 0px 20px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font-size: 11px;
line-height: normal;
}
.download_box,.warning_box,.info_box,.note_box{
padding-left:38px;
background:#eee;
padding-bottom:32px;
padding-top:10px;
font-size: 12px;
line-height: normal;
color: #897B62;
}
.fancy_box{
background:#F9F9F9 url(images/form-gradient.gif) repeat-x scroll 0 -7px;
border:1px solid #E0E0E0;}
.info_box{
background:#F1F2F2 url(images/icons/info.png) no-repeat scroll 1px 2px;
border:1px dotted #FFFFFF;
color:#666600;
}
.warning_box{
background:#ffcccc url(images/icons/stop.png) no-repeat scroll 10px 15px;
border:1px solid #ff9999;
color:#c31b00;}
.download_box{
background:#D8D7C0 url(images/icons/down_alt.png) no-repeat scroll 10px 15px;
border:1px dotted #C9C6AF;
color:#6F6B4A;
}
.note_box{
background:#fdebae url(images/icons/notebook.png) no-repeat scroll 10px 15px;
border:1px solid #e6c555;
color:#9e660d;}
/* ------- 8. WP Pagenavi ------- */
.wp-pagenavi{clear:both;padding-top:10px;height:40px;text-align:right;background:url(images/line.gif) repeat-x scroll center top;}
.wp-pagenavi a, .wp-pagenavi a:link,.wp-pagenavi a:visited,.wp-pagenavi a:active,.wp-pagenavi span.pages,.wp-pagenavi span.current,.wp-pagenavi span.extend {
border:1px solid transparent;
color:#AAAAAA;
font-size:10px;
margin:1px;
padding:4px 5px;
text-shadow:1px 1px 0 #FFFFFF;}
.wp-pagenavi a:hover {
background:#eee;
background:#F9F9F9 url(images/form-gradient.gif) repeat-x scroll -1px -2px;
border-color:#D9D9D9 #EAEAEA #FFFFFF;
border-style:solid;
border-width:1px;}
.wp-pagenavi span.current {
background:#111111 url(images/buttons.gif) no-repeat scroll center -35px;
border:1px solid #222;
border-bottom:0;
color:#EEEEEE;
font-weight:bold;
height:29px;
text-shadow:none;}
/* pdf crap */