/*
Theme Name: Cyberstart Blueberry
Theme URI: http://cyberstart.com.au
Description: Cyberstart Blueberry Theme
Author: Southern Xposure Pty Ltd
Author URI: http://southernxposure.com.au
Version: 1.1
*/


/**********************************************************************************************/
/* Reset default browser styles */
/**********************************************************************************************/
@import url('styles/reset.css');


/**********************************************************************************************/
/* Rebuild default browser styles */
/**********************************************************************************************/
@import url('styles/rebuild.css'); 


/**********************************************************************************************/
/* Basic WordPress Styles */
/**********************************************************************************************/
@import url('styles/wp.css');


/**********************************************************************************************/
/* Set the standard, font and blue gradient background image */
/**********************************************************************************************/
body{
	font-family: Helvetica;
	font-size: 12px;
	background: #6d6e72;
	background-image: url('images/background.jpg');
	color: #525252;
}


/**********************************************************************************************/
/* This is the containing DIV for the central design/content layout */
/**********************************************************************************************/
#main{
	margin: 0 auto;
	width: 100%;
	text-align: center;
	padding: 0px;
}

#wrapper{
	margin: 0 auto;
	width: 975px;
	text-align: center;
	padding: 0px;
}


/**********************************************************************************************/
/* This is the DIV for the logo and "call us now" text */
/**********************************************************************************************/

#header_handle {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	padding: 0px;
	height: 137px;
	background:#ffffff;
	clear:both;
/*	background-image:url('images/handle_header.jpg');
	background-repeat:no-repeat;
	background-position: 100% 100%;*/
}

#header {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	padding: 0px;
	height: 137px;
	background:#ffffff;
	clear:both;
}


/**********************************************************************************************/
/* This is the DIV for the Hero Image - Uncomment the background-image/backgorund-repeat lines and remove the TheThe Fly Slider code from header.php for a static image  */
/**********************************************************************************************/
#hero {
	margin: 0 auto;
	width: 960px;
	text-align: center;
	padding: 0px;
	height: 346px;
	clear:both;
/*	 background-image:url('images/header.jpg'); 
	 background-repeat:no-repeat; */
	 position:absolute;
	 top:-72px;
	 left:8px;
}
#subhero {
position:relative;
background:#0089d1;
height: 346px;
width:960px;
margin:0 auto;
top:-9px;
}

#spacer5px {
	height:5px;
}


/**********************************************************************************************/
/* This is the DIV for the main content area */
/**********************************************************************************************/
#content {
	margin: -9px auto 0 auto;
	width: 959px;
	text-align: left;
	padding: 0px;
	background:#ffffff;
	clear:both;
}


/**********************************************************************************************/
/* This is the DIV for the footer area */
/**********************************************************************************************/
#footer {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	background:#e8e8e8;
	height: 90px;
	clear: both;
}

#footer_960 {
	margin: 0 auto;
	width: 940px;
	text-align: center;
	padding: 10px;
	height: 70px;
	clear:both;
	color:#404040;
	background:#e8e8e8;
}


/**********************************************************************************************/
/* This is the DIV for content displayed from posts and pages */
/**********************************************************************************************/
#blog{
	float: left;
	width: 550px;
	margin:0;
	padding: 30px 40px 10px 40px;
	background:#ffffff;
}


/**********************************************************************************************/
/* Styling for the "call us now" text */
/**********************************************************************************************/
#header_call{
	float:right;
	width:400px;
	padding-left:15px;
	padding-top:60px;
	font-weight:bold;
	font-size:18px;
	color:#404040;
}


/**********************************************************************************************/
/* Set the standard LINK styles */ 
/**********************************************************************************************/
a {
	font-family: Arial, Sans-Serif;
	font-weight:normal;
	color:#00aeef;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	color:#bf953f;
}


/**********************************************************************************************/
/* Heading styles */
/**********************************************************************************************/
p {
	font-size: 13px
}

p a {
	color:#00aeef;
	text-decoration:none;
}

p a:hover {
	text-decoration:underline;
	color:#00aeef;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Sans-Serif;
	font-weight:normal;
	line-height:110%;
}

h1 {
	font-size:40px;
	padding:15px 0 20px 0;
	color:#2f2f2f;
	font-weight:normal;
}

h2 {
	font-size:26px;
	padding:10px 0 10px 0;
	color:#2f2f2f;
}

h3 {
	font-size:18px;
	padding:15px 0 10px 0;
	line-height:130%;
	color:#00aeef;
}

h4 {
	font-size:14px;
	padding:0px 0 10px 0;
	line-height:130%;
	color:#2f2f2f;
}

h5 {
	font-size:12px;
	color:#00aeef;
	padding:10px 0 10px 0;
}

h6 {
	font-size:10px;
	padding:10px 0 10px 0;
}


/**********************************************************************************************/
/* Styling for the footer navigation menu */
/**********************************************************************************************/
.footer_nav{ 
	display:block;
	position:relative;
	margin-left:-30px;
}

.footer_nav ul{
	list-style:none;;
}

.footer_nav li{
	float:left;
	position:relative;
}

.footer_nav ul ul{
	display:none;
}

.footer_nav a {
	padding:0 5px 0px 0px;
	color:#1ea1d1;
	text-decoration: none;
}
.footer_nav a:hover {
	color:#1ea1d1;
	text-decoration: underline;
}

.footer_nav li:before { content: "| "; }

.footer_nav li:first-child:before { content: ""; }


/**********************************************************************************************/
/* Styling for the main navigation menu */
/**********************************************************************************************/
.nav{
	margin: 0 auto;
	margin-top:-18px;
	width:975px;
	/*text-align:center;*/
	padding:0;
	height:53px;
	line-height:44px;
	display:block;
	background-image:url(/wp-content/uploads/2012/12/nav_bg11.png);
	position:relative;
}

.nav ul{
	list-style:none;
	margin-left:35px;
}

.nav li{
	float:left;
	position:relative;
	background:url(/wp-content/uploads/2012/12/sepretor.jpg) no-repeat right;
	margin-right:1px;
	/*******************************************/
	/* Add a nav divider image here if required */
	/*******************************************/
	/*
	background-image:url('images/navDivider.jpg');
	background-repeat:no-repeat;
	background-position: 100% 50%;
	*/
}


.nav a{
	display:block;
	text-decoration:none;
	color:#fff;
	/*****************************************************************************************************/
	/* The setting "padding:" is for the "faked" centering of the menu - adjust it to center the primary menu - change the left and right values */
	/*****************************************************************************************************/
	padding:0 27px 0px 27px;
	font-size:14px; 
	/*font-weight:bold;*/
}

.nav li:hover > a,.nav ul ul:hover > a , .nav li.current_page_item a{
	color:#fff;
	text-decoration:none;
	/*******************************************/
	/* Add a background image here if required */
	/*******************************************/
	background-image:url(/wp-content/uploads/2012/12/menu_hover.jpg);
	background-repeat: repeat-x;
	background-position: 52% 90%;
	/*background-size: 80% 8px;*/
}

.nav ul li:hover > ul{
	display:block;
}


.nav_handle{
	margin: 0 auto;
	margin-top:-18px;
	width:973px;
	padding:0;
	height:53px;
	line-height:44px;
	display:block;
	background-image:url(/wp-content/uploads/2012/12/nav_bg1.png);
	position:relative;
}

.nav_handle ul{
	list-style:none;
	margin-left:35px;
}

.nav_handle li{
	float:left;
	position:relative;
	margin-right:1px;
	background:url(/wp-content/uploads/2012/12/sepretor.jpg) no-repeat right;
	z-index:999;
	/*******************************************/
	/* Add a nav divider image here if required */
	/*******************************************/
	/*
	background-image:url('images/navDivider.jpg');
	background-repeat:no-repeat;
	background-position: 100% 50%;
	*/
}


.nav_handle a{
	display:block;
	text-decoration:none;
	color:#fff;
	/*****************************************************************************************************/
	/* The setting "padding:" is for the "faked" centering of the menu - adjust it to center the primary menu - change the left and right values */
	/*****************************************************************************************************/
	padding:0 27px 0px 27px;
	font-size:14px; 
	/*font-weight:bold;*/
}

.nav_handle li:hover > a,.nav_handle ul ul:hover > a , .nav_handle li.current_page_item a{
	color:#ffffff;
	text-decoration:none;
	background-image:url(/wp-content/uploads/2012/12/menu_hover.jpg);
	background-repeat: repeat-x ;
	background-position: 52% 90%;
	/*background-size: 80% 8px;*/
}

.nav_handle ul li:hover > ul{
	display:block;
}

/**********************************************************************************************/
/* Style for the drop down menu on the main navigation menu */
/**********************************************************************************************/
.children li:hover > a,.children:hover > a{
/*	 background-image:url('images/nav_sub_hover.png');
	background-repeat:repeat-x; */
	text-decoration:none;
	background-size: auto;
	color:#fff;
}

.children{
	display:none;
	position:absolute;
	top:100%;
	/*****************************************************************************************************/
	/* The setting "left:" is for the "faked" centering of the menu - adjust it to center the drop down menus */
	/*****************************************************************************************************/
	left:-35px;
	float:left;
	z-index:99999;
	background: #2f3032;
	text-align: left;
	width:220px;
}

.children ul{
	top: 30%;
	left:100%;
	background: #2f3032;
}
.children li{
	background: url(/wp-content/uploads/2012/12/border_bot.jpg) repeat-x left bottom;
}

.children a{
	height:auto;
	line-height:1em;
	padding:10px;
	width:200px;
	color:#ffffff;
	font-size:13px;
}


/**********************************************************************************************/
/* Styling for the 3 Widget Boxes above the footer */
/**********************************************************************************************/
.widget1 {
	float:left;
	margin-left:-7px;
	padding-bottom:15px;
}

.widget2 {
	float:left;
	margin-left:-10px;
}

.widget3 {
	float:left;
	margin-left:-10px;
}


/**********************************************************************************************/
/* Styling for the right sidebar */
/**********************************************************************************************/
#sidebar {
	float: right;
	margin:15px 15px 15px 0px;
	padding:0;
	width: 305px;
	background:#e6e6e6;
	list-style: none;
}
#sidebar h2 {
	background: url(/wp-content/uploads/2012/12/black_strip.png) no-repeat left top;
	width:297px;
	height:34px;
	color: #fff;
    font-size: 20px;
    padding: 15px 0 10px 30px;
	margin:10px 0 10px -11px;
}

#sidebar ul li {
	margin-left:-12px;
	margin-right:15px;
	font-size:18px;
	list-style:none;
	border-bottom:1px solid #d7d7d7;
	background:url(images/spade.png) no-repeat left center ;
	padding:0 0 0 25px;
	/*list-style-position:inside;*/
	line-height:200%;
}

#sidebar a{
	color: #58595b;
	text-decoration:none;
}
#sidebar a:hover{
	color: #0089d1;
	text-decoration: underline;
}

#sidebar li:hover > a,#sidebar ul ul:hover > a{
	color:#0089d1;
	text-decoration:underline;
}


/**********************************************************************************************/
/* Styling for the the content of a blog entry */
/**********************************************************************************************/
.entry {
	margin-bottom:15px;
	border-bottom:1px solid #808080;
}

.entry li {
	margin-bottom:15px;	
}


/**********************************************************************************************/
/* Styling for the footer widgets area */
/**********************************************************************************************/
#subFooter{
	list-style:none;
	margin: 0 auto;
	width: 960px;
	clear: both;
	background: #ffffff;
}


/**********************************************************************************************/
/* Styling for for text such as "No Comments", etc... on posts */
/**********************************************************************************************/
.postmetadata {
	color:#808080;
}


/**********************************************************************************************/
/* Styling for contact form */
/**********************************************************************************************/


.wpcf7 input, 

.wpcf7 textarea{

    padding:10px;
 	color:#8e8e8e;


    font-family:Arial, Helvetica, sans-serif;

    font-size:16px;

    line-height: 20px;

    border: solid 1px #9f9f9f; 

    box-shadow: inset 2px 2px 8px #bababa;

    -webkit-transition: all 0.2s ease;

	-moz-transition: all 0.2s ease;

	-o-transition: all 0.2s ease;

	transition: all 0.2s ease;
}

.wpcf7 .wpcf7-list-item{

	padding-left: 0;

	margin-left: 0;

	margin-right: 25px;

}

.wpcf7 .wpcf7-list-item input{

	border: none;

	padding-left: 0;

	margin-left: 0;

}

.wpcf7 input:hover, 

.wpcf7 input:focus, 

.wpcf7 input:active, 

.wpcf7 textarea:hover, 

.wpcf7 textarea:focus, 

.wpcf7 textarea:active {

	background: #f5f5f5;

	outline: none;

}


.wpcf7 input.wpcf7-submit{















    -webkit-transition: 0;







	-moz-transition: 0;







	-o-transition: 0;







	transition: 0;







	







	border: none;







	position: relative;







	







	color: #fff;







	







	text-shadow: 1px -2px 0px black;







	







	text-transform: uppercase;







	







	-webkit-border-radius: 10px;







	-moz-border-radius: 10px;







	border-radius: 10px;







	







	font-size: 14px;







	







	padding-top: 11px;







	padding-bottom: 10px;







	padding-left: 35px;







	padding-right: 35px;







	







	/* Gradient background */







	background-color: #000000;







	background: -webkit-gradient(linear, left top, left bottom, from(#313130), to(#4f4f4f));	







	background:  -moz-linear-gradient(top, #313130, #4f4f4f);	







	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf953f', endColorstr='#000000');







	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf953f, endColorstr=#000000)";







	








	/* Drop Shadow */







	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);







	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);







	box-shadow: 0 2px 5px rgba(0,0,0,0.3);







	







}















/* On hover */







.wpcf7 input.wpcf7-submit:hover{







	







	cursor: pointer;







	text-decoration: none;







	







	background-color: #000000;







	background: -webkit-gradient(linear, left top, left bottom, from(#bf953f), to(#d38d32));	







	background:  -moz-linear-gradient(top, #bf953f, #d38d32);	







	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf953f', endColorstr='#d38d32');







	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf953f, endColorstr=#d38d32)"; 







}















/* On click */







.wpcf7 input.wpcf7-submit:active{







	top: 1px;







	







	color: #d38d32;







	







	background-color: #000000;







	background: -webkit-gradient(linear, left top, left bottom, from(#bf953f), to(#bf953f));	







	background:  -moz-linear-gradient(top, #bf953f, #bf953f);	







	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf953f', endColorstr='#bf953f');







	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf953f, endColorstr=#bf953f)"; 







	







	-webkit-box-shadow: none;







	-moz-box-shadow: none;







	box-shadow: none;







}















/* CF7 Messages */







.wpcf7 .wpcf7-validation-errors{







    border:none;







    background-color:#21a2ca;







    margin:0;







    padding:20px;







    







	-webkit-border-radius: 10px;







	-moz-border-radius: 10px;







	border-radius: 10px;







}















.wpcf7 .wpcf7-mail-sent-ok{







    border:none;







    background-color:#bf953f;







    margin:0;







    padding:20px;







    







	-webkit-border-radius: 10px;







	-moz-border-radius: 10px;







	border-radius: 10px;







}















.wpcf7 .wpcf7-mail-sent-ng{







    border:none;







    background-color:#bf953f;







    margin:0;







    padding:20px;







	







	-webkit-border-radius: 10px;







	-moz-border-radius: 10px;







	border-radius: 10px;







	







    color: white;







}















.wpcf7 span.wpcf7-not-valid-tip{







    border:none;







    background-color:#cf2d38;







    padding:10px;







    padding-left: 15px;







    padding-right: 15px;







    border-radius:10px;







    width: 180px;







    color: white;







    







    /* Drop shadow */







    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);







    -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);







    box-shadow: 3px 3px 3px rgba(0,0,0,0.3);







}















.wpcf7-form .fleft{







	float: left;







}















.wpcf7-form .mright20{


	margin-right: 20px;


}


.wpcf7-form .mright40{



	margin-right: 40px;




}


.wpcf7-form .clear{


	clear: both;


}




/**********************************************************************************************/







/* Don't know what thew rest is for - was part of a template I copied - looks like styling for comments and general WP stuff */







/**********************************************************************************************/







.gravatar{







	float: right;







}















.comments-template{







	margin: 10px 0 0;







	padding: 30px 0 0;







}















.comments-template ol{







	margin: 0;







	padding: 0 0 15px;







	list-style: none;







}















.comments-template ol li{







	margin: 10px 0 0;







	line-height: 18px;







	padding: 0 0 10px;







	border-bottom: 1px solid #ccc;







}















.comments-template textarea{







	width: 500px;







}















.wp-caption {







  background-color: #f3f3f3;







  border: 1px solid #ddd;







  -khtml-border-radius: 3px;







  -moz-border-radius: 3px;







  -webkit-border-radius: 3px;







  border-radius: 3px; /* optional rounded corners for browsers that support it */







  margin: 10px;







  padding-top: 4px;







  text-align: center;







}















.wp-caption img {







  border: 0 none;







  margin: 0;







  padding: 0;







}















.wp-caption p.wp-caption-text {







  font-size: 11px;







  line-height: 17px;







  margin: 0;







  padding: 0 4px 5px;







}



/**********************************************************************************************/

/*Blockquote*/

/**********************************************************************************************/



blockquote {

	margin: 1em 20px;

	padding-left: 70px;

	font-style: italic;

	color: #525252;

	background: transparent url(http://solidlogic.com.au/wp-content/uploads/2012/07/quotation.png) no-repeat;



}





/**********************************************************************************************/

/*Table styling*/

/**********************************************************************************************/



table, th, td {

	border: 1px solid;

	border-color:  #e4e4e4;

}



td {

	vertical-align: top;

	padding:5px;

}