/*  
Theme Name: Skanebloggar Main Theme (built on Notes Blog Core)
Theme URI: http://skanebloggar.se/
Description: The main theme for skanebloggar.se, with custom front page and staff blog. <a href="http://tdhedengren.com/">Made by TDH</a> and built on <a href="http://notesblog.com/">notesblog.com</a>. Requires WordPress 2.8 or higher.
Version: 1.0
Tags: two columns, fixed width, custom, widgets
Author: Thord Daniel Hedengren
Author URI: http://tdhedengren.com/
Template: notes-blog-core-theme

	Requires the Notes Blog Core Theme:
	http://notesblog.com/core/

*/

@import url('../notes-blog-core-theme/style.css');

body { background: #f7e0aa; }


/* WIDTHS */

div#wrap { width: 970px; background: #f7e0aa; }

ul#sidebar { width: 290px; }
div.widecolumn { width: 660px; }

div#topad { text-align:center; margin: 20px 0 30px 0; }

div.copycolumnwide, div.copycolumn { width: 480px; }


/* DESIGN */

div#header { margin:0; padding-bottom:0; border:0; background:url(img/header-bg.gif) no-repeat; height:137px; }
	div#header h1 { padding: 20px 0 0 22px; }
		div#header h1 a { border:0; }
	div.logincontainer { float:right; width: 371px; margin-right: 20px; }
		div#login { float:right; width: 371px; height: 46px; background:url(img/header-login-bg.gif) no-repeat; font-size: 12px; }
			div#login div.text { float:left; width: 80px; height: 25px; line-height: 25px; font-size: 12px; font-weight:bold; text-transform: uppercase; color: #815a00; }
				div#login div.text span { padding-left:12px; }
			div#login div.input { float:left; margin-left: 5px; width: 120px; height: 25px; background:url(img/input-header-bg.gif) no-repeat; }
				div#login div.input input { border:0; width: 110px; margin: 3px 0 0 5px; font-size: 12px; color: #666; background:none; }
			div#login div.submit { height: 25px; float:right; padding-right:10px; }
				div#login div.submit input.button { width:22px; height:22px; border:0; padding:0; background:url(img/submit-bg.gif) no-repeat; }
					div#login div.submit input.button:hover { background:url(img/submit-hover.gif) no-repeat; }
			div#login div.loggedin { padding: 16px 20px 0 0; text-align:center; }
			div#login div.loginfeatures { width: 100%; padding-top:2px; float:left; font-size: 10px; color: #666; text-align:center; }
				div#login div.loginfeatures input { height:10px; }
		div.header-signup { float:right; margin-top: 15px; width: 245px; height:40px; background: url(img/header-signup.gif) no-repeat; text-align:center; overflow:hidden; }
		    div.header-signup:hover { background: url(img/header-signup-hover.gif) no-repeat; }
		    div.header-signup a { font-size: 16px; line-height:40px; padding: 3px 10px 3px 0; text-decoration: none; font-weight:bold; color: #815a00; }

div#blog { background: url(img/blog-bg.gif) repeat-y; }

div#content {}
	div#content h1.listhead { margin-left: 40px; margin-right: 0; }

div#sb_welcome { margin: 0 40px 0 40px; font-size: 22px; line-height: 30px; }
	div#sb_welcome span { color: #c1272c; font-variant: small-caps; font-size: 24px; }

ul#sb_gettingstarted { background: #fdf2d8; margin: 0 0 20px 40px; padding: 20px 20px 1px 20px; color: #815a00; font-size: 24px; line-height:24px; font-family: Helvetica, Arial, sans-serif; }
	ul#sb_gettingstarted li { margin-bottom: 20px; list-style: none; }
		ul#sb_gettingstarted li span { font-size: 24px; line-height:24px; font-weight:normal; margin-right: 5px; padding: 0 7px; background: #f7921e; color: #fff; }

div.main-signup { margin: 20px 0 20px 40px; width: 620px; height:79px; background: url(img/main-signup.gif) no-repeat; text-align:center; overflow:hidden; }
	div.main-signup:hover { background: url(img/main-signup-hover.gif) no-repeat; }
	div.main-signup a { font-size: 36px; line-height:79px; padding: 21px 25px 21px 0; text-decoration: none; font-weight:bold; color: #815a00; }

div#partners { margin: 0 0 20px 40px; padding: 20px; border: 1px solid #fdf2d8; line-height: 20px; font-size: 14px; color: #888; }
	div#partners img { float:right; margin: 0 0 10px 10px; }
	div#partners span { color: #c1272c; font-variant: small-caps; font-size: 16px; }

div.post, div.page { padding: 0 0 20px 40px; }
ol.commentlist, div#respond { padding-left: 20px; }
h2#comments { margin-left: 40px; }
textarea#comment { width:576px; }

div.globaltags { padding: 10px 0 30px 40px; text-align:center; font-size: 18px; line-height: 28px; }

h2.utvbloggen { margin:0; padding: 0 0 0 40px; font-size: 22px !important; }
div.homepost { margin: 0 0 20px 40px; padding: 10px 0; color: #888; border: 1px solid #815a00; border-width: 1px 0; }
	div.homepost span { font-size: 12px; }

div.nav {}
	div.nav div.left { padding-left: 30px; }
	div.nav div.right { padding-right: 20px; }

ul#sidebar {}
	ul#sidebar li { margin-right: 40px; }
	li#blogstats { font-size: 16px; color: #888; }
		li#blogstats span { color: #222; }
	li.widget_search { text-align:center; padding: 10px 0; border: 1px solid #fdf2d8; border-width: 1px 0; }

div#copy { padding-top:10px; margin-bottom: 30px; background: url(img/copy-bg.gif) bottom no-repeat; border:0; font-size: 14px; line-height: 18px; }
	div#copy span { font-size: 12px; color: #888; }
		div#copy span a:link, div#copy span a:active, div#copy span a:visited { color:#444; }
	div#copy div.copycolumnwide p { padding: 0 0 20px 30px; }
	div#copy div.copycolumn p { padding: 0 30px 0 20px; }


/* TYPOGRAPHY */

div.text, div.loginfeatures, h2.utvbloggen, div.header-signup, div.main-signup
	{ font-family: Helvetica, Arial, sans-serif; }

/* LINKS */

a:link, a:active, a:visited { color: #c1272d; }
a:hover { color: #F7931E; }

div#partners a { color: #666; text-decoration: underline; }
	div#partners a:hover { color: #111; }

div.globaltags a { color:#666; background: #ffc; border: 1px solid #ffc; padding: 1px; margin: 0 2px; }
	div.globaltags a:hover { color: #fff; background: #f7921e; border-color: #f7921e; text-decoration: none; }
	div.globaltags a.taggarlink { color: #c1272c; border-color: #f7921e; padding: 0 2px; }
		div.globaltags a.taggarlink:hover { color: #fff; background: #c1272c; border-color: #c1272c; }