/*

Theme Name: Tin Wheeler Photography

Theme URI: http://www.keymultimediastaging.co.uk/tin-photo/

Description: Wordpress theme for Tin Wheeler Photography

Version: 1.0

Author: Brighten Early

Author URI: http://www.brightenearly.co.uk

Tags: custom layout, fixed width, widgets



	This theme was designed and built by Brighten Early,

	whose site you will find at http://www.brightenearly.co.uk





*/



/* layout */



body {

	font-size: 70%; 

	font-family: Georgia, "Trebuchet MS", Verdana, Arial, Sans-Serif;

	background: url('images/bg.jpg');

	text-align: left;

	margin:0;

	padding:0;

	color:#89715b;



	}

	

#container{

	width:950px;

	margin:auto;

	background-color:#F8EEF3;

	padding-left:21px;
	position:relative;

	

}





#logo{

	float:left;

	padding:16px 0 26px 0;

	

}



.floatLeft{

	float:left;

}







#slideshow{

	clear:both;

}



#leftSide{

	width:280px;

	padding:10px 20px 0 0;



}



#leftSide img{

	padding-bottom:20px;

}



#rightSide{

	padding-top:12px;

	width:600px;

	margin:0;

	font-size:105%;

	

}



.leftSideLinks{

	width:280px;

	padding:21px 20px 30px 2px;

	float:left;

	text-align:right;

}



.rightSideLinks{

	padding:12px 0 30px 0;

	width:600px;

	margin:0;

	font-size:105%;

	float:left;

	min-height:80px;

}



.gallery{

	width:920px;

}



.gallery p{

	margin:0 0 0 5px;

	padding:0;

	

}



.clear{

	clear:both;

}



/* navigation */





#nav{

	float:right;

	margin:40px 20px 0 0;

	}

	

#nav ul{

	float:right;

}

	

#navi li {

	float: left;

	list-style:none;

	font-size:1.3em;

	margin-top:19px;

	}



#navi a, #navi a:visited {

	display:block;

	color:#87715b;

	text-decoration:none;

	height:25px;

	padding:5px 10px 0 10px;

	text-transform:uppercase;

	}

	

#navi a:hover, .current_page_item{

	color:#c485a0;

}



.launchBut{

	width:100px;

	height:20px;

	background-color:#c485a0;

	color:#fff;

	padding:1px 3px 7px 7px;

	text-transform:uppercase;

	float:right;

}



.launchBut a{

	color:#FFF;

	text-decoration:none;

}



.launchBut a:hover{

	text-decoration:underline;

}



/* footer */



#footer{

	height:36px;

	padding:5px;

	width:100%;

}

	

#naviF li:last-child{

	border:none;

}



#naviF li {

	float: left;

	list-style:none;

	font-size:1.2em;

	border-right:1px solid #9e4775;

	}



#naviF a, #naviF a:visited {

	display:block;

	color:#9e4775;

	text-decoration:none;

	padding:0 10px;

	}

	

#naviF a:hover, .current_page_item{

	text-decoration:underline;

	}



/* form stuff */





.label{

	width:200px;

	clear:both;

	float:left;

	text-transform:uppercase;

	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;

	font-size:14px;



}



.clientLabel{

	width:100px;

	clear:both;

	float:left;

	text-transform:uppercase;

	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;

	font-size:14px;

}



.field{

	width:200px;

	float:left;

}



.formF{

	width:600px;

	float:left;

	clear:both;

	padding:5px;

	background-color:#F8EEF3;

	margin-bottom:9px;

	

}



input[type=text], textarea { margin-left:50px; width:350px; }

input[type=image]{margin-left: 50px;}



#submit {margin-top: 10px;margin-left:50px}



.error{

	margin-left:100px;color:#ff0000;font-size:80%;width:500px;

}



/* fonts */



h1,h2,h3,h4,h5{

	padding:3px 0;

	margin:5px 0;

	font-weight:normal;

}



h1{

	font-size:3.2em;

}



h2{

	font-size:2.4em;

}



h3{

	font-size:1.6em;

}



h4{

	font-size:1.4em;

	font-family: "Trebuchet MS", Sans-Serif;



}



h5{

	font-size:1.2em;

}



p{

	font-size:1.4em;

	font-family: "Trebuchet MS", Sans-Serif;



}
#client-login{
display:block;
position:absolute;
right:10px;
top:10px;
}
#client-login label{
font-size:14px;
position:absolute;
right:250px;
top:13px;
width:85px;
}
#client-login form{
position:relative;
}
input#username{
background:#FFF;
color:#CCC;
padding:3px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
width:180px;
height:20px;
border:none;
position:absolute;
right:70px;
top:10px;
}
	input#username:focus{
	color:#000;
	}
input#submit{
display:block;
background:#C1769D;
color:#FFF;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:none;
height:26px;
width:65px;
position:absolute;
right:0px;
top:0px;
}