/*  
Theme Name: Argon
Theme URI: http://wordpress.org/
Description: Colorful theme (2008)
Version: 0.1
Author: Thomas van den Berg
Author URI: http://www.noio.nl/
*/

/*  RESET BY DEJAN CANCAREVIC */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}

/* TYPOGRAPHY & COLORS (BLUEPRINTCSS)*/
body { 
  font-size: 75%; /*12px*/
  color: #cccccc; 
  background: black;
  font-family: "Lucida Grande",Lucida,Verdana,sans-serif;
	word-spacing: 0.1em;
	line-height: 1.75; /*21px*/
}
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: white; letter-spacing: -0.04em;}

h1{font-size:3em;line-height:1;margin-bottom:0.167em;}
h2{font-size:2em;}
h3{font-size:1.5em;line-height:1;margin-bottom:0.167em;}
h4{font-size:1.25em;line-height:1.2;margin-bottom:0.4em;}
h5{font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6{font-size:1em;font-weight:bold;}
p{margin:0 0 1.75em;}
p img{float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right{float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus,
a:hover{color:black;background:#d5d7e1;}
a{color:white;text-decoration:none;border-bottom:1px solid #575757;}
blockquote{margin:1.75em;padding:1.75em 1.75em 0;color:#aaa;font-style:italic;background:url('images/quote-left.png') no-repeat;}
blockquote p{margin:0;padding:0 1.75em 1.75em 0;background:url('images/quote-right.png') bottom right no-repeat;}
strong{font-weight:bold;}
em,dfn{font-style:italic;}
.ulined{border-bottom:1px dotted #cccccc;}
dfn{font-weight:bold;}
sup,sub{line-height:0;}

code {font:12px 'andale mono', 'lucida console', monospace;}

dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

/* STRUCTURE */
html{ height: 100%;}
body{ height: 100%; text-align:center;}
	
#frontpage{ background: black url('images/bg-frontpage.png') repeat-x;}
#normalpage{ background: black url('images/bg-standard.png') repeat-x;}
#normalpage.textpage{ background: black url('images/bg-standard-dark.png') repeat-x;}
	
#page{text-align:left; 
	margin:0 auto;
	width:940px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	}
	#frontpage #header{height:280px;}
	#normalpage #header{height:180px;}
		#logo a{
			display: block;
			border: none;
			width:260px; 
			height:200px; 
			text-indent: -9999px;}
			#frontpage #logo { margin-left: 340px;}
			#frontpage #logo a{height:200px; background:url('images/logo-frontpage.png');}
			#normalpage #logo a{height:150px; background:url('images/logo-normalpage.png'); }
		
		#menu{display:block;float:left; list-style-type:none; padding-top: 90px; margin: 0;}
			#menu li{display: block; float: left; height: 40px;}
			#menu a {display: block; height: 100%; text-indent:-9999px; border:none; background: url('images/menubar.png');}
			#menu #blog{ width: 90px; background-position: 0 0;}
			#menu a#blog:hover { background-position: 0 -40px;}
			#menu #portfolio{ width: 170px; background-position: -140px 0;}
			#menu a#portfolio:hover { background-position: -140px -40px;}
			#menu #about{ width: 120px; background-position: -320px 0;}
			#menu a#about:hover { background-position: -320px -40px;}
			
	#category-page .cat-thumb{margin-bottom:10px;}
	
		#postnav a{color:#ccc;}
		
	#single-post .showcase{position:relative; padding: 1.75em; background:url('images/bg-portfolio.png'); text-align:center;}
		
	#single-post .controlbox{position: relative; margin: 0; height: 42px; 
		background: url('images/bg-descr-expander.png') no-repeat center bottom;}
		.controlbox li {display: block;}
			.controlbox li a{color: #555; border:none; background: transparent;}
			.controlbox li a:hover{color: white;}
		.controlbox .previous{margin: 0 1.75em; float:left;}
		.controlbox .next{margin: 0 1.75em; float:right;}
		.controlbox .expander{
			position:absolute; top:0; left: 170px;
			width: 600px;
			text-align: center;}
		
	#single-post .description{padding: 1.75em 0;}
	
	#about-page h3{text-transform:uppercase; width:105px; float:left; padding-top:12px;}
	#about-page p{
		display:block; 
		float:left; 
		width: 405px; 
		padding:0 0 0 20px; 
		background: url('images/bg-about-section.png') no-repeat;}
					
	#sidebar{ margin: 0.25em 0; padding: 1.5em 2.25em; background: url('images/bg-sidebar.png');}
		#sidebar .widget h2{color: #bbb;}
		#sidebar .widget ul{margin-right: 0;}
		#sidebar li{list-style-type: none;}
		#sidebar .widget a{color: #999;}
		#sidebar .widget a:hover{color: black;}

	#comments ol {margin: 0; padding-top: 1.75em; list-style-type: none;}
		.avatarbox{float:left; width: 110px; height:126px;}
			.avatar {width:60px; height:60px; margin: 8px; border: 2px solid black;}
		#comments .comment-text{float:left; width:430px; background-position: -110px 0;}
						.comment-text .author{display: block; margin:0.25em 0 1.5em; color:#ccc;}
						.comment-text .author a{border-bottom: 1px solid #ddd;}
						.comment-text .date{color: #555; margin-right:10px;}
		.col1 .comment-text, .col1 .avatarbox{background: url('images/bg-comment-col1.png') no-repeat;}
		.col2 .comment-text, .col2 .avatarbox{background: url('images/bg-comment-col2.png') no-repeat;}
		.col3 .comment-text, .col3 .avatarbox{background: url('images/bg-comment-col3.png') no-repeat;}
		.col4 .comment-text, .col4 .avatarbox{background: url('images/bg-comment-col4.png') no-repeat;}
		
	#commentform{padding-top: 1.75em; width: 400px;}
		#commentform dl { position: relative; }
			#commentform dt {clear:both;float:left;width:50px; margin-bottom: 1.75em; text-align:right; color:#555;}
			#commentform dd {float:left;width:300px;margin:0 0 8px 0;padding-left:6px;}
			#commentform dd small{color:#555;}
			input, textarea{background:#222; color:#aaa; border:none; border:1px solid #555; padding: 5px;}
			input:focus{border:1px solid #aaa;}
			input:hover, textarea:hover{background:#444;}
			#commentform .commentbox{padding:12px 0; background: url('images/bg-comment-entry.png') no-repeat 0 0;}
			#commentform textarea{width:388px; border-top: none; background:black;}
	
#footer{width:100%;
	height: 80px;
	color: #999;
	background: url('images/bg-footer.png') repeat-x bottom;}		
	#footer .container{text-align: left; margin: 0 auto; width: 940px; }
	#footer li {display: block; float: left; margin-left:6px;}
	#footer a{ color: #999;}

/* GRID */
.container{width:940px;}
.column{float:left; margin-right: 20px;}
.column.last{margin-right: 0;}

.span-narrow{width:180px;}
.span-mid{width:260px;}
.span-wide{width: 540px;}
.span-full{width: 940px; margin-right: 0;}

.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/*CUSTOM CLASSES*/
.alignright{float:right;text-align:right;}
.alignleft{float:left;text-align:left;}
small, .small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }

.favicon{display: block; float: left; position:relative; top: 3px; margin: 0 4px 0 0; width: 16px; height:16px;}
.datestamp	{ 
	color: black; background: url('images/bg-datestamp.png');
	width: 24px; height:28px; 
	padding: 4px 6px; margin: 4px 10px 0 0}
	
.wp_syntax{font-size: 12px; margin: 1.75em 0; background: white; color: #333;}
	.wp_syntax * { padding: 0; margin:0; }
	.wp_syntax .line_numbers {padding: 0 0.2em; background: #333; text-align: right; color: #aaa;}
	.wp_syntax .code{padding-left: 0.5em;}