/* CSS Document */

/*

	Theme Name: Connected Theme / OV43

	Theme URI: http://www.chromascope.dk

	Description: Connected Theme by Jonas D. Mouritsen. 

	Version: 1.0

	Author: Jonas Mouritsen


*/
* {
padding: 0;
margin: 0;
}



html, body { height: 100%; }

body
{
	color: #b6b6b6;
	background: #010101;
	font: normal 12px/18px "Trebuchet Ms", "Lucida Grande", sans-serif;
	min-height: 100%; 
}


#wrap
{
	width: 700px;
	overflow: hidden;
	position: relative;
	margin: 0px auto;
	background: #111111;
	min-height: 100%;

}

* html #wrap { /* IE Hack */
	height: 100%;
}

a, a:visited{

	color: #FEFEFE;

	text-decoration:none;
}

a:hover{

	text-decoration:underline;

}


#logo
{
	/*margin: 0px 0px 50px 0px;*/
}

/*		
-----------------------------------------------------

			M E N U S 		
  		
-----------------------------------------------------
*/


div#pages ul
{
	list-style-type: none;
	white-space: nowrap;
	width: 700px;
	height: 30px;
}

div#pages ul li
{
	float: right;
	width: 25%;
	text-align: center;
}

div#pages ul li a
{
	display: block;
	text-decoration: none;
	font-size: 12px;
	padding: 10px 0px 10px 0px;
	text-transform: uppercase;
	color: #999999;
	letter-spacing: 0.2em;
}

div#pages ul li.current_page_item a { color: #FFF; }

div#pages ul li.current_page_ancestor a { color: #FFF; }

div#pages ul li a:hover
{
	color: #FFF;
	background: #181818;
}

div#sub-pages
{

	width: 100%;
	height: 60px;
	/*
	clear: both;
	float: left;
	overflow: hidden;
	
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	*/
}

div#sub-pages ul
{
	float: left;
	left: 50%;
	list-style-type: none;
	margin: 0px auto;
	padding: 0px;
	position: relative;
}

div#sub-pages ul li
{
	float: left;
	position: relative;
	right: 50%;
	padding: 10px;
}

div#sub-pages ul li a
{
	display: block;
	text-decoration: none;
	font-size: 10px;
	color: #999999;
}

div#sub-pages ul li.current_page_item a { color: #FFF; }
div#sub-pages ul li a:hover { color: #FFF; }

/*		
-----------------------------------------------------

			C O N T E N T 		
  		
-----------------------------------------------------
*/


div#container
{
	float: none;

	margin: 0px 110px 0px 110px;
	/* container width = 700 - 2x110 = 480 */
	text-align: justify;
}

div#container h2,h4{
	height: 20px;

	font-size: 14px;
	/*color: #FFF;*/
	margin: 40px 0px 10px 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
		
}

div#container h4
{
	font-size: 12px;
	display: inline;
	border: none;
	font-style: italic;
}

div#container p
{
	margin-bottom:1.5em;
}

div#container img
{
	margin-top:10px;
	margin-bottom:20px;
	border: 0px;
}

div#container .size-medium
{
	position: relative;
	left: -100px;
	width: 680px;
}


.wideplayer
{
	position: relative;
	left: -100px;
}


.wp-caption-text
{
	color: #444;
	font-size: 10px;
	top:-15px;
	position: relative;
	font-style: italic;
	text-align: center;
	width: 480px;

}


.embedflash
{
	margin-top:20px;
	margin-bottom:20px;
}

div#container ol
{
	margin-bottom: 1em;
}

div#container li { list-style-position: outside; 
	margin-left: 2em;
}

/*		
-----------------------------------------------------

			C O M M E N T S 		
  		
-----------------------------------------------------
*/


#commentsform form textarea
{
	background-color: #111111;
	width: 470px;
	color: #b6b6b6;
	border: 1px #222 solid;
	padding: 5px;
}

#commentsform input{
	background-color: #111111;
	color: #b6b6b6;
	border: 1px #222 solid;
	padding: 5px;

}

/*		
-----------------------------------------------------

			N E W S 		
  		
-----------------------------------------------------
*/


.post{
		margin: 0px 0px 80px 0px;

}

.postHeadder
{
	height: 20px;
	margin: 0px 0px 10px 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}

.postTitle a
{
	float: left;
	color: #b6b6b6;
	text-decoration: none;

}
.postDate
{
	color: #444;
	font-size: 10px;
	float: right;

}
.postContent
{

}
/*		
-----------------------------------------------------

			F O O T E R 		
  		
-----------------------------------------------------
*/


#footer
{
	color: #444;
	font-size: 10px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666;
	margin: 50px 0px 50px 0px; /* container width = 700 - 2x110 = 480 */
}

.footerlink, .footerlink:visited
{
	color: #999;
}