/*
Theme Name: Fokusering dot SE
Theme URI: http://fokusering.se
Description: Tbe original fokusering.se theme
Version: 0.1
Author: Fredrik Holmstrom
*/

/* # Import # */
@import url("/wp-content/themes/fokusering/reset.css");
@import url("/wp-content/themes/fokusering/typography.css");
@import url("/wp-content/themes/fokusering/safari.css");

/* # Basic # */
body { background: #edeff3; padding: 50px; background-image:url(/wp-content/themes/fokusering/bg.png); background-position: top center; }

/* # Header # */
	div#header { background: url(/wp-content/themes/fokusering/background.gif) 50% 50% repeat-x; height: 108px;  }
		div#header h1 { width: 261px; height: 108px; margin-left: 20px; text-indent: -999em; background: url(/wp-content/themes/fokusering/logo.png) no-repeat; position: absolute; }
			div#header h1 a { display: block; height: 108px; }
		
		div#header ul { margin-left: 320px; padding-top: 50px; }
			div#header li { float: left; margin-right: 10px; }
			div#header a,
			div#header strong { font-size: 1.2em; color: #333; }
				div#header a:hover { color: #000; text-decoration: underline; }
				
				/* active */
				div#header strong { font-weight: normal; color: #fff; background: #d58816; padding: 0.3em 0.5em; }

/* # Wrap # */
div#wrap { padding: 30px 51px; background: #edeff3; margin-top:20px; margin-left:180px; }
		
	/* # Content # */
	div#content { float: left; width: 61%; }
	
	div#wrap a { color: #31415e; text-decoration: underline; }
		div#wrap a:hover { color: #7d97c8; text-decoration: none; }
		div#wrap a:visited { color: #7d97c8; }
	
	h2 { color: #31415e; }
	h3.comment { margin-top: 1em; }
	p { color: #333; }
	pre code { border-left: 2px solid #d1d7e2; padding: 1em 2em; background: #f4f6f9; }
	blockquote p { border-left: 2px solid #d1d7e2; padding: 0.5em 1em; }

	div#content ul li { list-style-type: disc; }
	div#content ol li { list-style-type: decimal; }
		div#content ul li li { list-style-type: circle; }

	
		/* # Post specific # */
		div.post { margin-bottom: 2em; }
			p.date { color: #999; font-size: 1.1em; text-transform: uppercase; }
				p.date span { text-transform: lowercase; }
			p.info { color: #999; font-size: 1.1em; }
				div#wrap p.info a { color: #777; text-decoration: none; }
					div#wrap p.info a:hover { color: #333; }
			div.post h4 { padding: 0.65em 0; }
		
		/* # Comments # */
		ol#comments { border-top: 1px solid #d1d7e2; margin-top: 2em; padding-top: 1em; }
			div#content ol#comments li { list-style-type: none; margin-left: 0; padding: 1em 0; border-bottom: 1px solid #d1d7e2; }
				div#content ol#comments li.last { border: 0; }
			
			ol#comments h4 { font-weight: normal; color: #444; }
			div#wrap ol#comments h4 a { color: #444; text-decoration: none; }
			ol#comments p { color: #555; }
			ol#comments p.date { color: #999; }
		
		/* # Forms # */
		form { background: #f4f6f9; padding: 2em 2em 1em; border-top: 2px solid #d1d7e2; }
			form label { width: 6.6em; float: left; display: block; color: #666; }
			
			form .text { border: 1px solid #999; font-size: 11px; padding: 0.2em; }
			form input.text { width: 17em; }
			form textarea.text { width: 27.5em; height: 10em; }
			
			form p.submit { padding-left: 6.6em; }
	
	/* # Extra content # */
	div#extra-content { float: right; padding-top: 1.5em; width: 30%; overflow: hidden; }
		div#extra-content a { text-decoration: none; }
		div#extra-content h4 { padding: 0.4em 0.5em; width: auto; color: #fff; }
		
		div.flickr-widget h4 { position: absolute; background: #d58816; }
		div.flickr-widget img { margin: 1em 0 0 1em; }
		div.flickr-widget p { background: #222; color: #ddd; margin-top: -0.2em; padding: 0.4em 0.5em; }
		
		div.list-widget { padding-top: 4.5em; font-size:11px; line-height:13px; }
			div.list-widget h4 { position: absolute; background: #31415e; margin-bottom: 0.5em; }
			div.list-widget ul, div.list-widget p { padding: 2em 1.5em 0.8em; margin: 1em 0 0 1em; background: #e7e9ef; font-size:12px; }
div.list-widget ul ul { padding-top:0px; font-size:12px; }
				div.list-widget li { margin-bottom: 0.7em; }

/* # Clear # */
hr.clear { clear: both; height: 0; border: 0; width: 50%; margin: 0 auto; }

/* # Footer # */
p#footer { margin-top: 40px; text-align: right; padding: 1.8em 51px; background: #e0e5ee; font-size: 1.2em; color: #a4adbc; }

/* # Width # */
	div#header,
	div#wrap,
	p#footer { width: 820px; zwidth: 80%; margin-left: auto; margin-right: auto; }
	
	/* -102px */
		div#wrap,
		p#footer { width: 718px; zwidth: 80%; }