/*===============
Tetloose.com
James Tetley
Developer 
================*/

body{
	color:#333333;
	text-align:center;
	font-size:12px;
	line-height:21px;
	background:#FFFFFF url(/styles/img/chrome/bd.jpg) no-repeat 50% 0;
	font-family:Helvetica, Arial, sans-serif;
}

.wrapper{
	width:960px;
	margin:0 auto;
	text-align:left;
}

.header{
	width:960px;
	height:142px;
	overflow:hidden;
	position:relative;
	z-index:1;
	margin-bottom:10px;
}

.content{
	width:790px;
	padding:10px 0 0 0;
}

.sidebar{
	width:160px;
	text-align:center;
}

/* Header
=======*/

.header ul{
	position:absolute;
	bottom:10px;
	left:0;
	z-index:2;
}

.header li{
	float:left;
	margin-right:10px;
	color:#fff;
}

.header li a{
	color:#fff;
}

.header li a:hover{
	color:#ffff00 !important;
}

/* Content
=======*/

body .page{
	width:500px;
	padding:10px 0 0 10px;	
}

.module{
	width:210px;
	padding-top:10px;
}

.wpcf7-not-valid-tip{
	margin-left:10px;
	width:180px !important;
}

/* Form
=====*/

form{
	padding:10px 0;
}

.submit input{
	width:100px;
	height:25px;
	background:#fff;
	color:#333333;
	border:1px solid #333333;
	margin-left:100px;
	text-align:center;
	cursor:pointer;
	font-family:Helvetica, Arial, sans-serif;
	padding:5px;	
}

.submit input:hover{
	background:#333333;
	color:#fff;
	border:1px solid #ccc;	
}

.text{
	margin-bottom:12px;
}

textarea{
	float:left;
	width:300px;
	border:1px solid #333333;
	background:#fff;
	color:#333333;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	padding:5px;
}

.text input{
	float:left;
	width:150px;
	border:1px solid #333333;
	background:#fff;
	color:#333333;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	padding:5px;
}

.text label{
	float:left;
	display:block;
	font-family:Helvetica, Arial, sans-serif;
	width:100px;
	color:#333333;	
}

/* Footer
=======*/

.footer{
	clear:both;
	height:120px;
	margin:50px 0 0;
	position:relative;
	width:960px;
}

.footer ul{
	position:absolute;
	right:0;
	top:10px;	
}

.footer div{
	border-top:1px solid #333333;
	position:absolute;
	right:0;
	top:40px;
	width:960px;
}

.footer li{
	margin-right:3px;
	float:left;
	font-size:10px;
}

.footer li a{
	font-size:10px;
}

.footer li.last-child{
	margin-left:15px;
}

.footer h3{
	color:#720C2F;
	font-size:16px;
	line-height:24px;
	text-align:right;
}

/* Photo Gallery
=============*/

.photos a{
	display:block;
	float:left;
	margin:0 10px 10px 0;
}

/* Post
=====*/

.news a:hover,
.content .post a:hover{
	color:#720C2F !important;
	text-decoration:underline !important;
}

.post{
	padding:10px 0 10px;
	margin-bottom:10px;
	border-top:1px solid #333333;
}

.content .post h3 span{
	display:block;
	font-size:11px;
	font-weight:bold;
	padding-bottom:0px;
}

.content .post p{
	font-size:12px;
	padding-bottom:3px;
}

/* Twitter
========*/

.twitter{
	border:1px solid #999999;
	margin:10px 0 30px 10px;
	padding:10px 10px 0;
	width:118px;
}

.twitter li{
	font-size:11px;
	margin:0 0 10px;
	padding:10px 0 0;
}

.twitter h3{
	color:#660033;
	font-size:15px;
}

.twitter p{
	font-size:11px;
}

.twitter p a:hover{
	color:#660033;	
}

/* Typeology
==========*/

p{
	padding-bottom:15px;
	clear:both;	
}

h2{
	padding-bottom:12px;
	color:#720C2F;
	font-size:30px;
	font-weight:normal;
	clear:both;
	line-height:40px;
}

.content ul.images{
	overflow:hidden;
	margin:10px 0 30px;
	float:left;
	padding:0;
}

.images li{
	float:left;
	margin-right:10px;
	padding:0;
}

.images li img{
	border:8px solid #DDDDDD;
}

.sidebar p span{
	color:#660033;
	font-weight:bold;
	font-size:18px;
}

h4{
	color:#333333;
	font-size:14px;
	font-weight:normal;
}

h3{
	font-size:24px;
	font-weight:normal;
	line-height:24px;
}

h5{
	color:#660033;
	font-size:18px;
	font-weight:bold;
}

.content ul{
	padding:0 0 10px;
}

.news ul li{
	list-style-type:disc !important;
	padding:0 0 0 !important;
	margin:0 0 0 10px !important;
}

.news ol li{
	list-style-type:decimal !important;	
	margin:0 0 0 10px !important;
}

.news ol,
.news ul{
	padding-bottom:15px !important;
}

.content li a{
	color:#333333;
	font-size:14px;
	font-weight:normal;
}

blockquote{
	padding:0 10px;
	font-weight:bold;
}

.content li{
	padding:0 0 3px;
}

.page-id-9 .content li{
	padding:2px 0px 10px 29px;
	background:url("/styles/img/sprite.png") no-repeat 0 -450px;
}

.page-id-9 .content ul{
	padding:0 0 10px;
}

.page-id-9 .content li a{
	font-weight:bold;
	font-size:12px;
}



/* Replacements
=============*/

h1 a.replacement{
	width:800px;
	height:142px;
	position:absolute;
	top:0;
	right:0;
	z-index:1;
}

.title{
	width:104px;
	height:103px;
	background-position:0 -150px;
	margin:0 0 15px 28px;
	text-align:left;
}

.link{
	width:76px;
	height:75px;
	background-position:0 -300px;
	margin:0 0 0 42px;
	text-align:left;	
}