/*
auhor: danjukes.co.uk
theme: 980
date: 01/01/2010
*/

/* common styles */
body{
	background-image: url('../images/bg.jpg');
	color: #4B4B4B;
	font-family: Helvetica,"Helvetica Neue",Arial,sans-serif;
	line-height: 1.5em;
	padding-bottom: 15px;
}

strong{
	font-weight: bold;
}

a{
	color:#192363;
	text-decoration:none;
}

h1{
	font-size: 1.6em;
	font-weight: bold;
	margin: 20px 20px 10px;
	line-height:30px;
}

h3{
	margin: 0 20px 10px;
	font-weight:bold;
}

h3 a{
	color:#4B4B4B;
}

p{
	font-size: 14px;
	margin: 0 20px 15px;
}

.form{
	margin-top:20px;
}

.class{
	clear: both;
}

/* misc */
.container_12 .grid_12 {
	width:945px;
}

.centered {
	text-align: center;
}

/* header styles */
#header{
}

/* navigation styles */
#navigation{

}

#navigation ul{
	height: 34px;
	margin: 0;
	padding: 0;
	position: relative;
}

#navigation ul li{
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

#navigation	ul li.active a{
	z-index: 9 !important;
	background-position: top !important;
	height:34px;
}
#navigation ul li a{
	position: absolute;
	height: 37px;
	width: 160px;
	background-position: bottom !important;
}
#navigation ul li a.home{
	z-index: 8;
	left: 2px;
	background: url('../images/home.png') no-repeat;
}
#navigation ul li a.about{
	z-index: 7;
	left: 138px;
	background: url('../images/about.png') no-repeat;
}
#navigation ul li a.gallery{
	z-index: 6;
	left: 274px;
	background: url('../images/gallery.png') no-repeat;
}
#navigation ul li a.portfolio{
	z-index: 5;
	left: 409px;
	background: url('../images/portfolio.png') no-repeat;
}
#navigation ul li a.cv{
	z-index: 4;
	left: 544px;
	background: url('../images/cv.png') no-repeat;
}
#navigation ul li a.blog{
	z-index: 3;
	left: 680px;
	background: url('../images/blog.png') no-repeat;
}			
#navigation ul li a.contact{
	z-index: 2;
	left: 815px;
	background: url('../images/contact.png') no-repeat;
}
			
/* navigation clearer styles*/			
#navigation_clearer{
	background:url('../images/navigation-clearer.png') no-repeat scroll left top;
	height:6px;
	margin:0 auto;
}
	
/*banner styles */
#banner{
	background:#F5F5F5 url(../images/bg-header.png) repeat-x scroll left top;
}

#banner img{
	padding-top: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* content styles */
#content{
	background-color: #EFEFEF;
	clear: both;
	padding-bottom:15px;
}

#content .bottom{
	background:transparent url('../images/bg-aboutme-bottom.gif') no-repeat scroll left bottom;
	display:block;
	font-weight:normal;
	margin-top:-5px;
	padding:0 20px 15px;
	text-align:right;
}

#content .mainbottom{
	background:transparent url('../images/bg-main-bottom.gif') no-repeat scroll left bottom;
	display:block;
	font-weight:normal;
	margin-top:-5px;
	padding:0 20px 15px;
	text-align:right;
}

/* main styles */
#content #main{
	margin-top: 20px;
	/*background: transparent url('../images/bg-main.gif') no-repeat scroll left top;*/
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	-webkit-border-bottom-right-radius:7px;	
	background-color: #ffffff;
	border: 1px solid #dfdfdf;	
}


/* left styles */
#content #left{
	margin-top: 20px;
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	-webkit-border-bottom-right-radius:7px;		
	/*background: transparent url('../images/bg-aboutme-top.gif') no-repeat scroll left top;*/
	background-color: #ffffff;
	border: 1px solid #dfdfdf;
}

#content #left ul, #content #main ul{
	font-size: 14px;
	margin: 0 20px 15px;
}

#content #left ul li, #content #main ul li{
	list-style-type:disc;
	margin-left:15px;
}

/* sidebar styles */
#content #sidebar{
	margin-top: 20px;
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	-webkit-border-bottom-right-radius:7px;	
	/*background: transparent url('../images/bg-aboutme-top.gif') no-repeat scroll left top;*/
	background-color: #ffffff;
	border: 1px solid #dfdfdf;
}

#content #sidebar ul li p a{
	font-weight:bold;
	text-decoration: underline;
}

		#content #sidebar #follow{
	
		}
		
		#content #sidebar #follow h2 {
			font-size:2em;
			font-weight:bold;
			margin:0 20px 15px;
		}

		#content #sidebar #follow h3, #content #sidebar #contact h3{
			font-size:1.4em;
			font-weight:bold;
			margin:0 20px 8px;
		}
		
		#content #sidebar #follow p img.first {
			padding-left: 2px;
		}
		
		#content #sidebar #follow p img {
			padding-right:12px;
		}
	
		#content #sidebar li {
			padding:0 20px 20px 86px;
		}
			#content #sidebar li.gallery {
				/*background:url(../images/camera.png) 15px 40% no-repeat;*/
				background:url(../images/camera2.png) 15px 40% no-repeat;
			}
			#content #sidebar li.portfolio {
				/*background:url(../images/folder.png) 15px 40% no-repeat;*/
				background:url(../images/folder2.png) 15px 40% no-repeat;
			}
			#content #sidebar li.cv {
				/*background:url(../images/paper.png) 15px 40% no-repeat;*/
				background:url(../images/doc2.png) 15px 40% no-repeat;
			}
			#content #sidebar li.video {
				/*background:url(../images/vipod.jpg) 15px 40% no-repeat;*/
				background:url(../images/iphone2.png) 0px 40% no-repeat;
			}
			#content #sidebar li.freelance {
				/*background:url(../images/freelance.png) 15px 40% no-repeat;*/
				background:url(../images/freelance3.png) 15px 25% no-repeat;
			}
			#content #sidebar li.blog {
				/*background:url(../images/blogli.png) 15px 5% no-repeat;*/
				background:url(../images/blog2.png) 15px 43% no-repeat;
			}	
			#content #sidebar li h3 {
				font-weight:bold;
			}
			#content #sidebar li p {
				
			}
#content #sidebar h3 {
	font-size:14px;
	font-weight:bold;
	margin:0;
}

#content #sidebar p {
	margin: 0;
}

#content #sidebar ul {
	margin-top: 25px;
}


/* footer styles */
#footer{
	background:transparent url('../images/figure-footer.png') no-repeat scroll 0 0;
	color:#BABABA;
	overflow:hidden;
	padding:20px 0 17px;
}

#footer #drupal{
	margin-left:0;
	color:#515151;
}

#footer #drupal p img.cms{
	float:left;
}

#footer #drupal p{
	font-size: 11px;
}

#footer #credits{
	float: right;
	text-align: right;
	color:#515151;
}

#footer #credits p{
	font-size: 11px;
	margin:0;
}

#footer #credits img{
	vertical-align:middle;
}
/* highslide styles */

.highslide-caption {
	background:white none repeat scroll 0 0;
	border-top:medium none;
	display:none;
	font-size:1em;
	padding:5px;
}

/* contact form */
#content #left .form ul {
	padding:0px;
}

#content #left .content a {
target-new: tab;
font-weight:bold;
text-decoration:underline;
}

#content #left .form ul li{
	list-style-type:none;
	margin-left:0px;
	position:relative;
}

#content #left .form ul li span{
	/*background-image:url(../images/span.gif);*/
	-moz-border-radius:5px 5px 5px 5px;
	-moz-box-shadow:3px 4px 15px -5px #000000;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	border:1px solid #CED0D0;
	color:#333333;
	font-size:12px;
	left:392px;
	padding:5px;
	position:absolute;
	text-align:center;
	top:-3px;
	width:173px;
	z-index:999;	
}

#content #left .form ul li label {
	display:inline;
	float:left;
	width:120px;
	font-weight:bold;
}

#content #left .form ul li input{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CED0D0;
	color:#5F6565;
	display:block;
	margin-bottom:10px;
	padding:6px 5px;
	width:250px;
}

#content #left .form ul li textarea{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CED0D0;
	color:#5F6565;
	display:block;
	font-size:12px;
	height:135px;
	margin-bottom:10px;
	padding:6px 5px;
	width:250px;
}
#content #left .form ul li input.submit{
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	-webkit-border-bottom-right-radius:7px;
	background-color: #dfdfdf;
	border:none;
	margin-left: 120px;
	width: 100px;
	margin-bottom: 20px;
	padding:7px 20px;
	color:#757575;
	font-weight: bold;
}

/** login form **/
#user-login, #user-pass{
	padding-left: 20px;
}
#edit-name, #edit-pass{
	padding:5px;
	width: 400px;
}

/** contact tag **/
a#contact_tab {
	border:1px solid;
	cursor:pointer;
	height:108px;
	right:0;
	margin-right:-12px;
	overflow:hidden;
	position:fixed;
	text-indent:-5000px;
	top:19%;
	width:45px;
	z-index:10000;
	background-image:url(../images/contact_tab.gif);
}

span.topNav{
	display: none;
}

.validation{
	background-color:#FEEDED;
	border:1px solid #EE5555;
	margin:20px;
	padding:10px;
}

.validation p {
	color:#EE5555;
	margin-bottom: 0px;
}

#content #left .validation ul {
	padding:0px;
	margin-bottom: 0px;
}