/*
Theme Name: DpR-2010
Theme URI: http://www.dansparoser.com/
Version: 1.4
Description: A dark two-column theme, customised for Dans på roser.
Author: <a href="http://dansparoser.com">Dans på roser</a>
Author URI: http://dansparoser.com/
Tags: white, black, two column, fixed width, dark, simple
For the WordPress community (GPL), enjoy!
by Shaibanii - Shaibanii.com
*/


body{
background-color:#000000;
color:#888;
background-image:url(images/back.jpg);
background-repeat:repeat-x;
background-position:top left;
font-family:"Times New Roman", serif;
font-size:16px;
padding:0px;
margin:0px;
}

a{
color:#999999;
text-decoration:none;
}

a:hover{
color:#fff;
text-decoration:none;
}

blockquote {
margin:0 0 0 20px;
padding:0 0 0 10px;
font-style:italic;
}

cite{
font-size:inherit;
font-style:normal;
}

/* Headers */

h1{
font-size:48px;
color:#888;
font-family:"Times New Roman", serif;
text-align:left;
}

h1 a{
color:#888;
text-decoration:none;
text-align:left;
}

h2{
font-size:20px;
margin:5px 0 7px 0;
text-align:left;
}

h2 a{
color:#bbb;
text-decoration:none;
}

h2 a:hover{
color:#fff;
}

h3{
text-align:left;
font-size:12px;
color:#808080;
}

h4{
text-align:center;
font-size:12px;
text-align:left;
color:#808080;
}

/* Blog Contents */

#wrap{
width:800px;
margin:0px auto 18px;
padding:0px;
position:relative;
}


/* Navigation */

#menupic{
width:800px;
height:482px;
overflow:hidden;
padding:none;
margin:0 0 0 -3px;
border:3px solid white;
background:url('http://dansparoser.com/wp-content/media/fronter.jpg') top left no-repeat;
}

#menupic a{
font-family: "Helvetica", sans-serif;
font-size:1.9em;
line-height:1.45em;
color:#fff;
}

#menupic a:hover{
color:#fa0;
}

#menupic a #menudance{
float:left;
display:inline-block;
margin:0 4px 4px 0;
padding:229px 4px 0;
width:502px;
max-height:250px;
text-align: right;
vertical-align:bottom;
}
#menupic a #menuzumba{
float:right;
display:inline-block;
margin-bottom:3px;
padding:229px 4px 0;
width:275px;
max-height:250px;
text-align: left;
}

#menupic a #menutuition{
float:left;
display:inline-block;
margin:0 4px 0 0;
padding:0 4px;
width:379px;
height:218px;
text-align: right;
}

#menupic a #menuabout{
float:right;
display:inline-block;
margin:none;
padding:0 4px;
width:398px;
height:228px;
text-align: left;
}

#header{
float:left;
width:600px;
margin:32px 0 0;
height:105px;
text-transform:normal;
width:600px;
clear:none;
float:left;
}
#header a:hover{
text-decoration:none;
color:#fff;
}

#header h1{
font-size:3.2em;
line-height:0.8em;
padding:5px 0 0;
vertical-align:middle;
}

#header h1 a{
font-weight:100;
letter-spacing:-0.05em;
position:relative;
}

#header #blog-description{
color:#888;
}

#nav{
font-size:0.8em;
margin: 32px 0 0;
padding: auto 3px;
width: 160px;
height: 125px;
text-align:left;
display:inline;
float:right;
}

#nav a{
text-decoration:none;
}

ul.nav{
width:500px;
list-style:none;
}

ul.nav li {
display:block;  
}

ul.nav li a {
display:block;
text-align: left;
width:92px; 
color:#aa2812; 
text-align:left; 
font-family:Helvetica;
font-size:12px;
text-transform:lowercase;
text-decoration:none;
}

ul.nav li a:hover {
background-color:#444;
color:#999; 
text-decoration:none;
}

#sidebar{
float:right;
width:160px;
text-align:left;
list-style:none;
}

#sidebar h3{
color:#c00;
font-weight:1000;
font-size:1.2em;
}

#sidebar a{
color:#a00;
}

#sidebar a:hover{
color:#ccc;
}

#sidebar ul{
list-style:none;
padding-left:12px;
}

#sidebar ul li ul{
margin-left:9px;
padding-left:none;
}

/* Posts */

#main{
float:left;
width:512px;
}

.post{
padding:5px;
text-align:left;
}

.main{
text-align:left;
/*border-bottom:1px solid #bbb;*/
}

.main p{
line-height:21px;
margin:0 0 15px 0;
}

.main ol{
line-height:18px;
margin:0 0 15px 30px;
}

.main ul{
line-height:18px;
margin:0 0 15px 30px;
}

.main li{
margin:0 0 5px 0;
}

.main a{
text-decoration:underline;
}

.main img{
padding:3px;
border:1px solid #999;
}

.main img:hover{
padding:3px;
border:1px solid #444;
}

img.wp-smiley{
padding:0px;
border:0px;
}

img.wp-smiley:hover{
padding:0px;
border:0px;
}

img.post-ratings-image{
border:0px;
}

.meta{
font-size:9px;
line-height:15px;
display:inline;
color:#333;
padding:5px 10px;
margin:0 0 30px 0;
}

.navigation{
font-size:11px;
}

/* Comments */

.gravatar{
float:left;
padding:2px;
border:1px solid #999;
}

.gravatar:hover{
padding:2px;
border:1px solid #444;
}

.alt{
color:#777;
}

ol#comments{
text-align:left;
}



/* Forms */

input, textarea, select, button{
background-color:#222;
border:1px solid #efefef;
color:#666;
padding:2px;
margin:3px 0 5px 0;
font-size:10px;
}

/* Footer */

#footer{
background-color:#0a0a0a;
border-top:1px solid #222;
position:relative;
font-size:11px;
width:800px;
margin:24px auto;
clear:both;
}

#footer a{
color:#999999;
}

#footer a:hover{
color:#777;
}




/* Others */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}