/*
Theme Name: Dronasys - Photo Blog
Theme URI: http://www.dronasys.com/
Description: Custom Theme for oskar enander
Version: 1.0
Author: Binu Udayakumar 
Author URI: http://www.dronasys.com/
Tags: photography, binu, dronasys, client

*/

* {
	margin:0px;padding:0px;
}

/* Begin Structure */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Helvetica',Verdana,Arial,Sans-Serif;
	background-color: #FFFFFF;
	color: #333;
	margin: 0 0 20px 0;
	padding: 0;
	}

#page {
	background-color: white;
	margin: 20px auto;
	width:950px;
	height:100%;
}


#header {
	float:left;
	padding: 0;
	height: 80px;
	width: 950px;
	}

#content {
	font-size:1.2em;
	padding:0 75px;
	float:left;
}

.sitecontent {
	min-height:566px;
	height:566px;
	padding:0 75px;
	width:800px;
}	

.bio {
	background:transparent url(images/bio.jpg) no-repeat scroll 77px 0;
}

.contact {
	background:transparent url(images/contact.jpg) no-repeat scroll 77px 0;
}

.clients {
	background:transparent url(images/clients.jpg) no-repeat scroll 77px 0;
}
	
.prints {
	background:none;
}
	
.printsinfo {
	background:transparent url(images/prints.jpg) no-repeat scroll 0 19px;
}	

#footer {
	clear:both;
	float:left;
	padding:20px 75px 30px;
	width:800px;
}



/* header layout */
#headerimg {
	float:left;
	height:80px;
	margin:0;
	padding:8px 0 0 43px;
	width:150px;
	}

#headerimg a img {
	width:130px;
	height:60px;	
}

#navigation {
	float:left;
	padding:37px 0 0 62px;
}	

#navigation ul li {
	display:block;
	float:left;
	height:30px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-right:25px;
	padding-left:13px;
	text-align:left;
}	

#navigation ul li.current_page_item, #navigation ul li.current_page_parent {
	background:transparent url(images/bullet.jpg) no-repeat scroll 0 5px;
}
	
#navigation ul li a { 
	color:#667275;
	font-size:1.5em;
	font-weight:800;
}

#navigation ul li a:hover { 
	color:#3D5057;
	text-decoration:none;
}

/* main content */
#content img.homepage{
	width:800px;
	height:533px;
	overflow:hidden;
	float:left;
}


/* portfolio template */

#sideMenu {
	height:516px;
	min-height:516px;
	padding-top:50px;
	width:100px;
	float:left;
}

#sideMenu ul li {

	display:block;
	float:left;
	line-height:1em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-bottom:2px;
	text-align:left;margin:0;
}	


#sideMenu ul li.current_page_item a{
	background:transparent url(images/sbullet.jpg) no-repeat scroll right 4px;
}
	
#sideMenu ul li a { 
	color:#667275;
	display:block;
	font-size:1em;
	height:12px;
	line-height:1.1em;
	margin:0;
	padding:0 12px 0 0;
}

#sideMenu ul li a:hover { 
	color:#3D5057;
	text-decoration:none;
}

#mainImage {
	float:left;
	height:466px;
	min-height:466px;
	position:relative;
	width:700px;
	text-align:center;
}

#mainImage.loading {
	background:transparent url(images/loading.gif) no-repeat scroll 317px 200px;
}

#mainImage img{
	position:relative;
	left:0px;top:0px;
	}
	
#imageInfo  {
	background-color:#000000;
	color:#FFFFFF;
	height:0px;
	left:0;
	position:absolute;
	top:466px;
	width:700px;
	z-index:100;
	overflow:hidden;
	line-height:1.5em;
	text-align:justify;	
}


#imageInfo  div {
	padding:10px 20px 10px 20px;
}


div#imageInfo.vertical {
	left:195px;
	top:466px;
	width:310px;
}

#imageMainCntrls {
	background-color:transparent;
	color:#FFFFFF;
	height:263px;
	left:0;
	position:absolute;
	top:0px;
	padding-top:203px;
	width:700px;
	z-index:200;
	overflow:hidden;
}

#imageMainCntrls a.left {
	background:transparent url(images/arrows.jpg) no-repeat scroll 0px -65px;	
}

#imageMainCntrls a.right {
	background:transparent url(images/arrows.jpg) no-repeat scroll -65px -65px;	
}

#imageMainCntrls a {
	opacity:0.2;	
}

#imageMainCntrls a img {
	width:60px;
	height:60px;	
}

#controls {
	height:20px;
	min-height:20px;
	width:700px;
	float:left;	
}

#controls p {
	padding:3px 0 0 0;
	width:400px;
	float:left;	
	font-size:0.9em;
	color:#505050;
}

#controls a {
	float:right;
}
#controls a img {
	width:20px;
	height:20px;
}

#thumbCnt {
	height:80px;
	min-height:80px;
	width:700px;
	float:left;	
	background-color:#FFFFFF;
}

#imageRegion {
	width:600px;
	margin:0 50px;
	overflow:hidden;
	position:relative;
}

#imageHld {
	
	position:relative;
}

#imageHld  ul li {
	list-style:none;
	float:left;
	padding-right:5px;
}

#imageHld  ul li.last {
	padding-right:0px;
}

#imageHld  ul li a img {
	width:70px;
	height:80px;
}
/* footer */

#footer p {
	text-align:left;
}




/* common */

.bio .entry {
font-size:1em;
width:410px;	
}

.entry {
	line-height:1.5em;
	font-size:1em;
}

.entry p {
	margin:5px 0;	
}

h2 {
	color:#47C6EC;
	font-family:"verdana";
	font-size:1.7em;
	font-weight:bold;
	letter-spacing:0.2em;
	margin:20px 0 30px 0;	
}

h3 {
	color:#A0A0A0;
	font-family:"verdana";
	font-size:1.5em;
	font-weight:bold;
	letter-spacing:0.2em;
	margin:5px 0 10px 0;	
}


a img {
	border:0 none;
	}

.clear {
	clear: both;
}

.h {
	display:none;
}

a, a:hover, a:visited {
	text-decoration:none;
	color: #333;
	border:0 none;
	outline:none;
}

a:hover {
	cursor:pointer;
}

.left {
	float:left;
}

.right {
	float:right;
}

/* prints page */

#controls a.order {
	background:transparent url(images/orderBtn.jpg) no-repeat 0px 0px;
}

#controls a.order:hover {
	background:transparent url(images/orderBtn.jpg) no-repeat 0px -21px;
}

#controls a.order img {
	width:80px;
	height:20px;
}

#printsInfo .printinfo  .entry p br {
	line-height:2em;
}

#printsInfo .entry .info {
	width:400px;
	text-align:left;
	float:left;
}

#printsInfo .entry .price {
	float:right;
	width:250px;
	padding-left:50px;
}

#printsInfo .price div {
	text-align:right;
}
#printsInfo .price table {
	float:right;
}

#printsInfo .price table td{
	padding:2px 7px 2px 7px;
	text-align:right;
}
	
#printsInfo .price table tr.size td{
	padding-top:10px;
}	

/* order & prints form */
#printsInfo {
	float:left;
	height:466px;
	min-height:466px;
	position:relative;
	width:700px;

}
#orderForm {
	width:350px;
	height:250px;
}

#orderForm img {
	width:70px;
	height:80px;
	padding-left:200px;
}

#orderForm div.img p {
	padding-left:100px;
}

#orderForm span.reqtxt, span.emailreqtxt {
	text-align:right;
	margin:0px;float:right;
}

ol.cf-ol li {
	float:left;
}
#orderForm input[type=text],#orderForm textarea {
	width:300px;
}
/*display for google*/
.linklove {
	display:none;
}
/* clients page */
.clients strong {
	display:block;
	font-size:1.5em;
	margin:30px auto 10px;
	text-align:center;
}

.clients .entry {
}

.clients ul {
	padding-bottom:50px;
}

.clients ul li {
	width:266px;
	text-align:center;
	list-style:none;
	float:left;
	font-size:1em;
}