/*
Theme Name: Awake-Zonamaco
Description: Designed by WebTreats.
Version: 1.1
Author: WebTreats
Author URI: http://themeforest.net/user/Webtreats
*/
/* --- TOC
01. GENERAL TYPOGRAPHY
1. Global Reset
2. General
3. Lists Styles
4. Borders & Dividers
5. Tables
6. Forms
7. Images
8. Headers
02. GLOBAL STRUCTURE
1. Shared Structure
2. Right Sidebar
3. Left Sidebar
4. Columns
03. HEADER
1. Logo & Sitename
2. Sociables
3. Intro Blurbs
4. Breadcrumbs
04. MENU
1. Top Level
2. Dropdowns
05. FOOTER
1. Footer call to action
2. Footer Body
3. Sub Footer
06. HOME PAGE SLIDER
1. Fade Slider
2. Tabbed Slider
3. Slider Stageing Effects Shared
4. Full Slide
5. Floating Slide
6. Staged Slide
7. Partial Staged Slide
8. Partial Gradient Slide
07. PORTFOLIO
1. Preloaders
2. Hovers
3. Typography
08. BLOG
1. Blog Index
2. About Author
3. Popular and Related Posts
4. Threaded Comments
09. WIDGETS
1. General
2. Sub Navigation
3. Contact Form
4. Contact Us Widget
5. Twitter
6. Flickr
7. Custom Post Lists
8. Calendar
9. Recent Comments
10. RSS Widget
11. Categories, Links, Archives, ETC.
12. Webtreats Mini Gallery
10. EXTENDED TYPOGRAPHY
1. Dropcaps
2. Pullquotes
3. Highlight Styles
4. Fancy Lists
5. Fancy Link Styles
6. Alternate Color Buttons & Boxes
7. Alternate Color Dropcaps
8. Alternate Color Mini Icons
9. Alternate Color Toggles
10. Alternate Color Fancy Links
11. Alternate Color Fancy Headers
11. TABS
1. Shared Styles
2. Framed Tabs
3. Minimal Arrow Tabs
12. TOOLTIPS
1. Search Tooltip
2. Share This Post Tooltip
13. TOGGLE CONTENT
1. Minimal
2. Framed
14. BOX STYLES
1. Simple Box
2. Fancy Box
3. Fancy Titled Box
4. Colorscheme Box
5. Alert Boxs
15. EMBEDED PLUGINS
1. WP Pagenavi (built-in)
16. PROGRESSIVE ENHANCEMENTS
1. Border Radius
2. CSS Gradients
3. Drop Shadows
--- */
/* ________________________________________________________________________________________________________________
01. GENERAL TYPOGRAPHY
________________________________________________________________________________________________________________ */
/* ------- 1. Global Reset ------- */
html, body, div, li, form, fieldset, input, textarea, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, pre, table, blockquote{
margin:0;
padding:0;
vertical-align:baseline; }
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, pre, table, fieldset, blockquote,code{ margin-bottom:20px; }
img, fieldset { border:0; }
strong, b{ font-weight:bold; }
em, i{ font-style:italic; }
body,textarea{
font-family:"helvetica neue",Helvetica,Arial,Verdana,sans-serif;
letter-spacing:0.4px;
line-height:20px;
word-spacing:1px;
font-size:12px;
color:#666;}
/* ------- 2. General ------- */
a{color: #666;outline:0 none;}
a:link,a:visited,a:hover,a:active,a:focus{ text-decoration:none; outline:0 none; -moz-outline-style:none; }
p a:hover, .blog_meta a:hover{text-decoration:underline;}
code,pre{ font-family:"Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace; white-space:pre; overflow:auto; display:block; padding:0 20px; }
code{background: url(styles/_shared/code.gif) repeat 0 0;border:1px solid #eee;border-top:0;}
pre{margin:2px 2px 20px; padding:5px; color:#666;}
blockquote {background:url(styles/_shared/sprite.png) no-repeat scroll -168px -170px transparent; font-size:14px; margin:20px 0; padding:5px 5px 5px 45px; }
cite{font-size:10px;color:#aaa;}
/* ------- 3. List Styles ------- */
ul{ list-style:disc outside; }
ol{ list-style:decimal outside; }
li{ margin:2px 0;}
ol li{ margin-top:10px; }
ul, ol, dd{ margin-left:26px; }
ul ul, ol ul, ul ol, ol ol{ margin-bottom:0; }
/* ------- 4. Borders & Dividers ------- */
hr{ border:0px solid transparent !important; background-color:transparent !important; height:1px; }
hr.hr{display:block; margin:0px; padding:0px; width:100%; height:2px; line-height:2px; background:url(styles/zonamaco/hr.png) repeat-x scroll 0px 0px transparent;}
.divider,.divider_padding{ clear:both; display:block; margin-bottom:20px; padding-top:20px; width:100%;}
.divider{border-bottom:1px solid #eee;}
.top{ font-size:8px; line-height:10px; margin-bottom:40px; text-align:right; position:relative; }
.top a{ height:20px; position:absolute; right:0; top:15px; width:20px; color: #666;background:#fff;}
.clearboth{ clear:both; display:block; font-size:0px; height:0px; line-height:0; width:100%; }
/* ------- 5. Tables ------- */
table.fancy_table,.widget_calendar table { border-collapse:separate; border-spacing:0; width:99%; padding:2px 0; }
table,td,th { vertical-align:middle; text-align:center; }
th{ padding:10px; font-size:12px; text-transform:uppercase; letter-spacing:1px;}
td{ font-size:11px; padding:10px; }
table.fancy_table,.widget_calendar table{margin:20px 2px; }
.fancy_table th,.widget_calendar table th{border-bottom:1px solid #fff;}
.fancy_table td,.widget_calendar table td{color:#888;border-top:1px solid #eee;}
.fancy_table,.widget_calendar table{border:1px solid #fff;}
/* ------- 6. Forms ------- */
fieldset{ padding:20px;border:1px solid #e5e5e5;}
form p{ margin-bottom:10px;}
input[type=text],input[type=password],textarea{color:#666; padding:8px;border: solid 1px #e5e5e5;background:url(styles/_shared/input.png) 0 0 repeat-x #fff;}
.textfield_label{ margin-left:12px; }
textarea{ width:92%; font-size:12px;background:url(styles/_shared/textarea.png) 0 0 repeat-x #fff;overflow:auto;}
input, textarea,input[type="submit"]:focus{outline:0 none;}
input[type="radio"],input[type="checkbox"]{ margin-right:10px; margin-left:10px; }
button::-moz-focus-inner { border: 0; padding: 0;}
input[type="reset"],input[type="submit"],input[type="button"],button{
background:url(styles/_shared/button_sprite.png) no-repeat scroll center -13px transparent;
border:none;
color:#eee;
font-size:11px;
letter-spacing:1.6px;
margin:10px 0;
outline-width:0;
padding:9px 13px;
text-transform:uppercase;}
input[type="button"]:hover, input[type="button"]:focus,input[type="reset"]:hover,
input[type="reset"]:focus,input[type="submit"]:hover,input[type="submit"]:focus,
button:hover,button:focus,.button_link:hover, .button_link:focus{color:#fff;cursor:pointer;}
#footer input[type=text],#footer input[type=password],#footer textarea{
background:url(styles/_shared/opacity_strip.png) repeat-x scroll 0 12% transparent;
border-color:rgba(0, 0, 0, 0.1) rgba(255, 255, 255, 0.09) rgba(255, 255, 255, 0.12) rgba(0, 0, 0, 0.1);
border-style:solid;
border-width:1px;
color:inherit;
overflow:hidden;}
#footer input[type=text]:focus,#footer input[type=password]:focus,#footer textarea:focus{opacity:.8;}
.button_link, .fancy_button{
background:url(styles/_shared/button_sprite.png) no-repeat scroll right -165px transparent;
color:#eee;
text-shadow:0 -1px 0 #888888;
display:inline-block;
font-size:11px;
letter-spacing:1.6px;
margin:5px 10px 5px 0;
border:0 none;
padding:0 24px 0 0;
text-transform:uppercase;}
.button_link span, .fancy_button span{
background:url(styles/_shared/button_sprite.png) no-repeat scroll -6px -122px transparent;
display:block;
line-height:10px;
padding:15px 0 17px 21px;}
.button_link.large_button{
background-position:right -61px;
font-size:24px;
height:56px;
padding-right:24px;}
.button_link.large_button span{
background-position:-6px -3px;
line-height:20px;
padding:17px 0 20px 20px;
text-transform:none;}
.button_link:hover{text-decoration:none;}
/* ------- 7. Images------- */
.alignright{ float:right; margin:2px 2px 2px 16px !important; }
.alignleft,img.alignleft,a img.alignleft { float:left; margin:2px 16px 2px 2px !important; }
.aligncenter,img.aligncenter,a img.aligncenter { display: block; margin:2px auto !important; text-align:center; }
img.framed,.wp-caption,#flickr a img{ padding:6px;margin:2px; }
dl.gallery-item { padding:0px; margin:0px; line-height:100%;}
dl.gallery-item img{ padding:1px 0px 1px 0px; margin:0px; border:0px; }
p.wp-caption-text{ margin-bottom:0px; text-align:center; }
.wp-caption{ margin-bottom:20px !important; padding-top:12px; text-align:center; }
.avatar{ float:left; margin:1px; padding:4px;background:#fff;}
.small_frame img, img.small_frame { background:#fff;padding:4px; }
.frame img{border:1px solid #fff;}
img.framed, .toggle_frame , .pullquote_right, .pullquote_left,.wp-caption,.webtreats_flickr_widget img{border:1px solid #fff !important;}
dl.gallery-item img{border:0px solid #fff !important;}
/* ------- 8. Headers ------- */
h1,h2,h3,h4,h5{ font-weight:normal; font-family:"dejavu sans","Helvetica Neue",Helvetica,Arial,sans-serif; color:#000000;}
h1{ font-size:26px;
line-height:26px;
letter-spacing:0;}
h2{ font-size:28px; line-height:30px; }
h3{ font-size:22px; line-height:30px; }
h3.widgettitle{ margin-bottom:10px; }
h4{ font-size:18px; color:#333; margin-bottom:10px;}
h5{ font-size:14px; letter-spacing:2px; margin-bottom:5px; text-transform:uppercase; font-weight:normal; }
h6{ font-size:11px; letter-spacing:2px; margin-bottom:5px; padding-bottom:5px; text-transform:uppercase; line-height:20px; font-weight:normal; color:#999;}
.date, .awaiting_moderation, legend, label, p.breadcrumb, .cancel-comment-reply a,.logged,
.small_text{
font-size:9px;
letter-spacing:1.6px;
text-transform:uppercase;
color:#bbb;}
.fancy_header{margin-bottom:20px;padding-bottom:0;}
.fancy_header span {
background-color:#888;
color:#fff;
font-size:11px;
letter-spacing:1.6px;
padding:4px 12px;
text-transform:uppercase;}
.teaser{color:#aaa;font-size:13px;margin-bottom:10px;}
.teaser_large{line-height:24px;font-size:18px;font-weight:200; letter-spacing:1px; color:#CCC;}
#body_block .inner #main .content h1.title{ margin-bottom:0px; font:26px Arial; }
#body_block .inner #main .content h3.title{ margin-bottom:18px; padding-bottom:2px; font:16px Arial; background: url(styles/zonamaco/hr.png) no-repeat scroll 0px bottom transparent;}
/* ________________________________________________________________________________________________________________
02. GENERAL STRUCTURE
________________________________________________________________________________________________________________ */
/* ------- 1. Shared Structure ------- */
body { min-width:992px; }
#body_block, #main, #sidebar, #sidebar_left{ position:relative; overflow:hidden; }
* html #main, * html #sidebar, #sidebar_left{ display:inline; }
* html body{ text-align:center; }
#header,#body_block,#footer,#sub_footer{ width:992px; margin:0 auto; }
.inner{ width:952px; margin:0 auto; position:relative; }
#body_block{ z-index:0;background:#fff;}
#body_block_background{margin:0 auto;width:980px;overflow:hidden;background:#fff;}
#body_block .inner{ padding-bottom:40px; }
#main{ margin-top:30px; padding-top:10px;}
#sidebar_bottom{ height:20px; }
#sidebar{ margin-top:30px; padding-top:10px; min-height:300px; }
#sidebar_left{ margin-top:30px; padding-top:10px; min-height:300px; }
/* ------- 2. Right Sidebar ------- */
.right_sidebar #main{ float:left; width:400px;}
.right_sidebar #sidebar_left{ float:left; margin-right:-10px; width:280px;}
.right_sidebar #sidebar_left .content{ margin-right:40px; }
.right_sidebar #sidebar{ float:left; margin-left:-10px; width:280px; }
.right_sidebar #sidebar .content{ margin-left:40px; }
.right_sidebar #sidebar_bottom{height:20px; }
/* ------- 3. Left Sidebar ------- */
.left_sidebar #main{ float:right; width:400px; border:1px solid green;}
.left_sidebar #sidebar{ float:right; width:240px; background:url(styles/_shared/sidebarL-top.png) no-repeat scroll 177px top transparent;}
.left_sidebar #sidebar .content{ margin-right:40px; background:url(styles/_shared/sidebarL-middle.png) repeat-y scroll right top transparent;}
.left_sidebar #sidebar_bottom{height:20px; background:url(styles/_shared/sidebarL-bottom.png) repeat-y scroll 177px bottom transparent;}
/* ------- 4. Columns ------- */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }
/* ________________________________________________________________________________________________________________
03. HEADER
________________________________________________________________________________________________________________ */
#header{ z-index:100; position:relative; height:212px; }
/* ------- 1. Logo & Sitename ------- */
#logo{ left:0px; position:absolute; top:55px; width:950px; height:144px; overflow:hidden; }
#site_name{ left:0px; position:absolute; top:34px; font-size:34px; }
#site_name a{color:#eee;}
/* ------- 2. Sociables ------- */
#social_header{
/*background:url(styles/_shared/social_header.png) no-repeat scroll right -27px transparent;*/
line-height:12px;
position:absolute;
right:-8px;
top:180px;}
.social_header_background{
/* background:url(styles/_shared/social_header.png) no-repeat scroll 0 0 transparent;*/
height:26px;
margin-right:8px;
padding:2px 0 2px 6px;}
#social_header .fade_hover{float:left;padding:0 2px;}
#logo a,#social_header a{background:transparent;}
#header{ position:relative; }
#header .inner{ position:relative; }
ul.social_media{
position:absolute; right:32px; bottom:0px;
display:inline-block;
width:auto; height:16px;
}
ul.social_media li{
display:inline-block; overflow:hidden;
margin:0px 0px 0px 8px; padding:0px; float:left;
}
ul.social_media li a{ display:block; width:16px; height:16px; text-indent:-9999px; }
ul.social_media li a.twitter{ background:transparent url(styles/_shared/twitter.png) no-repeat scroll 0px 0px; }
ul.social_media li a.facebook{ background:transparent url(styles/_shared/facebook.png) no-repeat scroll 0px 0px; }
/* ------- 2. Header Language ------- */
#language_link {
font-size: 11px;
color: #666;
position: absolute;
right: 0px;
top:20px;}
#language_link a {
font-size: 11px;
color: #666;
}
#language_link a:hover {
font-size: 11px;
color: #000;
}
/* ------- 2. Header Contact ------- */
.header_contact{
color:#eee;
font-size:13px;
position:absolute;
right:-37px;
text-align:right;
top:58px;}
/* ------- 3. Intro Blurbs ------- */
#intro_blurb{
margin:0 auto;
overflow:hidden;
width:980px;
background:url(styles/_shared/intro_blurb.png) repeat-x scroll bottom left transparent;
color:#898C8E;
text-shadow:1px 1px 1px #fff;}
.minimal #intro_blurb{background:none;}
.minimal #body_block_background{background: url(styles/_shared/divider_shadow_outset.png) no-repeat center top #fff;}
#intro_blurb .inner{margin:25px auto;padding-bottom:0px;overflow:hidden;}
#intro_blurb h1{ padding:5px 0;margin-bottom:0;}
#blurb{ font-size:18px; line-height:24px; font-weight:200; letter-spacing:1px; color:#CCC;padding:5px 0;}
/* ------- 4. Breadcrumbs ------- */
.breadcrumb{ margin-bottom:0; margin-top:10px;}
.breadcrumb,.breadcrumb a{color:#d2d2d2;}
.breadarrow{ padding:0 4px; }
/* ------- 5. Borders & Dividers ------- */
#header hr.hr{ position:absolute; top:210px; }
/* ________________________________________________________________________________________________________________
04. MENU
________________________________________________________________________________________________________________ */
/* ------- 1. Top Level Menu ------- */
#main_navigation{ display:none; font-size:11px;height:60px; left:250px;position:absolute; top:152px;letter-spacing:1px;text-transform:uppercase;}
.jqueryslidemenu{ position:relative; z-index:200;}
.jqueryslidemenu ul{ margin: 0; padding: 0; list-style-type: none; }
.jqueryslidemenu ul li{ position: relative; display: inline; float: left; margin:0; list-style:none; }
.jqueryslidemenu ul li a{
display: block;
text-decoration: none;
height:36px;
line-height:36px;
overflow:hidden;
padding:0 16px; }
* html .jqueryslidemenu ul li a{ display: inline-block; }
/* top level menu link styles */
.jqueryslidemenu ul li a, .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
height:60px;
line-height:56px;
color:#eee;}
/* .jqueryslidemenu li:hover a - creates the "sticky" */
.jqueryslidemenu ul li a:hover, .jqueryslidemenu .current_page_parent, .jqueryslidemenu .current_page_item, .jqueryslidemenu ul li:hover a{
background: url(styles/_shared/menu_hover.png) no-repeat scroll center -4px transparent;}
/* turn off hover image on current page sub items as well as */
.jqueryslidemenu ul li:hover li a, .jqueryslidemenu ul ul li.current_page_item, .jqueryslidemenu ul ul li.current_page_parent {background:none;}
/* ------- 2. Dropdowns ------- */
.jqueryslidemenu ul li ul{ position: absolute; left: 0px; display: block; visibility: hidden; }
.jqueryslidemenu ul li ul li{ display: list-item; float: none; }
.jqueryslidemenu ul li ul li ul{ top:0px; }
.jqueryslidemenu ul li ul li a{ width: 200px; padding: 6px 16px; margin: 0; }
.jqueryslidemenu ul ul li a, .jqueryslidemenu ul ul li a:link, .jqueryslidemenu ul ul li a:visited { height:100%; line-height:20px; }
.jqueryslidemenu ul li ul li a:hover, .jqueryslidemenu ul ul li a:hover{ margin:0 4px; padding:6px 10px; }
/* sub level link styles */
.jqueryslidemenu ul ul li a, .jqueryslidemenu ul ul li a:link, .jqueryslidemenu ul ul li a:visited{
color:#aaa;
text-shadow:0 1px 1px #fff;}
/* sub level hover styles */
.jqueryslidemenu ul li ul li a:hover, .jqueryslidemenu ul ul li a:hover{
background:url(styles/_shared/opacity_strip.png) repeat-x scroll 0 4% transparent;
color:#888;
padding-left:12px;}
.jqueryslidemenu ul ul{
padding-top:4px;
top:30px;
padding-bottom:4px;
background: #f5f5f5;
border-top:1px solid #fff;}
.jqueryslidemenu ul ul ul{margin-top:-5px;}
/* ________________________________________________________________________________________________________________
05. FOOTER
________________________________________________________________________________________________________________ */
/* ------- 1. Footer Call to Action ------- */
#footer_teaser_text{
font-size:18px;
line-height:24px;
font-weight:200;
letter-spacing:1px;
margin:0 auto;
overflow:hidden;
width:980px;
border-bottom:0px solid #E8E8E8;
background:url(styles/zonamaco/hr_footer.png) 0 bottom repeat-x;
color:#898C8E;
text-shadow:1px 1px 1px #fff;}
#footer_teaser_text .inner{margin:20px auto;padding:0;}
/* ------- 2. Footer Body ------- */
#footer_nav li,#footer_nav ul{ margin:0;display:inline; font-weight:normal; text-transform:uppercase; }
#footer_nav a{ padding:0 5px; }
#footer { position:relative; margin:0 auto 0px auto; font-size:11px; letter-spacing:.6px; padding-bottom:10px; }
.footer_background{ padding-top:1px; }
.footer_trim{height:5px;width:980px;margin:0 auto;background:url(styles/_shared/opacity_strip.png) repeat-x scroll 0 25% transparent;}
#footer .inner{ padding:10px 0px 10px 0px; overflow:hidden; height:150px; }
/* ------- 3. Sub Footer ------- */
#sub_footer{ line-height:120%;
color:#333;
font-size:9px;
margin:0px auto 30px auto;
min-height:30px;
width:980px; }
#sub_footer .inner{width:980px; position: relative;}
#sub_footer ul,#sub_footer li{ margin-left:0; list-style:none;}
#sub_footer .one_half{ margin-bottom:0; }
#sub_footer .last{ text-align:right;}
/* ------- 4 Footer form ------- */
/* ------- 4 Footer Big Elephant Logo ------- */
#footer_bigelephant {
position:absolute;
margin:11px 12px 0px auto;
top: -28px;
left: 820px;
}
/* ________________________________________________________________________________________________________________
06. HOME PAGE SLIDERS
________________________________________________________________________________________________________________ */
/* ------- 1. Fade Slider ------- */
#webtreats_fading_slider{margin:0 auto;height:420px;width:980px;overflow:hidden;position:relative;background-color:#fff;}
.fading_slides{cursor:pointer;position:relative;}
.fading_slides div.single_fading_slide{
width:100%;
display:none;
position:absolute;
top:0;
left:0;
height:420px;}
.slidetabs {
margin:0 auto;
position:relative;
text-align:center;
top:395px;
z-index:100;}
.slidetabs a {
width:20px;
height:20px;
margin:2px;
background: url(styles/_shared/nav_dots_sprite.png) 0px 0px no-repeat transparent;
display:inline-block;
font-size:1px;}
.slidetabs a:hover {opacity:.7;}
.slidetabs a.current {background-position:0 -34px;}
/* ------- 2. Tabbed Slider ------- */
#webtreats_tabbed_slider{
background-color:#fff;
overflow:hidden;
margin:0 auto;
height:512px;
width:980px;
margin: 0 auto;
position:relative;}
#tabbed_slides { width:9999em; position:absolute; height:420px; }
.single_tabbed_slide {
float:left;
position:relative;
width:980px;
height:420px;
background-repeat:no-repeat;
background-position:0 0px;}
#thumbs {position:absolute; top:404px; left:38px;}
.t a {
background: url(styles/_shared/resting_tab.png) 0px 0px no-repeat;
height:86px;
width:72px;
margin-left:10px;
display:block;
float:left;
cursor:pointer;
padding-top:31px;
text-align:center;}
.t a.active {
cursor:default !important;
border-color:#aaa;
background: url(styles/_shared/active_tab.png) 0px 0px no-repeat;}
/*framed intro blurb */
#webtreats_tabbed_slider{background:url(styles/_shared/tabbed_slider_nav.png) repeat-x scroll left bottom;}
.tabbed #intro_blurb,.tabbed #body_block_background{background:none;}
.tabbed #intro_blurb .inner{margin:35px auto 10px;}
/*minimal intro blurb style */
.minimal #webtreats_tabbed_slider{background:url(styles/_shared/divider_shadow_outset.png) no-repeat scroll center bottom transparent;height:508px;}
/* ------- 3. Slider Stageing Effects Shared ------- */
#loading_slider{
background:url(styles/_shared/slider_loader.gif) no-repeat scroll 50% 50% transparent;
height:420px;
position:relative;
width:980px;}
.slider_title{font-size:40px;}
.slider_content{position:absolute;overflow:hidden;height:350px;width:400px;top:0;left:0;color:#999;font-size:15px;line-height:24px;z-index:2;}
.positioning{z-index:1;float:right;}
/* ------- 4. Full Slide ------- */
.full_slide{background: url(styles/_shared/sliders/full_slide_background.jpg) 0px 0px no-repeat;}
.full_slide .slider_content{
height:315px;
left:40px;
position:absolute;
top:30px;
width:900px;
z-index:2;}
/* ------- 5. Floating Slide ------- */
.floating_slide{background: url(styles/_shared/sliders/floating_slide_background.jpg) 0px 0px no-repeat;}
.floating_slide .positioning{margin-top:35px;margin-right:40px;}
.floating_slide .slider_content{
height:315px;
left:70px;
position:absolute;
top:70px;
width:840px;
z-index:2;}
/* ------- 6. Staged Slide ------- */
.staged_slide{background: url(styles/_shared/sliders/staged_slide_background.jpg) 0px 0px no-repeat; }
.staged_slide .positioning{margin-top:35px;margin-right:40px;}
.staged_slide .slider_content{
height:315px;
left:70px;
position:absolute;
top:70px;
width:840px;
z-index:2;}
/* ------- 7. Partial Staged Slide ------- */
.partial_staged_slide{background: url(styles/_shared/sliders/half_staged_slide_background.jpg) 0px 0px no-repeat;}
.partial_staged_slide .positioning{
height:334px;
margin-right:40px;
margin-top:36px;
width:567px;}
.partial_staged_slide .slider_content{
color:#aaa;
height:350px;
left:40px;
top:60px;
width:300px;}
/* ------- 8. Partial Gradient Slide ------- */
.partial_gradient_slide{background: url(styles/_shared/sliders/gradient_slide_background.jpg) 0px 0px no-repeat;}
.partial_gradient_slide .positioning{
height:344px;
margin-right:43px;
margin-top:38px;
width:510px;}
.partial_gradient_slide .slider_content{
height:300px;
left:75px;
top:80px;
width:320px;}
/* ________________________________________________________________________________________________________________
07. PORTFOLIO STYLES
________________________________________________________________________________________________________________ */
/* ------- 1. Preloaders ------- */
.gallery_set .load_img {
display:inline-block; overflow:hidden; padding:0 0 4px 0; position:relative; width:100%; }
.gallery_set .one_fourth .load_img {
background:url(styles/_shared/slider_loader.gif) no-repeat scroll 86px 50px transparent; height:128px; }
.gallery_set .one_third .load_img {
background:url(styles/_shared/slider_loader.gif) no-repeat scroll 121px 78px transparent; height:174px; }
.gallery_set .one_half .load_img {
background:url(styles/_shared/slider_loader.gif) no-repeat scroll 208px 124px transparent; height:276px; }
.gallery_set .two_third .load_img {
background:url(styles/_shared/slider_loader.gif) no-repeat scroll 290px 176px transparent; height:372px; }
.portfolio_full_item{
margin-bottom:20px;width:900px;}
.portfolio_full_item .load_img{
background:url(styles/_shared/slider_loader.gif) no-repeat scroll 50% 50% transparent; height:534px; }
/* ------- 2. Hovers ------- */
.portfolio_item{ background: url(styles/_shared/zoom.png) 50% 50% no-repeat; }
.portfolio_item.one_half{ background-position:50% 95px; }
.portfolio_item.one_third{ background-position:50% 42px; }
.portfolio_item.one_fourth{ background-position:50% 18px; }
.portfolio_item_media{ background: url(styles/_shared/play.png) 50% 50% no-repeat; }
.portfolio_item_media.one_half{ background-position:50% 95px; }
.portfolio_item_media.one_third{ background-position:50% 42px; }
.portfolio_item_media.one_fourth{ background-position:50% 18px; }
/* ------- 3. Typography ------- */
.gallery_set .clearboth{height:40px;}
.gallery_set p{margin-left:5px;margin-bottom:5px;}
.gallery_set h3{margin-left:4px;margin-bottom:5px;line-height:20px;margin-top:10px;}
.gallery_set h2{margin-top:20px;margin-left:4px;margin-bottom:5px;font-size:24px;}
.gallery_set .one_fourth h3{font-size:14px;margin-top:5px;}
.gallery_set .one_third h3{ font-size:16px;}
.gallery_set .one_half h3{ font-size:20px;}
.gallery_set a.fancy_link { margin-left:5px; margin-right:0px; }
.gallery_set p.date{margin-top:0px;}
/* ________________________________________________________________________________________________________________
08. BLOG STYLES
________________________________________________________________________________________________________________ */
.read_more_link{position:relative;top:-10px;}
.blog_post_image {background:url(styles/_shared/zoom.png) no-repeat scroll 50% 50% transparent; }
.blog_post_image .load_img {background:url(styles/_shared/slider_loader.gif) no-repeat scroll 50% 50% transparent; display:inline-block; height:256px; overflow:hidden; padding:0 0 4px 0; position:relative; width:100%;}
.blog_module .blog_post_image {background-image:none;}
/* ------- 1. Blog Index & Main Post Body------- */
.blog_post_image{height:282px;}
h2.blog_header{ margin-bottom:0px; }
.blog_module h2.blog_header{ //font-size:22px; //line-height:20px; margin-bottom:10px; }
.comment_bubble{
background:url(styles/_shared/comment_bubble.png) no-repeat scroll -6px -1px transparent;
float:right;
font-size:10px;
height:30px;
margin-top:-4px;
text-align:center;
width:32px;}
.blog_module{
clear:both;
display:block;
margin-bottom:40px;
overflow:hidden; }
.blog_meta{
font-size:9px;
letter-spacing:.8px;
word-spacing:1.2px;
margin-bottom:19px;
color:#888;}
.blog_module .blog_meta{line-height:15px;}
/* ------- 2. About the Author ------- */
#about_the_author p.padding{ padding-left:95px; margin-bottom:0; }
#about_the_author{ display:block; margin-bottom:10px; margin-top:40px; }
#about_the_author img{ float:left; width:60px; }
/* ------- 3. Popular and Related Posts ------- */
#popular_related_posts{ margin-top:40px; }
#popular_related_posts .post_container a,#popular_related_posts .post_container a:hover{color:#bbb;}
.post_container{ width:600px; padding-left:0; margin-left:-5px; }
.post_container img{ margin-bottom:6px; }
.popular_post,.related_post,.recent_post{
list-style:none;
float:left;
margin-left:7px;
width:140px;
line-height:16px;
font-size:11px; }
/* ------- 4. Threaded Comments ------- */
#comments{ margin-top:40px; }
#comments .date{
line-height:10px;
padding:2px 8px;
text-transform:uppercase;
color:#bbb;
text-shadow:1px 1px 1px #fff;}
.comment-text {
left:0;
margin:10px 0;
min-height:80px;
overflow:hidden;
padding-left:20px;
position:relative;
color:#888;}
.comment-text p{ margin-bottom:5px; padding-top:5px;}
.commentlist cite { font-style:normal; padding-right:10px; font-size:13px;}
.commentlist cite , .commentlist cite a:link, .commentlist cite a:visited {color: #666;}
.commentmetadata{
float:right;
font-size:10px;}
.commentlist { margin:0; }
.commentlist li {
margin-left:0;
list-style:none;
padding-bottom:20px;
overflow:hidden;
clear:both;
background: url(styles/_shared/comment_divider.png) bottom center no-repeat;}
.commentlist li ul.children li{ background-position:top center; padding-top:20px; }
.commentlist li ul li { margin-left: 20px; }
.cancel-comment-reply a{ 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; }
.logged{ margin-bottom:5px; }
/* ________________________________________________________________________________________________________________
09. WIDGETS
________________________________________________________________________________________________________________ */
/* ------- 1. General ------- */
.right_sidebar #sidebar .widget{ padding:0 0 40px 0px; overflow:hidden; position:relative;}
.left_sidebar #sidebar .widget{ padding:0 0px 40px 0px; overflow:hidden; position:relative;}
#footer .widget{overflow:hidden;padding-bottom:30px;position:relative;}
.widget ul{margin-bottom:0;}
.textwidget{clear:both;}
#sidebar ul,.thumbnail_list,#footer ul{margin-left:0;list-style:none;}
/* ------- 2. Sub Navigation ------- */
.right_sidebar #sidebar .webtreats_subnav_widget{ padding-left:0;}
.right_sidebar #sidebar .webtreats_subnav_widget .widgettitle{ padding-left:30px; }
.right_sidebar #sidebar .webtreats_subnav_widget li a{ display:block; padding:5px 0 5px 30px; }
.right_sidebar #sidebar .webtreats_subnav_widget li{background: url(styles/_shared/li.png) no-repeat scroll 30px bottom transparent;}
.right_sidebar #sidebar .webtreats_subnav_widget li.current_page_item a{background: url(styles/_shared/subnav_active.png) no-repeat scroll 0px top transparent;}
.left_sidebar #sidebar .webtreats_subnav_widget{ padding-right:0;}
.left_sidebar #sidebar .webtreats_subnav_widget .widgettitle{ padding-right:30px; }
.left_sidebar #sidebar .webtreats_subnav_widget li a{ display:block; padding:5px 30px 5px 0; }
.left_sidebar #sidebar .webtreats_subnav_widget li{background: url(styles/_shared/li.png) no-repeat scroll 0 bottom transparent;}
.left_sidebar #sidebar .webtreats_subnav_widget li.current_page_item a{background: url(styles/_shared/subnavL_active.png) no-repeat scroll right top transparent;}
/* ------- 3. Contact Form ------- */
#commentsTextWidget{height:100px;}
#contactNameWidget,#emailWidget{width:60%;}
.screenReader{display:none;}
.inputError{border:2px solid red !important;}
#commentsText{height:200px;}
/* ------- 4. Contact Us Widget ------- */
.contact_widget_name,
.contact_widget_address,
.contact_widget_city,
.contact_widget_phone,
.contact_widget_email{padding-left:26px;}
.contact_widget_name {background:url(styles/_shared/mini_icons.png) no-repeat scroll -179px -205px transparent;}
.contact_widget_phone {background:url(styles/_shared/mini_icons.png) no-repeat scroll -138px -244px transparent;}
.contact_widget_email {background:url(styles/_shared/mini_icons.png) no-repeat scroll -98px -282px transparent;text-decoration:underline;}
/* ------- 5. Twitter Widget ------- */
.webtreats_twitter_widget ul{list-style:none;margin-left:0;}
.webtreats_twitter_widget li { background:url(styles/_shared/mini_icons.png) no-repeat scroll -299px -77px transparent; padding-left:26px;}
.webtreats_twitter_widget a{padding-left:26px;}
#footer_teaser_text .webtreats_twitter_widget li { background:url(styles/_shared/teaser_text_twitter.png) no-repeat scroll 0 9px transparent !important; padding-left:46px;}
.webtreats_twitter_widget.short ul{list-style:none;margin-left:0; line-height:100%; }
.webtreats_twitter_widget.short li { line-height:110%; font:11px Arial; padding-left:0px; background:none;}
.webtreats_twitter_widget.short a{padding-left:0px; line-height:110%;}
.webtreats_twitter_widget.short a:hover{padding-left:0px; line-height:110%;}
.webtreats_twitter_followerscount{ margin:0px 0px 14px 0px; padding:0px; }
.webtreats_twitter_followerscount a.button{ display:block; margin:0px; padding:0px 0px 0px 22px; font:11px Arial; color:#3F98FF; line-height:22px; height:22px; background:url(styles/zonamaco/header_sociables_twitter.png) no-repeat scroll 0px 0px transparent; }
.webtreats_twitter_followerscount a.button:hover{ margin:0px; padding:0px 0px 0px 22px; font:11px Arial; color:#999; line-height:22px; height:22px; }
.webtreats_twitter_followerscount a.button span{ color:#999; font-weight:bold; }
.webtreats_twitter_short{margin:0px; padding:0px; list-style:none; }:
.webtreats_twitter_short li{ margin:0px; padding:0px; list-style:none; }
.webtreats_twitter_short a.quotes_twitter{ display:block; margin:0px 6px 0px 6px; padding:0px; font:11px Arial; line-height:110%; color:#666;}
.webtreats_twitter_short a.quotes_twitter:hover{ margin:0px 6px 0px 6px; padding:0px; font:11px Arial; line-height:110%; color:#999;}
.webtreats_twitter_short .quotes_twitter .quotes_left{ position:relative; top:-2px ; margin:0px; padding:0px 8px 0px 16px; background:url('styles/zonamaco/quotes-twitter_left.png') no-repeat left -2px scroll transparent;}
.webtreats_twitter_short .quotes_twitter .quotes_right{ margin:0px; padding:4px 16px 0px 4px; background:url('styles/zonamaco/quotes-twitter_right.png') no-repeat right bottom scroll transparent; }
/* ------- 6. Face Widget ------- */
.webtreats_face_followerscount{ margin:0px 0px 14px 0px; padding:0px; }
.webtreats_face_followerscount a.button{ display:block; margin:0px; padding:0px 0px 0px 22px; font:11px Arial; color:#3F98FF; line-height:22px; height:22px; background:url(styles/zonamaco/header_sociables_facebook.png) no-repeat scroll 0px 0px transparent; }
.webtreats_face_followerscount a.button:hover{ margin:0px; padding:0px 0px 0px 22px; font:11px Arial; color:#999; line-height:22px; height:22px; }
.webtreats_face_followerscount a.button span{ color:#999; font-weight:bold; }
/* ------- 6. Flickr Widget ------- */
.right_sidebar #sidebar .flickr_wrap {width:260px;position: relative;}
.left_sidebar #sidebar .flickr_wrap {width:168px;position: relative;}
.webtreats_flickr_widget img {padding:4px;margin:4px;}
#sidebar .webtreats_flickr_widget img {width:70px;height:70px;margin:2px;}
.flickr_badge_image {padding: 0;float:left;line-height:100%;}
/* ------- 7. Custom Post Lists ------- */
.widget .thumbnail_list li a{padding:0;}
.thumbnail_list li{padding-bottom:5px;position:relative;}
ul.thumbnail_list .alignleft{margin:0 16px 2px 1px;}
.thumbnail_list .small_frame img{width:50px;height:50px;}
/* ------- 8. Calendar ------- */
.widget_calendar tfoot td{background-image:none;}
td#today{font-weight:bold;}
.widget_calendar td a{text-decoration:underline;}
/* ------- 9. Recent Comments ------- */
.widget_recent_comments ul li.recentcomments span{padding-left:26px !important;background:url(styles/_shared/mini_icons.png) no-repeat scroll -139px -242px transparent;}
.widget_recent_comments ul li.recentcomments {padding:4px 0 8px;}
.widget_recent_comments ul li.recentcomments,a.url{color:#666;}
/* ------- 10. RSS Widget ------- */
.rss-date{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;}
/* ------- 11. Categories, Archives, Etc. ------- */
.webtreats_twitter_widget ul li a,
.widget_categories ul li a,
.widget_links ul li a,
.widget_archive ul li a,
.widget_meta ul li a,
.widget_pages ul li a,
.widget_recent_entries ul li a{display:block;margin-left:0;padding:5px 0 5px 0;}
/* for two column lists in right sidebar only */
.right_sidebar .widget_archive, .right_sidebar .widget_categories, .right_sidebar .widget_links{width:274px;}
.right_sidebar .widget_archive li, .right_sidebar .widget_categories li, .right_sidebar .widget_links li{display:block;float:left;margin-right:20px;width:117px;}
#sidebar .webtreats_twitter_widget ul li a,
#sidebar .widget_categories ul li a,
#sidebar .widget_links ul li a,
#sidebar .widget_archive ul li a,
#sidebar .widget_meta ul li a,
#sidebar .widget_pages ul li a,
#sidebar .widget_recent_entries ul li a{background: url(styles/_shared/li.png) no-repeat scroll left bottom transparent;}
/* ------- 12. Webtreats Mini Gallery ------- */
.webtreats_mini_gallery_widget{list-style:none;margin-left:-14px;margin-bottom:0;}
.webtreats_mini_gallery_widget .alignleft{margin:2px 2px 2px 16px !important}
.webtreats_mini_gallery_item{ background: url(styles/_shared/zoom.png) 50% 50% no-repeat; }
/* ------- 13. Search ------- */
input[type="text"].search-field{padding:10px;width:124px;}
.search-box button.fancy_button{ margin-right:0;}
.search-box p{display:inline;padding-left:0;}
/* ------- 14. navbar ------ */
.widget_navbar{}
.widget_navbar ul{ margin:0px 0px 30px 0px; padding:0px; list-style-type:none; }
.widget_navbar ul span.title{ display:block; margin:0px 0px 8px 0px; padding:0px 0px 8px 0px; font:14px Arial; color:#DF0539;
background:url(styles/zonamaco/hr.png) repeat-x scroll 0 bottom transparent;}
.widget_navbar ul li{ margin:0px; padding:0px; list-style-type:none; }
.widget_navbar ul li a{ margin:0px; padding:0px; font:Arial 14px; color:#333; line-height:200%; }
.widget_navbar ul li a:hover{ margin:0px; padding:0px; font:Arial 14px; color:#999; line-height:200%; }
.widget_navbar ul li a span{margin:0px; padding:0px; }
.widget_navbar ul li a span.highlight{ padding:2px 4px; background-color:#EBEBEB; }
.widget_navbar ul.socialmedia ul { margin-bottom:15px; }
#twitter span.title{ display:block; margin:0px 0px 8px 0px; padding:0px 0px 8px 0px; font:14px Arial; color:#DF0539;
background:url(styles/zonamaco/hr.png) repeat-x scroll 0 bottom transparent; z-index: 90000;}
/* ------- 14. sidebar_mty ------ */
.widget_sidebar_mty{}
.widget_sidebar_mty h3{ font:20px Arial; color:#EB0086; line-height:120%; margin-bottom:12px; }
.widget_sidebar_mty p{ margin-bottom:12px; font:12px Arial; color:#575859; line-height:130%; font-weight:normal;}
.widget_sidebar_mty b{ color:#000;}
.widget_sidebar_mty .image{ margin-bottom:12px;}
.widget_sidebar_mty a{ color:#EB0085; text-decoration:underline; }
.widget_sidebar_mty a:hover{ color:#EB0085; text-decoration:none; }
/* ________________________________________________________________________________________________________________
10. EXTENDED TYPOGRAPHY
________________________________________________________________________________________________________________ */
/* ------- 1. Dropcaps ------- */
.dropcap1{
color:#fff;
float:left;
font-size:28px;
height:44px;
line-height:42px;
margin-bottom:-5px;
margin-right:10px;
text-align:center;
width:40px;
background:url(styles/_shared/sprite.png) -5px -151px no-repeat;}
.dropcap2,.dropcap4{display:block;float:left;font-size:40px;line-height:40px;margin:0 8px -5px 0;}
.dropcap3 {
background:url(styles/_shared/sprite.png) no-repeat scroll -7px -88px transparent;
color:#fff;
float:left;
font-size:15px;
height:40px;
line-height:32px;
margin-right:5px;
text-align:center;
width:37px;}
/* ------- 2. Pullquotes ------- */
.pullquote_right,.pullquote_left{
padding:20px;
float:right;
font-size:14px;
letter-spacing:0px;
line-height:25px;
margin-bottom:20px;
margin-left:20px;
margin-right:2px;
margin-top:20px;
width:33%;}
.pullquote_left{ float:left;margin-left:2px;margin-right:20px;}
.quotes_both{ display:block; padding:20px 35px 0px 25px; font:12px Arial; color:#575859;
background:url('styles/zonamaco/quotes_left.png') no-repeat 4px 13px scroll transparent; }
.quotes_both span{ display:block; margin:0px; padding:0px; font:14px Arial; color:#000; line-height:23px; width:100%; }
.quotes_both b{ display:block; margin:0px; padding:0px; font:12px Arial; color:#000; line-height:16px; width:100%;}
.quotes_both .quotes_right{ display:block; position:relative; left:10px; top:-27px; padding:0px 0px 0px 0px; height:15px;
background:url('styles/zonamaco/quotes_right.png') no-repeat right bottom scroll transparent; }
/* ------- 3. Highlight Styles ------- */
.highlight1{padding:2px 6px;background-color:#FFFFC7;color:#333;}
.highlight2{padding:2px 6px;background-color:#333;color:#eee;}
.highlight_gray{padding:2px 6px;background-color:#999; }
.highlight_beige{padding:2px;background-color:#F6EBB9;}
.highlight_beige a{padding:2px;color:#000000;}
/* ------- 4. Fancy Lists ------- */
.star_list,.check_list,.arrow_list{margin-left:10px;list-style:none;color:#333;font-size:13px;}
.star_list li,.check_list li,.arrow_list li,.colored_bullet_list li{padding-left:24px;margin:5px 0;list-style:none;}
.arrow_list li{background:transparent url(styles/_shared/mini_icons.png) no-repeat scroll -262px -124px;}
.check_list li{background:transparent url(styles/_shared/mini_icons.png) no-repeat scroll -222px -161px;}
.star_list li{background:transparent url(styles/_shared/mini_icons.png) no-repeat scroll -341px -41px;}
.bullet_list li{font-size:13px;margin:5px 0;}
.skull_list{ margin-left:80px; list-style:none; color:#5A5D5F;}
.skull_list li{ padding-left:40px; margin:5px 0; list-style:none; line-height:22px; height:48px; font-size:12px; font-family:Arial; }
.skull_list li{ background:transparent url(styles/_shared/list_skull.png) no-repeat scroll 0px 0px; }
.skull_list li span{ display:block; position:relative; top:-8px; color:#909192; }
.skull_list li span.doble{ top:-4px; line-height:130%;}
.skull_list_big { margin-left:80px; list-style:none; color:#5A5D5F; }
.skull_list_big li{ padding-left:40px; margin:5px 0; list-style:none; line-height:10px; height:48px; font-size:12px; font-family:Arial; }
.skull_list_big li{ background:transparent url(styles/_shared/list_skull.png) no-repeat scroll 0px 0px; }
.skull_list_big li span{ display:block; position:relative; top:2px; color:#000000; font-size: 18px; }
.download_list{ margin-left:0px; list-style:none; line-height:100%; color:#DF0539; text-align:left; }
.download_list span{ display:block; margin-bottom:16px; font:20px Arial; color:#DF0539; line-height:29px; }
.download_list li{ padding:16px 0px 15px 16px; margin:0px; list-style:none; color:#333333;}
.download_list li{ background:transparent url(styles/zonamaco/hr.png) no-repeat scroll 0px bottom; }
.download_list li a{ display:block; padding-left:34px; padding-top:4px; line-height:24px; height:19px; font:12px Arial; background:transparent url(styles/_shared/list_download.png) no-repeat scroll 0px 0px; }
.download_list li a:hover{ color:#DF0539; background-position:0px -24px;}
.download_list li a span{ display:inner; margin:0px; font:12px Arial; color:#333333; }
.download_list li a span:hover{ color:#DF0539;}
.download_list2{ margin-left:0px; list-style:none; line-height:100%; color:#DF0539; text-align:left; }
.download_list2 span{ display:block; margin-bottom:0px; font:20px Arial; color:#DF0539; line-height:29px; }
.download_list2 li{ padding:16px 0px 15px 16px; margin:0px; list-style:none; color:#333333;}
.download_list2 li{ background:transparent url(styles/zonamaco/hr.png) no-repeat scroll 0px bottom; }
.download_list2 li a{ display:block; padding-left:34px; padding-top:4px; line-height:24px; height:19px; font:12px Arial; background:transparent url(styles/_shared/list_download.png) no-repeat scroll 0px 0px; }
.download_list2 li a:hover{ color:#DF0539; background-position:0px -24px;}
.download_list2 li a span{ display:inner; margin:0px; font:12px Arial; color:#333333; }
.download_list2 li a span:hover{ color:#DF0539;}
.link_list{ margin-left:0px; list-style:none; line-height:100%; color:#DF0539; text-align:left; }
.link_list span{ display:block; margin-bottom:16px; font:20px Arial; color:#DF0539; line-height:29px; }
.link_list li{ padding:4px 0px 6px 8px; margin:0px; list-style:none; color:#333333;}
.link_list li{ background:transparent url(styles/zonamaco/hr.png) no-repeat scroll 0px bottom; }
.link_list li a{ display:block; padding:0px; line-height:120%; height:auto; font:12px Arial; }
.link_list li a:hover{ color:#DF0539;}
.link_list li a span{ display:inner; margin:0px; font:12px Arial; color:#333333; }
.link_list li a span:hover{ color:#DF0539;}
.link_list li.last{ background:none; }
.link_list_simple{ padding-left: 20px;border:0px solid red; margin-left:0px; list-style-type:disc; line-height:100%; color:#999999; text-align:left; }
.link_list_simple span{ display:block; margin-bottom:16px; font:20px Arial; color:#999999; line-height:29px; }
.link_list_simple li{ padding:4px 0px 6px 8px; margin:0px; list-style-type:disc; color:#333333;}
.link_list_simple li a{ display:block; padding:0px; line-height:120%; height:auto; font:12px Arial; }
.link_list_simple li a:hover{ color:#999999;}
.link_list_simple li a span{ display:inner; margin:0px; font:12px Arial; color:#333333; }
.link_list_simple li a span:hover{ color:#999999;}
.link_list_simple li.last{ background:none; }
.public_list{ margin:0px; padding:0px; list-style:none; }
.public_list span{ display:block; margin:0px 0px 26px 0px; padding:0px 0px 0x 0px; margin:0px; width:100%; height:28px; font:20px Arial; line-height:110%; color:#EB0086; background:transparent url(styles/zonamaco/hr.png) no-repeat scroll 0px bottom; }
.public_list li{ float:left; padding:0px; margin:0px; list-style:none; color:#333333;}
.public_list li a{ display:block; padding:0px; line-height:120%; height:auto; font:12px Arial; }
.public_list li a:hover{ color:#DF0539;}
.public_list li img{ margin:0px; padding:0px; border:0px; }
.public_list li.last{ background:none; }
.prev-editions { margin:0px; padding:0px; list-style:none; width:100%; }
.prev-editions li{ float:left; width:110px; margin-right:30px;}
.prev-editions li.last{ margin-right:0px; }
.prev-editions li span{ display:block; width:100%; text-align:right;}
.prev-editions li .image { margin:0px; padding:0px; line-height:100%; }
.prev-editions li .image a{ margin:0px; padding:0px; line-height:100%; border:0px;}
.prev-editions li .image a{ margin:0px; padding:0px; line-height:100%; border:0px;}
.prev-editions li .image img{ margin:0px; padding:0px; border:0px; line-height:100%; }
.prev-editions li .btn a{ display:block; padding:0px; margin:0px; font:12px Arial; text-align:right; color:#333;}
.prev-editions li .btn a:hover{ color:#999;}
.prev-editions li .btn a span{ display:inline; padding:3px 6px 3px 6px; background-color:#F6EBB9; line-height:24px; height:16px; text-align:right;}
/* ------- 5. Fancy Links ------- */
a.download_link{padding-left:24px; margin-right:10px; text-decoration:underline;background:url(styles/_shared/mini_icons.png) no-repeat scroll -378px -4px transparent;}
a.download_link_bg{ margin:0px auto 0px auto; padding:8px 8px 8px 30px; margin-right:10px; text-decoration:none; line-height:24px; color:#333333; height:19px;
background:url(styles/zonamaco/list_download_bg.png) no-repeat scroll 4px 4px #F6EBB9;}
a.download_link_bg:hover{ background-position:4px -44px; text-decoration:none; color:#999; }
a.download_link_bg span{ display:inner; margin:0px; font:12px Arial; line-height:29px; }
a.email_link{padding-left:24px; margin-right:10px; text-decoration:underline;background:url(styles/_shared/mini_icons.png) no-repeat scroll -99px -282px transparent;}
a.fancy_link{padding-right:15px; margin-right:10px;background:transparent url(styles/_shared/fancy_link.png) no-repeat scroll right top;}
a.fancy_link:hover{text-decoration:underline;}
a.download_link:hover,a.email_link:hover{color:#aaa !important;}
/* ------- 6. Alternate Color Buttons & Box Headers ------- */
.coffee_gradient, .coffee_gradient span{background-image: url(styles/coffee/button_sprite.png) !important;}
.teal_gradient, .teal_gradient span{background-image: url(styles/teal/button_sprite.png) !important;}
.copper_gradient, .copper_gradient span{background-image: url(styles/copper/button_sprite.png) !important;}
.deep_sea_green_gradient, .deep_sea_green_gradient span{background-image: url(styles/deep_sea_green/button_sprite.png) !important;}
.earthy_green_gradient, .earthy_green_gradient span{background-image: url(styles/earthy_green/button_sprite.png) !important;}
.hot_pink_gradient, .hot_pink_gradient span{background-image: url(styles/hot_pink/button_sprite.png) !important;}
.navy_gradient, .navy_gradient span{background-image: url(styles/navy/button_sprite.png) !important;}
.primary_blue_gradient, .primary_blue_gradient span{background-image: url(styles/primary_blue/button_sprite.png) !important;}
.primary_green_gradient, .primary_green_gradient span{background-image: url(styles/primary_green/button_sprite.png) !important;}
.primary_orange_gradient, .primary_orange_gradient span{background-image: url(styles/primary_orange/button_sprite.png) !important;}
.primary_purple_gradient, .primary_purple_gradient span{background-image: url(styles/primary_purple/button_sprite.png) !important;}
.primary_red_gradient, .primary_red_gradient span{background-image: url(styles/primary_red/button_sprite.png) !important;}
.rich_black_gradient, .rich_black_gradient span{background-image: url(styles/rich_black/button_sprite.png) !important;}
.sienna_gradient, .sienna_gradient span{background-image: url(styles/sienna/button_sprite.png) !important;}
.silver_gradient, .silver_gradient span{background-image: url(styles/silver/button_sprite.png) !important;}
.slate_grey_gradient, .slate_grey_gradient span{background-image: url(styles/slate_grey/button_sprite.png) !important;}
.soft_purple_gradient, .soft_purple_gradient span{background-image: url(styles/soft_purple/button_sprite.png) !important;}
.soft_teal_gradient, .soft_teal_gradient span{background-image: url(styles/soft_teal/button_sprite.png) !important;}
.glossy_black_gradient, .glossy_black_gradient span{background-image: url(styles/glossy_black/button_sprite.png) !important;}
.glossy_blue_gradient, .glossy_blue_gradient span{background-image: url(styles/glossy_blue/button_sprite.png) !important;}
.glossy_green_gradient, .glossy_green_gradient span{background-image: url(styles/glossy_green/button_sprite.png) !important;}
.glossy_purple_gradient, .glossy_purple_gradient span{background-image: url(styles/glossy_purple/button_sprite.png) !important;}
.glossy_red_gradient, .glossy_red_gradient span{background-image: url(styles/glossy_red/button_sprite.png) !important;}
.glossy_teal_gradient, .glossy_teal_gradient span{background-image: url(styles/glossy_teal/button_sprite.png) !important;}
.black_glass_gradient, .black_glass_gradient span{background-image: url(styles/black_glass_space/button_sprite.png) !important;}
.frosted_glass_gradient, .frosted_glass_gradient span{background-image: url(styles/frosted_glass_wood/button_sprite.png) !important;}
.classic_white_gradient, .classic_white_gradient span{background-image: url(styles/classic_white/button_sprite.png) !important;}
.classic_silver_gradient, .classic_silver_gradient span{background-image: url(styles/classic_silver/button_sprite.png) !important;}
/* ------- 7. Alternate Color Dropcaps ------- */
.coffee_sprite{background-image: url(styles/coffee/sprite.png) !important;}
.teal_sprite{background-image: url(styles/teal/sprite.png) !important;}
.copper_sprite{background-image: url(styles/copper/sprite.png) !important;}
.deep_sea_green_sprite{background-image: url(styles/deep_sea_green/sprite.png) !important;}
.earthy_green_sprite{background-image: url(styles/earthy_green/sprite.png) !important;}
.hot_pink_sprite{background-image: url(styles/hot_pink/sprite.png) !important;}
.navy_sprite{background-image: url(styles/navy/sprite.png) !important;}
.primary_blue_sprite{background-image: url(styles/primary_blue/sprite.png) !important;}
.primary_green_sprite{background-image: url(styles/primary_green/sprite.png) !important;}
.primary_orange_sprite{background-image: url(styles/primary_orange/sprite.png) !important;}
.primary_purple_sprite{background-image: url(styles/primary_purple/sprite.png) !important;}
.primary_red_sprite{background-image: url(styles/primary_red/sprite.png) !important;}
.rich_black_sprite{background-image: url(styles/rich_black/sprite.png) !important;}
.sienna_sprite{background-image: url(styles/sienna/sprite.png) !important;}
.silver_sprite{background-image: url(styles/silver/sprite.png) !important;}
.slate_grey_sprite{background-image: url(styles/slate_grey/sprite.png) !important;}
.soft_purple_sprite{background-image: url(styles/soft_purple/sprite.png) !important;}
.soft_teal_sprite{background-image: url(styles/soft_teal/sprite.png) !important;}
.glossy_black_sprite{background-image: url(styles/glossy_black/sprite.png) !important;}
.glossy_blue_sprite{background-image: url(styles/glossy_blue/sprite.png) !important;}
.glossy_green_sprite{background-image: url(styles/glossy_green/sprite.png) !important;}
.glossy_purple_sprite{background-image: url(styles/glossy_purple/sprite.png) !important;}
.glossy_red_sprite{background-image: url(styles/glossy_red/sprite.png) !important;}
.glossy_teal_sprite{background-image: url(styles/glossy_teal/sprite.png) !important;}
.classic_white_lights_sprite{background-image: url(styles/classic_white_lights/sprite.png) !important;}
/* ------- 8. Alternate Color Mini Icons ------- */
.coffee_icons{background-image: url(styles/coffee/mini_icons.png) !important;color:#A49584 !important;}
.teal_icons{background-image: url(styles/teal/mini_icons.png) !important;color:#246677 !important;}
.copper_icons{background-image: url(styles/copper/mini_icons.png) !important;color:#D65D5D !important;}
.deep_sea_green_icons{background-image: url(styles/deep_sea_green/mini_icons.png) !important;color:#27757f !important;}
.earthy_green_icons{background-image: url(styles/earthy_green/mini_icons.png) !important;color:#969F31 !important;}
.hot_pink_icons{background-image: url(styles/hot_pink/mini_icons.png) !important;color:#C1098B !important;}
.navy_icons{background-image: url(styles/navy/mini_icons.png) !important;color:#5A7196 !important;}
.primary_blue_icons{background-image: url(styles/primary_blue/mini_icons.png) !important;color:#2379BF !important;}
.primary_green_icons{background-image: url(styles/primary_green/mini_icons.png) !important;color:#20770D !important;}
.primary_orange_icons{background-image: url(styles/primary_orange/mini_icons.png) !important;color:#DA6233 !important;}
.primary_purple_icons{background-image: url(styles/primary_purple/mini_icons.png) !important;color:#8250C0 !important;}
.primary_red_icons{background-image: url(styles/primary_red/mini_icons.png) !important;color:#A50000 !important;}
.rich_black_icons{background-image: url(styles/rich_black/mini_icons.png) !important;color:#000000 !important;}
.sienna_icons{background-image: url(styles/sienna/mini_icons.png) !important;color:#835E46 !important;}
.silver_icons{background-image: url(styles/silver/mini_icons.png) !important;color:#C1C1C0 !important;}
.slate_grey_icons{background-image: url(styles/slate_grey/mini_icons.png) !important;color:#8E959A !important;}
.soft_purple_icons{background-image: url(styles/soft_purple/mini_icons.png) !important;color:#8E779F !important;}
.soft_teal_icons{background-image: url(styles/soft_teal/mini_icons.png) !important;color:#267470 !important;}
.glossy_black_icons{background-image: url(styles/glossy_black/mini_icons.png) !important;color:#000000 !important;}
.glossy_blue_icons{background-image: url(styles/glossy_blue/mini_icons.png) !important;color:#69707F !important;}
.glossy_green_icons{background-image: url(styles/glossy_green/mini_icons.png) !important;color:#5F774E !important;}
.glossy_purple_icons{background-image: url(styles/glossy_purple/mini_icons.png) !important;color:#312739 !important;}
.glossy_red_icons{background-image: url(styles/glossy_red/mini_icons.png) !important;color:#750A09 !important;}
.glossy_teal_icons{background-image: url(styles/glossy_teal/mini_icons.png) !important;color:#386876 !important;}
.classic_white_lights_icons{background-image: url(styles/classic_white_lights/mini_icons.png) !important;color:#93AAB2 !important;}
/* ------- 9. Alternate Toggle Icons ------- */
.coffee_toggle{background-image: url(styles/coffee/toggle_sprite.png) !important;color:#A49584 !important;}
.teal_toggle{background-image: url(styles/teal/toggle_sprite.png) !important;color:#246677 !important;}
.copper_toggle{background-image: url(styles/copper/toggle_sprite.png) !important;color:#D65D5D !important;}
.deep_sea_green_toggle{background-image: url(styles/deep_sea_green/toggle_sprite.png) !important;color:#27757f !important;}
.earthy_green_toggle{background-image: url(styles/earthy_green/toggle_sprite.png) !important;color:#969F31 !important;}
.hot_pink_toggle{background-image: url(styles/hot_pink/toggle_sprite.png) !important;color:#C1098B !important;}
.navy_toggle{background-image: url(styles/navy/toggle_sprite.png) !important;color:#5A7196 !important;}
.primary_blue_toggle{background-image: url(styles/primary_blue/toggle_sprite.png) !important;color:#2379BF !important;}
.primary_green_toggle{background-image: url(styles/primary_green/toggle_sprite.png) !important;color:#20770D !important;}
.primary_orange_toggle{background-image: url(styles/primary_orange/toggle_sprite.png) !important;color:#DA6233 !important;}
.primary_purple_toggle{background-image: url(styles/primary_purple/toggle_sprite.png) !important;color:#8250C0 !important;}
.primary_red_toggle{background-image: url(styles/primary_red/toggle_sprite.png) !important;color:#A50000 !important;}
.rich_black_toggle{background-image: url(styles/rich_black/toggle_sprite.png) !important;color:#000000 !important;}
.sienna_toggle{background-image: url(styles/sienna/toggle_sprite.png) !important;color:#835E46 !important;}
.silver_toggle{background-image: url(styles/silver/toggle_sprite.png) !important;color:#C1C1C0 !important;}
.slate_grey_toggle{background-image: url(styles/slate_grey/toggle_sprite.png) !important;color:#8E959A !important;}
.soft_purple_toggle{background-image: url(styles/soft_purple/toggle_sprite.png) !important;color:#8E779F !important;}
.soft_teal_toggle{background-image: url(styles/soft_teal/toggle_sprite.png) !important;color:#267470 !important;}
.glossy_black_toggle{background-image: url(styles/glossy_black/toggle_sprite.png) !important;color:#000000 !important;}
.glossy_blue_toggle{background-image: url(styles/glossy_blue/toggle_sprite.png) !important;color:#69707F !important;}
.glossy_green_toggle{background-image: url(styles/glossy_green/toggle_sprite.png) !important;color:#5F774E !important;}
.glossy_purple_toggle{background-image: url(styles/glossy_purple/toggle_sprite.png) !important;color:#312739 !important;}
.glossy_red_toggle{background-image: url(styles/glossy_red/toggle_sprite.png) !important;color:#750A09 !important;}
.glossy_teal_toggle{background-image: url(styles/glossy_teal/toggle_sprite.png) !important;color:#386876 !important;}
.classic_white_lights_toggle{background-image: url(styles/classic_white_lights/toggle_sprite.png) !important;color:#93AAB2 !important;}
/* ------- 10. Alternate Fancy Links ------- */
.coffee_fancy{background-image: url(styles/coffee/fancy_link.png) !important;color:#A49584 !important;}
.teal_fancy{background-image: url(styles/teal/fancy_link.png) !important;color:#246677 !important;}
.copper_fancy{background-image: url(styles/copper/fancy_link.png) !important;color:#D65D5D !important;}
.deep_sea_green_fancy{background-image: url(styles/deep_sea_green/fancy_link.png) !important;color:#27757f !important;}
.earthy_green_fancy{background-image: url(styles/earthy_green/fancy_link.png) !important;color:#969F31 !important;}
.hot_pink_fancy{background-image: url(styles/hot_pink/fancy_link.png) !important;color:#C1098B !important;}
.navy_fancy{background-image: url(styles/navy/fancy_link.png) !important;color:#5A7196 !important;}
.primary_blue_fancy{background-image: url(styles/primary_blue/fancy_link.png) !important;color:#2379BF !important;}
.primary_green_fancy{background-image: url(styles/primary_green/fancy_link.png) !important;color:#20770D !important;}
.primary_orange_fancy{background-image: url(styles/primary_orange/fancy_link.png) !important;color:#DA6233 !important;}
.primary_purple_fancy{background-image: url(styles/primary_purple/fancy_link.png) !important;color:#8250C0 !important;}
.primary_red_fancy{background-image: url(styles/primary_red/fancy_link.png) !important;color:#A50000 !important;}
.rich_black_fancy{background-image: url(styles/rich_black/fancy_link.png) !important;color:#000000 !important;}
.sienna_fancy{background-image: url(styles/sienna/fancy_link.png) !important;color:#835E46 !important;}
.silver_fancy{background-image: url(styles/silver/fancy_link.png) !important;color:#C1C1C0 !important;}
.slate_grey_fancy{background-image: url(styles/slate_grey/fancy_link.png) !important;color:#8E959A !important;}
.soft_purple_fancy{background-image: url(styles/soft_purple/fancy_link.png) !important;color:#8E779F !important;}
.soft_teal_fancy{background-image: url(styles/soft_teal/fancy_link.png) !important;color:#267470 !important;}
.glossy_black_fancy{background-image: url(styles/glossy_black/fancy_link.png) !important;color:#000000 !important;}
.glossy_blue_fancy{background-image: url(styles/glossy_blue/fancy_link.png) !important;color:#69707F !important;}
.glossy_green_fancy{background-image: url(styles/glossy_green/fancy_link.png) !important;color:#5F774E !important;}
.glossy_purple_fancy{background-image: url(styles/glossy_purple/fancy_link.png) !important;color:#312739 !important;}
.glossy_red_fancy{background-image: url(styles/glossy_red/fancy_link.png) !important;color:#750A09 !important;}
.glossy_teal_fancy{background-image: url(styles/glossy_teal/fancy_link.png) !important;color:#386876 !important;}
.classic_white_lights_fancy{background-image: url(styles/classic_white_lights/fancy_link.png) !important;color:#93AAB2 !important;}
/* ------- 11. Alternate Fancy Headers ------- */
.coffee_background{background-color:#A49584 !important;}
.teal_background{background-color:#246677 !important;}
.copper_background{background-color:#D65D5D !important;}
.deep_sea_green_background{background-color:#27757f !important;}
.earthy_green_background{background-color:#969F31 !important;}
.hot_pink_background{background-color:#C1098B !important;}
.navy_background{background-color:#5A7196 !important;}
.primary_blue_background{background-color:#2379BF !important;}
.primary_green_background{background-color:#20770D !important;}
.primary_orange_background{background-color:#DA6233 !important;}
.primary_purple_background{background-color:#8250C0 !important;}
.primary_red_background{background-color:#A50000 !important;}
.rich_black_background{background-color:#000000 !important;}
.sienna_background{background-color:#835E46 !important;}
.silver_background{background-color:#C1C1C0 !important;}
.slate_grey_background{background-color:#8E959A !important;}
.soft_purple_background{background-color:#8E779F !important;}
.soft_teal_background{background-color:#267470 !important;}
.glossy_black_background{background-color:#000000 !important;}
.glossy_blue_background{background-color:#69707F !important;}
.glossy_green_background{background-color:#5F774E !important;}
.glossy_purple_background{background-color:#312739 !important;}
.glossy_red_background{background-color:#750A09 !important;}
.glossy_teal_background{background-color:#386876 !important;}
.classic_white_lights_background{background-color:#93AAB2 !important;}
/* ------- 12. Alternate Color Text ------- */
.coffee_color{color:#A49584 !important;}
.teal_color{color:#246677 !important;}
.copper_color{color:#D65D5D !important;}
.deep_sea_green_color{color:#27757f !important;}
.earthy_green_color{color:#969F31 !important;}
.hot_pink_color{color:#C1098B !important;}
.navy_color{color:#5A7196 !important;}
.primary_blue_color{color:#2379BF !important;}
.primary_green_color{color:#20770D !important;}
.primary_orange_color{color:#DA6233 !important;}
.primary_purple_color{color:#8250C0 !important;}
.primary_red_color{color:#A50000 !important;}
.rich_black_color{color:#000000 !important;}
.sienna_color{color:#835E46 !important;}
.silver_color{color:#C1C1C0 !important;}
.slate_grey_color{color:#8E959A !important;}
.soft_purple_color{color:#8E779F !important;}
.soft_teal_color{color:#267470 !important;}
.glossy_black_color{color:#000000 !important;}
.glossy_blue_color{color:#69707F !important;}
.glossy_green_color{color:#5F774E !important;}
.glossy_purple_color{color:#312739 !important;}
.glossy_red_color{color:#750A09 !important;}
.glossy_teal_color{color:#386876 !important;}
.classic_white_lights_color{color:#93AAB2 !important;}
/* ________________________________________________________________________________________________________________
11. TABS
________________________________________________________________________________________________________________ */
/* ------- 1. Shared Styles ------- */
ul.tabs {margin:0 !important;padding:0;height:30px;clear:left;}
ul.tabs li {float:left;padding:0; margin:0; list-style-type:none;}
ul.tabs a {
float:left;
display:block;
padding:5px 30px;
text-decoration:none;
border-bottom:0px;
height:18px;
margin-right:2px;
position:relative;
top:1px;
font-size:10px;
letter-spacing:3px;
text-transform:uppercase;}
ul.tabs a.current{cursor:default;}
.tab_content{display:none;padding:20px 30px;overflow:hidden;}
/* ------- 2. Framed Tabs ------- */
.framed_tab_set ul.tabs {border-bottom:1px solid #E5E5E5;}
.framed_tab_set ul.tabs a {
border:1px solid #E5E5E5;
background:#fafafa;
color:#ccc;}
.framed_tab_set ul.tabs a:hover {background: #fff;color:#999;}
.framed_tab_set ul.tabs a.current {
border-bottom:2px solid #fff;
color:#333; }
.framed_tab_set .tab_content{
background-color:#fff !important;
border:1px solid #E5E5E5;
border-width:0 1px 1px 1px;}
.framed_tab_set{margin-bottom:40px;}
/* ------- 3. Minimalist Arrow Tabs ------- */
.minimal_arrow_tab_set ul.tabs {padding:5px 1px;height:30px;background: url(styles/_shared/divider_shadow_inset.png) no-repeat scroll right bottom;}
.minimal_arrow_tab_set ul.tabs a {height:25px;letter-spacing:2px;margin-right:20px;padding:0 0 10px 1px;}
.minimal_arrow_tab_set ul.tabs a:hover {color:#444;}
.minimal_arrow_tab_set ul.tabs a.current {color:#333;cursor:default;background: url(styles/_shared/up-arrow.png) no-repeat scroll center bottom transparent;}
.minimal_arrow_tab_set{margin-bottom:40px;}
.minimal_arrow_tab_set .tab_content{padding:20px 0;}
/* ________________________________________________________________________________________________________________
12. TOOLTIPS
________________________________________________________________________________________________________________ */
.tooltip{display:none;z-index:100000;position:relative;cursor:pointer;}
/* ------- 1. Search Tooltip ------- */
#menu_search{ display:none;
background:url("styles/_shared/search.png") no-repeat scroll 22px 38px transparent;
cursor:pointer;
height:90px;
left:847px;
position:absolute;
top:77px;
width:60px;}
.search_tooltip{
height:78px;
padding:18px 30px 10px;
background:url(styles/_shared/search_tooltip.png) no-repeat scroll top right transparent;}
input.tooltip_search_field,input.tooltip_search_field:focus{border:none;background:none;}
.tooltip_search_field{width:150px;}
.tooltip_search_button{display:none;}
/* ------- 2. Share This Post Tooltip ------- */
.share_this_post_tooltip{
display:none;
position:absolute;
height:70px;
background:url(styles/_shared/share_this_post_tooltip.png) no-repeat scroll top left transparent;
padding:10px 20px;}
.share_this_post{background:transparent url(styles/_shared/share_this_post.png) no-repeat -4px 0; display:block; height:28px; width:180px; }
.share_this_post_icons{padding:0px 6px 0;}
.share_this_post_icons img{margin:8px 4px 0;width:31px;}
/* ________________________________________________________________________________________________________________
13. Toggle Content
________________________________________________________________________________________________________________ */
/* ------- 1. Minimal Toggles ------- */
.toggle {
background: url(styles/_shared/toggle_sprite.png) no-repeat scroll -121px 5px;
font-size:16px;
line-height:30px;
position:relative;
margin-top:15px;
margin-bottom:15px;
padding:0 0 0 30px;}
.toggle a {text-decoration: none;display: block;color:inherit;}
.active {background:url(styles/_shared/toggle_sprite.png) no-repeat scroll -81px -35px}
.toggle_content {clear:both;margin:0 0 20px 30px;overflow:hidden;}
/* ------- 2. Framed Toggles ------- */
.toggle_frame{padding:0 20px;margin:15px 2px;}
.toggle_frame .toggle_content{border:0;padding:0px;}
.toggle_frame .toggle_content .block {padding:0px;}
.toggle_frame .toggle {background-position: -41px -75px;}
.toggle_frame .active {background-position: -1px -115px;}
/* ________________________________________________________________________________________________________________
14. Box Styles
________________________________________________________________________________________________________________ */
.simple_box,.fancy_box,.fancy_titled_box_content,.color_scheme_box_content,.download_box,.warning_box,.info_box,.note_box{
position:relative;
overflow:hidden;
clear:both;
padding:20px;
margin-bottom:20px;}
/* ------- 1. Simple Box ------- */
.simple_box{
padding:20px;
position:relative;
margin:4px 4px 20px;}
/* ------- 2. Fancy Box ------- */
.fancy_box{
border:1px solid #fff;
margin:2px;
color:#888;
margin-bottom:20px;
padding:20px;}
/* ------- 3. Fancy Titled Box ------- */
.fancy_titled_box{
border:1px solid #fff;
margin:2px;
color:#888;}
h3.fancy_titled_box_header{
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
border-bottom:1px solid #fff;
margin:0;
padding:3px 3px 3px 20px;
text-transform:uppercase;}
.fancy_titled_box_content{padding:20px;border-top:1px solid #eee;}
/* ------- 3. Fancy Colorscheme Box ------- */
.color_scheme_box{margin:2px;color:#888;}
.color_scheme_box_content{padding:20px;border:1px solid #e5e5e5;margin:0;}
h6.color_scheme_box_header{
background:url(styles/_shared/button_sprite.png) no-repeat scroll right -165px transparent;
color:#eee;
text-shadow:0 -1px 0 #888888;
border-bottom:1px solid #fff;
font-size:11px;
line-height:10px;
margin:0 -4px 0 0;
padding-bottom:0;
padding-right:24px;
text-transform:uppercase;}
h6.color_scheme_box_header span{
background:url(styles/_shared/button_sprite.png) no-repeat scroll -7px -122px transparent;
display:block;padding:15px 0 11px 20px;}
/* ------- 4. Alert Boxes ------- */
.download_box,.warning_box,.info_box,.note_box{padding-left:55px;background:#eee;padding-bottom:25px;padding-top:20px;}
.info_box{
background:#bfe4f9 url(styles/_shared/icons/info.png) no-repeat scroll 10px 15px;
border:1px solid #68a2cf;
border-color:#A4D4EF;
color:#2e6093;}
.warning_box{
background:#ffcccc url(styles/_shared/icons/stop.png) no-repeat scroll 10px 15px;
border:1px solid #ff9999;
color:#c31b00;}
.download_box{
background:#dee3ab url(styles/_shared/icons/down_alt.png) no-repeat scroll 10px 15px;
border:1px solid #a3c159;
color:#5e6f33;}
.note_box{
background:#fdebae url(styles/_shared/icons/notebook.png) no-repeat scroll 10px 15px;
border:1px solid #e6c555;
color:#9e660d;}
/* ________________________________________________________________________________________________________________
16. EMBEDED PLUGINS
________________________________________________________________________________________________________________ */
/* ------- 1. WP Pagenavi ------- */
.wp-pagenavi{font-size:9px;letter-spacing:1.6px;text-transform:uppercase;clear:both;padding-top:10px;height:40px;text-align:left;}
.wp-pagenavi .pages{margin-right:4px;}
.wp-pagenavi a, .wp-pagenavi a:link,.wp-pagenavi a:visited,.wp-pagenavi a:active,.wp-pagenavi span.current,.wp-pagenavi span.extend {
margin:2px;
padding:4px 5px;
text-shadow:1px 1px 1px #fff;
border:1px solid #fff;}
/* ________________________________________________________________________________________________________________
17. PROGRESSIVE ENHANCEMENTS
________________________________________________________________________________________________________________ */
/* ------- 1. Border Radius ------- */
.simple_box,.fancy_box,.download_box,.warning_box,.info_box,.note_box,
.fancy_titled_box,.color_scheme_box,
table.fancy_table,.widget_calendar table,
fieldset,
input[type=text],input[type=password],input[type=file],textarea,select,
input[type="button"],input[type="reset"],input[type="submit"],
.framed, .toggle_frame , .pullquote_right, .pullquote_left,.wp-caption,#flickr a img,
#comments .date,
.jqueryslidemenu ul li ul li a:hover, .jqueryslidemenu ul ul li a:hover,
.jqueryslidemenu ul ul ul,button
{border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
dl.gallery-item img{ border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}
.avatar,.webtreats_flickr_widget img,
.wp-pagenavi a,.wp-pagenavi span.current,.wp-pagenavi span.extend,
.small_frame img, img.small_frame,.highlight1,.highlight2,.highlight_gray,.highlight_beige,.fancy_header span{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.jqueryslidemenu ul ul,.fancy_titled_box_content,.color_scheme_box_content,.tab_content{
-moz-border-radius:0 0 4px 4px;
-webkit-border-bottom-right-radius:4px;
-webkit-border-bottom-left-radius:4px;
border-radius:0 0 4px 4px;}
ul.tabs a,.color_scheme_box_header{
-moz-border-radius:4px 4px 0 0;
-webkit-border-top-right-radius:4px;
-webkit-border-top-left-radius:4px;
border-radius:4px 4px 0 0;}
/* ------- 2. CSS Gradients ------- */
img.framed, .toggle_frame , .pullquote_right, .pullquote_left,.wp-caption,.webtreats_flickr_widget img,
.wp-pagenavi a:hover ,.wp-pagenavi span.current,.wp-pagenavi a,.wp-pagenavi span.extend{
background-color:#f5f5f5;
background:-moz-linear-gradient(bottom, #F2F2F2 0px, #fff 100%);
background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #f2f2f2),color-stop(1, #fff))}
dl.gallery-item img{ }
.jqueryslidemenu ul ul{
background-color:#f5f5f5;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1), rgba(229, 229, 229, 1));
background:-webkit-gradient(linear,left top,left bottom, color-stop(0, #fff),color-stop(1, #e5e5e5))}
.fancy_table,.widget_calendar table,
.fancy_titled_box,.fancy_box,.color_scheme_box_content,.framed_tab_set .tab_content{
background-color:#f8f8f8;
background:-moz-linear-gradient(bottom ,#f6f6f6 0px, #fff 100%);
background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #f6f6f6),color-stop(100%, #fff))}
h3.fancy_titled_box_header,h3.color_scheme_box_header,.fancy_table th,.widget_calendar table th,.fancy_table tr:hover{
background: #f3f3f3 url(styles/_shared/th.png) 0 0 repeat-x;}
#comments .date{ background-color:#f3f3f3;background:-moz-linear-gradient(center bottom , #F0F0F0 0px, #F5F5F5 100%);}
.framed_tab_set ul.tabs a.current,.wp-pagenavi a:hover {
background: -moz-linear-gradient(bottom , #fff 0px, #f6f6f6 90%) repeat scroll 0 0 transparent;
background:-webkit-gradient(linear,left bottom,left top, color-stop(0, #fff),color-stop(90%, #f6f6f6));}
/* ------- 3. CSS Box Shadows ------- */
.wp-pagenavi a,.wp-pagenavi span.current,.wp-pagenavi span.extend {
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);}
.fancy_table,.widget_calendar table,.fancy_titled_box,.fancy_box,
img.framed, .toggle_frame , .pullquote_right, .pullquote_left,.wp-caption,
.webtreats_flickr_widget img,
.avatar, .small_frame img, img.small_frame{
box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
-o-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);}
dl.gallery-item img{}
.color_scheme_box{
box-shadow:0 0 2px rgba(0, 0, 0, 0.12);
-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.12);
-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.12);
-o-box-shadow:0 0 2px rgba(0, 0, 0, 0.12);}
.jqueryslidemenu ul ul,input[type="button"],input[type="reset"],input[type="submit"],button{
box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
-o-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);}
img.fade_hover:hover,img.portfolio_hover:hover{
box-shadow: 0 1px 3px rgba(0, 0, 0, .45);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .45);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .45);
-o-box-shadow: 0 1px 3px rgba(0, 0, 0, .45);}
input:focus,textarea:focus{
-moz-box-shadow:1px 1px 5px rgba(0,0,0,.1);
box-shadow:1px 1px 5px rgba(0,0,0,.1);
-webkit-box-shadow:1px 1px 5px rgba(0,0,0,.1);
-o-box-shadow:1px 1px 5px rgba(0,0,0,.1)}
pre,.simple_box{
-moz-box-shadow:0px 1px 4px #ddd;
box-shadow:0px 1px 4px #ddd;
-webkit-box-shadow:0px 1px 4px #ddd;
-o-box-shadow:0px 1px 4px #ddd;}
button.fancy_button,input.tooltip_search_field,input.tooltip_search_field:focus,
#footer input[type=text]:focus,#footer input[type=password]:focus,#footer textarea:focus{
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-o-box-shadow:none;}
/* fix cufon optical illusion of text not lining up */
h1,h2,h3{margin-left:-1px;}
p,h5,h6,.read_more_link,.blog_meta{padding-left:1px;}
p .button_link{margin-left:-1px;}
/* page PUBLICACIONES */
#publicaciones{ width:100%; }
#publicaciones .block{ margin: 0px; padding:0px; width:100%; clear:both; }
#publicaciones .block .item{ margin:0px; padding:0px; float:left; margin-bottom: 40px;}
#publicaciones a{ display:block; margin:0px; padding:0px; }
#publicaciones img{ margin:0px; padding:0px; width:auto; height:auto; }
#publicaciones .page1{ margin:0px auto 0px auto; width:400px; height:1200px; background:url( 'styles/zonamaco/publicaciones.jpg' ) 0 0 no-repeat scroll transparent; }
#publicaciones .page1 .item{ display:block; float:left; margin:0px; padding:0px;
width:195px; height:121px; border:0px solid #CCC;
}
#publicaciones .page1 .item a{text-indent:-9999px; display:block; height:100%; width:100%; }
/* *** widget sponsors MTY*** */
.widget_sponsor_mty{ position:relative; left:0px; top:0px; margin:0px; padding:0px; width:520px; height:120px; }
.widget_sponsor_mty .title{ position:absolute; left:0px; top:-12px; margin:0px; padding:0px; }
.widget_sponsor_mty .holder{ position:absolute; display:block; top:18px; margin:0px; padding:0px; height:120px; width:510px; overflow:hidden; }
.widget_sponsor_mty .holder .content{ position:relative; display:block; margin:0px; padding:0px; height:auto; width:100%; }
.widget_sponsor_mty .holder .content .row{ display:block; margin:0px; padding:0px; height:120px; width:100%; }
.widget_sponsor_mty .holder .content .row.r0{ background: url('styles/zonamaco/tmp_footer_sponsor.jpg') 0px 0px scroll no-repeat;}
.widget_sponsor_mty .holder .content .row.r1{ background: url('styles/zonamaco/tmp_footer_sponsor.jpg') 0px -120px scroll no-repeat;}
.widget_sponsor_mty .holder .content .row.r2{ background: url('styles/zonamaco/tmp_footer_sponsor.jpg') 0px -240px scroll no-repeat;}
.widget_sponsor_mty .holder .content .row a{ display:block; height:100%; float:left;}
.widget_sponsor_mty .holder .content .row a span{ display:none; visibility:hidden; }
.widget_sponsor_mty .holder .content .row a.btn0{ width:200px; }
.widget_sponsor_mty .holder .content .row a.btn1{ width:150px; }
.widget_sponsor_mty .holder .content .row a.btn2{ width:160px; }
.widget_sponsor_mty .holder .content .row.r2 a.btn0{ width:250px; }
.widget_sponsor_mty .holder .content .row.r2 a.btn1{ width:250px; }
/* *** widget sponsors form*** */
.widget_sponsor{ position:absolute; left:0px; margin:0px; padding:0px; width:500px; height:150px; }
.widget_sponsor .content {position:relative; margin: 0; padding: 0; height: 120px; overflow: hidden;}
.title_footer_links {position:absolute; left:0px;}
.footer_links {position:absolute; left:70px; text-decoration: underline;}
.title_footer_links_2 {position:absolute; left: 240px; top:0px;}
.footer_links_2 {position:absolute; left: 320px; top:0px; text-decoration: underline;}
/* background: url('styles/zonamaco/tmp_footer_sponsor.png') 0 0 scroll no-repeat;/*
/* *** widget suscribe form*** */
.widget_suscribe { position:absolute; top:20px; left:530px; margin:0px; padding:20px 15px 0px 15px; width:370px; height:110px; border:1px solid #000;}
.widget_suscribe form{ position:relative; top:0px; margin:0px; padding:0px; width:315px; height:auto; background-color:#fff; text-transform:none; text-align:left; }
.widget_suscribe form fieldset{ border:none; margin:0px; padding:0px; }
.widget_suscribe form fieldset legend{ display: none; }
.widget_suscribe form .lb{ position:absolute; top:10px; margin:0px 0px 0px 0px; }
.widget_suscribe form label{margin:0; padding:4px 10px 8px 6px; height:14px; font-size:14px; font-weight:normal; color:#E1E1E1; line-height:120%; text-transform:none;}
.widget_suscribe form input, .widget_suscribe form input.textInput{ margin:0; padding:8px 10px 8px 10px; width:230px; height:14px; font-size:12px; font-weight:normal;
color:#FFFFFF; line-height:120%; background:none; background-color:#666666; border:1px solid #333; }
.widget_suscribe form input.textInput:focus{ border-color:#999999; background:none; background-color:#666666; color:#FFFFFF;}
.widget_suscribe form input.error { font-weight:normal; border-color: #999999;}
.widget_suscribe form label.error { display: block; color: #FF0000; font: normal 11px Verdana, Arial, Helvetica, Garuda, sans-serif;
line-height: 1.2em; padding:0px; margin: 2px 0 -1em 0.5em; }
.widget_suscribe form #submit-block { left:260px; margin:0px; padding:0px; text-align:right; width:119px; height:31px;}
.widget_suscribe form button{ position:absolute; left:0px; margin:0px; padding:0px; text-align:left; width:110px; height:32px; color:#FFF; font-size:12px; line-height:100%;
background:#FFFFFF url('styles/zonamaco/button-suscribir.png') 0 0 scroll no-repeat; border:0px;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-o-box-shadow:none;}
.widget_suscribe form button:hover{ width:110px; height:32px; border:none; cursor:pointer; background-position:0px -32px; }
.widget_suscribe form button span{ display:none; visibility:hidden; }
.widget_suscribe form #loader{ margin:0px; padding:0px; display:none; }
.widget_suscribe form #Form-msg { display:none; position:relative; left:0px; top:0px; width:315px; font-weight:normal; text-align:center; }
.widget_suscribe form #Form-msg p{ margin:0px; padding:0px 10px 0px 10px; font-size:14px; margin-bottom:0px; color:#00B9CD; }
.widget_suscribe form #Form-msg .error { margin:0px 0px 0px 0px; padding:0px; color:#FF0000; font-size:14px;}
/* *** contact form*** */
#frmContact{ margin:0px; padding:0px; }
#frmContact .lb{ position:relative; margin:0px 0px 16px 0px; padding:0px; width:100%;}
#frmContact .lb-Sexo, #frmContact .lb-Edad,
#frmContact .lb-Colonia, #frmContact .lb-CP{ float:left; width:50%;}
#frmContact .lb-Sexo{ width:60%; }
#frmContact .lb-Edad{ width:40%; }
#frmContact label{ display:block; margin:0px; padding:0px; width:20%; float:left; line-height:19px; height:19px;
font:12px Arial; color:#000; text-transform:none;}
#frmContact input{ margin:0px; padding:0px; background:none; border:0px solid #FFF; width:80%; background:url(styles/zonamaco/input_bg.png) repeat-x scroll 0px bottom transparent;}
#frmContact input:hover{ background:url(styles/zonamaco/input_bg.png) repeat-x scroll 0px bottom transparent;}
#frmContact textarea{ float:none; clear:both; margin:6px 0px 0; padding:6px; background:none; border:0px; width:388px; height:114px; background:url(styles/zonamaco/input-textarea_bg.png) no-repeat scroll 0px 0px transparent;}
#frmContact textarea:hover{ background:none; border:0px; background:url(styles/zonamaco/input-textarea_bg.png) no-repeat scroll 0px 0px transparent;}
#frmContact label.error{ position:absolute; left:70px; top:0px; color:#FF0000; font-size:16px; width:6px; }
#frmContact .lb-Comentarios label.error{ left:100px; }
#frmContact .lb-Colonia label, #frmContact .lb-CP label{ width:40%;}
#frmContact .lb-Edad label, #frmContact .lb-Sexo label{ width:30%; }
#frmContact .lb-Edad label, #frmContact .lb-CP label{ text-align:right; padding-right:4px; width:36%;}
#frmContact .lb-Colonia input, #frmContact .lb-CP input{ width:60%;}
#frmContact .lb-Edad input{ width:60%;}
#frmContact .lb-Sexo input{ width:16px; }
#frmContact .lb-Sexo input#sexoF{ margin-left:6px; }
#frmContact .lb-Pais input, #frmContact .lb-Telefono input{ width:30%;}
#frmContact #submit-block { left:240px; margin:0px; padding:0px; text-align:right; width:119px; height:31px;}
#frmContact button{ position:absolute; left:0px; margin:0px; padding:0px; text-align:left; width:160px; height:32px; color:#FFF; font-size:12px; line-height:100%;
background:#FFFFFF url('styles/zonamaco/button-enviarcomentario.png') 0 0 scroll no-repeat; border:0px;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-o-box-shadow:none;}
#frmContact button:hover{ width:160px; height:32px; border:none; cursor:pointer; background-position:0px -32px; }
#frmContact button span{ display:none; visibility:hidden; }
#frmContact #loader{ margin:0px; padding:0px; display:none; }
#frmContact-msg { display:none; position:relative; left:0px; top:0px; font-weight:normal; text-align:center; }
#frmContact-msg .error { position:absolute; left:0px; top:-24px; margin:0px 0px 0px 0px; padding:0px; color:#333; text-align:left; font-size:14px;}
/* *** error page / post-404 *** */
#post-404 .col{ float:left; margin:0px; padding:0px; }
#post-404 .c0{}
#post-404 .c0 .image{ margin:0px; padding:0px; width:79px; height:88px; background:url(styles/zonamaco/_error404.jpg) no-repeat scroll 0px 0px;}
#post-404 .c1{ margin-top:16px; margin-left:20px; width:280px; }
#post-404 .c1 p{ line-height:120%; margin-bottom:6px; }
h3.title a{color: black; text-decoration:none;}
/**** EVENTOS *****/
#eventos-container{
position: relative; width: 390px; border-bottom: 1px solid #CCC; height: 60px;}
#eventos-img {float: left; padding-right: 20px;}
#eventos-text {float: left; margin-top: 33px;}
#eventos-text-2 {float: left; margin-top: 15px;}
#eventos-text-3 {float: left; margin-top: 0px;}
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }