/*  
Theme Name: SilverWindow
Theme URI: http://www.surfaren.se/
Description: A wordpress theme by Daniel Holm
Version: 1.0
Author: Daniel Holm
Author URI: http://www.surfaren.se

The CSS, XHTML is released under a Creative Commons License
http://creativecommons.org/licenses/by/2.5/
*/



/* Universal Selectors
----------------------------------------------------------------------------- */

	*  {
		margin: 					0;
		padding: 					0;
		/* Resets all margins and paddings on the page */
	}
		
	ol, ul {
		list-style-type: 			none;
	}
	
	* a:link, * a:visited, * a:hover, * a:active {
		text-decoration: 			none;
	}
		
	* a:hover {
		cursor: 					pointer;
		/* works well for onclick anchors */
	}
	
	a img, :link img, :active img {
		border: 					none;
	}
	
	html, body {
		height: 					100%;
		width: 						100%;
	}

	body {
		color: 						#eee;
		font-family: 				Helvetica, Arial, Sans-Serif;
		font-size: 					75%; /* Sets the page font to 12px */
		line-height:				1.8em;
		background: 				#272727 url(images/background.png) repeat top center;
		cursor:						default;
	}
	


/* Headings and paragraph
----------------------------------------------------------------------------- */

	h1, h1 a, h1 a:hover, h1 a:visited, h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, h4, h4 a, h4 a:hover, h4 a:visited {
		color: 						#333;
		font-weight: 				normal;
		font-family: 				Tahoma, Trebuchet, "Trebuchet MS", Helvetica, Arial, Sans-Serif;
		letter-spacing:				-0.03em;
	}

	h1 {
		font-size: 					2em;
	}

	h2 {
		font-size: 					1.5em;
	}

	h3 {
		font-size: 					1.3333em;
	}

	h4 {
		font-size: 					1.1667em;
	}
	
	p {
		font-size:					1.1667em;
	}


/* Structure
----------------------------------------------------------------------------- */
	
	
	
	#container {
		width: 						100%;
	}
	
	#wrapper {
		min-width:					100%;
		background:					#fff;
	}
	
	#content {
		margin:						0 auto;
		padding:					30px 5px 20px;
		width:						990px;
		color:						#333;
		background:					#fff;
	}
	
	.col-left {
		float:						left;
		width: 						480px;
	}
	
	.col-right {
		float:						right;
		width: 						480px;
	}
	
	.clear {
		clear:						both;
	}
	
	.right {
		text-align: 				right;
	}
	
	.center {
		text-align: 				center;
	}

	hr {
		display: 					none;
	}
	




	/* Header
	----------------------------------------------------------------------------- */
	
	#header {
		margin:						0 auto;
		padding:					20px 5px;
		width:						990px;
		color:						#eee;
		font-size:					1.1667em;
	}
	
	#header a {
		color: 						#eee;
	}
	
	#header .minimenu a {
		margin-left:				34px;
	}
	
	
				
	/* Content
	----------------------------------------------------------------------------- */
	
	#content p {
		margin:						1em 0;
		text-align: 				justify;
	}
	
	#content p a, #content .metadata a {
		color: 						#333;
		text-decoration:			underline;
	}
	
	#content .post {
		padding-bottom:				5em;
	}

	#content h2.line {
		margin: 					1.8em 0 1em;
		padding-bottom:				0.5em;
		border-bottom: 				1px solid #ccc;
	}
	
	#content ul, #content ol {
		margin: 					1em 0 1em 1em;
	}
	
	#content .post .note {
		color:						#999;
		font-size:					1.083em;
	}
		
	#content .entry {
		margin-top: 				0.8em;
	}

	#content .metadata {
		display: 					block;
		padding-top:				1em;
		font-size:					1.083em;
	}
	
	/* Level one */
	#content .level1, #content .level1 a {
		color:						#666;
	}
	
	#content .level1 .note {
		color:						#AAA;
	}
	
	/* Level two */
	#content .level2, #content .level2 a {
		color:						#999;
	}
	
	#content .level2 .note {
		color:						#BBB;
	}
	
	/* Level three */
	#content .level3, #content .level3 a {
		color:						#BBB;
	}
	
	#content .level3 .note {
		color:						#CCC;
	}
	
	/* Level four */
	#content .level4, #content .level4 a {
		color:						#CCC;
	}
	
	#content .level4 .note {
		color:						#DDD;
	}
	
	
	
	
	/* Comments
	----------------------------------------------------------------------------- */
	
	#content .commentlist {
		margin:						0;
		padding:					0;
		list-style:					none;
	}
	
	#content .commentlist a {
		color:						#333;
		text-decoration:			underline;
	}
		
	#content .commentlist li {
		margin-top:					1em;
		border-bottom: 				1px solid #ccc;
	}
		
	#content .comment_number a {
		float: 						right;
		padding-right: 				10px;
		color: 						#d6d6d6;
		font: 						2.2em Tahoma, sans-serif;
		text-decoration:			none;
	}
		
	#content .comment_author {
		font-weight: 				bold;
	}
	
	#content .special .comment_author {
		color:						#CA244A;
	}
	
	#content .comment_date {
		color: 						#999;
		font-weight: 				normal;
	}
	
	
	
	
	
	/* Footer
	----------------------------------------------------------------------------- */
	
	#footer {
		margin:						0 auto;
		padding:					10px 5px 70px;
		width:						990px;
		color:						#eee;
	}
	
	#footer .col-left ul, .col-3 {
		float:						left;
		padding-right:				10px;
		width:						150px;
	}
		
	#footer h2 {
		display: 					block;
		padding: 					40px 0 17px;
		color: 						#EEE;
		font-size: 					1.3em;
	}
	
	#footer ul li a {
		color: 						#EEE;
		font-size:					1.1083em;
	}
	





/* Lists
----------------------------------------------------------------------------- */

	
	#content ul, #content ol {
		font-size:					1.1667em;
		list-style:					circle;
	}

	ul ul, ol ol, ul ol, ol ul {
		font-size:					1em;
	}

		
		
/* Images
----------------------------------------------------------------------------- */

	#content img {
		display: 					block;
		margin: 					0 auto;
		max-width: 					100%;
		padding: 					0px;
	}

	#content img.none {
		margin: 					0 auto;
		max-width: 					90%;
		border: 					0;
	}
		
	#content img.wp-smiley {
		display: 					inline;
		margin: 					0;
		padding: 					0;
		border: 					0;
		/* For whenever one uses smileys in posts */
	}





/* Forms
----------------------------------------------------------------------------- */

	.searchform .search_input {
		padding: 					1px 3px;
		width: 						140px;
		color: 						#fff;
		background: 				transparent;
		border:						1px solid #666;
	}
	
	.searchform .searchsubmit {
		display: 					none;
	}
	
	#commentform input, #commentform textarea {
		border:						1px solid #CCC;
	}
	
	#commentform #submit {
		padding: 					0.25em 0.5em;
		color:						#fff;
		font-weight:				bold;
		background-color:			#CA244A;
		border:						1px solid #EFA4B7;
	}
		
		
		
		
/* Page Specific
----------------------------------------------------------------------------- */

	
	/* This is if you use the current page-archives.php for your archives */
		
	.archive_title {
		margin-bottom:				1em;
		padding-bottom:				0.5em;
		text-align:					right;
		border-bottom:				1px solid #CCC;
	}
					
			
			
			
			
/* Extras
----------------------------------------------------------------------------- */

	blockquote {
		padding-left: 				28px;
		background: 				url("images/quote-mark.png") top left no-repeat;
	}