/*  
Theme Name: Do Tank Studios
Theme URI: http://dotankstudios.com/
Description: Do Tank 2009
Version: 1.1
Author: Joe Davis @ Do Tank Studios
Author URI: http://dotankstudios.com/
*/
/*************************************
 +Containers
 *************************************/
body {
	background-image:url('images/wallpaper.gif');
	/* background-repeat:repeat-x; */
	background-color:#333333;
	color:#333333;
	font-family:georgia,'times new roman',serif;
	font-size: 14px;
	line-height:18px;
	margin:0px 0px 0px 0px;
}

p {
	margin:0px;
	margin-bottom:7px;
}

.articles {
	margin:10px 0px 11px 0px;
}

.entry {
	margin:0px;
	margin-bottom:7px;
}

.spacer { /*used to give a bit of space between lines */
	height:30px;
}

.minispacer { /*used to give a bit of space between lines */
	height:10px;
}

.divider { /*used to give a bit of space between lines */
	border-top:1px solid #CCCCCC;
	clear:both;
}



#page {
	position:relative;
	background-image:url('images/bg.gif');
	background-color:#FFFFFF;
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;
	width:900px;
}

#dropshadow {
	background-image:url('images/dropshadow.png');
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	position:relative;
}

#header {

	position:inherit;
	padding:0px 0px 0px 0px;
	
}
	
#content {
	background-image:url('images/topgrey.gif');
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	float:left;
	left:0px;
	top:0px;
	padding:40px 20px 20px 40px;
	width:550px;
}

#sidebar {
	width:250px;
	float:left;
	background-color:#E6E6E6;
	top:0px;
	left:610px;
	margin:0px;
	padding:0px;
	
}

#rightspace {
	background-image:url('images/topgrey.gif');
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	float:left;
	height:100px;
	width:40px;
}

h1 {
	font-size:36px;
	line-height:36px;
	color:#333333;
	font-family:georgia,'times new roman',serif;
	font-weight:normal;
	margin:0px;
}

h2 {
	font-size:21px;
	line-height:21px;
	color:#333333;
	font-family:georgia,'times new roman',serif;
	font-weight:normal;
	margin:0px;
}

h3 {
	font-size:21px;
	line-height:21px;
	color:#999999;
	font-family:georgia,'times new roman',serif;
	font-weight:normal;
	margin:0px 0px 0px 0px;
}

.subtitle {
	color:#999999;
}

.date {
	color:#999999;
}

a {
	color:#CC0000;
	text-decoration:none;
	border-bottom:none;
}

a:visited {
	color:#CC0000;
	text-decoration:none;
	border-bottom:none;
}

a:hover {
	color:#CC0000;
	text-decoration:none;
	border-bottom:1px solid #CC0000;
}

.image {
	color:#ffffff;
	text-decoration:none;
	border:none;
}

.image:visited {
	color:#ffffff;
	text-decoration:none;
	border:none;
}

.image:hover {
	color:#ffffff;
	text-decoration:none;
	border:none;
}

.alternate {
	color:#ffffff;
	text-decoration:none;
	border:none;
}

.alternate:visited {
	color:#ffffff;
	text-decoration:none;
	border:none;
}

.alternate:hover {
	color:#ffffff;
	text-decoration:none;
	border:none;
}

.menu {
	height:20px;
	list-style:none;
	margin:5px 0px 10px 0px;
	padding:3px 0px 5px 2px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

.menu li {
	display:inline;
	margin-right:3px;
}

#home {
	display:inline;
	position:relative;
	top:2px;
	left:0px;
	margin-right:5px;
	/*width:20px;*/
}

/* Case Studies */

.casestudy {
	background-repeat:no-repeat;
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
	width:550px;
	height:100px;
}

.casestudy .caption h1 {
	color:#000000;
	font-size:21px;
	line-height:24px;
	margin:0px;
}

.casestudy .caption h2 {
	color:#333333;
	font-style:italic;
	margin:0px;
	font-size:14px;
	line-height:18px;
	font-weight:normal;
}

.casestudy .mask {
	width:550px;
	min-height:100px;
	position:absolute;
	top:0px;
	left:0px;
}

.casestudy .caption {
	position:absolute;
	bottom:0px;
	left:0px;
	background-image:url('images/trans.png');
	font-size: 14px;
	padding:5px 10px 5px 10px;
	margin:10px;
}

.casestudy .date {
	position:absolute;
	background-image:url('images/trans.png');
	color:#000000;
	top:0px;
	right:0px;
	font-size: 14px;
	margin:10px;
	padding-left:5px;
	padding-right:5px;
}

/* Portfolio section */

.portfolio {
	background-repeat:no-repeat;
	position:relative;
	width:550px;
	padding-bottom:10px;
}

.portfolio .caption h1 {
	color:#000000;
	font-size:21px;
	line-height:24px;
	margin:0px;
}

.portfolio .caption h2 {
	color:#333333;
	font-style:italic;
	margin:0px;
	font-size:14px;
	line-height:18px;
	font-weight:normal;
}


.portfolio .mask {
	width:550px;
	min-height:100px;
	position:absolute;
	top:0px;
	left:0px;
}

/* IE 6 and earlier hack, for displaying portfolio images properly */

.portfolio .mask img {
	display:none;
}

html>body .portfolio .mask img {
	display:block;
}

.headline .mask img {
	display:none;
}

html>body .headline .mask img {
	position:relative;
	display:block;
}

.portfolio .alternate {
	display:block;
	height:1px;
}

html>body .portfolio .alternate {
	display:block;
	height:auto;
}


/* end IE 6 and earlier hack */

.portfolio .caption {
	position:absolute;
	bottom:0px;
	left:0px;
	background-image:url('images/trans.png');
	font-size: 14px;
	padding:5px 10px 5px 10px;
	margin:10px;
	z-index:10;
}

.portfolio .date {
	position:absolute;
	background-image:url('images/trans.png');
	color:#000000;
	top:0px;
	right:0px;
	font-size: 14px;
	margin:10px;
	padding-left:5px;
	padding-right:5px;
}

/* Back catalogue */

#backcatalogue {
	width:550px;
	float:left;
	padding:40px 0px 40px 0px;
}

.bcitem {
	position:relative;
	display:block;
	width:265px;
	margin:0px 10px 7px 0px;
}

.bcitem h1 {
	color:#000000;
	font-size:14px;
	line-height:18px;
	margin:0px;
}

.bcitem h2 {
	color:#999999;
	font-size:14px;
	line-height:18px;
	margin:0px;
}

.bcColumn {
	width:275px;
	float:left;
}

/* News */

.news {
	position:relative;
	padding-top:10px;
	padding-bottom:10px;
	min-height:100px;
}

.news.image {
	clear:left;
	float:left;
	width:100px;
	height:100px;
}

.news img {
	clear:left;
	float:left;
	width:100px;
	height:100px;
}

.news .caption {
	position:relative;
	font-size: 14px;
	margin:0px 10px 10px 110px;
}

.news .caption h1 {
	color:#666666;
	font-size:21px;
	line-height:24px;
	margin:0px;
}

.news .date {
	display:none;
}

html>body .news .date {
	position:absolute;
	top:0px;
	right:0px;
	display:block;
	font-size: 14px;
	margin:10px;
	color:#333333;
}

/* Right Hand panel */

.form {
	margin:0px;
	position:relative;
	font-size:14px;
	color:#666666;
	font-family:georgia,'times new roman',serif;
	font-weight:normal;
	/*width:230px;
	padding:5px 0px 0px 0px;
	margin:0px 10px 0px 10px;*/
	/*border-bottom:1px solid #666666;*/
}

.form h1 {
	margin:10px 0px 0px 10px;
}

.sideitem {
	
	position:relative;
	font-size:14px;
	line-height:18px;
	/*width:230px;
	padding:5px 0px 21px 0px;
	margin:0px 10px 0px 10px;*/
	border-bottom:1px solid #666666;
}

.lastsideitem {
	
	position:relative;
	font-size:14px;
	line-height:18px;
	/*width:230px;
	padding:5px 0px 21px 0px;
	*/margin:10px 10px 10px 10px;*/
}

.search {
	background-color:#E6E6E6;
	
	padding:5px 10px 21px 10px;
	/*margin:0px 10px 0px 10px;*/
}

.Input {
	background-color:#FFFFFF;
	color:#000000;
	border:none;
	font-family:georgia,'times new roman',serif;
	font-size: 14px;
	/*padding:5px;
	width:220px;
	margin:0px 5px 10px 0px;*/
}

.searchInput {
	background-color:#FFFFFF;
	color:#000000;
	border:none;
	font-family:georgia,'times new roman',serif;
	font-size: 14px;
	padding:5px 5px 5px 5px;
	width:220px;
	margin:0px 0px 10px 0px;*/
}

#footer {
	
	background-color:#666666;
	width:880px;
	min-height:20px;
	padding:10px;
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
}

.readmore {
	position:absolute;
	bottom:0px;
	right:0px;
	font-size: 14px;
	font-variant:small-caps;
	margin:10px;
}

/* Viewing a post */

.headline {
	background-repeat:no-repeat;
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
	width:550px;
	height:310px;
}

.headline .caption h1 {
	color:#000000;
	font-size:21px;
	line-height:24px;
	margin:0px;
}

.headline .caption h2 {
	color:#333333;
	font-style:italic;
	margin:0px;
	font-size:14px;
	line-height:18px;
	font-weight:normal;
}

.headline .mask {
	width:550px;
	height:310px;
	position:absolute;
	top:0px;
	left:0px;
}

.headline .caption {
	position:absolute;
	bottom:0px;
	left:0px;
	background-image:url('images/trans.png');
	font-size: 14px;
	padding:5px 10px 5px 10px;
	margin:10px;
}

.headline .date {
	position:absolute;
	background-image:url('images/trans.png');
	color:#000000;
	top:0px;
	right:0px;
	font-size: 14px;
	margin:10px;
	padding-left:5px;
	padding-right:5px;
}


.back {
	font-variant:small-caps;
	display:block;
	position:absolute;
	right:40px;
}

/* Comments form */

.comment {
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #999999;
	font-family:georgia,'times new roman',serif;
	font-size: 14px;
	padding:5px;
	width:220px;
	margin:0px 5px 10px 0px;
}

.comments {
	list-style:none;
	list-style-type:none;
	color:#000000;
	font-size: 14px;
	line-height:21px;
	padding:0px;
}

.comments li {
	margin-bottom:14px;
}

.memset { 
	font-size:.8em; 
	color:#333333;
	border:none;
}

.memset a {
	text-decoration:underline; 
	color:#000000;
	border:none;
}

.memset a:hover {
	text-decoration:underline; 
	color:#666666;
	border:none;
}