/*  
Theme Name: Onyx Design v.3
Theme URI: http://www.onyx-design.net/
Description: Based on <a href="http://www.upstartblogger.com/">Upstart Blogger Modicus</a>
Version: 3.0
Author: Robert Ellis (modded by Fabian van Luyn)
Author URI: http://www.mysticsoftheordinary.com/
License: Creative Commons Attribution-Share Alike 3.0 (http://creativecommons.org/licenses/by-sa/3.0/. Feel free to make any changes, but please keep a link back to Upstart Blogger in your sidebar or footer.
*/

/* @group Normalize */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
ol,ul {
	list-style: none;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {
	border: 0;
}
caption,th {
	text-align: left;
}
q:before, q:after {
	content: '';
}
/* @end */

/* @group Structure */

#homebody {
text-align: left;
font-size: 1.5em;
line-height: 2.5em;
letter-spacing: .1em;
width: 916px;
padding-top: 200px;
}

#wrapper {
	font-size: 1.2em;
	width: 916px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

#header {
/*text-align: center;
margin: 20px 0;*/
height: 150px;
font-size: 3em;
font-variant: small-caps;
}

#header a {
	display:block;
	margin:0 auto;
	}

#sidebar2 h1 {
font-size: 2em;
text-transform: none;
line-height: 1.2em;
}

body {
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
	color: #444;
	font: 62.5%/200% Arial, Helvetica, sans-serif;
	text-align: center;
	}



/* @end */

a:link, a:visited {
	color: #444;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	text-decoration:underline;
	background-color:#eee;
	}

#sidebar a {border: none; font-weight: normal;}

#sidebar #rsslink {
	font-weight:normal;
	font-size:40px;
	letter-spacing:-5px;
	padding-left:3px;
	display:none;
	}

.sb_readmorelink {
	clear:both;
	text-align:right;
	display:block;
	margin-right:48px;
	}

a.top_link {
	clear:both;
	position:fixed;
	left:3px;
	bottom:7px;
	}
	
a.top_link span{
	position:relative;
	top:-4px;
	margin-left:3px;
	font-size:0.8em;
	font-weight:normal;
	}
	
.post li p, #sidebar2 li p {display: inline;}
.post li a, #sidebar2 li a {font-weight: bold;}
.post li, #sidebar2 li {display: inline;}

#sidebar2 ul {padding-top: 15px;}

#sidebar h2 {text-transform: uppercase;}

a:link.subscribe, a:visited.subscribe {
color: #f36a18;}

a:hover.subscribe  {
color: silver;}

.description {font-size: .5em;}

#header img {border: 0px solid #bebebe; float: left;}

#sidebar {
text-align: left;
position: absolute;
top: 190px;
right: 0;
width: 125px;
padding-bottom: 25px;
}

.sidebarxl {
width: 225px!important;
}



#sidebar2 {
text-align: left;
position: absolute;
top: 190px;
left: 450px;
width: 300px;
padding-bottom: 25px;
}

#sidebar2.homesidebar {
	left:410px;
	}
	
div.post{

}


#sidebar2inner {
padding-top:10px;
border-top:3px solid #b9b9b9;
}

/*sidebar footer */
#sidebar_footer {
	color:#777;
	/*background-color:#888;*/
	border:4px solid #eee;
}

#sidebar_footer p {
	padding:5px;
	font-size:0.9em;
	line-height:1.3em;
	}

#sidebar_footer a {
	color:#666;
	font-style:italic;
	text-decoration:underline;
	}
/* end sidebar footer */

#sidebar2 h3 {
margin: 1.5em 0 -1em;
font-weight: normal;
}

#sidebar h1 a{
font-weight: bold;}

p.postmetadatahome {
line-height: 100%;
margin: 10px 0 25px;
color: #5e5e5e;
font-size:0.9em;
position:absolute;
bottom:-5px;
left:126px;
}

.screen
{
	display:inline!important;
	float:left;
	margin:5px;
	padding:3px;
	margin-right:10px!important;
	margin-bottom:10px!important;

}

.post {
text-align: left;
margin-left: 0px;
width: 336px;
position: absolute;
left: 0px;
top: 194px;
padding-bottom: 25px;
}

.entry {
text-align: left;
width: 336px;
}

.postl .entry {
width: 400px;
}

.postxl .entry {
	text-align: left;
	width: 760px;
	}

/* CSS 3 ::selection fun */
.entry *::selection {
	background: #888; color:white; 
	}
	
.entry *::-moz-selection { 
	background: #888; color:white; 
	}


.entry p:first-child {font-weight: bold; font-size: 1.2em; padding-top: 0px; color:#444; padding-bottom:0;} /*was: #1a133b*/

.entry blockquote p:first-child {font-weight: normal; color: #444; font-size: inherit;}

.entry blockquote {font-weight: normal; color: #444; font-size: 1.1em; border-left: 2px solid silver; margin: 1.2em 0 1.2em 2em; padding-left: 1em;}

.entry code {
	background-color:#888;
	color:#eee;
	border-left:3px solid #ccc;
	margin-left:10px;
	padding:5px 5px 5px 20px;
	display:block;
	}

	
.cat a:link, .cat a:visited{
text-transform: uppercase;
color: #1a133b;
}

.cat a:hover{
text-transform: uppercase;
color: silver;}

.cat {text-transform: uppercase;}

.entry img {

padding: 2px;
border: 1px solid silver;
}

.post img {
	max-width: 400px; /* zodat portfolio page goed blijft */
}

p {padding: 1em 0 .5em 0;
	font-size:1.1em;}

strong {font-weight: bold;}

h2 {padding-top: 10px; font-size: 1.2em;}

h2.posttitle {
	font-size:2.1em;
	font-weight:bold;
	border-bottom:4px solid #ddd;
	padding-bottom:10px;
	margin-bottom:10px;
	}
	
h3 {
	padding-top: 10px; 
	text-transform: uppercase;
	font-size:1em;
}

.post h3 {
	font-size:0.9em!important;
	background-color:#eee;
	padding:2px 2px 2px 5px!important;
	margin-top:10px!important;
	border-bottom:2px solid #888;
}

.post h3.oldstyle {
	font-size:1em!important;
	background:none!important;
	padding-top:10px;
	margin-top:0!important;
	border-bottom:0px solid #888;
}

h4 {
	padding-top: 10px; 
	text-transform: uppercase;
	font-weight:normal;
	font-size:1em;
	clear:both;
	font-style:italic;
	margin-bottom:0; padding-bottom:0;
	
}

.postxl h3, .postl h3 {
	font-size:1.2em;
	clear:both;
	}


.navigation {
margin: 0 0 1em;
}

.center {text-align: center;}

.borderless img, img.borderless {border: none;}

.imgleft {float:left;}

em {font-style: italic;}

.entry li {display: block;}

ul {padding-bottom: 1em;}

ul.related li a{display: block;}
ul.related li {display: block;}

/*archive page (+ linkerkant homepage) */

ul.archive li{ display: block; padding: 10px; margin-bottom:22px;}
ul.archive li:hover { 	background-color:#ddd; }

ul.archive a.titlelink { font-size:1.4em; }
ul.archive a:hover { background:none!important; }
ul.archive p {
display: block; padding: 0;}

ul.archive p.postmetadata {
	line-height: 100%;
	margin:10px 0 0 0!important;
	color: #5e5e5e;
	font-size:0.9em;
}

ul.homearchive p.postmetadata {
	position:relative;
	top:28px;
	}

ul.homearchive a.titlelink {
	position:relative;
	top:3px;
	}
	
ul.archive {margin: 0; padding:0;}

/* end archive */

.alignleft {float: left;}
.alignright {float: right;}

/* Begin Comments*/

/* Normal Bubble */
div.bubble {
	width: auto;
	margin-bottom: 24px;
}

div.bubble.alt blockquote {
	/*border: 1px solid #444;*/
	}
	
div.bubble blockquote {
	margin: 0px;
	padding: 10px;
	border: 1px solid #c9c2c1;}

div.bubble blockquote blockquote{
	background-color:#888;
	color:#eee;
	border:solid #eee;
	border-width:1px 1px 1px 6px;
	margin:15px 0 10px 0;
	}
	
div.bubble blockquote p {
	margin: 10px 0 0 0;
	padding: 0px;
	line-height: 1.5em;
	font-size:1.05em;
}

div.bubble blockquote code{
	background-color:#888;
	color:#eee;
	font-size:1.05em;
	font-family:"Courier New", Courier, monospace;
	display:block;
	padding:5px;
	border:solid #eee;
	border-width:6px 0 6px 0;
	}

div.bubble blockquote p:first-child {
	margin-top:0;
	}

div.bubble cite {
	position: relative;
	margin: -7px;
	padding: 7px 0px 10px 15px;
	top: 5px;
	background: transparent url('images/tip.gif') no-repeat 20px 0;
	font-style: normal;
	font-size: 1em;
	display: block;
}


.alt {
	margin: 0;
	padding: 0;
	}

#commentform p {
	padding: 5px 0;
	font-size: 1.2em;
	}

#comment {

	width: 336px;
	height: 100px;
	}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
	
#commentPreview {
font-size: .8em;}

ol.trackbacklist{
	margin-left:25px;
	}
		ol.trackbacklist li {
			display:list-item;
			list-style-type:decimal;
			}

/* End Comments */

/* Begin sidebar 2 */
ul.sidebarimglist {
	list-style:none;
	}

	ul.sidebarimglist li {
		background:none;
		display: inline;
        list-style: none;
        width: 120px;
        min-height: 120px;
        float: left;
        margin: 5px 5px;
		padding:0;
		text-align: center;
		}
			ul.sidebarimglist img {
				border:2px solid #b9b9b9;
				}
			ul.sidebarimglist img:hover {
				border:2px solid #1a133b;
				}
/* End Sidebar 2 */
/* Share This */

.sharethis {padding: 2em 0 3em;}

#akst_form {margin-left: -50px;}

/* End Share This */

/*Begin homepage */

ul.homearchive li div.innerha {
	/*background-image:url(http://www.onyx-design.net/weblog2/wp-content/themes/ub_modicus/images/transpBlack10.png);*/
	padding:5px;
	position:relative;
	}

div.innerha:hover {
	background-color:#ddd;
	}

div.innerha a:hover, div#sidebar_footer a:hover {
	background:none;
	}

ul.homearchive p, ul.homearchive a {
		
		}


/*Begin Portfolio */
.portws {
	height:170px;
	max-height:170px!important;
	overflow:none;
}
.portws img {
	z-index:0;
	width:734px!important;
	border:5px solid #eee;
}
.portcontent {
	z-index:10;
	/*width:500px;*/
	height:351px;
	/*min-height:351px; /* met 4 rijen: 478 */
	overflow:auto;
	border:5px solid #eee;
	background-color:#888;
	width:465px;
	float:right;
	margin:10px 20px 0 0; padding-left:0;
}

.portcontent div{
	display:none;
}

.portnojs {
	padding-top:20px!important;
	}

	.portcontent p{
		padding:3px 20px;
		color:#eee;
		font-size:1.2em!important;
		}
	
	.portcontent h3 {
		color:#efefef;
		font-size:1.1em;
		margin:5px 0 5px 20px;
		letter-spacing:1px;
		}
		
	.portcontent p:first-child {
		font-weight: normal; 
		font-size: 1.2em; 
		padding-top: 20px; 
		color: #eee;
		}
		
	ul.portscreens {
		width:260px;
		float:left;
		margin-right:0;
		padding-right:0;
		}
	ul.portscreens li {
		background:none;
		display: inline;
        list-style: none;
        width: 120px;
        min-height: 120px;
        float: left;
        margin: 5px 5px;
		padding:0;
		text-align: center;
		}
			ul.portimglist img {
				border:2px solid #b9b9b9;
				}
			ul.portimglist img:hover {
				border:2px solid #1a133b;
				}
a.portsitelink {
	background-image:url('http://www.onyx-design.net/weblog2/wp-content/themes/ub_modicus/images/web-page-grey.gif');
	padding:3px 23px 3px 3px;
	background-repeat:no-repeat;
	background-position:97% 3px;
	color:#eee;
	}
		a.portsitelink:hover {
			color:#888;
			}

.portsubtitle {
	font-size:10px;
	color:#777;
	font-weight:normal;
	position:relative;
	top:-1px;
	padding-left:10px;
	text-transform:none;
	font-style:italic;
}
/* Begin Search */

#search_form {
width: 15px;
}

#search_form input {
width: 40px;
}

/* End Search */