/*	
Theme Name: Broadscope
Description: <strong>A sleek Business Theme by Kriesi</strong> - <br/> Update notifications available on twitter and facebook:<br/> <a href='http://twitter.com/kriesi'>Follow me on twitter</a><br/> - <a href='http://www.facebook.com/pages/Kriesi/333648177216'>Join the Facebook Group</a>
Version: 1.1.2
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: 978px;
margin: 0 auto;
position:relative;
}

.boxed{
width: 978px;
margin: 0 auto;
position:relative;
}

.container_wrap, .wrap_all{ /*div for perfect centering of large scale background images*/
width: 978px; margin: 0 auto; z-index: 1;
position:relative; display:table;
}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11{
float: left;
margin-left: 30px;
position:relative;
}
.grid1 { width: 54px; 	}
.grid2 { width: 138px; 	}
.grid3 { width: 222px;	}
.grid4 { width: 306px;	}
.grid5 { width: 390px;	}
.grid6 { width: 474px;	}
.grid7 { width: 558px;	}
.grid8 { width: 642px;	}
.grid9 { width: 726px;	}
.grid10 { width: 810px;	}
.grid11 { width: 894px;	}


/*default image handling*/1
img { border:none; padding: 0; margin:0; display:block;}
.grid11 img { max-width: 894px;	}
.grid10 img { max-width: 810px;	}
.grid9 img { max-width: 726px;	}
.grid8 img { max-width: 642px;	}
.grid7 img { max-width: 558px;	}
.grid6 img { max-width: 474px;	}
.grid5 img { max-width: 390px;	}
.grid4 img { max-width: 306px;	}
.grid3 img { max-width: 222px;	}
.grid2 img { max-width: 138px; 	}
.grid1 img { max-width: 54px; 	}


/*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
*/


/************************************************************************
-) BASIC CONTAINERS
*************************************************************************/
body{
font-size:13px;
font-family: Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
line-height:1.7em;
position:relative;
}

#header{ /*head area, which contains main menu and logo*/
z-index: 100;
}

#header .container{
height:150px;
z-index: 100;
}

#main{ /*main area, contains all content and sidebars*/
float: left;
padding-bottom: 50px;
width: 100%;
}

.content{
overflow: hidden;
}

.sidebar{
overflow: hidden;
}

div .sidebar1{

}

div .sidebar2{

}


.fullwidth .content{
width:100%;
padding:0; margin:0;
}

.fullwidth .sidebar{
display:none;
}



/************************************************************************
-) HEAD
*************************************************************************/

#top .logo, .logo a{
display:block;
height:80px;
width:270px;
position:absolute;
left:0px;
top:15px;
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 a{
text-indent: -9999px;
}





/*navigation*/

#top .avia_mega{
height:40px;
line-height:40px;
padding:0;
left:0px;
bottom:0px;
position:absolute;
z-index:100;
}

.avia_mega, .avia_mega ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:40px; 
z-index:5;
}

#top .avia_mega a{
height:40px;
display:block;
padding:0 21px;
text-decoration:none;
text-align:center;
line-height:40px; 
outline:none;
z-index:35;
position:relative;
float:left;
}


#top .avia_mega li{
float:left;
position:relative;
z-index:20;
}

#top .avia_mega ul a:hover{
text-decoration: underline
}

/*navigation:classes for the megamenu dropdown nav*/

#top .avia_mega div ul {
line-height: 21px;
}


.avia_mega1, .avia_mega2, .avia_mega3, .avia_mega4, .avia_mega5{position:absolute; display:none; top:40px; left:0; padding:8px; }

#top .avia_mega div ul li{ width:162px; padding:15px; }

.avia_mega1{width:192px; }
.avia_mega2{width:384px; }
.avia_mega3{width:576px; }
.avia_mega4{width:768px; }
.avia_mega5{width:960px; }

li:hover .avia_mega1, li:hover .avia_mega2, li:hover .avia_mega3, li:hover .avia_mega4, li:hover .avia_mega5{display:block;}


#top .avia_mega div ul{
float: left;
}

#top .avia_mega div ul ul{
padding:0 0 10px 0;
}

#top .avia_mega div ul ul ul{
padding:2px 0 0;
}

#top .avia_mega div ul li li{
width:139px;
float:left;
clear:both;
padding:3px 0 3px 23px;
margin:0;
}

#top .avia_mega div ul li li li{
width:116px;
}

#top .avia_mega div ul li li li li{
width:93px;
}

#top .avia_mega ul a{
text-align: left;
display:inline;
line-height: 21px;
padding:0;
height:auto;
float:none;
font-size: 12px;
}

.dropdown_link{
padding:0 10px 0 0;
}

.dropdown_available {
display: inline-block;
height: 10px;
position: absolute;
right: 14px;
top: 16px;
width: 10px;
}

#top .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 .avia_mega div ul .avia_mega_hr{
width:100%;
height:20px;
clear:both;
padding:0;
}

/*navigation:classes for the basic dropdown nav*/


#top .avia_mega > li > ul, #top .avia_mega > li > ul ul{
position:absolute;
display:none;
width:223px;
top:40px;
left:0px;
padding:8px;
}

#top .avia_mega > li > ul ul li:first-child{
left: -10px;
padding-left: 0;
position: relative;
width: 234px;
}

#top .avia_mega > li > ul ul li:first-child a {
position: relative;
left: 44px;
}

#top .avia_mega > li > ul a{
width:170px;
display:block;
padding:2px 20px 2px 0;
}

#top .avia_mega > li > ul li{
padding:3px 0 3px 34px;
}


#top .avia_mega > li > ul ul {
border-top: medium none;
left: 224px;
top: -8px;
}

#top .avia_mega > li:hover > ul ul, #top .avia_mega > li> ul li:hover ul ul,  #top .avia_mega > li> ul ul li:hover ul ul ,  #top .avia_mega > li> ul ul ul li:hover ul ul,  #top .avia_mega > li> ul ul ul ul li:hover ul ul {
display:none;	
}

#top .avia_mega > li:hover > ul, #top .avia_mega > li > ul li:hover ul,  #top .avia_mega > li > ul ul li:hover ul,  #top .avia_mega > li > ul ul ul li:hover ul,  #top .avia_mega > li > ul ul ul ul li:hover ul ,  #top .avia_mega > li > ul ul ul ul ul li:hover ul{
display:block;
}

#top .avia_mega h1, #top .avia_mega h2, #top .avia_mega h3, #top .avia_mega h4, #top .avia_mega h5, #top .avia_mega h6{
font-size: 13px;
text-transform: none;
}


/*bookmark icons*/

.social_bookmarks{
height:24px;
position: absolute;
right:0;
top:78px;
border:medium none;
display:block;
float:left;
list-style-type: none;
list-style-position: outside;
}

.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
*************************************************************************/
#top #featured{
margin-bottom:40px;
}

#top #featured, #top #featured .container, #top #featured .container li{
width:100%;
}

#top #featured .container li a, #top #featured .container li img{
margin:0 auto;
}

#top .slideshow{
overflow: hidden;
position: relative;
list-style-type: none;
padding:0;
margin:0 0 0 0;
border:none;
}

#top .slideshow, #top .slideshow{
width:100%;
height:100%;
}

#top .slideshow li{
list-style-type: none;
list-style-position: outside;
background: none;
}

/*portfolio slideshows:*/
#top .entry_one_half .slideshow{
height:230px;
width:405px;
}

#top .entry_one_third .slideshow{
height:170px;
width:256px;
}

#top .entry_one_fourth .slideshow{
height:130px;
width:182px;
}
/****************/


#top div .slideshow li, #top div .slideshow .featured{
width:100%;
height:100%;
position: relative;
top:0;
left:0;
z-index: 1;
border:none;
padding:0;
display:none;
}

#top .slideshow img, #top .slideshow a img, #top .slideshow a{
border:none;
text-decoration: none;
display: block;
margin:0 auto;
}

#top .slideshow a{
height:100%;
width:100%;
display: block;
outline: none;
}


#top div div .slideshow .featured_container1{
z-index:2;
display:block;
}

/*slideshow controlls*/
.slidecontrolls, .autoslidecontrolls{
z-index:100;
position: absolute;
width:978px;
left: 50%;
margin-left: -489px;
bottom:18px;
}

#top .slidecontrolls{
width:918px;
z-index:101;
}

.slidecontrolls a, .autoslidecontrolls a{
height:16px;
width:18px;
display:block;
cursor: pointer;
float:left;
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;
}

.moving_pointer {
bottom: -18px;
display: block;
height: 10px;
left: -1px;
position: absolute;
width: 18px;
}

/*slideshow excerpt text*/
.feature_excerpt{
padding:20px 0px 38px 0;
bottom:0px;
font-size:11px;
line-height:1.8em;
position:absolute;
z-index:3;
width:100%;
overflow:hidden;
font-style: italic;
}

.js_active .feature_excerpt{
visibility: hidden;
}

.feature_excerpt h1{
font-size: 44px;
font-style: normal;
line-height: 1em;
padding: 0;
position: relative;
}



/*special case ful size image*/
#featured .feature_excerpt h1, #featured .feature_excerpt div{
width:978px;
margin:0 auto;
}


.feature_excerpt p{
padding:0 0 1em 0;
}

.entry .feature_excerpt{
font-size:11px;
padding:10px 15px;
bottom:20px;
}

.entry .feature_excerpt strong{
font-size:12px;
}


/*featured slider within post or page entry*/

#main .feature_excerpt {
padding:3%;
width:94%;
}

#main .feature_excerpt .smallheading{
font-size:16px;
padding:0 0 3px 0;
font-style: normal;
line-height: 1em;
position: relative;
}

#main .slideshow_container{
margin-top:10px;
position: relative;
width:100%;
}

#main .slideshow_container .slidecontrolls{
display: none;
}

#main .slideshow_container .autoslidecontrolls{
width:100%;
margin:0 auto;
width:200px;
left:auto;
right:11px;
bottom: 9px;
}


.shadow-top, .shadow-bottom{
display: block;
width:100%;
height:10px;
z-index: 100;
position: absolute;
top:0;
}

.shadow-bottom{
top:auto;
bottom:0;
}

/*slideshow height for different blog templates*/

#template-archive .slideshow_container{
height:80px;
}

#template-blog #main .slideshow_container{
height:200px;
}

#template-page #main .slideshow_container{
height:250px;
}

#template-fullwidth #main .slideshow_container{
height:450px;
}

#template-archive .feature_excerpt{
display:none;
}



/************************************************************************
-) FOOTER
*************************************************************************/

#footer{
padding: 0 0 25px 0;
clear:both;
width:100%;
font-size:11px;
}

#footer .container{
width:978px;
position: relative;
padding-top: 30px;
margin: 0 auto;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6
{
text-decoration: none;
font-size: 18px;
font-weight: normal;
margin-bottom:0;
}

#footer ul, #footer ul li{
list-style-type: none;
list-style-position: outside;
margin:0;
background: none;
} 

#footer ul li a{
display:block;
padding:3px 13px;
line-height:22px;
position: relative;
}

#footer .custom_button {
display: block;
padding: 8px 8px 8px 38px;
text-align: center;
}


.custom_button strong {
display: block;
font-size: 16px;
font-weight: normal;
line-height: 16px;
}

.custom_button span {
display: block;
font-size: 11px;
font-weight: normal;
line-height: 11px;
}

#footer .arrow-down{
width:25px;
height:14px;
display:block;
position:absolute;
top:-32px;
}


#footer .one_fifth	{ overflow:visible; padding-bottom:10px;}
#footer .one_fourth	{ overflow:visible }
#footer .one_third	{ overflow:visible }
#footer .two_fifth	{ overflow:visible  }
#footer .one_half	{ overflow:visible }
#footer .three_fifth{ overflow:visible }
#footer .two_third	{ overflow:visible }
#footer .three_fourth{overflow:visible}
#footer .four_fifth	{ overflow:visible }

/************************************************************************
-) SOCKET
*************************************************************************/

#socket{
width:100%;
height:50px;
line-height: 50px;
font-size:10px;
}

#socket .social_bookmarks{
top:13px;
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%;
}

.sidebar .widget{
padding:18px 0 10px 0;
}

#footer .widget{
padding:0 0 28px 0;
}

/*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;
}


/*news widget*/

#top .news-content{
padding:7px 0 3px 0;
line-height: 18px;
position: relative;
overflow: hidden;
font-size:11px;
}

#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{
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{
padding: 3px 0 3px 23px;
display:block;
}

/*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;
}

#top .recentcomments a{
display:block !important;
}



/*widget modification:*/

#top .widget .avia_mega {
position: relative;
bottom: auto;
left:auto;
height: auto;
font-size: 13px;
line-height: 1.7em;
border:none;
width:100% !important;
}

#top .widget .avia_mega .dropdown_available{
display:none;
}

#top .widget .avia_mega li, #top .widget .avia_mega li:hover{
float:none;
background-position: -20px -10px;
background-repeat: no-repeat;
padding:0;
}

#top .widget .avia_mega li a, #top .widget .avia_mega li a:hover{
display: block;
border:none;
padding: 3px 0 3px 23px !important;
width:auto;
float: none;
font-size: 13px;
line-height: 1.7em;
text-align: left;
height:auto;
background: none !important;
}

#top .widget .avia_mega li a:hover{
text-decoration: underline;
}

#top .widget .avia_mega_div{
display:none !important;
}

#top .widget .sub-menu{
display:block !important;
opacity:1 !important;
position: relative;
left:auto;
top:auto;
width:auto;
background: none;
padding:0 0 0 20px;
border:none;
margin:0;
}


/************************************************************************
-) CONTENT AREA
*************************************************************************/
/*post*/

.post-entry{
overflow: hidden;
}

#top .post-title{
padding: 0;
font-size: 38px;
}

.post-entry img{
margin:10px 0 0 0;
display:block;
}

.entry-content{
padding: 0 0 55px;
}


/*blog template*/
div .blog-meta{
margin:0;
}


#template-blog .post-title{
font-size: 30px;
padding: 0 0 5px 20.5%;
}


#template-blog .hr{
margin-left:20.5%;
width:79%;
padding: 0 0 20px;
top: -16px;
background-position: top right;
}

.post-date-comment-container{
min-width:105px;
width:100%;
height:165px;
padding:15px 0;
display:block;
position: relative;
font-size: 12px;
}

.date-container, .comment-container .comments-link{
display: block;
position: absolute;
text-align: center;
top: 28px;
width: 100%;
font-family: "Helvetica Neue", "Arial";
}

.comment-container .comments-link{
top: 105px;
}




.date-container strong, .comment-container strong{
display:block;
font-size: 27px;
font-weight: normal;
text-transform: uppercase;
}

.comment-container strong{
padding-top:10px;
}

.blog-categories, .blog-tags{
display:block;
padding:5px 0;
line-height: 18px;
}

.blog-categories strong, .blog-tags strong{
display:block;
}

.blog-categories a, .blog-tags a{
font-size: 10px;
}

#top .more-link{ /*wp*/
display: block;
font-size: 11px;
line-height: 21px;
margin: 8px 0 0;
padding: 3px 0 2px;
text-align: center;
width: 85px;
}

#top #template-blog .pagination{
padding:0 0 20px 20.5%;
}

/*page template*/

#template-page .post-title{
font-size: 30px;
padding: 0 0 5px 0;
}

#template-fullwidth .post-title{
font-size: 30px;
padding: 0 0 5px 0;
}

#template-fullwidth .entry-content
{
border:none;
}

/*archive*/

#template-archive .entry-content{
padding:0;
}


#top #template-archive .post-entry .post-title {
font-size: 20px;
} 

.firstheading{
margin-bottom:15px;
}

/*portfolio*/

#template-portfolio-overview .one_third{
	margin-left: 40px;
    width: 243px;
}

#template-portfolio-overview .first{
margin-left: 0;
}

#template-portfolio-overview .post-title{
font-size:19px;
padding:10px 0 0 0;
}

#template-portfolio-overview .entry-content{
border:none;
}

#js_sort_items{
visibility:hidden;
}

#js_sort_items span{
font-weight:bold;
display: block;
padding-top:5px;
}

#js_sort_items a{
display:block;
outline: none;
line-height:1.5em;
padding:0;
}


.portfolio_bottom{
margin-left:168px;
}

/*search template*/

#template-search .news-excerpt{
overflow:hidden;
}

#top #template-search .hr{
padding:0;
}

#top #template-search .pagination{
margin-top:20px;
}

#search-fail .widget{
padding-top:20px;
}

#search-fail {
border:none;
}

#top #search-fail .widget ul , #top #search-fail .widget ul li{
border:none;
list-style-position: outside;
list-style-type: none;
padding:0;
font-size:11px;
}

#search-fail #searchform {
position: relative;
right: auto;
top: auto;
width: 242px;
}

/*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;
}

/*comments*/
.comment-entry{
margin-left: 20.5%;
}

/************************************************************************
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:463px;

}

.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;
}


/*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:560px;
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 80px;
}

.commentlist #respond #comment{
width:480px;
}

.commentlist #respond .form-allowed-tags{
display:none;
}


/************************************************************************
-) 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;
letter-spacing:0.4px;
line-height:1.4em;
padding-bottom:5px;
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:30px;
}

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, .pagination a , .pagination .current, .button, #submit{
-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:7px;
}

.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*/
.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:12px;
width:12px;
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:53px; }
#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{
padding:10px 0;
}

.js_active .tab_content{
display: none;
clear: both;
padding: 15px;
overflow:auto;
}

.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;
}



/************************************************************************
-) 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:35px;
}

#searchsubmit{
border:medium none;
cursor:pointer;
display:block;
height:34px;
outline:none;
padding:0;
position:absolute;
right:1px;
text-indent:-9999px;
top:1px;
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;
}





/*boxed alternate*/

#top .boxed .avia_mega{
width: 978px !important;
left:-1px;
}

.boxed #header .social_bookmarks{
top:45px;
right:292px;
}

.boxed  #searchform{
top:38px;
right:40px
}

.boxed .sidebar #searchform{
position: relative;
top:auto;
right:auto;
}

.boxed .sidebar #searchform #s {
    width: 96px;
}

.boxed .grid3{
width: 138px;
}

.boxed .content{
padding:0 0 0 40px ;
}

.boxed #footer .one_fifth{
margin-left:3%;
}

#top .boxed .logo{
left:40px;
}

.boxed #socket .social_bookmarks, .boxed #socket .copyright{
padding: 0 20px;
}

 #top .boxed .slidecontrolls{
left: 20px;
width:850px;
margin:0;
}

.boxed .autoslidecontrolls{
left: 47%;
}

.boxed #template-fullwidth {
width: 894px;
}

.boxed .portfolio-overview .sidebar{
padding:0 0 0 80px;
width:810px;
}

.boxed #template-portfolio-overview{
padding:0 0 0 50px;
}

.boxed .portfolio-overview #js_sort_items a{
float:left;
display: block;
padding:0px 6px 3px 0 !important;
}

.boxed .portfolio-overview .sort_by_cat, .boxed .portfolio-overview .sort_by_val{
clear:both;
padding-bottom:5px;
}

.boxed #featured .feature_excerpt{
 padding: 20px 20px 38px 20px;
 width:938px;
}

.boxed #featured .feature_excerpt h1, .boxed #featured .feature_excerpt div {
    margin: 0 auto;
    width: 938px;
}

#top  .boxed .portfolio-overview  .slideshow img{
margin:0;
}

#top .boxed #main .slideshow img{max-width: 894px;}





