/*
Theme Name: Ragazze 3.0
Theme URI: http://www.ragazze.se
Description: Ragazzes egna tema baserat p� wp-andreas01-12 skapat av Andreas Viklund. http://andreasviklund.com/ modifierat av Maria
Version: 1.0
Author: Maria
Author URI: http://www.ragazze.se
Latest updated: 2006-10-24
*/

/* Body */
*{ margin:0; padding:0; }
body {
	background: #B8D3DD url(img/bg.gif) repeat-y top center;
	color:#333;
	line-height:1.6em;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
}
#wrap {
	background-color:#fff;
	color:#333;
	margin:0 auto;
	width:760px;
}

/* Links */
a {
	background-color:inherit;
	color: #708090;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	background-color:inherit;
	color:  #708090;
	font-weight:bold;
	text-decoration:underline;
}
a img { border:0; }

/* Header */
#header { margin:10px 0 0; }
#header h1 {
	background-color:inherit;
	color:#505050;
	float:left;
	font-size:2em;
	letter-spacing:-1px;
	margin:0 0 10px;
	width:350px;
	font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif;
}
#header h1 a {
	background-color:inherit;
	color:#505050;
	text-decoration:none;
}
#header p {
	background-color:inherit;
	color:#808080;
	font-size:1.1em;
	line-height:1.3em;
	margin:6px 0 0;
	text-align : right;
 }
#frontphoto { margin: 10px 0 30px; }

/*  Sidebars */
/*  left sidebar  */
#leftside {
	clear:left;
	float:left;
	line-height:1.4em;
	margin:0 0 5px;
	width:140px;
 }
 /*  Anv�nds f�r att f� mer space mellan bilderna i v�nsterkolumnen (logga in, rss-fl�den etc.)  */
#leftside .spacer {
	margin : 0 0 2px;
}
/*  F�r bilder i v�nsterkolumnen (Var �r du, Nyligen etc.) */
#leftside .metaimages {
	margin-top : 3px;
/*	margin-left : 10px;
*/}
/* right sidebar */
#extras {
	float:right;
	line-height:1.4em;
	margin: 0 0 5px;
	width:140px;
}

/* common elements for both sidebars */
#leftside, # extras {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 1em;
}
#leftside h2, #extras h2 {
	font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-size:1.2em;
	text-align : left;
	color : #708090;
	background: #E3EFF6;
	padding: 2px 5px 2px 5px;
	border : 1px dashed #B8D3DD;
	margin: 5px 0 5px;
}
#leftside p, #leftside ul, #extras p, #extras ul {
	font-size:1em;
	margin:0 0 18px;
}
/* rubbe f�r Rosa Bandet */
#leftside h2.pinkRibbon {
	font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-size:1.2em;
	text-align : left;
	color : #FF71AF;
	background: #FCE5ED;
	padding: 2px 5px 2px 5px;
	border : 1px dashed #FF71AF;
	margin: 5px 0 5px;
	font-weight : bold;
}

/*fixa marginal f�r Rosa Bandet */
.pinkRibbonImage {
	margin-left : 10px;
}

/* Begin Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .content ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}
html>body .content li {
	margin: 7px 0 8px 10px;
	}
/*
det h�r ger >> f�re listelement men enbart i Firefox
.content ul li:before, #leftside ul ul li:before, #extras ul ul li:before {
	content: "\00BB \0020";
	}*/
.content ol {
	padding: 0 0 0 35px;
	margin: 0;
	}
.content ol li {
	margin: 0;
	padding: 0;
}
#leftside ul, #leftside ul ol, #extras ul, #extras ul ol {
	margin: 0;
	padding: 0;
	}
#leftside ul li, #extras ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}
#leftside ul ul, #leftside ul ol, #extras ul ul, #extras ul o {
	margin: 5px 0 0 10px;
	}
#leftside ul ul ul, #leftside ul ol, #extras ul ul ul, #extras ul o {
	margin: 0 0 0 10px;
	}
ol li, #leftside ul ol li, #extras ul ol l {
	list-style: decimal outside;
	}
#leftside ul ul li, #extras ul ul li, #leftside ul ol li, #extras ul ol l {
	margin: 3px 0 0;
	padding: 0;
	}
#leftside label, #extras label { display:none; }
.calendar {
		list-style: none;
}
/* Content */
#content {
	border-left:1px solid #B8D3DD;
	border-right:1px solid #B8D3DD;
	line-height:1.4em;
	margin:0 150px 5px;
	padding:0 10px;
	font-size: 1.2em;
}
#contentwide {
	border-left:1px solid #B8D3DD;
	line-height:1.4em;
	margin:0 0 5px 150px;
	padding:0 0 0 10px;
	font-size: 1.2em;
}
#content h2,#contentwide h2 {
	font-size:1.6em;
	margin:0 0 5px;
	font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-weight : bold;
}
#content h3,#contentwide h3 {
	font-size:1.3em;
	margin:0 0 5px;
	font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-weight: bold;
}
#content ul,#contentwide ul,#content ol,#contentwide ol { margin:0 0 16px 20px; }
#content li,#contentwide li { padding:0 0 0 5px; }
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol { margin:0 0 0 16px; }

/*  Rubrik p� sidor, arkiv etc. */
h2.pagetitle {
	font-size: 1.6em;
	text-align: center;
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	margin-bottom : 30px;
}
h1, h2, h3 {
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}
h2 {
	font-size: 1.6em;
	}
h3 {
	font-size: 1.3em;
}

/* Footer */
#footer {
	background-color:#fff;
	border-top:2px solid #B8D3DD;
	clear:both;
	color:#808080;
	font-size:0.9em;
	font-weight:normal;
	line-height:1.3em;
	margin:0 auto;
	padding:10px 0;
	text-align:center;
	width:760px;
}
#footer p {
margin: 10px 150px 0 150px;
padding:0;
width : 450px;
text-align: justify;
}
#footer a, #footer a:visited {
	background-color: inherit;
	color: #FFCC00;
	font-weight:normal;
	text-decoration:none;
	border-bottom : 1px dashed #FFCC00;
}
#footer a:hover {
	background-color:inherit;
	color:#808080;
	border-bottom : 1px dashed #808080;
}
#footer li {
	list-style-type: none;
	margin: 10px 150px 0 150px;
	width : 450px;
}
/* Tags */
p, ul, ol { margin: 0 0 15px; }
blockquote {
	margin:20px;
	padding: 8px 8px 8px 45px;
	background: #fff url('img/quote.gif') no-repeat 10px 0;
}
blockquote p {
	color:#505050;
	font-size:0.9em;
	line-height:1.3em;
	background : transparent;
}
label {
	background-color:inherit;
	color:#606060;
	font-size:0.9em;
}
small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	line-height: 1.5em;
	}

/* Forms */
#s,#submit, #contactsubmit {
	background-color:#fff;
	border:1px solid #B8D3DD;
	color: #708090;
	font-size:0.9em;
	margin: 2px 0 16px;
	padding:4px;
	width:130px;
}
#author,#email,#url,#comment, #wpcf_your_name, #wpcf_email, #wpcf_subject, #wpcf_msg, #wpcf_website{
	border:1px solid #B8D3DD;
	font: 0.9em Verdana, Arial, Sans-Serif;
	margin:0;
	padding:4px;
}

/* Float fix */
.contenttext { overflow:hidden; }
* html .contenttext { height:1px; overflow:visible; }
* html .contenttext p {overflow:hidden; width:99%; }

/* Various classes */
.left { float:left; margin:10px 15px 10px 0; }
.right { float:right; margin:10px 0 5px 10px; }
.center { margin:5px auto 12px; text-align:center;}
.textright { text-align:right; }
.small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	line-height: 1.5em;
}
.bold { font-weight:bold; }
.hide { display:none; }
.post {
margin: 0 0 35px;
padding-left : 10px;
 }
.postinfo {
	color:#606060;
	font-size:0.9em;
	line-height:1.5em;
	margin: 1px 0 5px 0;
	padding: 8px 0 8px 0;
	text-align : justify;
}

/* Comments */
.comment {
	background-color: transparent;
	color:#606060;
	margin:0 0 10px;
	padding:8px 5px 0 8px;
}
.comment p.commenthead { line-height:1.6em; }
.comment p {
	font-size:0.9em;
	line-height:1.3em;
	margin:0 0 6px;
	padding-bottom:5px;
}
#commentsection { margin:25px 0 0; }
#commentsection p { margin:0 0 6px; }

/* Navigation */
.navigation {
	display:block;
	margin:10px 0;
	padding:0 0 15px;
	text-align:center;
}
.navigation p { margin:0; padding:0; }
.prevlink { margin-right:20px; }
.nextlink { margin-left:20px; }

/* Ram runt bilder */
.ram {
	background-color: #fff;
	border-bottom: 1px solid #708090;
	border-right: 1px solid #708090;
	border-top: 1px solid #B8D3DD;
	border-left: 1px solid #B8D3DD;
	padding: 10px;
}