/* 
Theme Name: Assara Custom WordPress Theme
Theme URI:  
Description: Advanced customized WordPress Theme for Assara
Version: 1.0b
Author: Joni
Author URL: 
*/

/* Basic Elements */
body{
	font: 13px/150% Arial, Verdana, sans-serif;
	background:#fff url(images/bodybg.jpg) top left repeat-x;
	color:#555;}
a{text-decoration:none;color:#4A99D7;}
a:hover{text-decoration:underline;}
p{}
small{font-size:11px;}


/* Usual Classes */
.alignleft{ float: left; display:inline; }
.alignright{ float: right; display:inline; }
.aligncenter, img.aligncenter  {margin:5px auto;}
.clear{
	clear: both;
	display:block;
	font-size:1px;
	line-height:1px;
	height:1px;}

.lowercase{text-transform:lowercase;}
.shadow{text-shadow:0 1px 1px #aaa;}
.button{
	display:inline-block;
	padding:10px 15px;
	color:#fff;
	font-weight:bold;
	font-size:15px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	-moz-box-shadow: 0px 1px 5px #ccc;
	-webkit-box-shadow: 0px 1px 5px #ccc;
	box-shadow: 0px 1px 5px #ccc;}
.button_sm{
	display:inline-block;
	padding:3px 15px;
	color:#fff;
	font-size:12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 1px 1px #ccc;
	-webkit-box-shadow: 0px 1px 1px #ccc;
	box-shadow: 0px 1px 1px #ccc;}
a.button_sm:hover{text-decoration:none;}
a.button:active{margin-top:1px;}
a.button:hover{text-decoration:none;}
.orange{background: #fcd614 url(images/grad-orange-bg.png) top left repeat-x;}
.green{background: #5afe44 url(images/grad-green-bg.png) top left repeat-x;}

.action-buttons a{float:left;margin-right:20px;}

/* The Layout */
#container{
	margin:0 auto;
	width:960px;
}
#header{
	position:relative;
	height:80px;
}
#navigation{
	height:60px;
	padding-left:284px;
	margin-bottom:10px;}
#page{position:relative;}
#content{
	float:left;
	margin-bottom:20px;
	width:640px;
	min-height:340px;
	display:inline;}
#sidebar{
	float:left;
	padding-top:20px;
	margin-left:20px;
	width:300px;
	display:inline;}
#contentparent{
	margin-bottom:20px;
	width:550px;}
#sidebarparent{
	position:absolute;
	background:#fff;
	width: 390px;
	right:20px;
	top: 70px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 1px 5px #aaa;
	-webkit-box-shadow: 0px 1px 5px #aaa;
	box-shadow: 0px 1px 5px #aaa;
}

/* Posts and Pages */
.post{
	padding:0 20px 20px 0;
	}
.excerpt{
	position:relative;
	padding-left:215px;
	border-bottom:1px solid #eee;}
h2.posttitle{
	color:#202020;
	font-size:25px;
	font-weight:normal;
	font-family:Georgia,serif;
	line-height:130%;
	padding:20px 0 10px;}
.post p{padding: 10px 0;}
.post a.button_sm{margin-top:20px;}
.postmeta{
	font-size:11px;
	color:#78A6D2;}
.postimage{
	position:absolute;
	width:200px;
	height:175px;
	top:20px;
	left:0;
	border:1px solid #ddd;}
.posttags{display:block;clear:both;margin:20px 0;}
.posttags a{
	color:#fff;
	background:#F08E05;
	padding:5px 10px;
	margin-left:6px;
	box-shadow: inset 0px 1px 1px #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
.posttags a:hover{text-decoration:none;}
.post img{border:1px solid #ddd;}
.post .alignleft,
.post img.alignleft{margin:10px 15px 10px 0;}
.post .alignright,
.post img.alignright{margin:10px 0 10px 15px;}
.author-info{
	position:relative;
	clear:both;
	font-size:12px;
	padding:10px 10px 10px 70px;
	margin:20px 0;
	min-height:50px;
	background:#DFF0F8;
	color:#525252;
	line-height:100%;
	text-shadow:0 1px 1px #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
.author-info strong{color:#4A99D7}
.author-info-image{
	background:#555;
	position:absolute;
	top:10px;
	left:10px;
	width:50px;
	height:50px;}
h2.posttitle a{color:#202020;}
.entry{
	position:relative;
	padding:10px 20px 10px 260px;}
.entry h2{
	color:#4A99D7;
	font-family:Georgia, serif;
	font-size:18px;
	font-weight:normal;
	line-height:130%;
	margin:10px 0;}	
.entry p{padding:10px 0;}
.entry.narrow{width:280px;}
.static{padding-left:10px;}
.pageimage{
	position:absolute;
	top:20px;
	left:0;}
	
/*Sidebar*/	
ul.postlist, .postlist ul{margin-bottom:20px;}
ul.postlist li, .postlist ul li{
	background:#eee;
	margin:5px 0;
	padding:3px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
ul.postlist li a, .postlist ul li a{color:#525252;}
ul.postlist li a:hover, .postlist ul li a:hover{color:#70A3D2;}
h3.moduletitle{
	font-size:15px;
	color:#4A99D7;
	font-weight:normal;
	padding:0 0 15px 0;
	text-transform:uppercase;
	}

#sidebar .wpcf7 input.text{margin:5px 0;width:90%;padding:3px;border:1px solid #ddd;}
#sidebar .wpcf7 input.ibutton{margin:5px 0;}
#sidebar .wpcf7 textarea{width:90%;padding:3px;border:1px solid #ddd;font-family:Arial, Verdana, sans-serif;font-size:13px;}
/* Header */
#logo{
	position:absolute;
	background:url(images/logo.png) top left no-repeat;
	height:99px;
	width:278px;
	top:24px;
	left:2px;}
#logo a{
	display:block;
	height:100%;
	width:100%;
	text-indent:-9999px;}
ul#header-nav{
	position:absolute;
	top:10px;
	right:0;z
	height:30px;
	z-index:9;}
ul#header-nav li{
	float:left;
	height:30px;
	margin-left:10px;
	display:inline;}
ul#header-nav li a{
	display:inline-block;
	background:#fff url(images/header-nav-item-bg.png) bottom left repeat-x;
	color:#5c5b5d;
	font-size:12px;
	padding:6px 9px;
	height:18px;
	text-shadow: 0 1px 1px #fff;
	-moz-box-shadow: inset 0px 1px 1px #ccc;
	-webkit-box-shadow: inset 0px 1px 1 px #ccc;
	box-shadow: inset 0px 1px 1px #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
ul#header-nav li a:hover{color:#4a99d7;text-decoration:none;}
ul#header-nav li a:active{padding-top:7px;padding-bottom:5px;}
#contact-info{
	position:absolute;
	top:0;
	left:294px;
	width:665px;}
#contact-info p#as-title{
	padding:5px 25px;
	font-size:14px;}
#contact-info p#as-address{
	position:absolute;
	width:355px;
	top:61px;
	right:0;
	color:#754C78;
	display:block;
	font-size:14px;
	line-height:130%;
	text-align:center;
}
#top-contact-phone{
	background: #fcd614 url(images/grad-orange-bg.png) top left repeat-x;
	border:1px solid #ffa233;
	border-top:0;
	color:#fff;
	width:253px;
	padding:0;
	height:54px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-box-shadow: 0px 1px 15px #ccc;
	-webkit-box-shadow: 0px 1px 15px #ccc;
	box-shadow: 0px 1px 15px #ccc;}
#top-contact-phone strong{
	position:absolute;
	top:17px;
	left:15px;
	color:#ff0;
	font-size:12px;
	display:inline-block;
	background:url(images/icon-phone.png) left no-repeat;
	padding-left:23px;
	vertical-align:middle;}
#top-contact-phone big{
	position:absolute;
	top:10px;
	left:110px;
	font-size:22px;
	font-weight:bold;
	padding:0;
	color:#fff;}
#top-contact-phone small{
	position:absolute;
	top:28px;
	left:110px;
	font-size:12px;
	font-weight:bold;
	padding:0;
	color:#fff;}	



/* Navigation */
#navigation ul li{
	float:left;
	height:60px;
	margin-left:10px;
	display:inline;
}
#navigation ul li a{
	background-image:url(images/navigation.png);
	background-repeat:none;
	display:block;
	height:60px;
	text-indent:-9999px;
}

li#navigation-item-1{width: 110px;}
li#navigation-item-2{width: 110px;}
li#navigation-item-3{width: 85px;}
li#navigation-item-4{width: 145px;}
li#navigation-item-5{width: 175px;}

li#navigation-item-1 a{background-position:0 0;}
li#navigation-item-2 a{background-position:-120px 0;}
li#navigation-item-3 a{background-position:-240px 0;}
li#navigation-item-4 a{background-position:-335px 0;}
li#navigation-item-5 a{background-position:-490px 0;}

li#navigation-item-1 a:hover{background-position:0 60px;}
li#navigation-item-2 a:hover{background-position:-120px 60px;}
li#navigation-item-3 a:hover{background-position:-240px 60px;}
li#navigation-item-4 a:hover{background-position:-335px 60px;}
li#navigation-item-5 a:hover{background-position:-490px 60px;}

/* Intro */
#intro{
	position:relative;
	background:url(images/introbg.jpg) top left no-repeat;
	clear:both;
	height:400px;
}
#intro h2{display:none;}
#tabs{
	position:relative;
	padding:135px 20px 20px 290px;
	clear:both;}
ul.tabmenu{
	position:absolute;
	top:135px;
	left:20px;
	width:270px;
	clear: both;}
ul.tabmenu li{
	margin:0;
	height:47px;
	border-bottom:1px solid #99c5e9;
	overflow:hidden;}
ul.tabmenu li.noborder{
	border-bottom:0;
	height:48px;}
ul.tabmenu li a{
	height:18px;
	color:#fff;
	display:block;
	margin:0;
	padding:15px 12px;
	font-size:14px;
	font-weight:bold;}
ul.tabmenu li a:hover{text-decoration:none;}	
ul.tabmenu li a.selected{
	background:#fff;
	color:#4a99d7;
	text-shadow:none;}
.tab{
	color:#000;
	background:#fff;
	height:200px;
	padding:20px;
	position:relative;}
.tab h3{
	color:#4a99d7;
	font:italic normal 20px/110% Georgia, serif;
	text-shadow:0 1px 2px #ddd;
	}
.tab p{padding:20px 225px 20px 0;color:#555;text-shadow: 0 1px 1px #A4CDEB;}
.quote{
	position:absolute;
	top:10px;
	right:5px;
	width:225px;}
.balloon em{
	display:block;
	font-family: Georgia, serif;
	font-style:italic;
	text-shadow:0 1px 1px #fff;
	padding:25px;
	background:url(images/balloon_top.jpg) top left no-repeat;}
.balloon{
	width:225px;
	background:#fff url(images/balloon_bg.jpg) top left repeat-y;}
.balloon_tail{height:40px;background: url(images/balloon_bottom.jpg) top left no-repeat;}
.quote cite{position:absolute;right:10px;bottom:-20px;font-weight:bold;font-size:15px;}
ul.tab-buttons{display:block;}
ul.tab-buttons li{
	float:left;
	margin-right:15px;
	display:inline;}
#promo{
	position:absolute;
	top:65px;
	left:294px;}
	
#box-panels{padding:15px 0;height:110px}
.panel{
	float:left;
	position:relative;
	background:url(images/panelbg.jpg) bottom left no-repeat;
	height:110px;
	margin-right:15px;
	width:310px;}
.panel h4{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:10px 100px 5px 15px;}
.panel p{color:#000;font-size:12px;padding:5px 100px 10px 15px;text-shadow:0 1px 2px #aaa;}
.panel img{position:absolute;bottom:0;right:10px;}
#panel2 img{bottom:10px;right:5px;}
#panel3 h4{width:100px;}
#panel3{margin-right:0;}

/* Footer */
#footer-bar{
	position:relative;
	font-size:13px;
	color:#fff;
	height:55px;
	background:#323234 url(images/footer-barbg.png) top left repeat-x;
	text-shadow:0 1px 1px #000;
	-moz-box-shadow: 0px 1px 2px #bcbcbc;
	-webkit-box-shadow: 0px 1px 2px #bcbcbc;
	box-shadow: 0px 1px 2px #bcbcbc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
#footer-bar h3{
	position:absolute;
	background:url(images/footer-bar-title.png) top left no-repeat;
	height:18px;
	width:235px;
	text-indent:-9999px;
	top:19px;
	left:18px;}
#footer-bar-phone{
	position:absolute;
	background:url(images/footer-bar-phone-icon.png) left no-repeat;
	padding-left:30px;
	top:18px;
	left:285px;
}
#footer-bar-address{
	position:absolute;
	background:url(images/footer-bar-address-icon.png) left no-repeat;
	padding-left:30px;
	top:18px;
	left:425px;}


#footer-nav{
	position:relative;
	padding:20px 0;
	color:#4A99D7;
	font-size:11px;}
#footer-nav a{color:#4A99D7;}
#footer-nav ul{clear:both;height:20px;}
#footer-nav ul li{
	float:left;
	padding:0 10px;
	line-height:100%;
	border-right:1px solid #4A99D7;
	display:inline;}
#footer-nav ul li.first{padding-left:0;}
#footer-nav ul li.last{border-right:0;}
#copyright-text{text-transform:uppercase;}
a#backtotop{position:absolute;right:0;top:20px;color:#f60;}

#socialicons{position:absolute;top:12px;right:15px;}
#socialicons a{opacity: .6;-moz-opacity: .6; filter: alpha(opacity=60);}
#socialicons a:hover{opacity: 1;-moz-opacity: 1; filter: alpha(opacity=10);}
#socialicons img{float:left;display:inline;margin-left:5px;}
/*Pages*/
#breadcrumbnav{
	background:#eee url(images/breadcrumb_bg.jpg) 10px 11px no-repeat;
	font-size:11px;
	margin-bottom:10px;
	padding: 8px 8px 8px 130px;
	border:1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
#breadcrumbnav a{color:	#777;text-decoration:underline;}
#breadcrumbnav a,
#breadcrumbnav strong{padding:0 2px;}
#breadcrumbnav a:hover{text-decoration:none;}
#pagedesc{
	background:#4d8ed1 url(images/pagedesc_bg.jpg) top left no-repeat;
	color:#000;
	text-shadow:0 1px 1px #A5CCE9;
	padding:20px 430px 20px 20px;
	margin-bottom:10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
#pagedesc.full{padding:20px;}	
#pagedesc h1{
	font-family:Georgia,serif;
	font-size:20px;
	font-weight:normal;
	color:#fff;
	text-shadow:0 1px 1px #555;
	padding-bottom:15px;}
#pagedesc p{font-size:16px;padding:15px 0;}
.subpageitem{
	position:relative;
	color:#888;
	font-size:12px;
	margin:15px;
	min-height:100px;
	padding-left:115px;}
.subpageitem h3{
	font-size:13px;
	font-weight:normal;
	color:#71A4D1;
	text-transform:uppercase;
	padding:0 0 5px;}
.subpageitem img{
	position:absolute;
	top:0;
	left:0;}
.subpageitem p{
	line-height:120%;
	padding:0 0 10px;
	}
	
/*Comments*/
ol.commentlist{margin:20px 20px 0 0;border-top:1px solid #eee;}
ol.commentlist li{padding:20px 0;border-bottom:1px solid #ddd;}
.comment-info{}
.comment-info a{
	color:#F08E05;
	font-size:15px;
	font-weight:bold;}
.comment-content{padding:10px 0;}
.comment-content p{padding:5px 0;}
.reply{
	background:#4A99D7;
	padding:4px 12px;
	color:#fff;
	font-size:10px;
	text-transform:uppercase;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;}	
	
	
/* Sticky Footer */
html, body {
	height: 100%;
}
#container{
	min-height:100%;
	height: auto !important;
	height:100%;
	margin:0 auto -150px; 
}
#footer{width:960px;margin: 0 auto;}
#footer, .push{
	height:150px;
}

/* Page Navigation Styling */
.wp-pagenavi{text-align:right;padding:10px 0;}
span.pages, a.last{margin-right:15px;text-transform:uppercase;font-size:11px;}
a.page, span.current, span.extend, a.last, a.nextpostslink{padding:0 5px;}
span.current{font-weight:bold;}

}








#slidebox{
    width:400px;
    height:100px;
    padding:10px;
    background-color:#fff;
    border-top:3px solid #E28409;
    position:fixed;
    bottom:0px;
    right:-430px;
    -moz-box-shadow:-2px 0px 5px #aaa;
    -webkit-box-shadow:-2px 0px 5px #aaa;
    box-shadow:-2px 0px 5px #aaa;
}

#slidebox p, a.more{
    font-size:11px;
    text-transform:uppercase;
    font-family: Arial,Helvetica,sans-serif;
    letter-spacing:1px;
    color:#555;
}
a.more{
    cursor:pointer;
    color:#E28409;
}
a.more:hover{
    text-decoration:underline;
}
#slidebox h2{
    color:#E28409;
    font-size:18px;
    margin:10px 20px 10px 0px;
}


a.close{
    background:transparent url(../images/close.gif) no-repeat top left;
    width:13px;
    height:13px;
    position:absolute;
    cursor:pointer;
    top:10px;
    right:10px;
}
a.close:hover{
    background-position:0px -13px;
}