/*
Theme Name: 2010
Theme URL: http://iantearle.com/
Description: Courteously provided by your friends at Expanse Content Management System We heart your face.
Version: 1.0
Author: Ian Tearle
Author URL: http://www.iantearle.com
*/

	
/*
-------------------------------------------------
Global values
=================================================
*/
html {
  height: 100%;
  overflow-y: scroll;
}
div {
outline: none;
}
	
body {
  height: 100%;
  background: #fff url(../images/bg.png) no-repeat 0 0 fixed;
  color: #444;
  line-height: 1.4;
  width: 890px;
}

body, input, button, textarea, select {
  font-family: "Palatino Linotype", Freeserif, serif;
  letter-spacing: .05em;
}
h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, "DejaVu Serif", serif;
  letter-spacing: .1em;
}
pre, tt, code, kbd, samp, var {
  font-family: "Courier New", Courier, monospace;
}
pre {
 white-space: pre-wrap;
 white-space: -moz-pre-wrap;
 white-space: -o-pre-wrap;
}

h1 {font-size: 1.5em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

h1, h2, h3, h4, h5 {font-weight: normal;}

a:link {
	border-bottom: dotted rgb(204,204,204) 1px;
	color: #4b7c9b;
	text-decoration: none;
}
a:visited {text-decoration: none; color: #999999;}
a:hover {
	color: #4b9b4d;
	text-decoration: none;
}
a:focus {text-decoration: none;}

a:active {outline: none;}

body, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td {
  margin: 0;
  padding: 0;
}

fieldset, img {
  border: 0;
}

img {vertical-align: bottom;}

ol li {list-style-type: decimal;}
ul li {list-style-type: disc;}
ul ul li {list-style-type: circle;}
ul ul ul li {list-style-type: square;}
ol ol li {list-style-type: lower-alpha;}
ol ol ol li {list-style-type: lower-roman;}

sub {
  vertical-align: sub;
  font-size: smaller;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

legend {
  color: #000;
  padding-bottom: .5em; 
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  position: absolute;
  left: -999em;
}

th {text-align: center;} 
tbody th {text-align: left;} 

code {color: #06f;}
code, pre {font-size: small;}

blockquote, q, em, cite, dfn, i, cite, var, address {
  font-style: italic;
}

blockquote p:before, blockquote p:after, q:before, q:after {content: '';}

th, strong, dt, b {
  font-weight: bold;
}

ins {
  text-decoration: none;
  border-bottom: 3px double #333;
}

del {text-decoration: line-through;} 

abbr, 
acronym {
  border-bottom: 1px dotted #333;
  font-variant: normal;
} 

h1, h2, h3, h4, h5, h6, p, pre, ul, ol, dl, fieldset, address {padding:0 30px;}

dd p, dd pre, dd ul, dd ol, dd dl, li p, li pre, li ul, li ol, li dl, fieldset p, fieldset ul, fieldset ol {
  padding-right: 0;
  padding-left: 0;
}

dd {
  padding-left: 20px;
  margin-top: .5em;
}

li {margin-left:30px;}

table {
  margin-right: 30px;
  margin-left: 30px;
} 

hr {
  margin-right: 30px;
  margin-left: 30px;
  border-style: inset;
  border-width: 1px;
}

h1, h2, h3, h4, h5, h6, p, pre, dt, li, hr, legend, input, button, textarea, select, address, table {margin-top: 1.2em;}

label {padding-top: 1.2em;}

fieldset {line-height: 1;}

input[type="checkbox"] {
  vertical-align: bottom; 
  *vertical-align: baseline;
}

input[type="radio"] {vertical-align: text-bottom;}

input {_vertical-align: text-bottom;}

input, button, textarea, select, optgroup, option {
  font-size: .9em;
}

button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.inputButton {
  *overflow: visible;
  _width: 0;
  padding: .2em .4em;
}

.block {
  padding: 0 30px;
  margin-top: 1.2em;
}

.padding2margin {
  margin-right: 30px;
  margin-left: 30px;
  padding-right: 0;
  padding-left: 0;
}

.noMarker li {
  list-style: none;
  margin-left: 0;
}

.hidden{
	display: none;
}
/*
-------------------------------------------------
Header
=================================================
*/
#header{
	float: left;
	margin: 250px 40px 0 50px;
	width: 160px;
}
	#header #logo{
		background: url(../images/logo.png) no-repeat;
		text-indent: -9999px;
	}
		#header #logo a{
			border: none;
			display: block;	
			height: 57px;
			width: 160px;
		}
#adn{
	float: left;
	clear: both;
	margin: 10px 0 0 0;
	padding: 0px;
}
	#adn .vmtext{
		float: left;
		clear: both;
	}
	#adn a {
		border-bottom: none;
		color: #2a2a2a;
		display:block;
		font-size: 11px;
		font-family: 'Lucida Sans', 'Lucida Grande';
		text-shadow: #fff 1px -1px 1px;
	}
		#adn a img {
			border: solid #ccc 3px;
			float:left; 
			margin:0 10px 0 0; 
			padding:0;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
		}
		#adn a:hover img{
			border: solid #333 3px;
			-webkit-transform: rotate(-1.51175deg);
		}
	#adn p {
		clear:both;
		margin:0;
		padding:0;
		width: 130px;
	}
	#adn .powered a{ 
		font-size: 10px;
		margin: 10px 0 0 0;
		color: #888;
	}
/*
-------------------------------------------------
Menu
=================================================
*/
#menu{
	clear: left;
	float: left;
	width: 160px;
}
	#menu ul{
		border-top: solid #cccccc 1px;
		margin: 40px 0 0 0;
		padding: 0;
	}
		#menu ul li{
			border-bottom: solid #cccccc 1px;
			font-size: 12px;
			list-style: none;
			margin: 0px;
			text-align: center;
			text-transform: uppercase;
			width: 160px;
		}
			#menu ul li a {
				color: #4b7c9b;
				border: none;
				display: block;
				letter-spacing: 1px;
				margin-left: 0;
				padding: 5px 5px 5px 5px;
				text-decoration: none;
			}
				#menu ul li a:hover{
					background-color: #f9f9f9;
				}
#header #twitter{
	clear: left;
	float: left;
	margin: 2em 0 0 0;
	width: 160px;
}
	#header #twitter p{
		font-size: 12px;
		font-style: italic;
		margin: 0 0 1em 0;
		padding: 0;
		width: 160px;
	}
		#header #twitter span{
			font-size: 12px;
		}

/*
-------------------------------------------------
Content
=================================================
*/
#content{
	float: right;
	margin: 150px 0 0 0;
	width: 600px;
}
	#content .amp{
		font-style:italic;
		font-family:"Adobe Caslon Pro", "Hoefler Text", Palatino, "Palatino Linotype", serif;
	}
	#content .post{
		border-bottom: dotted #cccccc 1px;
		margin: 0 0 2.5em 0;
		padding: 0 0 2em 0;
		position: relative;
	}
		#content h2{
			font-size: 12px;
		}
			#content h2 a{
				border-bottom: dotted rgb(204,204,204) 1px;
				color: #4b7c9b;
				font-size: 24px;
				margin: 0 20px 0 0;
				text-decoration: none;
			}
				#content h2 a:hover{
					color: #4b9b4d;
				}
		#content h3{
			font-size: 12px;
		}
			#content h3 a{
				border-bottom: dotted rgb(204,204,204) 1px;
				color: #4b7c9b;
				font-weight: bold;
				margin: 0 20px 0 0;
				text-decoration: none;
			}
				#content h3 a:hover{
					color: #4b9b4d;
				}
		#content .date{
			font-size: 12px;
			margin: 0;
			text-transform: uppercase;
		}
			#content .date em{
				color: #868686;
				font-size: 10px;
				text-transform: lowercase;
			}
			#content .date strong{
				font-weight: bold;
			}
			#content .date span{
				color: #868686;
				font-size: 11px;
				text-transform: capitalize;
			}
		#content .descr{
			font-size: 13px;
		}
			#content .descr h2{
				font-size: 14px;			
			}
				#content .text .descr p:first-child{
					font-weight: bold;
				}	
		#content .comment{
			background: url(../images/icon-comment.png) no-repeat;
			bottom: 2em;
			left: -10px;
			position: absolute;
		}
			#content .comment a{
				display: block;
				height: 39px;
				text-indent: -9999px;
				width: 13px;
			}
	#content #paging{
		clear: both;
		color: #666;
		float: left;
		font-size: 11px;
		margin: 0 0 2.5em 0;
		width: 600px;
	}
		#content #paging span{
			color: #ccc;
			margin: 10px 0 0 0;
		}
		.left{
			float: left;
		}
		.right{
			float: right;
		}
/*
-------------------------------------------------
Footer
=================================================
*/
#footer{
	clear: both;
	margin: 2.5em 0 3em 200px;
}
	#footer p{
		color: #666;
		font-size: 10px;
	}
	
/*
-------------------------------------------------
Form
=================================================
*/
input, textarea { background:#ccc; border:10px solid #999; padding:10px }
input:focus, textarea:focus { background:#fff; border:10px solid #ccc; outline:none }
input.submit { background:#4b7c9b; border:10px solid #1a557a; color:#fff; cursor:pointer }
#commentform { margin:20px 0 }
#commentform p { padding:0 0 0 180px }
#commentform div { margin:20px 0; position: relative;}
#commentform div h3 { margin:0; position:absolute; top:0; left:0; font-size: 16px; }
#commentform div input { width:400px; margin:0 0 0 180px; border:none }
#commentform div input.submit { background:#1a557a; border:10px solid #4b7c9b; width: 200px }
#commentform div input.submit:active { background:#1a557a; border:10px solid #4b7c9b }
#commentform textarea { border:none; width:400px; height:200px; margin:0 0 0 180px }
#commentform input:hover, #commentform textarea:hover { -webkit-box-shadow:#000 0 0 20px }
#commentform input, #commentform textarea { background:rgba(0,0,0,0.1) }

#contactform { margin:20px 0 }
#contactform p { padding:0 0 0 180px }
#contactform div { margin:20px 0; position: relative;}
#contactform div h3 { margin:0; position:absolute; top:0; left:0; font-size: 16px; }
#contactform div input { width:400px; margin:0 0 0 180px; border:none }
#contactform div input.submit { background:#1a557a; border:10px solid #4b7c9b; width: 200px }
#contactform div input.submit:active { background:#1a557a; border:10px solid #4b7c9b }
#contactform textarea { border:none; width:400px; height:200px; margin:0 0 0 180px }
#contactform input:hover, #contactform textarea:hover { -webkit-box-shadow:#000 0 0 20px }
#contactform input, #contactform textarea { background:rgba(0,0,0,0.1) }

/*
-------------------------------------------------
Comments
=================================================
*/
ul.stream {
display:block;
border-top:1px solid #c9c9c9;
margin:0 0 35px;
padding:0;
}
.stream li{
padding:10px 0;
border-bottom:solid 1px #e4e4e4;
list-style: none;
}
.stream li p{
	font-size: 12px;
}
.stream li span.comment-date{
	padding: 0 0 0 2em;
}
#viewcomments.two span{
	background: url(../images/DragBadge1-2.png) no-repeat;
	color: #fff;
	display: block;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	height: 26px;
	line-height: 26px;
	letter-spacing: normal;
	margin: 0;
	padding:0;
	text-align: center;
	width: 26px;
	text-shadow: #000 0 -1px;
}
.text #viewcomments.two a span{
	bottom: 4em;
	left: -10px;
	position: absolute;
	text-decoration: none;
}
/*
-------------------------------------------------
Error/Success Messages
=================================================
*/
.contenterror {
background:#FFF1ED url(../images/error.gif) no-repeat .5em 50%;
padding:.5em .5em .5em 2.2em;
border:1px solid #900;
width:50%;
margin:.15em auto;
text-align:center;
}
.contentsuccess {
background:#F4FDEF url(../images/success.gif) no-repeat .5em 50%;
padding:.5em .5em .5em 2.2em;
border:1px solid #3F9305;
width:50%;
margin:.15em auto;
text-align:center;
}
.contentalert {
background:#FEFFDF url(../images/alert.gif) no-repeat .5em 10%;
padding:.5em .5em .5em 2.2em;
border:1px solid #EFEFEF;
width:50%;
margin:.15em auto;
text-align:center;
}
.errortext {
color:#C00;
}
.successtext {
color:#090;
}
.contenterror ul,.contentsuccess ul {
padding:0;
margin:0 0 0 25px;
text-align:left;
list-style:none;
}
.formNote {
background:#fafafa;
padding:.5em;
border:1px solid #53B2F8;
width:70%;
margin:1em auto;
text-align:left;
font-size:10px;
color:#777;
clear:both;
text-align:center;
}
.formNote a {
color:#000;
border: none;
padding: 0;
}