/*
Theme Name: Vertical Axion Theme 6
Theme URI: http://www.verticalaxion.com
Description: Vertical Axion MSP Theme.
Author: Vertical Axion
Author URI: http://www.verticalaxion.com
Version: 1.2
License: GPL
*/

/*get google fonts*/
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic&subset=latin&v2);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700&subset=latin&v2);
@import url(http://fonts.googleapis.com/css?family=Pacifico&subset=latin&v2);
@import url(http://fonts.googleapis.com/css?family=Exo:400,900,100,200,300,500,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Karla:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700,800);

/*** Reset Browser Settings ***/
*{margin:0; padding:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
a img{border:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, 
blockquote:after, 
q:before, 
q:after{content:""}
blockquote, 
q{quotes:""""}

/*** Main Body ***/
body{font-size:14px; font-family: Arial, sans-serif; line-height:1.5em; color:#333; background:#fff}
.home { background: #fff url(images/homebg.png) repeat-x 0 -13px; }
.page { background: #fff url(images/pagebg.png) repeat-x 0 -13px; }

/*** Clearfix **/
.clear{clear:both}

/*** Links ***/
a{text-decoration:none; color:#09F}
a:hover{text-decoration:underline}

/*** Styles ***/
p{margin:0 0 1em}
textarea, input{font-size:13px}
strong{font-weight:bold;}
em{font-style:italic}

small{font-size:12px; color:#666}

/*** Headings ***/
h1, h2, h3, h4, h5, h6{font-family: Arial, sans-serif;line-height:140%; font-weight:bold;}
h1{font-size:1.86em}
h3{font-size:1.3em}
h4{font-size:1em}
.postcontent h2{font-size:1.5em; margin-top:30px; margin-bottom:10px}
h1{margin-bottom:20px; line-height:1}
h1#category-title{padding-bottom: 5px;margin:0 0 40px 0}
h1#single-title{padding-bottom:5px;margin-bottom:0 !important}
.postcontent h3{font-size:1.3em; font-weight:normal; margin:2em 0em 0.63em 0em; font-style:italic}
#respond h3{font-size:1.43em; padding:10px 0}
h2.posttitlehome{font-size:1.57em; margin-bottom:10px}
h1.category-title{font-style:italic; margin-bottom:20px;}

/*** Main Layout ***/
#wrap{width:960px; padding:0; margin:20px auto 0 auto;}
#main{float:left; width:630px; padding:10px 0; font-size:0.93em; margin-top: 25px;}
.full-width{width:960px !important}
.static-image{border:10px solid #ECECEC; margin-top:20px}

/*** Header ***/
#header{margin:0 auto 2px auto; width:960px; padding: 0; min-height:60px; position:relative}
#header-logo{width:400px; text-align:left;}
#header-description{text-transform:capitalize; font-size:12px; margin:0 0 0 5px}

#header-logo h1, #header-logo h2{font-family: 'Pacifico', arial, serif; font-size:30px; margin:0; border:none; padding: 0;}
#header-logo a{color:#2C2C2C}

#phonebig{height:36px; position:absolute; right:0; top:73px; text-align: right; font-size: 32px; line-height: 36px; font-weight: bold;}
#phonebig img { float: left; margin-right: 10px; }

/*** Post  ***/
.post{float:left; width:630px; margin:0; padding: 0 0 10px;}
.thumbnail-wrap img, #related-posts img{float:left; margin:0 20px 10px 0 !important; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;  border-radius:5px; -moz-box-shadow:0px 1px 2px #ababab; -khtml-box-shadow:0px 1px 2px #ababab; -webkit-box-shadow:0px 1px 2px #ababab; box-shadow:0px 1px 2px #ababab}
.thumbnail-wrap a:hover img{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; -moz-box-shadow:0px 5px 5px #ababab; -khtml-box-shadow:0px 5px 5px #ababab; -webkit-box-shadow:0px 5px 5px #ababab; box-shadow:0px 5px 5px #ababab}
img.single{float:left; border:5px solid #ECECEC; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;  border-radius:5px; -moz-box-shadow:0px 1px 2px #ababab; -khtml-box-shadow:0px 1px 2px #ababab; -webkit-box-shadow:0px 1px 2px #ababab; box-shadow:0px 1px 2px #ababab; margin:0 20px 0 0;}
.noborder{border-bottom:none}

/*** Post Content ***/
.postcontentt h1{font-weight:bold; color:#333}
.postcontent{color:#333; margin-bottom:20px}
h2.entry-title{font-size:1.5em; margin-top:0 !important}
.postcontent ul{margin:10px 20px; list-style: none;}
.postcontent ul li { background: url(images/bullet.png) no-repeat 0 4px; padding-left: 20px; }
.postcontent ol{margin:10px 20px}
.postcontent .alignleft{float:left; margin:0 10px 10px 0}
.postcontent .alignright{float:right; margin:0 0 10px 10px}
.postcontent .aligncenter, 
.postcontent .center{text-align:center; margin:0 auto; display:block}
.postcontent blockquote{padding: 20px; margin: 20px 0px; border: 1px solid #CCC; background: #EEE; }
a.read-more{position:absolute; right:0; bottom:0; font-size:0.93em;}

/*** Pagination ***/
#pagination{clear:both;position:relative; font-size:11px; line-height:13px; text-shadow:1px 1px 1px #FFF}
#pagination span, #pagination a{display:block; float:left; margin:2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#666; background:#EEE}
#pagination a:hover{background:#D7D7D7}
#pagination .current{padding:6px 9px 5px 9px; background:#D7D7D7}

/*** Byline ***/
#byline{font-family: Arial, Helvetica, sans-serif; font-size:11px; margin-top: 5px;margin-bottom:20px; color:#999}
#byline a{color:#09F; text-decoration:none}
#byline a:hover{text-decoration:underline}

/* ----------------------  Related Posts -------------------------- */
#related-posts{margin:15px 0 0;padding:15px 0 0;border-top:1px solid #EEE}
#related-posts img{float:left; margin:0 15px 10px 0}
#related-posts a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7}
#related-posts ul{list-style:none}
#related-posts li{margin:0 0 20px 0}

#related-posts h3{font-size:12px; margin:0 0 5px}
#related-posts h4{font-size:18px; margin:0 0 20px}

/*** Comments ***/
#commentsbox{margin:15px 0 0}
h3#comments{font-size:18px;margin:0 0 10px}
ol.commentlist{margin:0px 0 0; clear:both; overflow:hidden; list-style:none}
ol.commentlist li{margin:10px 0; line-height:18px; padding:10px; border:1px solid #EEE}
.bypostauthor{}
.comment-author{}
.comment-author a:link, 
.comment-author a:visited{font-weight:bold; text-decoration:none !important}
.comment-author .fn{}
cite.fn{font-weight:700; font-size:12px}
.comment-author .avatar{float:left; margin:0 10px 0 0}
.comment-meta{font-size:11px}
.comment-meta .commentmetadata{color:#000}
.comment-meta a{color:#999;border-bottom:1px solid #EEE; text-decoration:none !important}
ol.commentlist li p{line-height:22px; margin:5px 0 0}
.reply{text-align:right; margin-top:10px; font-size:10px}
li.odd{}
li.even{}
.children{list-style:none; margin:1em 0 0; text-indent:0}
.children li.depth-2{margin:0 0 0px 50px}
.children li.depth-3{margin:0 0 0px 50px}
.children li.depth-4{margin:0 0 0px 50px}
.children li.depth-5{margin:0 0 0px 50px}
.comment-nav{padding:5px; height:20px}
.comment-nav a:link, .comment-nav a:visited{}
.cancel-comment-reply a{color:#F00; font-weight:700}
#respond{margin:20px 0px}
#respond h3{font-size:18px; margin:0 0 20px}
#commentform{}
#commentform p{margin:5px 0px}
#respond label{display:block; padding:5px 0}
#respond label small{font-size:10px}
#respond input{margin-bottom:10px; padding:5px 5px; margin:0 10px 10px 0; background:#fff; border:1px solid #ddd}
#commentform input{width:50%}
input#commentSubmit{font-size:14px;background:#EFEFEF;color:#999;text-decoration:none;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:3px 10px; width:100px; margin:10px 0px; cursor:pointer; border:1px solid #CCC; outline:none;text-shadow:1px 1px 1px #FFF}
input#commentSubmit:focus, #comment:focus{border:1px solid #C3C3C3;}
#commentSubmit:hover{border:1px solid #B7B7B7 !important;}
textarea#comment{border:none; background:#fff; border:1px solid #ddd; width:70%; margin:10px 0px 0px 0px; padding:5px 5px}

/*** Footer ***/
#footer{width: 100%; clear: both; background-color: #333; color:#fff; font-size:.85em; padding:10px 0;margin: 10px auto 0 auto;}
#footerwrap { width: 960px; margin: 0 auto; padding: 0; }
#footer a{color:#fff !important}
#footer-left{float:left}
#footer-right{float:right; font-size:0.79em}

#fsidebar{width: 960px; margin: 0 auto; padding:0; color: #f1f1f1; font-size:12px; overflow: hidden; clear: both;}
#fsidebar ul{list-style:none; margin:0}
#fsidebar li{margin:5px 0}
#fsidebar .box{float: left; width: 220px; padding: 0; margin:0 10px 10px 10px;}
#fsidebar .textwidget{padding:0; line-height: normal;}
#fsidebar h4{font-size:16pt; font-weight:normal; padding: 0 0 5px; margin: 0 0 5px; color: #fff; text-transform: uppercase;}
#fsidebar p {line-height: normal; }
#fsidebar .menu li { background: url(images/bullet.png) no-repeat 0 5px; padding-left: 15px; margin: 0;}
#fsidebar .srp-widget-title { font-size: 12px; text-transform: none; font-weight: bold; }
#fsidebar .srp-widget-singlepost { width: 220px; border: 0; }

/*** Sidebar ***/
#sidebar{float:right; width:287px; padding:0; font-size:0.93em; margin-top: 25px;}
#sidebar ul{list-style:none; margin:0}
#sidebar li{margin:5px 0}
#sidebar .box{margin:0 0 20px; }
#sidebar .pad {padding: 10px; width: 267px; background-color: #f9f9f9; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#sidebar .textwidget{padding:0}
#sidebar h4{font-size:1.43em; font-weight:normal; padding: 0 0 5px; margin: 0 0 10px;}
#sidebar ul.contact { list-style: none; margin: 0; }
#sidebar ul.contact li { height: 32px; padding-left: 42px; font-size: 16px; }
#sidebar li.address { background: url(images/address.png) no-repeat 0 0; line-height: 16px; }
#sidebar li.phone { background: url(images/phone.png) no-repeat 0 0; margin-top: 20px; line-height: 32px; }
#sidebar li.email { background: url(images/email.png) no-repeat 0 0; margin-top: 20px; line-height: 32px; }

/*** WordPress Styles ***/
.wp-caption{border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.wp-caption img{margin:0; padding:0; border:0 none}
.wp-caption p.wp-caption-text{font-size:11px; line-height:17px; padding:0 4px 5px; margin:0}

/* calendar widget */
.widget_calendar {float: left;}
#wp-calendar {width: 100%; }
#wp-calendar caption {
	text-align: right;
	color: #333;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 15px;
}
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

/***Search***/
#searchbar{margin-top:15px; position:relative;width:250px;}
#search{background:#FFF url(images/searchbg.png) top repeat-x; padding:5px 27px 5px 5px; font-size:14px; width:200px; border:1px solid #CCC; moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; color:#999}
#searchsubmit{position:absolute; right:5px; top:8px; display:block; background:url(images/searchsubmit.png) no-repeat; height:15px; width:15px; border:0; text-indent:-9999px}

.socials { float: left; width: 300px; margin: 10px 0 0 0; padding: 0; }
.socials a { margin-right: 10px; }
/*** Navigation Bar ***/
#primary-nav{background:#333333; float: right; z-index:99; margin:0 auto;}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu *{margin:0; padding:0; list-style:none}
.sf-menu{line-height:1.0}
.sf-menu ul{position:absolute; top:-999em; width:18em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li{width:100%}
.sf-menu li:hover{visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li{float:left; position:relative}
.sf-menu a{display:block; position:relative}
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul{left:0; top:38px; /* match top ul list item height */z-index:99}
ul.sf-menu li:hover li ul, 
ul.sf-menu li.sfHover li ul{top:-999em}
ul.sf-menu li li:hover ul, 
ul.sf-menu li li.sfHover ul{left:18em; /* match ul width */top:0}
ul.sf-menu li li:hover li ul, 
ul.sf-menu li li.sfHover li ul{top:-999em}
ul.sf-menu li li li:hover ul, 
ul.sf-menu li li li.sfHover ul{left:18em; /* match ul width */top:0}

/*Style From Here On */
.sf-menu{float:left}
.sf-menu a{font-size:1em; padding:12px 20px 12px 20px; text-decoration:none; font-weight: bold;}
.sf-menu a, .sf-menu a:visited{/* visited pseudo selector so IE6 applies text colour*/color:#fff}
.sf-menu li{}
.sf-menu li li{background:#333;}
.sf-menu li ul{border-top:1px solid #CCC}
.sf-with-ul a, 
.sf-menu li a:hover, 
.current_page_item a, 
.current-menu-item a{ color: #ddd !important; outline:0}
.sf-menu li li a:hover{}

/*** shadows for all but IE6 ***/
.sf-shadow ul{background:url('images/shadow.png') no-repeat bottom right; padding:0 8px 9px 0; -moz-border-radius-bottomleft:17px; -moz-border-radius-topright:17px; -webkit-border-top-right-radius:17px; -webkit-border-bottom-left-radius:17px}
.sf-shadow ul.sf-shadow-off{background:transparent}

#slider{z-index:5; width:960px; height:371px; margin:-18px 0 0 0; position:relative; background: url(images/bigimg.jpg) no-repeat 0 0;}
#slider a{border:0}
#slider .risk { float: right; margin-top: 77px; margin-right: 20px; padding: 10px; width: 266px; height: 200px; background: url(images/riskbg.png) no-repeat 0 0; color: #fff; font-size: 12px; line-height: 18px; }
#slider .risk h3 { font-weight: bold; font-size: 22px; }
#slider .risk img { margin-top: 94px; margin-left: 64px; }

/*** Bottom Boxes ***/
#bottomboxes { font-family: 'Open Sans', Arial, sans-serif; width: 960px; clear: both; margin: 0; padding: 0; color: #fff; font-size: 12px; font-weight: 600; line-height: normal; }
#bottomboxes h3 { font-family: 'Open Sans', Arial, sans-serif; font-size: 28px; margin: 0 0 5px 0; padding: 0; line-height: normal; font-weight: 700; }
#bottomboxes a { color: #fff; }
#bottomboxes a:hover { text-decoration: none; }
#bottomboxes .box1 { float: left; width: 445px; height: 80px; padding: 10px; background: url(images/box1.png) no-repeat 0 0; }
#bottomboxes .box2 { float: right; width: 445px; height: 80px; padding: 10px; background: url(images/box2.png) no-repeat 0 0; }

#main .wpcf7 {
	width: 312px;
	margin: 0 auto;
}

#main .wpcf7 .wpcf7-text, #main .wpcf7 textarea {
	width: 300px;
	padding: 3px 5px;
	border: 1px solid #ccc;
}

#main .wpcf7 .wpcf7-submit {
	padding: 5px 20px;
	color: #fff;
	font-weight: bold;
	background-color: #1C6BA3;
	border: 1px solid #006699;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: right;
}

#main .wpcf7 span.wpcf7-not-valid-tip {
	position: absolute;
	top: -4px;
	left: 0;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 306px;
	padding: 0 2px;
	height: 22px;
}
