/*

Theme Name: Immidio
Theme URI: http://www.strangelove.nl
Description: Made to match the Immidio.com website
Version: 1.0
Tags: fixed width, two columns, widget ready, widgets, right sidebar, immidio
Author: strangelove.nl & immidio.nl
Author URI: strangelove.nl

*/

/*amended by eijkman.com */
@import "/css/reset.css";
@import "/css/layout.css";
@import "/css/immidio.css";
@import "/css/menu.css";
@import "/css/superfish.css";


body {
	background:url(/images/body_bg.png) repeat-x;
	background-color: #adaaaa;
	color: #333;
	text-align: left;
	font-family: verdana, arial, sans-serif;
	font-size:10px;
	line-height:20px;
}
/* body
--------------------------------------------------*/
body {
	/* some font stuff taken out */
	margin:0;
}
* {
	margin:0;
	padding:0;
}
code {
	font:120% "Courier New", "Lucida Console", Arial;
}
/* header
--------------------------------------------------*/
#header { height:143px !important; }

#header_menu a {
	width:70px !important;
}

header_menu {
	margin:0 !important;
}
#header_menu a.mostright {
	background-image:url(/images/menu/btn_right.png);
	background-position:-51px 0;
}
#header_menu a.mostright:hover {
	background-position:-51px -35px;
}
#header .description {
	float:right;
	color:#333;
	margin:45px 0 0;
}
#header h1 {
	margin:15px 0 0;
	padding:25px 25px 40px 0;
}
/* header h1 (blogtitle)
--------------------------------------------------*/
#header h1 {
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:3.8em;
	font-weight:400;
	color:#333;
	letter-spacing:-1px;
	margin:20px 0;
}
#header h1 a {
	text-decoration:none;
	color:#333;
}
/* navigation
--------------------------------------------------*/
#nav {
	height:25px;
	margin:0;
	padding:15px 0;
}
#nav li {
	float:left;
	list-style:none;
	padding:0 10px 0 0;
}
#nav li a {
	color:#999;
	background:#fff;
	font:1.6em verdana, arial, helvetica, sans-serif;
	font-weight:400;
	text-decoration:none;
	display:block;
	margin:1px 2px 0 0;
	padding:5px;
}
#nav li a:hover {
	color:#000;
	text-decoration:none;
}
#nav li a.active {
	background-color:#eee;
	color:#444;
	text-decoration:none;
}
.clear {
	clear:both;
}
/* content
--------------------------------------------------*/
#content {
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
	width: 630px!important;
	
}
#content2 {
	margin:0 !important;
	padding:10px 0 0px;
}
#content p, #content2 p {
	line-height:25px;
	font-size:120%;
	word-spacing:1px;
	margin:25px 0;
}
div.entry>p:first-child {
	padding-left:10px;
}
#content a, #content2 a {
	text-decoration:none;
	font-weight:bold;
	color:#2C8F1C;
}
#content a:hover, #content2 a:hover {
	color:#000;
}
#content h2, #content2 h2 {
	font-size:16px;
	font-weight:normal;
	color:#000000;
}
#content h2 a, #content2 h2 a {
	text-decoration:none;
	border:none;
	color:#000000;
}
#content h2.pagetitle {
	font-size:10px;
	line-height:normal;
}
#content h1 {
	font:3em verdana, arial, helvetica, sans-serif;
	color:#222;
	margin:10px 0;
}
#content h3 {
	font:2em verdana, arial, helvetica, sans-serif;
	color:#222;
	margin:10px 0;
}
#content h4 {
	font:1.8em verdana, arial, helvetica, sans-serif;
	color:#222;
	margin:10px 0;
}
#content h5 {
	font:1.6em verdana, arial, helvetica, sans-serif;
	color:#222;
	margin:10px 0;
}
#content2 h3 {
	font:160% verdana, arial, helvetica, sans-serif;
	color:#222;
	margin:10px 0;
}
#content ul, ol {
	font-size:120%;
	margin:10px 10px 10px 25px;
}
#content2 ul, ol {
	font-size:120%;
	line-height: 25px;
	word-spacing: 1px;
	margin:10px 10px 10px 25px;
}
/* blockquote + links
--------------------------------------------------*/

blockquote {
	border:1px solid #ccc;
	margin:10px 0;
	padding:5px 15px;
}
a:hover {
	color:#000;
	text-decoration:underline;
}
a.more {
	display:block;
	text-align:right;
	color:#000000;
	text-decoration:none;
	margin:10px 0 0;
}
a.more:hover {
	text-decoration:underline;
}
/* metadata under post
--------------------------------------------------*/
.post, .commentlist{
	margin:0 0 0 0;
	text-align:justify;
	background-image:url(images/content-background.png);
	background-position:left bottom !important;
	background-repeat:no-repeat;
	/*background-color:#cacbcd;*/
	padding:0;
	z-index:0;
	position:relative;
	top:-3px;
	line-height:100%;
}



.post h2 {
	background-image:url(images/content-topline.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	margin:0;
	padding:10px 10px 10px 20px;
	font-size:1.6em !important;
	
}
#content h3 {
	background-image:url(images/content-topline.gif);
	background-position:0 25px;
	background-repeat:no-repeat;
	margin:0;
	padding:0 10px 10px 10px;
	font-size:1.6em !important;
	z-index:1;
	position:relative;
	line-height:19px;
	
	
}
h3#respond {
	
	margin-bottom:9px;
}
.post img {
	border:5px solid #ffffff;
	padding:1px;
	margin-left:5px;
}
div.entry p {
	padding:0 20px 0 20px !important;
}
.post div, .post>p {
	/*margin:0 10px 0 10px;*/
	
}

.post .info {
	/*border-bottom:1px solid #ccc;*/
	border-top:1px solid #ccc;
	font-size:1em;
	color:#333;
	padding:2px 3px 3px 8px;
	margin: 25px 0;

}
.post .info strong {
	color:#999999;
}
.date {
	margin: 0 0 15px 0;
	padding-left:20px;
}
.post small, div.small {
	margin-top:25px;
	font-size:10px !important
}

div.backButton {
	float:right;
	padding:10px 10px 2px 2px;
}
/* metadata sidebar ('about this post')
--------------------------------------------------*/
p.news {
	color:#333;
	font-size:120%;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	margin:10px 0 28px;
	padding:10px;
}
/* sidebar
--------------------------------------------------*/
#sidebar {
	width:160px !important;
	float:right !important;
	padding:0 !important;
	margin:0 0 0 0 !important;
	height:100% !important;
	position:relative;
	top:-3px !important;
	margin-right:-10px;
}
#sidebar h2 {
	font-size:14px;
	padding:3px 2px 0  11px !important;
	margin:0 0 0 0  !important;;
	font-weight:normal !important;
	line-height:normal;
	height:23px;
	color:#f0f0f0;
	display:inline-block;
	width:160px;
	background-image:url(images/sidebar-topline.gif);
	background-position:left top ;
	background-repeat:no-repeat
}

#sidebar ul, #sidebar div.ul {
	list-style:none;
	font-size:120%;
	margin:0 0 20px 0 !important;;
	background-image:url(images/sidebar-background.png);
	background-repeat:no-repeat;
	background-position:0 100% !important;
	background-color:#d3d4d6;
	padding:0 0 2px 0!important;
	height:auto;
	/*
	width:50px !important;
	position:absolute;
	display:inline !important;
	clip:rect(0 160px 100% 0);
	*/
}

#sidebar li:hover  {
	background-image:url(images/subitem_1.png);
	color:#ffffff !important;
}
#sidebar li {
	/*
	border-bottom:1px solid #ffffff;
	background-image:url(images/sidebar-line.gif);
	background-position:1px bottom;
	*/
	background-image:url(images/subitem_0.png);
	background-repeat:no-repeat;
	list-style:none;
	
	margin:0 !important;
	height:auto !important;
	color:#000000 !important;
}
#sidebar li a {
	padding:7px 3px 7px 10px !important;
	color:#000000 !important;
	text-decoration:none;
	display:block;
	width:146px;

}
#sidebar li a:hover {
	color:#ffffff !important;
	text-decoration:none;
	display:block;
	
}
#sidebar form {
	margin:0;
}

#sidebar input {
	margin:5px 10px 5px 10px; /* margin outside the [type="xxx"] for IE6 */
}

#sidebar input[type="text"] {
	width:130px;
	background:#ffffff;
	color:#333333;
	border:2px inset #cccccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:10px 10px 40px 10px !important;
}
#sidebar input[type="submit"] {
	background-image:url(images/sidebar-submit-background.gif);
	color:#000000;
	font-weight:bold;
	border:0;
	width:82px;
	height:25px;
	top:-32px;
	right:10px;
	text-align:center;
	float:right;
	position:relative;
	margin:0  !important;
}

#sidebar input:focus {
	background:#fff;
	border:2px solid #eee;
}
/* some input
--------------------------------------------------*/
input {
	border:1px solid #CCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:3px;
}
input:hover {
	
}
input:focus {
	
}
/* comments
--------------------------------------------------*/

form#commentform {
	background-image:url(images/content-background.png);
	background-position:left bottom !important;
	background-repeat:no-repeat;
	width:630px !important;
	margin:-13px 0 15px 0;
	padding:0 0 10px 10px !important;
	text-align:left;
}

form#commentform p {
	margin:10px 0 0 0!important;
}
form#commentform label {
	display:block;
	margin:0;
	padding:0;
}
#comments {
	font-size:0.9em;
}
#commentlist li {
	margin:1.5em;
	padding-bottom:1em;
}

#commentform textarea {
	background:#f8f7f6;
	border:1px solid #d6d3d3;
	width:600px;
	font: 13px verdana, arial, helvetica, sans-serif
}
#commentform #email, #commentform #author, #commentform #url {
	font-size:1.1em;
	background:#f8f7f6;
	border:1px solid #d6d3d3;
	width:600px;
}
#commentform input {
	margin-bottom:3px;
}
#gravatar {
	text-align:right;
}
/* wp stuff
--------------------------------------------------*/

.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.alignleft {
	float:left;
}
.alignright {
	float:right;
}
.navigation {
	text-align:center;
	font-size:120%;
}
.wp-caption {
	border:1px solid #ddd;
	text-align:center;
	background-color:#f3f3f3;
	padding:4px 0 0 0;
/*
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
*/
	margin:10px;
}
.wp-caption img {
	border:0 none;
	margin:0;
	padding:0;
}
.wp-caption-dd {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
#header h1 a:hover, #footer a:hover {
	text-decoration:none;
	color:#333;
}
#content li, #content2 li {
	padding:10px;
	margin-left:32px;
}
a, #sidebar li a, #footer a {
	color:#999;
	text-decoration:none;
}
/* footer
--------------------------------------------------*/
#footer {
	color:#333;
	margin:0;
	padding:20px 0;
}