/*
Theme Name: Clearsky C2
Theme URI: http://wordpress.org/
Description: The Clearsky Theme.
Version: 1.0
Author:Cody Joyce
Author URI: http://clearsky.net.au/

	Clearsky CS
	 http://clearsky.net.au

	This theme was designed and built by Cody Joyce,
	for Clearsky I.T Services http://clearsky.net.au/

*/
body{
	background:url(img/bodybg.png) #777777 repeat-x;
	margin:10px 0px 0px 0px;
}
#topheading{
	position:relative;
	width:1000px;
	left:50%;
	margin-left:-500px;
	font:18px arial;
	color:#ffffff;
}
#wrapper{
	position:relative;
	width:1000px;
	left:50%;
	margin-left:-500px;
	background:#ffffff;
	margin-top:10px;
}
#container{
	position:none;
	width:970px;
	margin-left:15px;
	padding-top:10px;
}
#banner{
	height:120px;
	width:100%;
	margin-top:10px;
}
#content{
	float:left;
	width:720px;
	margin-right:20px;
}
#sidebar{
	float:left;
	width:230px;
}

/* Banner and Side Widgets */
#cslogo{
	position:absolute;
	width:199px;
	height:110px;
}
#googlebar{
	position:absolute;
	margin-left:300px;
	margin-top:50px;
}
#contactus{
	position:absolute;
	background:url(img/contactus.png) no-repeat;
	width:245px;
	height:83px;
	margin-left:720px;
	margin-top:10px;
}
#menubar{
	background:url(img/menubar.png) no-repeat;
	width:968px;
	height:66px;
}
/* Forms & Fields */

.text{ /*used for standard input boxes*/
	width:190px; 
	height:30px;
	padding-top:6px;
	padding-left:5px;
	padding-right:5px;
	border:none;
	background:url(img/inputbox.png) no-repeat;
}
.textarea{ /*used for standard input boxes*/
	width:190px; 
	height:110px;
	padding-top:6px;
	padding-left:5px;
	padding-right:5px;
	border:none;
	background:url(img/textarea.png) no-repeat;
}
.searchbutton{
	border:none;
	background:url(img/searchbutton.png) no-repeat;
	width:28px;
	height:27px;
	padding-bottom:2px;
}
.submitbutton{
	border:none;
	background:url(img/submitbutton.png) no-repeat;
	width:105px;
	height:27px;
	padding-bottom:2px;
	color:#ffffff;
}
/* Navmenu and rules from wordpress for horiz menu*/
#navmenu{
		padding-top:25px;
}	
#navmenu ul {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
}
#navmenu li {
	display: inline; 
}
#navmenu ul li a {
	text-decoration:none;  
	margin: 4px;
	padding: 5px 20px 5px 20px; 
	color:#ffffff;
	font-weight:bold;
}
#navmenu ul li a:hover {
	color: orange;
}

/* Fonts & Alignment*/
*{
	font:12px arial;
	color:#363636;
}
h1{
	font:18px arial;
	color:#00aeef;
}
.widgettitle{
	font:18px arial;
	color:#00aeef;
}
a{
	color:#002b5c;
	text-decoration:none;
}
strong{
	color:#ff3600;
	font-weight:bold;
}
em{
	color:#002b5c;
	font-style:italic;
}
.h1{ /* in this instance we are using a class so google only picks up on one H1 on the page*/
	font:18px arial;
	color:#00aeef;
	margin: .67em 0;
}
#sidebar ul{
	list-style-type: none;
	padding:0;
	margin:0; 
}
#sidebar li{
	
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */