/* 
	Theme Name: Bloggproffs MU Homepage
	Theme URL: http://www.bloggproffs.se
	Description: Startsajten för Bloggproffs.se
	Version: 1.1
	Author: Bloggproffs
	Author URI: http://bloggproffs.se
*/

/************************************************
*	RESET									*
************************************************/
	
	
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, fieldset, table, caption, tbody, tfoot, thead, tr, th, td, button {
border:0pt none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:normal;
margin:0pt;
padding:0pt;
vertical-align:baseline;
font-family:Arial, Helvetica, sans-serif;
}
table {
border-collapse:collapse;
border-spacing:0pt;
}
caption, th, td {
font-weight:normal;
text-align:left;
}

blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
a img {
border:medium none;
}

html {
overflow-x:hidden;
}

body {
	background:url("images/background.gif") repeat-x;
	height:auto !important;
	min-height:100%;
	position:absolute;
	width:100%;
	height:100%;
	margin: 0px auto 0px;
	text-align:center;
	padding:0;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#000;
	font-weight:normal;
	line-height:1.4em;
	margin-bottom:5px;
}
	
	
/************************************************
*	Hyperlinks									*
************************************************/

a {
	color:#000;
}
	
/************************************************
*	Header  									*
************************************************/
a#logo {
	float:left;
}

div.header {
	width:1012px;
	background:url("images/headerbg.gif") repeat-x;
	margin:0 auto;
	overflow:hidden;
	text-align:left;
	height:189px;
}

div.headercontainer {
	height:146px;
	overflow:hidden;
}

div.loginbox {
	float:right;
	width:350px;
	padding:20px 20px 0 0;
}

div.inputbox {
	float:left;
	width:350px;
	text-align:right;
	margin-bottom:5px;
	vertical-align:middle;
}

div.inputbox.last {
	margin-top:10px;
}


div.btn-signup {
	background:url("images/btnsignup.gif") no-repeat top right;
	float:left;
	line-height:59px;
	margin:10px 0 0 20px;
}

div.nav {
	float:left;
}

div.nav ul {
	float:left;
	list-style:none;
	background:url("images/navul_bg.gif") repeat-x;
	width:1012px;
}

div.nav li {
	float:left;
	list-style:none;
}


form#login a {
	color:#fff;
	font-size:0.75em;
	line-height:30px;
}

div.nav li a:hover{
	background:url("images/navon_bg.gif") no-repeat top right;
	line-height:43px;

}
	
/************************************************
*	Content 					     		    * 
************************************************/

#content {
	margin:10px auto 3em;
	overflow:hidden;
	padding-bottom:20px;
	width:1012px;
	text-align:left;
}


div.maincol {
	background:url("images/intro_bg.gif") no-repeat bottom left;
	float:left;
	width:560px;
	padding:15px 20px 20px 20px;
	
}

div.secondcol {
	width:362px;
	float:right;
	margin:0 0 0 10px;
	background:url("images/signbg.gif") bottom left;
	padding:15px 20px 0 20px ;
	height:175px;
}

div.boxcontainer {
	float:left;
	width:1012px;
	margin:10px 0 0 0;
}

div.box {
	float:left;
	width:245px;
	margin:0 10px 0 0;
	background:url("images/boxbg.gif") no-repeat left bottom;
	padding-bottom:30px;
	min-height:225px;
}

div.box.last {
	float:right;
	width:245px;
	margin:0;

}

div.box.last img {
	float:right;
	margin:10px 10px 0 0;
}


div.box ul {
	float:left;
	list-style:none;
	width:245px;
}

div.box li {
	float:left;
	overflow:hidden;
	list-style:none;
	width:225px;
	border-bottom:1px dashed #dadada;
	padding:7px 10px;
}

div.btn-signup {
	background:url("images/btnsignup.gif") no-repeat top right;
	float:left;
	line-height:59px;
}
	
#contentleft {
	float: left;
	width: 650px;
	margin: 20px 0 0 0;
	padding: 0px;
}
	
#contentleft ol{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentleft ol li{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
#contentleft ul{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentleft ul li{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
blockquote{
	margin: 0px 25px 15px 25px;
	padding: 0px 20px 0px 20px;
	background: #E8E8E8;
	border-top: 2px solid #000000;
	border-bottom: 1px solid #000000;
	}
	
#content blockquote p{
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	}
	
.postmeta {
	width: 650px;
	border-top: 1px solid #DADADA;
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 50px 0px;
}
	
.postmetaleft {
	float: left;
	width: 295px;
	margin: 0px;
	padding: 0px;
	}
	
.postmetaright {
	float: right;
	width: 200px;
	text-align: right;
	margin: 0px;
	padding: 0px;
	}
	
/************************************************
*	Right Sidebar 					     	    * 
************************************************/
	
#r_sidebar {
	color: #FFFFFF;
	float: right;
	width: 270px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
}
	
#r_sidebar h2 {
	background: #1182b0;
	color: #FFFFFF;
	font-size:1.2em;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding: 10px 0px 10px 10px;
	margin: 10px 0px 0px 0px;
}
	
#r_sidebar h3 {
	background: #444444;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-weight: bold;
	padding: 10px 0px 10px 10px;
	margin: 20px 0px 0px 0px;
	text-transform: uppercase;
	}

#r_sidebar ul {
	list-style: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}

#r_sidebar ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
#r_sidebar ul li a {
	background: #ebebeb;
	display: block;
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 10px 15px 10px 10px;
	border-top: 1px dotted #DADADA;
	font-size:0.8em;
	font-weight:bold;
	}

#r_sidebar ul li a:hover {
	color: #000;
	background: #f7f7f7;
	}
	
#r_sidebar p{
	background: #444444;
	padding: 0px 10px 10px 10px;
	margin: 0px;
	line-height: 17px;
	}

div.r_sidebar_signup {
	background:transparent url(images/sidebar_btnsignup.gif) no-repeat scroll right top;
	float:right;
	line-height:59px;
	width:270px;
	margin-bottom:5px;
}

div.r_sidebar_signup a {
	background:transparent url(images/sidebar_btnsignup_left.gif) no-repeat scroll left top;
	color:#000000;
	float:left;
	font-size:1.6em;
	line-height:59px;
	padding:0pt 20px 0pt 60px;
	text-decoration:none;
}
	
.search {
	background: #444444;
	margin: 0px 0px 5px 0px;
	padding: 0px 10px 10px 10px;
	}
	
	
/************************************************
*	Footer      								*
************************************************/

div#footer {
	background:#0c5471;
	bottom:0;
	left:0;
	position:absolute;
	text-align:center;
	width:100%;
}

div#footer div.footer2 {
	background:#224959;
	text-align:center;
	width:100%;
}


/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding; 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#s {
	background: #EFEFEF url(images/search.gif);
	width: 200px;
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding: 2px;
	margin: 0px;
	border: 1px solid #C0C0C0;
	}
	
#sbutt {
	background: #878787;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding: 1px;
	margin: 0px 0px 0px 5px;
	border: 1px solid #333333;
	}
	
	form#login  {
	float:left;
	border:none;
}

/************************************************
*	login Form									*
************************************************/

form#login input {
	border:none;
	display:inline;
	font-family:Arial,Helvetica,sans-serif;
	width:200px;
	padding:4px;
}

form#login div.btn {
	background:url("images/btnlogin_right.gif") no-repeat left top;
	display:inline;
	float:right;
	margin:0 10px 0 10px;
}

form#login button {
	background:url("images/btnlogin_left.gif") no-repeat right top;
	display:inline;
	font-size:0.8em;
	height:30px;
	overflow:visible;
	padding:0pt 12px;
	width:auto;
}

form#login label {
	color:#fff;
	font-size:0.75em;
	font-weight:bold;
	margin:0;
	padding:0;
}

form#setupform {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	vertical-align: none;
	background: #dce8ed;
	padding: 0 15px 15px 15px;
	margin: 10px 0 0 0;
}

.mu_register { width: 100%; margin:0;}
		.mu_register form { margin-top: 2em; padding: 15px;}
		.mu_register .error { font-weight:700; padding:10px; color:#333333; background:#FFEBE8; border:1px solid #CC0000; }
		.mu_register #submit,
			.mu_register #blog_title,
			.mu_register #user_email, 
			.mu_register #captcha,
			.mu_register #blogname,
			.mu_register #user_name { width:40%; font-size: 20px; margin:5px 0; }	
		.mu_register .prefix_address,
			.mu_register .suffix_address {font-size: 18px;display:inline; }			
		.mu_register label { font-weight:700; font-size:15px; display:block; padding:15px 0 0 0; margin: 0;}
		.mu_register label.checkbox, #signupblog, #signupuser { display:none; }
		.mu_register .mu_alert { font-weight:700; padding:10px; color:#333333; background:#ffffe0; border:1px solid #e6db55; }

form#setupform p {
	font-family:Arial,Helvetica,sans-serif;
	padding:0;
	margin:0;
}

form#setupform  th{
	width:180px;
	border-bottom:5px solid #fff;
	padding:0 0 0 20px;
}

form#setupform td {
	padding:15px 0 10px 0;
	text-align:left;
	font-family:Arial,Helvetica,sans-serif;
	border-bottom:5px solid #fff;
}

form#setupform #submit {
	font-size: 16px;
}

form#setupform .inputmargin {
	width:250px;
	padding:4px;
	font-size:18px;
}

table.contacttable td {
	padding:5px;
	font-family:Arial,Helvetica,sans-serif;
}

table.contacttable td p {
	font-weight:bold;
	
}

table.contacttable textaarea {
	font-family:Arial,Helvetica,sans-serif;
	
}

table.contacttable .inputmargin  {
	width:250px;
	padding:4px;
}

/************************************************
*	FRONT BLUE BOXES								*
************************************************/

table.blueboxes {
	width:1012px;
	border-collapse: collapse;
	border:none;
}

td.blueleftcol {
	width:600px;
	background:url("images/intro_bg.gif") no-repeat left bottom;
	text-align:left;
}

td.bluerightcol {
	width:402px;
	background:url("images/signbg.gif") no-repeat left bottom;
	text-align:left;
}

td.bluemargin {
	width:10px;
}

table.blueboxes h1 {
	color:#fff;
	margin:20px 0 0 20px
}

table.blueboxes h2 {
	color:#fff;
	margin:20px 0 0 20px
}

td.bluerightcol p {
	color:#fff;
	margin:0 0 0 20px;
}





/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 450px;
	background: #E8E8E8;
	color: #000000;
	float: left;
	padding: 20px 20px 10px 20px;
	margin: 10px 0px 20px 0px;
	border-top: 1px solid #a7a6aa;
	border-bottom: 1px solid #a7a6aa;
	}
	
#commentblock ol{
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	clear: both;
	margin: 3px 0px 20px 0px;
	padding: 20px 10px 5px 10px;
	width: 390px;
	background: #FFFFFF url(images/comment.gif) no-repeat top;
	}

.commenttext-admin {
	clear: both;
	margin: 3px 0px 20px 0px;
	padding: 20px 10px 5px 10px;
	width: 390px;
	background: #FFFFFF url(images/comment.gif) no-repeat top;
	}

#commentsformheader{
	padding-left: 0px;
	}

#commentsform{
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

#commentsform form{
	text-align: left;
	margin: 0px;
	}

#commentsform p{
	margin: 0px;
	}

#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	

	
/************************************************
*	TYPE									*
************************************************/
	
	p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#000;
	font-weight:normal;
	line-height:1.4em;
	margin-bottom:5px;
}

a {
	color:#000;

}
p.intro {
	width:420px;
	margin:0 0 20px 20px;
	color:#fff;
}

h1 a {
	text-decoration:none;
} 

div.loginbox p  {
	color:#fff;
}

div.box.last p {
	margin:10px;
}

div.maincol p {	
	color:#fff;
}

div.maincol h2 {	
	color:#fff;
	font-weight:normal;
}

div.secondcol p {	
	color:#fff;
}

div.secondcol h1 {	
	color:#fff;
	margin:0px;
	
}

div.btn-signup a {
	background:url("images/btnsignup_left.gif") no-repeat top left;
	line-height:59px;
	color:#000;
	font-size:1.6em;
	text-decoration: none;
	float:left;
	padding:0 20px 0 60px;
}

h1  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	color:#000;
		margin:0 0 10px 0;
}

h2  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	color:#000;
}

div.secondcol h2  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	color:#fff;
}

h2.news, h2.latest, h2.users, h2.week  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#fff;
	line-height:40px;
	height:55px;
	padding:0 0 0 10px;
}

h2.news {
	background:url("images/headbg_blue.gif") no-repeat 0 50%;
}

h2.latest {
	background:url("images/headbg_green.gif") no-repeat 0 50%;
}

h2.users {
	background:url("images/headbg_green.gif") no-repeat 0 50%;
}

h2.week {
	background:url("images/headbg_orange.gif") no-repeat 0 50%;
}

form#login a {
	color:#fff;
	font-size:0.75em;
	line-height:30px;
}

div.nav li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background:url("images/nav_bg.gif") no-repeat top right;
	padding:12px;
	line-height:43px;
	height:43px;
}

div.nav li a:hover, div.nav li.current_page_item a {
	background:url("images/navon_bg.gif") no-repeat top right;
	line-height:43px;

}

div.box li a {
	white-space: nowrap;
	color:#000;
	text-decoration:none;
	font-size:0.8em;
	font-weight:bold;
}

div#footer p {
	color:#fff;
	line-height:2.5em;
	margin:0;
	padding:0;
}

div#footer a {
	color:#fff;
}

div#footer div.footer2 p {
	color:#fff;
	font-size:0.7em;
	line-height:1.3em;
	padding:5px;
}