/*  
Theme Name: OpenedUp
Theme URI: http://www.opening-up.com/
Description: Awesome.
Version: 0.1
Author: Oliver Relph
Author URI: http://www.sumac.uk.com/
License: Creative Commons Attribution-Share Alike 3.0 (http://creativecommons.org/licenses/by-sa/3.0/
*/

/*RESET*/
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-size: 62.5%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
strong{
font-weight:normal;
color:#000;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {display: none;}

/*REGULAR*/
body {
	background:#fff;
	font-family:'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
	line-height:1.6em;
	color:#666;
}
/*BASIC CONTENT*/
h1 {
	margin: 20px 0;
	text-align:left;
	font-size:1.5em;
	text-transform:uppercase;
	font-weight: normal;
color:#000;
}
h3 {
	font-size:1.2em;
}
h2,
h3,
h4,
h5 {
	margin: 0 0 0.5em;
	font-weight: normal;
color:#000;
}
ul {
	list-style-position:inside;
	list-style-type:disc;		
	margin: 0 15px 0.5em 15px;	
}
ol {
	list-style-position:inside;
	list-style-type:decimal;
	margin: 0 0 0.5em 15px;		
}

img {
	margin: 0 0 0.5em;
}
code {
	margin:0.5em 0;
	color:#666;
	font-size:1.2em;
}
a {
	color:#8e8e8e;			
}
a:hover{
	color:#000;			
}
p {
	margin: 0 0 0.5em 0;
}
	p code {
		margin:0;
		font-size:1.3em;
		background:#feff9f;
		color:#b19036;
	}
/*CONTAINERS*/
#wrapper {
	width: 940px;
	overflow:auto;
}

/*COLUMNS*/
#col-1 {
	width:420px;
	float:left;
	min-height:500px;
}
	#col-1 #header {
		margin:0 0 30px;	
		padding:0 0 0 1px;		
	}
	#col-1 div.content {	
	}
#col-1.wide {
	width:500px;
	float:left;
	margin:0 80px;	
}
	#col-1.wide #header {
		margin:0 0 30px;	
		padding:0 0 0 1px;		
	}
	#col-1.wide div.content {	
	}
#col-2 {
	margin:50px 0 0 20px;
	width:170px;
	float:left;
}
	#col-2 div.content {
		padding:0 0 15px;
	}
#col-3 {
	margin:40px 0 0 0;
	width:170px;
	float:left;
	left:650px;
	position:absolute;
	position:fixed;
}
	#col-3 div.content {
		padding:0 0 15px;
		float:left;
	}

/*HEADER*/
.wide #header .inner {
	height:80px;
	width:589px;
	position:relative;
}
#header .inner {	
	height:100px;
	width:410px;
	position:relative;
}
#header .inner a#logo {
	left:-50px;
	position:absolute;
	top:30px;
	}
	
/*MAIN-NAV*/

	#main-nav ul {	
		list-style-position:none;
		list-style-type:none;	
margin-left:5px;
	}
		#main-nav ul li a{
			font-size:1.2em;
			text-decoration:none;
			text-transform:uppercase;
			color:#fff;
			display:block;
			background: url(images/bg-nav.png) 0 0 repeat;	
			padding:2px 5px;
			margin:0 0 6px;
			border-radius:5px;
			-moz-border-radius:5px; 
			-webkit-border-radius:5px;
		}
		#main-nav ul li.selected a,
		#main-nav ul li a:hover {
			background-image: url(images/bg-nav-selected.png);
		}
	#main-nav ul li.page-nav  {
		text-indent:-9999px;
		background: transparent;	
		padding:0;
		margin:0 0 0 6px;
		height:30px;
		width:30px;
		
	}
		#main-nav ul li.page-nav a  {
			margin:0;
			padding:0;
			height:15px;
			width:30px;
			border-radius:0;
			-webkit-border-radius:0;
			-moz-border-radius:0;	
			background: url(images/bg-nav.png) 0 0 repeat;			
		}
		#main-nav ul li.page-nav a:hover  {
			background-image: url(images/bg-nav-selected.png);		
		}
		#main-nav ul li.page-nav a.lnkUp  {
			border-top-right-radius:20px;
			border-top-left-radius:20px;
			-moz-border-radius-topright:20px; 
			-moz-border-radius-topleft:20px; 
			-webkit-border-top-right-radius:20px;
			-webkit-border-top-left-radius:20px;
			display:block;
			height:15px;
			width:30px;
		}
			#main-nav ul li.page-nav a.lnkUp span  {
				background: url(images/bg-arrow-up.png) center 5px no-repeat;	
				text-indent:-9999px;
				display:block;
				height:15px;
				width:30px;
			}
		#main-nav ul li.page-nav a.lnkDown  {
			border-bottom-right-radius:20px;
			border-bottom-left-radius:20px;
			-moz-border-radius-bottomright:20px; 
			-moz-border-radius-bottomleft:20px; 
			-webkit-border-bottom-right-radius:20px;
			-webkit-border-bottom-left-radius:20px;
			display:block;
			height:15px;
			width:30px;		
		}
			#main-nav ul li.page-nav a.lnkDown span  {
				background: url(images/bg-arrow-down.png) center 3px no-repeat;
				text-indent:-9999px;
				display:block;
				height:15px;
				width:30px;
				
			}
/*RSS*/
a#rss {

}
/*MAIN POSTS*/
	/*div.post:first-child.style-1 div.header h2 { background: url(images/bg-tab-turquoise-first.png) right 4px no-repeat; }*/
/*div.post.style-1 div.header h2 a { color:#65e3c5; }
div.post.style-2 div.header h2 a { color:#e38c65; }
div.post.style-3 div.header h2 a { color:#b565e3; }	
div.post.style-4 div.header h2 a { color:#9ae365; }
div.post.style-5 div.header h2 a { color:#65a0e3; }
div.post.style-6 div.header h2 a { color:#e365cd; }
div.post.style-7 div.header h2 a { color:#e36565; }*/

div.post {
	float:left;
	width:100%;
	margin:0 0 5px;
}
/*
div.post:first-child {
	margin:0 0 15px;	
}*/
div.post div.body {
	width:100%;
	float:left;
	font-size:1.2em;
	padding:0 0 10px;
	line-height:1.6em;
}
div.post div.body h3 {
	font-size:1.2em;
}
div.post div.body h3,
div.post div.body h4,
div.post div.body h5 {
	margin: 0 28px 0.5em 0;
}
div.post div.body ul {
	list-style-position:outside;
	list-style-type:disc;		
	margin: 0 28px 1em 50px;	
}
div.post div.body ol {
	list-style-position:outside;
	list-style-type:decimal;
	margin: 0 28px 1em 50px;		
}
div.post div.body img {
	margin: 0 0 0.5em 1px;
}		
div.post div.body img.full {
	margin: 0 0 0.5em 0;
}
div.post div.body blockquote {
	margin:0 20px 0.5em 20px;
	font-style:italic;
	color:#666;
	border-left:1px solid #666;
}
div.post div.body blockquote p {
	margin:0 10px;
}
div.post div.body code {
	margin:0.5em 0;
	color:#666;
	font-size:1.2em;
}
div.page div.body a,
div.post div.body a {
	color:#8e8e8e;		
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#EEEEEE none repeat scroll 0 0;
	padding:0 5px;
	text-decoration:none;	
}
div.page div.body a:hover,
div.post div.body a:hover {
	color:#000;		
	background:#c7e8ed;	
}
div.page div.body .postmetadata a,
div.post div.body .postmetadata a {
	background:transparent;
}
div.page:hover div.body .postmetadata a,
div.post:hover div.body .postmetadata a {
	background:#ffffc0;
}
div.page div.body .postmetadata a:hover,
div.post div.body .postmetadata a:hover {
	background:#FFFF99;
	color:#666;		
}
div.post div.body p {
	margin: 0 28px 1em 0;
}
	div.post div.body p code {
		margin:0;
		font-size:1.3em;
		background:#feff9f;
		color:#b19036;
	}
div.page div.body .postmetadata,
div.post div.body .postmetadata {
font-size:0.917em;
margin-left:-5px;
		}
/*PAGE*/
/*div.page.style-1 div.header h2 { color:#65e3c5; }
div.page.style-2 div.header h2 { color:#e38c65; }
div.page.style-3 div.header h2 { color:#b565e3; }	
div.page.style-4 div.header h2 { color:#9ae365; }
div.page.style-5 div.header h2 { color:#65a0e3; }
div.page.style-6 div.header h2 { color:#e365cd; }
div.page.style-7 div.header h2 { color:#e36565; }

div.page.style-1 div.header h2 a { color:#65e3c5; }
div.page.style-2 div.header h2 a { color:#e38c65; }
div.page.style-3 div.header h2 a { color:#b565e3; }	
div.page.style-4 div.header h2 a { color:#9ae365; }
div.page.style-5 div.header h2 a { color:#65a0e3; }
div.page.style-6 div.header h2 a { color:#e365cd; }
div.page.style-7 div.header h2 a { color:#e36565; }*/
	
div.page {
	float:left;
	width:100%;
	margin:0 0 5px;
}
div.header {
	width:100%;
	float:left;
	margin:0 0 12px 0;
}		
div.post div.header h2,
div.page div.header h2 {
	font-size:1.4em;
	text-decoration:none;
	float:left;
	margin:10px 0 0 0;
	padding:0;
	width:100%;
}
div.page div.header h2 a,
div.post div.header h2 a {
	text-decoration:none;
color: #000;
}
div.page div.header p,
div.post div.header p {
	margin:0;
	font-size:1.1em;
}
div.page div.body {
	width:100%;
	float:left;
	font-size:1.2em;
	padding:0 0 25px;
	line-height:1.6em;
}
div.page div.body h3 {
	font-size:1.2em;
}
div.page div.body h3,
div.page div.body h4,
div.page div.body h5 {
	margin: 0 28px 0.5em 0;		
}
div.page div.body ul {
	list-style-position:inside;
	list-style-type:disc;		
	margin: 0 28px 0.5em 30px;	
}
div.page div.body ol {
	list-style-position:inside;
	list-style-type:decimal;
	margin: 0 28px 0.5em 30px;		
}		
div.page div.body img {
	margin: 0 0 0.5em 1px;
}
div.page div.body blockquote {
	margin:0 20px 0.5em 20px;
	font-style:italic;
	color:#666;
	border-left:1px solid #666;
}
	div.page div.body blockquote p {
		margin:0 10px;
	}
div.page div.body code {
	margin:0.5em 0;
	color:#666;
	font-size:1.2em;
}
div.page div.body a {
	color:#666;			
}

div.post div.body h1,
div.page div.body h1 {
	margin: 20px 28px 0.5em 0;
	text-align:left;
	font-size:1.4em;
	text-transform:uppercase;
}
div.page div.body p {
	margin: 0 28px 0.5em 0;
}
div.page div.body p code {
	margin:0;
	font-size:1.3em;
	background:#feff9f;
	color:#b19036;
}
/*DISCUSSION*/
div#discussion {
	float:left;
	width:100%;
	margin:0 0 5px;
}
	div#discussion ul {
		list-style-position:none;
		list-style-type:none;	
	}
	div#discussion h4 {
		font-size:1.2em;
		margin:10px 0;
	}
		div#discussion h4 a {
		}
cite
{
padding:0;
margin:0;
}
cite a {
font-style:normal;
margin:0;
padding:0;
}
	ul.commentlist {
		margin:0;
	}
		ul.commentlist li.multi {
		}
		ul.commentlist li {
		}
			div.comment {
				font-size:1.2em;
				line-height:1.6em;
margin-bottom: 10px;
			}
				div.comment div.header {
				margin-bottom:0;
				}
				div.comment div.body {
	
				}
					div.comment div.body  p {

					}
				div.comment div.footer {
					margin:0;
					width:100%;			
					overflow:auto;
				}	
					div.comment div.footer a {
					}	
					div.comment div.footer a:hover {
}					
					div.comment div.footer a.see-replies {
						float:left;
					}			
					div.comment div.footer span.meta {
						float:right;
					}
					div.comment div.footer span.count{
						float:left;
						display:block;
						width:16px;
						text-align:center;
						background:#ACE6EE;
						color:#fff;
						font-weight:bold;
						padding:1px;
						margin:0 5px 0 0;
						border-radius:3px;
						-webkit-border-radius:3px;
						-moz-border-radius:3px;
					}
				ul li li div.comment-wrap {
				}
				li li div.comment {
				}
			ul.commentlist li li{
				border-right:0px solid #fff;
			}			
			ul.children.multi {
				border-left:1px solid #eee;	
			}
			ul.children.single li {
				border-left-width:0px;	
			}
				ul.children.single div.comment {
					border-left:1px solid #eee;	
				}
				ul.children.single ul.children.multi li {
					border-left-width:1px;				
				}
					ul.children.single ul.children.multi div.comment {
						border-left-width:0px;				
					}						
					ul.children.single ul.children.multi ul.children.single li {
						border-left-width:0px;	
					}
						ul.children.single ul.children.multi ul.children.single div.comment {
							border-left:1px solid #eee;	
						}
			ul.children {		
				margin:0;
			}
	div#respond {
		font-size:1.1em;
		line-height:1.6em;
	}
		div#respond a {}
		div#respond p {
			margin:0 0 0.5em;
		}
		div#respond textarea {
			width:100%;
		}
				
/*ASIDES*/
div.aside {
	margin:0 9px 10px 1px;
	font-size:1.1em;
	border-bottom:3px solid #eee;
	line-height:1.6em;
}
	div.aside h3 {
		font-size:1.2em;
	}
	div.aside h3,
	div.aside h4,
	div.aside h5 {
		margin: 0 6px 0.5em 6px;
	
	}
	div.aside ul {
		list-style-position:inside;
		list-style-type:disc;		
		margin: 0 6px 0.5em 6px;	
	}
	div.aside ol {
		list-style-position:inside;
		list-style-type:decimal;
		margin: 0 6px 0.5em 6px;		
	}
	
	div.aside img {
		margin: 0 0 0.5em 0;
	}
	div.aside p img {
		margin-left: -6px;
	}
	div.aside.link {
		margin:1em 0 0;
	}
		div.aside.link p:last-child {
			margin:0 6px 1em;
		}
	div.aside.quote blockquote {
		margin:0.5em 6px 0.5em 6px;
	}
		div.aside.quote blockquote p {
			margin:0 6px;
		}
	div.aside p.credit {
		text-align:right;
		font-style:italic;
	}
	div.aside code {
		margin:0.5em 6px;
		color:#666;
		font-size:1.2em;
	}
	div.aside a {
	}
	div.aside a:hover{
	}
	div.aside p {
		margin: 0 6px 0.5em 6px;
	}
		div.aside p code {
			margin:0;
			font-size:1.3em;
			background:#feff9f;
			color:#b19036;
		}
/*COL 3*/
#col-3 h4 {
	text-transform:uppercase;
	font-size:1.2em;
	margin:16px 10px;
	float:left;
}
#col-3 p {
	font-size:1.1em;
	line-height:1.6em;
	margin:0 10px 0.5em;
	float:left;
}
#col-3 ul.contributors,
#col-3 ul.categories,
#col-3 ul.twitter {
	float:left;
	width:100%;
	margin:0 0 0 1px;
	list-style-position:none;
	list-style-type:none;	
}

	#col-3 ul.contributors li,
	#col-3 ul.categories li {
		float:left;
	}
	#col-3 ul.twitter li{
		display:inline;
		float:left;
		margin-right:10px;
	}
		#col-3 ul.contributors a,
		#col-3 ul.categories a {
			font-size:1.1em;
			float:left;
			width:140px;
			padding:2px 10px;
			text-transform:uppercase;
			text-decoration:none;
			display:block;
		}
		#col-3 ul.categories a:hover,
		#col-3 ul.contributors a:hover {
			background:#f4f4f4;
		}
			#col-3 ul.categories a  span,	
			#col-3 ul.contributors a  span {	
				float:left;
			}
			#col-3 ul.contributors li span.count{
				float:right;
				display:block;
				width:16px;
				text-align:center;
				background:#aee38e;
				color:#fff;
				font-weight:bold;
				padding:1px;
				border-radius:3px;
				-webkit-border-radius:3px;
				-moz-border-radius:3px;
			}
			#col-3 ul.categories a  span.count{
				float:right;
				display:block;
				min-width:16px;
				text-align:center;
				background:#ace6ee;
				color:#fff;
				font-weight:bold;
				padding:1px;
				border-radius:3px;
				-webkit-border-radius:3px;
				-moz-border-radius:3px;
			}
/*FOOTER*/
#footer {
	width:100%;
	background:#333;
	height:100px;
	padding-top:10px;
	color:#8e8e8e;
}
#footer p
{
	margin-left:80px;
}
#footer a
{
	font-size: 1.1em;
}
#footer a:hover
{
	color:#fff;
}
div.navigation {
	clear:both;
	width:500px;
	margin: 0 auto 20px;	
	padding:0;
	font-size:1.1em;
	overflow:auto;
}
div.navigation a {
	display:block;
	float:left;
	padding:2px 3px;
	background:#ccc;	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:#fff;
	text-decoration:none;

}
div.navigation a.selected,
div.navigation a:hover {
	background:#666;	
		}

div.navigation div.alignleft {display:inline;}
div.navigation div.alignright {float:right;}