/*
Theme Name: BrightBox
Description: A sleek Business Theme by Kriesi -
Update notifications available on twitter and facebook:
Follow me on twitter
- Join the Facebook Group
Version: 1.1
Author: Kriesi
Author URI: http://www.kriesi.at
*/
/*
* PLEASE DO NOT EDIT THIS FILE!
*
* To make it easy to update your theme, you should not edit the styles in this file. Instead use
* the custom.css file that is located in your themes /css/ folder to add your styles.
* You can copy a style rule from this file and paste it in custom.css and
* it will override the style in this file. If you just want to add small css snippets you might also
* want to consider to add it to the designated CSS option field in your themes backend at: Theme Options->Layout & Styling
*/
/*
Small reset & Grid activation -
editing only recommmended if you know what you do :)
Changes will affect the entire layout...
*/
body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p,input,select,legend,textarea,fieldset{ margin:0; padding:0;}
ul, ol{list-style-type: none; list-style-position: outside;}
.container{
width: 940px;
margin: 0 auto;
position:relative;
}
.boxed{
padding:20px 0;
}
.boxed #wrap_all{
width: 1000px;
margin: 0 auto;
position:relative;
}
.container_wrap, #wrap_all{ /*div for perfect centering of large scale background images*/
width: 100%; margin: 0 auto; z-index: 1;
position:relative; display:table;
}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid_fifth1, .grid_fifth2, .grid_fifth3, .grid_fifth4, .grid_fifth5{
float: left;
margin-left: 20px;
position:relative;
}
.grid1 { width: 60px; }
.grid2 { width: 140px;}
.grid3 { width: 220px;}
.grid4 { width: 300px;}
.grid5 { width: 380px;}
.grid6 { width: 460px;}
.grid7 { width: 540px;}
.grid8 { width: 620px;}
.grid9 { width: 700px;}
.grid10{ width: 780px;}
.grid11{ width: 860px;}
/*special 5th grid*/
.grid_fifth1{width:172px;}
.grid_fifth2{width:364px;}
.grid_fifth3{width:556px;}
.grid_fifth4{width:748px;}
/*default image handling*/
img { border:none; padding: 0; margin:0; display:block;}
.grid1 img{ max-width: 60px; }
.grid2 img{ max-width: 140px;}
.grid3 img{ max-width: 220px;}
.grid4 img{ max-width: 300px;}
.grid5 img{ max-width: 380px;}
.grid6 img{ max-width: 460px;}
.grid7 img{ max-width: 540px;}
.grid8 img{ max-width: 620px;}
.grid9 img{ max-width: 700px;}
.grid10 img {max-width: 780px;}
.grid11 img {max-width: 860px;}
.grid12 img {max-width: 940px;}
/*columns for better content separation*/
.one_fifth { overflow: hidden; margin-left: 4%; width:16.5%; float:left; position:relative; display:inline;}
.one_fourth { overflow: hidden; margin-left: 4%; width:22%; float:left; position:relative; display:inline;}
.one_third { overflow: hidden; margin-left: 4%; width:30%; float:left; position:relative; display:inline;}
.two_fifth { overflow: hidden; margin-left: 4%; width:38.5%; float:left; position:relative; display:inline;}
.one_half { overflow: hidden; margin-left: 4%; width:48%; float:left; position:relative; display:inline;}
.three_fifth{ overflow: hidden; margin-left: 4%; width:57%; float:left; position:relative; display:inline;}
.two_third { overflow: hidden; margin-left: 4%; width:66%; float:left; position:relative; display:inline;}
.three_fourth{ overflow: hidden; margin-left: 4%; width:74%; float:left; position:relative; display:inline;}
.four_fifth { overflow: hidden; margin-left: 4%; width:79%; float:left; position:relative; display:inline;}
/*the first class overwrites both columns and grid container margins.*/
div .first{
margin-left: 0;
clear: left;
}
/************************************************************************
************************************************************************
************************************************************************
Tempalte CSS: Start editing here :)
-) BASIC CONTAINERS
-) HEAD
-) FEATURED
-) FOOTER
-) SOCKET
-) SIDEBAR
-) CONTENT AREA
-) COMMENTS
-) GENERIC
-) FORM ELEMENTS
-) DYNAMIC TEMPLATE STYLES
*/
/************************************************************************
-) BASIC CONTAINERS
*************************************************************************/
body{
font-size:13px;
font-family: Arial, Helevtica, Verdana, san-serif;
line-height:1.7em;
position:relative;
overflow-x: hidden;
}
#header, #menu_header{ /*head area, which contains main menu and logo*/
z-index: 100;
}
#header .container{
/*height:90px;*/ /*uncomment this is you want a specific height for the header. otherwise it will adjust to the logo size*/
z-index: 100;
}
#menu_header .container{
height:80px;
}
#main{ /*main area, contains all content and sidebars*/
float: left;
padding-bottom: 50px;
width: 100%;
}
/*
.content{
overflow: hidden;
}
*/
.sidebar {
margin: 0;
overflow: hidden;
padding-left: 19px;
position: relative;
left:-1px;
}
div .sidebar1{
}
div .sidebar2{
}
.fullwidth .content{
width:100%;
padding:0; margin:0;
}
.fullwidth .sidebar{
display:none;
}
/************************************************************************
-) HEAD
*************************************************************************/
#top .logo, .logo a{
display:block;
position:relative;
border: none;
padding: 0;
margin:0;
}
#top .logo a, #top .logo a:hover{
top:0;
left:0;
outline:none;
border: none;
}
#top .logo img{
border:none;
}
#top .bg-logo, #top .bg-logo a{
text-indent: -9999px;
height:90px;
width:330px;
}
.styled-border{
height:8px;
width:100%;
}
.styled-border-small{
height:1px;
width:940px;
margin:0 auto;
margin-bottom:20px;
}
/*navigation*/
#top .main_menu .avia_mega{
height:34px;
line-height:34px;
padding:20px 0 0 0;
position:relative;
z-index:100;
}
.main_menu .avia_mega, .main_menu .avia_mega ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:34px;
z-index:5;
}
#top .main_menu .avia_mega a{
height:34px;
display:block;
padding:0 19px;
text-decoration:none;
text-align:center;
line-height:34px;
outline:none;
z-index:35;
position:relative;
float:left;
margin: 0 3px 0 0;
}
#top .main_menu .avia_mega li{
float:left;
position:relative;
z-index:20;
}
#top .main_menu .avia_mega ul a:hover{
text-decoration: underline
}
/*navigation:classes for the megamenu dropdown nav*/
#top .main_menu .avia_mega div ul {
line-height: 21px;
}
.main_menu .avia_mega1, .main_menu .avia_mega2, .main_menu .avia_mega3, .main_menu .avia_mega4, .main_menu .avia_mega5{position:absolute; display:none; top:32px; left:0; padding:8px;}
#top .main_menu .avia_mega div ul li{ width:201px; padding:15px; }
.main_menu .avia_mega1{width:231px; }
.main_menu .avia_mega2{width:462px; }
.main_menu .avia_mega3{width:693px; }
.main_menu .avia_mega4{width:924px; }
.main_menu li:hover .avia_mega1, .main_menu li:hover .avia_mega2, .main_menu li:hover .avia_mega3, .main_menu li:hover .avia_mega4, .main_menu li:hover .avia_mega5{display:block;}
#top .main_menu .avia_mega div ul{
float: left;
}
#top .main_menu .avia_mega div ul ul{
padding:0 0 10px 0;
}
#top .main_menu .avia_mega div ul ul ul{
padding:2px 0 0;
}
#top .main_menu .avia_mega div ul li li{
width:201px;
float:left;
clear:both;
padding:1px 0 1px 11px;
margin:0;
}
#top .main_menu .avia_mega div ul li li li{
width:178px;
}
#top .main_menu .avia_mega div ul li li li li{
width:155px;
}
#top .main_menu .avia_mega ul a{
text-align: left;
display:inline;
line-height: 21px;
padding:0;
height:auto;
float:none;
font-size: 12px;
}
.main_menu .dropdown_link{
padding:0 10px 0 0;
}
.main_menu .dropdown_available {
display: inline-block;
height: 10px;
position: absolute;
right: 14px;
top: 13px;
width: 10px;
}
#top .main_menu .avia_mega div ul ul .avia_mega_text_block{
background: none;
padding:3px 0 0 0;
margin:0;
font-size: 11px;
line-height: 1.7em;
}
#top .main_menu .avia_mega div ul .avia_mega_hr{
width:100%;
height:20px;
clear:both;
padding:0;
}
/*navigation:classes for the basic dropdown nav*/
#top .main_menu .avia_mega > li > ul, #top .main_menu .avia_mega > li > ul ul{
position:absolute;
display:none;
width:212px;
top:32px;
left:0px;
padding:8px;
}
#top .main_menu .avia_mega > li > ul a{
width:170px;
display:block;
padding:2px 20px 2px 0;
}
#top .main_menu .avia_mega > li > ul li{
padding:3px 0 3px 20px;
}
#top .main_menu .avia_mega > li > ul ul {
border-top: medium none;
left: 213px;
top: -8px;
}
#top .main_menu .avia_mega > li:hover > ul ul, #top .main_menu .avia_mega > li> ul li:hover ul ul, #top .main_menu .avia_mega > li> ul ul li:hover ul ul , #top .main_menu .avia_mega > li> ul ul ul li:hover ul ul, #top .main_menu .avia_mega > li> ul ul ul ul li:hover ul ul {
display:none;
}
#top .main_menu .avia_mega > li:hover > ul, #top .main_menu .avia_mega > li > ul li:hover ul, #top .main_menu .avia_mega > li > ul ul li:hover ul, #top .main_menu .avia_mega > li > ul ul ul li:hover ul, #top .main_menu .avia_mega > li > ul ul ul ul li:hover ul , #top .main_menu .avia_mega > li > ul ul ul ul ul li:hover ul{
display:block;
}
#top .main_menu .avia_mega h1, #top .main_menu .avia_mega h2, #top .main_menu .avia_mega h3, #top .main_menu .avia_mega h4, #top .main_menu .avia_mega h5, #top .main_menu .avia_mega h6{
font-size: 13px;
text-transform: none;
}
/*bookmark icons*/
.social_bookmarks {
border: medium none;
display: block;
float: left;
height: 24px;
list-style-position: outside;
list-style-type: none;
position: absolute;
right: 258px;
top: 34px;
}
.social_bookmarks a{
height:24px;
width:24px;
float:left;
display:block;
border:medium none;
display:block;
float:left;
padding:0;
text-indent:-9999px;
outline:none;
}
.social_bookmarks li {
float:left;
margin:0;
padding:0 0 0 5px;
display:block;
}
/************************************************************************
-) FEATURED
*************************************************************************/
object{
outline: none;
}
#top .slideshow{
margin:0;
overflow: hidden;
position: relative;
}
.featured, .featured a{
display:block;
margin:0;
padding:0;
position: relative;
width:100%;
overflow: hidden;
}
.feature_excerpt {
position: absolute;
bottom: 0;
width:96%;
padding:2%;
visibility: hidden;
z-index: 100;
}
.feature_excerpt a{
display:inline;
width:auto;
height:auto;
}
#top .feature_excerpt h1{
font-size:17px;
padding-top:3px;
}
.featured_caption{
font-size: 11px;
line-height:17px;
}
.slideshow_container{
position: relative;
}
.slideshow object, .slideshow iframe{
display:block;
margin:0;
padding:0;
}
/*slideshow controlls*/
.slidecontrolls{
z-index:100;
bottom: -22px;
position: absolute;
right: -1px;
}
.autoslidecontrolls{
display:none;
}
.slidecontrolls a, .autoslidecontrolls a{
height:10px;
width:10px;
display:inline-block;
cursor: pointer;
outline: none;
}
.autoslidecontrolls a{
opacity: 0.5;
}
#top .autoslidecontrolls a{
float:right;
width:16px;
}
.slidecontrolls a:hover{
opacity: 0.7;
}
.autoslidecontrolls a:hover{
opacity:1;
}
.video_slide_helper{
display: block;
height:100%;
width:100%;
top:0;
position: absolute;
z-index: 50;
}
/*content slideshow*/
#main .slideshow_container{
margin-bottom:20px;
}
.cu3er_container{
margin: 0 auto 20px auto;
width:940px;
position: relative;
z-index: 3;
padding-bottom:20px;
clear:both;
}
.slideshow_welcome{
width:420px;
height:300px;
display: table;
}
.slideshow_welcome_align{
display: table-cell;
vertical-align:middle;
}
.slideshow_welcome h1{
font-size:20px;
}
.slideshow_welcome_align .hr{
padding:0;
}
.welcome_button a{
display:block;
float:left;
padding:6px 0 5px 0;
border-style: solid;
border-width: 1px;
width:47%;
margin:10px 0 0 0;
text-align: center;
}
.welcome_button2 a{
float:right;
}
div .single_buttons a{
float:none;
margin:10px auto 0 auto;
width:50%;
}
/*3d big*/
.cu3er_3D_caption{
height:350px;
}
.cu3er_3D_caption #CU3ER{
height:380px;
width:940px;
}
.cu3er_3D_caption .slideshow, .cu3er_2D_caption .slideshow{
width:940px;
}
/*3d small*/
#cu3er_container_3D_small_welcome{
height:330px;
}
.cu3er_3D_small_welcome{
height:330px;
width:525px;
right:0px;
position: absolute;
top:0px;
}
.cu3er_3D_small_welcome #CU3ER{
height:330px;
width:525px;
position: relative;
}
/*tablet*/
#cu3er_container_tablet_3D_welcome{
height:360px;
}
.cu3er_tablet_3D_welcome{
height:480px;
width:530px;
position: absolute;
right:-30px;
bottom:-20px;
}
.cu3er_tablet_3D_welcome #CU3ER{
height:480px;
width:570px;
position: relative;
}
/*js fallback*/
#cu3er_container_tablet_3D_welcome .slideshow_container{
left: 38px;
top: 100px;
}
/*fallback 2d for the small 3d slideshow*/
#cu3er_container_tablet_3D_welcome .slidecontrolls, .cu3er_2D_small_caption_welcome .slidecontrolls, #cu3er_container_3D_small_welcome .slidecontrolls{
bottom: -26px;
}
#cu3er_container_tablet_3D_welcome .slideshow, .cu3er_2D_small_caption_welcome .slideshow, #cu3er_container_3D_small_welcome .slideshow, #cu3er_container_tablet_3D_welcome .slideshow_container, .cu3er_2D_small_caption_welcome .slideshow_container, #cu3er_container_3D_small_welcome .slideshow_container{
width:460px;
}
#cu3er_container_3D_small_welcome .slideshow{
right:-65px;
top:20px;
}
.cu3er_2D_small_caption_welcome .slide_shadow {
display: block;
height: 40px;
left: -21px;
top:-21px;
position: relative;
width: 504px;
}
/*2d slider small explicit*/
.cu3er_2D_small_caption_welcome{
position: absolute;
right:-40px;
top:20px;
}
.cu3er_2D_small_caption_welcome .slideshow_container{
}
#main #CU3ER .slideshow_container{
margin:0;
}
/*preview image transparent borders*/
#top .fancyborder{position: absolute; z-index:99; display:block; }
#top .fancyborder_top{top:0; left:5px; height:5px; width:100%; right:auto; bottom:auto;}
#top .fancyborder_left{bottom:5px; left:0; height:100%; width:5px; right: auto; top: auto;}
#top .fancyborder_right{top:5px; right:0; height:100%; width:5px; left:auto; bottom:auto;}
#top .fancyborder_bottom{bottom:0; right:5px; height:5px; width:100%; top:auto; left:auto;}
/*featured slideshows, displayd at the begging of the post content*/
#main .slideshow_page .slideshow{
height:200px;
width:620px;
}
#main .slideshow_portfolio .slideshow{
height:125px;
width:220px;
}
#main .slideshow_portfolio2 .slideshow{
height:260px;
width:460px;
}
#main .slideshow_portfolio3 .slideshow{
height:170px;
width:300px;
}
#main .slideshow_featured .slideshow{
height:350px;
width:940px;
}
.featured{display:none;}
.featured_container1{display:block;}
/************************************************************************
-) FOOTER
*************************************************************************/
#footer{
padding-top:40px;
font-size:13px;
}
#footer li{
background: none;
}
#footer .recentcomments{
border:none;
}
#footer .widget_archive li a, #footer .widget_recent_entries li a, #footer .widget_recent_comments li a, #footer .widget_categories li a, #footer .widget_pages li a, #footer .widget_links li a, #footer .widget_meta li a, #footer .widget_nav_menu li a {
display: block;
padding: 3px 0 3px 1px;
font-size:14px;
opacity:0.6;
border-bottom-width: 1px;
border-bottom-style: dotted;
}
#top #footer .tagcloud a{
background: none;
opacity:0.6;
text-shadow: none;
margin-top:2px;
border-style: dotted;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6{
border-bottom-width: 1px;
border-bottom-style: dotted;
}
#footer_extra_text_div{
border-top-width: 1px;
border-top-style: dotted;
clear: both;
font-size:14px;
font-style: italic;
line-height: 1.7em;
opacity:0.6;
font-family: Georgia,"Times New Roman",Times,serif;
padding:20px 0 0 0;
margin-top:20px;
overflow: hidden;
}
#footer_extra_text_div img{
float:left;
border:none;
margin:0 20px 0 0;
}
/************************************************************************
-) SOCKET
*************************************************************************/
#socket{
width:100%;
line-height: 50px;
font-size:10px;
}
#socket .container{
border-top-width: 1px;
border-top-style: dotted;
margin:20px auto 0 auto;
padding: 0 0 20px 0;
clear:both;
overflow: hidden;
}
#socket .social_bookmarks{
top:13px;
right:0;
overflow: hidden;
}
#socket .social_bookmarks a{
opacity: 0.3;
}
#socket .social_bookmarks a:hover{
opacity: 0.8;
}
/************************************************************************
-) SIDEBAR
*************************************************************************/
.widget{
clear:both;
float:left;
width:100%;
position: relative;
}
.widget li, .widget a{
background:none;
}
.sidebar .widget{
padding:0 0 20px 0;
}
#footer .widget{
padding:0 0 28px 0;
}
/*social media count widget*/
.avia_socialcount{
overflow: hidden;
}
.asc_multi_count{
float:left;
width:50%;
}
.avia_socialcount a, .avia_socialcount a:hover{
height:40px;
text-decoration: none;
display:block;
min-width:120px;
}
.avia_socialcount strong, .avia_socialcount span{
display:block;
line-height: 1em;
padding:0 0 0 45px;
}
.avia_socialcount a strong{
font-size: 25px;
font-family:Georgia,"Times New Roman",Times,serif;
}
.avia_socialcount a span{
font-size:11px;
padding-top:3px;
}
/*twitter widget*/
#top .tweets{
list-style-type: none;
list-style-position: outside;
border:none;
}
#top .tweet{
padding:7px 0 3px 0;
line-height: 18px;
position: relative;
overflow: hidden;
font-size:11px;
background: none;
border:none;
}
.tweet-thumb{
position:relative;
}
.tweet-thumb a{
margin-right:9px;
padding:3px;
float:left;
}
#top .tweet-thumb img{display:block; float:left; border:none; padding:0; margin:0;}
.tweet-text{
position: relative;
overflow: hidden;
}
.tweet-time{
clear: both;
font-size:10px;
}
/*advertising widget*/
.avia_partner_widget{
overflow: hidden;
clear:both;
}
.avia_partner_widget a, .avia_partner_widget a:hover{
float:left;
display:block;
text-decoration: none;
height:125px;
width:125px;
outline: none;
}
#top .avia_partner_widget{
padding:0 0 13px;
}
.avia_partner1{
margin-right:13px;
}
.avia_parnter_empty{
height:123px;
width:123px;
display:block;
font-size:10px;
text-align: center;
line-height: 123px;
}
/*news widget*/
#top .news-content{
padding:7px 0 3px 0;
line-height: 18px;
position: relative;
overflow: hidden;
font-size:11px;
display: block;
}
#top .news-wrap{
border:none;
list-style-type: none;
list-style-position: outside;
}
#top .news-wrap li{
border:none;
background: none;
}
.news-link{
display: block;
position: relative;
}
.news-thumb{
margin-right:9px;
padding:3px;
float:left;
height:48px;
width:48px;
}
#top .news-thumb img{display:block; float:left; border:none; padding:0; margin:0;}
.news-headline{
overflow: hidden;
font-weight: bold;
margin-top:2px;
display:block;
}
.news-time{
font-weight:normal;
clear: both;
font-size:10px;
display:block;
}
.news-excerpt{
}
/*Archive, Cat, Page widget*/
.widget_archive li , .widget_categories li, .widget_pages li, .widget_links li, .widget_meta li, .widget_nav_menu li{
clear: both;
float: left;
margin: 0;
width:100%
}
.widget_archive li a, .widget_categories li a, .widget_pages li a, .widget_links li a, .widget_meta li a, .widget_nav_menu li a{
padding: 3px 0 3px 11px;
display:block;
}
#top .widget_nav_menu .avia_mega_text_block, #top .avia_mega_menu_columns_1, #top .avia_mega_menu_columns_2, #top .avia_mega_menu_columns_3, #top .avia_mega_menu_columns_4, #top .avia_mega_menu_columns_5{
padding-top:10px;
}
#top .widget_nav_menu .sub-menu{
padding-left:15px;
}
#top .widget_nav_menu .avia_mega_div .sub-menu{
padding-left:0;
}
/*Search widget*/
.sidebar #searchform{
position: relative;
right:auto;
top:auto;
}
.sidebar #searchform #s{
width:180px;
}
/*recent entries*/
.widget_recent_entries li a{
padding: 3px 0;
display:block;
font-size: 12px;
}
/*tagcloud*/
.tagcloud a{
font-size:11px !important;
padding:2px 8px;
margin:0 1px 1px 0;
display:block;
float:left;
}
.tagcloud a:hover{
text-shadow: none;
text-decoration: none;
}
.widget_tag_cloud h3{
border:none;
}
/*rss*/
.widget_rss li{
line-height: 1.5em;
font-size: 12px;
}
.rsswidget{
display:block;
font-size: 13px;
font-weight: bold;
}
.rss-date, .widget_rss cite{
font-size:11px;
}
.widget_rss li{
padding:7px 0;
}
.widget_rss .widgettitle img{
display:none;
}
/*recentcomments*/
.recentcomments{
padding:7px 0;
display:block;
font-size: 11px;
line-height: 1.5em;
}
/************************************************************************
-) CONTENT AREA
*************************************************************************/
.post-entry{
clear:both;
position: relative;
overflow: hidden;
}
#top .post-title{
font-size: 20px;
padding:0;
}
.entry-content{
float:left;
width:100%;
overflow: hidden;
position: relative;
}
.template-blog .entry-content{
width:535px;
}
.content{
padding-right:20px;
float: left;
width: 620px;
}
.template-portfolio-overview .post-entry{
clear:none;
}
div .template-portfolio-overview .first{
clear:both;
}
.template-fullwidth.content, .template-portfolio-overview.content{
width:100%;
padding:0;
}
div .template-fullwidth .post-title{
font-size:30px;
padding-bottom:12px;
}
.portfolio-title{
border:none;
}
#top .template-portfolio-overview .portfolio-hr{
padding: 0;
}
#top .template-portfolio-overview .slideshow_container{
margin-bottom:15px;
}
#top .template-portfolio-overview.portfolio-size-1 .hr {
background-position: -485px center;
}
#top .template-portfolio-overview .hr_small{
margin-bottom:15px;
padding:0;
}
#top .template-portfolio-overview.portfolio-size-1 .slideshow_container{
float:left;
width: 620px;
margin:0 20px 0 0;
}
#top .portfolio-size-1 .post-title, #top .portfolio-size-1 .entry-content{
clear:none;
float: left;
width:300px;
}
.firstheading{
margin-bottom:20px;
padding: 0 0 20px;
}
.blog-meta{
width:65px;
float:left;
overflow:hidden;
padding-right:20px;
}
.date-container{
display: block;
height: 65px;
position: relative;
text-align: center;
width: 65px;
z-index: 3;
}
.date-container strong{
display:block;
font-size:10px;
padding-top:2px;
line-height: 1em;
font-weight: normal;
}
.date-container span{
font-size:32px;
padding-top:11px;
display:block;
line-height: 1em;
}
.comment-container strong{
display:block;
}
div .comment-container {
display: block;
font-size: 11px;
font-style: italic;
line-height: 1em;
padding: 8px 3px 3px;
position: relative;
text-align: center;
top: -3px;
z-index: 2;
}
.blog-categories {
display: block;
font-size: 11px;
font-style: italic;
position: relative;
top: -3px;
}
.more-link{
display:block;
text-align: center;
line-height: 29px;
font-size: 11px;
margin-top:3px;
width:100px;
clear: both;
}
/*404*/
#search-fail #searchform{
top:0px;
}
/*search template*/
#top #template-search .hr{
padding:0;
}
#top #template-search .pagination{
padding:20px 0;
}
/*pagination*/
#top .pagination {
clear:both;
padding:0 0 20px;
float:left;
position:relative;
z-index:3;
top:-15px;
}
#top .pagination span, #top .pagination a {
display:block;
float:left;
font-size:11px;
line-height:13px;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
}
#top .pagination .current{
font-size:11px;
padding:6px 9px 5px 9px;
}
/*related posts*/
.related_posts{
position:relative;
}
.relThumb{
width:140px;
float:left;
margin-left:20px;
line-height: 16px;
}
div .relThumb1{
margin:0;
}
.relThumWrap{
font-size: 11px;
font-style: italic;
}
.relThumbTitle{
padding-top:6px;
display:block;
}
.relThumbHeading{
font-weight: normal;
}
#top .related_posts .contentSlideControlls{
position: absolute;
top:-19px;
left:85px;
}
.related_single_heading{
position: absolute;
top:-25px;
left:0;
font-size: 12px;
z-index: 10;
}
.relThumb .related_posts_default_image{
height:78px;
width:138px;
display:block;
}
#top .hr_related_posts{
padding-top:30px;
}
.related_posts .single_slide{
display:none;
}
#top .related_posts .single_slide_nr_1{
display:block;
}
/************************************************************************
COMMENTS
*************************************************************************/
#top .gravatar img{
padding:3px;
margin:0;
}
#top .commentlist{
float:left;
width:100%;
padding: 0 0 30px 0;
border:none;
}
#top .commentlist .comment{
list-style-type: none;
list-style-position: outside;
width:100%;
position: relative;
display: block;
float: left;
padding: 10px 0 0 0;
margin: 10px 0 0 0;
border:none;
background: none;
}
#top .commentlist ul{
border:none;
}
.gravatar{
float:left;
width:56px;
padding-right:20px;
font-size: 11px;
text-decoration: none;
text-align: center;
position: relative;
}
.comment_content{
float:right;
padding:18px 18px 30px;
position:relative;
width:500px;
}
.author_name{
font-size: 16px;
float:left;
font-style: normal;
}
.author_name a, .author_name a:hover{
font-weight: bold;
text-decoration: none;
}
.comment-edit-link, #cancel-comment-reply-link{
display:inline-block;
font-size: 10px;
padding-left:10px;
}
.commentmetadata {
float:left;
font-size:11px;
line-height:26px;
padding-left:12px;
}
.says{
position: absolute;
left:-13px;
top:18px;
display: block;
height:24px;
width:13px;
text-indent: -9999px;
}
.comment_text{
clear: both;
font-size: 12px;
}
#top .comment-reply-link{
font-size: 11px;
text-decoration: none;
position: absolute;
display: block;
padding:0px 7px;
bottom: 0;
left:0;
}
/*comment children*/
.children .gravatar {
padding:0;
position:absolute;
right:20px;
top:0;
width:42px;
z-index:2;
}
.children .gravatar img{
width:30px;
height:30px;
}
.children .says{
display:none;
}
.commentlist .children .children .comment_content{
width:455px;
}
.commentlist .children .children .children .comment_content{
width:415px;
}
.commentlist .children .children .children .children .comment_content{
width:370px;
}
.commentlist .children .children .children .children .children .comment_content{
width:325px;
}
/*input fields*/
.personal_data p{
float:left;
width:33%;
}
.personal_data label{
display:none;
}
.message_data textarea, #comment{
width:95%;
padding:10px;
font-size:12px;
font-family: Arial, Helevtica, Verdana, san-serif;
}
.text_input, .button, #commentform input, .text_area{
padding:7px;
font-size:12px;
font-family: Arial, Helevtica, Verdana, san-serif;
}
.button{
padding:7px 12px 6px 12px;
cursor:pointer;
border-style: solid;
border-width: 1px;
}
.personal_data .text_input{
width:91%;
}
.children .personal_data .text_input{
}
/*generated by comment_form()*/
#commentform{ position: relative;}
#commentform p{ position: relative; padding:10px 0 0 0;}
#reply-title small a{ float:right;}
#commentform label{
position: absolute;
left:265px;
font-size: 11px;
top:13px;
}
#commentform .required, .comment-notes, #commentform .comment-form-comment label{
display:none;
}
.comment-form-url input, .comment-form-email input, .comment-form-author input{
width: 240px;
}
#comment{
width:602px;
height:150px;
padding:10px 7px;
font-size: 12px;
}
.form-allowed-tags{
font-size: 11px;
line-height: 1.5em;
margin-bottom: 5px;
}
.form-allowed-tags code{
display:block;
padding-top:5px;
}
.commentlist #respond {
padding: 0 0 15px 85px;
}
.commentlist #respond #comment{
width:517px;
}
.commentlist #respond .form-allowed-tags{
display:none;
}
/*comment page nav*/
.comment_page_nav_links{
position: relative;
display: block;
clear:both;
overflow: hidden;
font-size:11px;
}
.comment_prev_page a{
float:left;
}
.comment_next_page a{
float:right;
}
.comment_page_nav_links_bottom{
top:-30px;
}
.comment_page_nav_links_top{
top:11px;
}
/************************************************************************
-) GENERIC
*************************************************************************/
.lightbox_video, .lightbox_image{
position: absolute;
z-index: 1;
top:0;
left:0;
}
a img, a:hover img{
z-index: 2;
position: relative;
border:none;
}
a{
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
h1, h2, h3, h4, h5, h6, legend, .sliderheading {
font-weight:bold;
line-height:1.4em;
position:relative;
}
h1{clear:both; font-size:36px; font-weight:normal; text-transform: none;}
h2{font-size:30px; clear:both; font-weight:normal; text-transform: none;}
h3, legend{font-size:17px; clear:both;}
h4{font-size:16px; clear:both; text-transform: uppercase;}
h5{font-size:15px; clear:both; text-transform: uppercase;}
h6{font-size:14px; clear:both; text-transform: uppercase;}
.post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 {
padding-top:15px;
}
p{ padding: 0.5em 0;}
#main ul, #main ol {
margin-bottom:10px;
}
.floatleft{
float:left;
}
.floatright{
float:right;
}
.clearboth{
clear:both;
}
body .alignleft{
float:left;
margin:4px 10px 0px 0;
display: block;
}
body .alignright{
float:right;
margin:4px 0px 0px 10px;
display: block;
}
body .aligncenter{
clear:both;
display:block;
margin:10px auto;
padding: 10px 0;
}
.alignleft img, .alignright img{
display:block;
}
.rounded{
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.rounded_small, .more-link, .button, #submit, #top .avia_mega > .current-menu-item > a, #top .avia_mega>li>a:hover, #top .avia_mega>li:hover>a, .open-mega-a, .date-container, .comment-container , .tagcloud a, .welcome_button a{
-moz-border-radius: 3px;
-webkit-border-radius:3px;
border-radius:3px;
}
#top .noborder, #top .noborder img{
border:none;
padding:0;
background: transparent;
}
#top div .hidden{
display:none;
}
#top .wp-caption {
margin:5px 15px 10px 0;
position: relative;
}
#top .wp-caption img {
border:medium none;
display:block;
padding:5px;
margin:0;
}
.wp-caption-text {
display:block;
font-size:11px;
font-style:italic;
margin:0 auto;
padding:3px 10px 5px;
text-align:center;
}
.entry-content ul li {
list-style-type:none;
padding:3px 0px 3px 17px;
}
.entry-content ol li{
list-style-type: decimal;
list-style-position: inside;
padding:3px 0px 3px 0;
}
pre{
padding:20px 20px 0px;
margin:15px 0;
font-family: "Andale Mono", "Courier New", Courier, Monaco, monospace;
}
.dropcap1{
display:block;
float:left;
font-size:40px;
line-height:40px;
margin:4px 8px 0 0;
}
.dropcap2, .dropcap3{
display:block;
float:left;
font-size:24px;
line-height:38px;
width:38px;
text-align: center;
margin:4px 8px 0 0;
}
.hr, #top .entry-content .hr{
clear: both;
display:block;
overflow: hidden;
width:100%;
height:30px;
padding:40px 0;
line-height:30px;
position: relative;
margin:0;
}
#top .hr_small{
padding:10px 0;
}
.hr a, #top .entry-content .hr a{
font-size: 11px;
padding: 0 4px 0 0;
}
.hr_invisible{
clear: both;
display:block;
width:100%;
height:30px;
}
/*lightbox*/
#top .no_preload, #featured .preloading{
background-image: none;
}
/*Tables*/
#wp-calendar{
width:100%;
}
.widget_calendar h3{
border:none;
}
.entry-content table {
width: auto;
padding: 0;
margin: 0;
}
caption {
padding: 0 0 5px 0;
width: auto;
font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align: right;
}
th {
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
text-align: left;
padding: 6px;
text-align: center;
}
th.nobg {
border-top: 0;
border-left: 0;
background: none;
}
td {
padding: 7px;
text-align: center;
}
th.spec {
border-top: 0;
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
th.specalt {
border-top: 0;
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#top .more-link, .pagination .current, .pagination a, .button, #commentform #submit{
border-style: solid;
border-width: 1px;
}
/************************************************************************
-) Shortcodes
*************************************************************************/
/*content slider*/
.content_slider{
position: relative;
overflow: hidden;
}
.inner_slide_container{
position: absolute;
float: left;
}
.contentSlideControlls{
position: relative;
}
.contentSlideControlls a{
float:left;
height:10px;
width:10px;
display:block;
outline: none;
}
/*slidecontrolls positioning depending on first element*/
#top .pos_h1{ position: absolute; right:0; top:0; }
#top .pos_h2{ position: absolute; right:0; top:71px; }
#top .pos_h3{ position: absolute; right:0; top:24px; }
#top .pos_h4{ position: absolute; right:0; top:51px; }
#top .pos_h5{ position: absolute; right:0; top:50px; }
#top .pos_h6{ position: absolute; right:0; top:49px; }
.fullwidth_no_image{
height:2px;
width:100%;
}
.fallback_div{
width:100%;
height:100px;
}
.single_slide{
overflow: hidden;
}
/*toggle*/
.js_active .toggle_wrap{
display:none;
}
#top .active_toggle_wrap{
display:block;
}
.js_active .toggler {
cursor: pointer;
display: block;
margin: -1px 0;
padding: 3px 3px 5px 27px;
position: relative;
top: 1px;
}
.togglecontainer{
padding:10px 0;
}
.toggle_content{
padding:0 2px 0 31px;
margin:0 0 5px 0;
}
/*tabs*/
.tabcontainer{
position: relative;
width:100%;
}
.js_active .tab_content{
display: none;
clear: both;
padding: 15px;
overflow:auto;
position: relative;
}
.js_active .tab{
cursor:pointer;
margin:0 2px 0 0;
padding:3px 10px 5px;
display: block;
float: left;
border-bottom: none;
z-index: 2;
position: relative;
top:1px;
}
.js_active #top .active_tab{
z-index: 4;
position: relative;
border-bottom: none;
}
.js_active #top .active_tab_content{
display: block;
z-index: 3;
position: relative;
overflow:auto;
}
/*combowidget tabs*/
.js_active .avia_combo_widget .tab{
cursor:pointer;
margin:0;
width:25%;
display: block;
float: left;
border-bottom: none;
z-index: 2;
position: relative;
top:1px;
border:none;
text-align: center;
font-size: 11px;
padding:0;
}
.js_active .avia_combo_widget .tab span{
display: block;
padding:9px 0px;
}
#top .avia_combo_widget .tab_content .news-content{
padding: 7px 0 8px;
}
#top .avia_combo_widget .tab_content .news-wrap{
margin:0;
}
#top .tab_content .news-wrap li:last-child{
padding-bottom:0;
}
.js_active .avia_combo_widget .first_tab span{
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
}
.js_active .avia_combo_widget .last_tab span{
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
}
/************************************************************************
-) FORM ELEMENTS
*************************************************************************/
.ajax_form{
display:block;
clear: both;
}
.fieldset{
border:none;
padding: 0;
margin:0;
}
.text_input, textarea, select{
border-width: 1px;
border-style: solid;
font-family: Arial, Helevtica, Verdana, san-serif;
}
/*searchform*/
#searchform{
position: absolute;
right:0;
top:24px;
}
#searchsubmit {
border: medium none;
cursor: pointer;
display: block;
height: 34px;
outline: medium none;
padding: 0;
position: absolute;
right: 4px;
text-indent: -9999px;
top: 4px;
width: 34px;
z-index: 2;
}
#s{
border: none;
width:200px;
padding:10px 30px 10px 10px;
position: relative;
}
#submit{
cursor: pointer;
}
/*Contact Form*/
fieldset{
border:none;
}
.ajax_form .text_area{
padding:10px;
width:500px;
}
.ajax_form .text_input{
width:250px;
margin-right:10px;
}
.ajax_form h3{
border:none;
}
.ajax_form p{
padding: 0 0 10px 0;
}
.ajax_form label{
font-size: 11px;
font-weight: bold;
}
.js_active .slideshow_container img{
visibility: hidden;
}
/************************************************************************
DYNAMIC TEMPLATE STYLES
*************************************************************************/
.dynamic_textarea_p{
}
.dynamic_textarea_blockquote{
background: none;
padding:0;
text-align: center;
font-size: 1.4em;
}
.dynamic-column-title{
border:none;
padding:0;
}
#top .template-dynamic .slideshow{
height:auto;
min-height:100px;
width: auto;
}
/*video player*/
.avia_video, .avia_video embed, .avia_video object{
display:block;
position: relative;
width:100%;
outline: none;
height:100%;
background: #000;
}
div .pptimeleft, div .ppvmax, div .ppmute {
text-align: center;
}
div .ppstart {
background-position: left top;
opacity: 0.5;
}
div .ppstart:hover {
background-position: left top;
opacity: 0.8;
}
#top .avia_video img, .avia_video img{
visibility: visible;
}
/*dont display bugy resize*/
.ppfsenter, .ppfsexit {
display:none !important;
}