/*
Theme Name: Robert Roose
Theme URI: http://www.robertroose.com
Description: Theme for the blog of Robert Roose
Version: 1.0
Author: Robert Roose
Author URI: http://www.robertroose.com
*/

@import url("reset.css");

body
{
font-size: 62.5%;
color: #000;
font-family: Tahoma, Arial, sans-serif;
background: url(images/bg.jpg) no-repeat fixed;
}

a
{
color: #c7b299;
font-weight: bold;
text-decoration: none;
}

a:hover
{
color: #fff;
}

#page
{
width: 990px;
overflow: hidden;
}

/* @HEADER */

#header
{
margin-top: 100px;
}

#header ul li
{
display: inline;
}

/* @MENU*/

a.logo
{
width: 256px;
height: 205px;
background: url(images/logo.gif) no-repeat;
display: block;
float: left;
}

a.home, a.contact, a.portfolio
{
display: block;
width: 178px;
height: 178px;
background: url(images/menu-home.gif) no-repeat;
margin-left: 14px;
margin-top: 14px;
float: left;
}

a.home:hover
{
background: url(images/menu-home-hover.gif) no-repeat;
}

a.contact
{
width: 200px;
background: url(images/menu-contact.gif) no-repeat;
margin-left: 20px;
}

a.contact:hover
{
background: url(images/menu-contact-hover.gif) no-repeat;
}

a.portfolio
{
width: 248px;
background: url(images/menu-port.gif) no-repeat;
}

a.portfolio:hover
{
background: url(images/menu-port-hover.gif) no-repeat;
}

/* @MAIN */

#main
{
width: 999px;
clear: both;
}

#content
{
width: 690px;
float: left;
margin-top: 22px;
padding: 20px;
}

#content ul
{
margin-left: 20px;
margin-bottom: 20px;
list-style: disc;
}

#content ol
{
margin-left: 20px;
list-style: decimal;
margin-bottom: 20px;
}

.post, .sbmodule, ol.commentlist li
{
background: #37302d;
margin-top: 0px;
padding: 20px;
color: #fff;
font-size: 1.1em;
line-height: 2;
margin-bottom: 20px;
}

input, textarea#comment
{
border-style: solid;
border-width: 0px;
font-size: 0.9em;
padding: 3px;
font-family: Tahoma, Verdana, sans-serif;
line-height: 1.5;
}

textarea#comment
{
width: 630px;
padding: 10px;
}

h2, h1
{
font-size: 2.7em;
text-decoration: none;
font-family: Arial, sans-serif;
letter-spacing: -1px;
line-height: 1;
font-weight: bold;
padding-bottom: 5px;
color: #c7b299;
}

h1
{
font-size: 1.5em;
}

/* @SIDEBAR */

#sidebar
{
width: 269px;
float: left;
margin-top: 40px;
}

#sidebar h2
{
font-size: 2em;
}

.sbmodule
{
margin: 0px;
margin-bottom: 20px;
padding: 10px;
width: 180px;
background: #736357;
}

.sbmodule p
{
margin-bottom: 0px;
}

/*@ARCHIVES*/


h2.pagetitle, h3#comments
{
padding: 20px;
padding-bottom: 0px;
background: #37302d;
font-size: 1.1em;
color: #fff;
font-weight: bold;
}


li.categories, li#linkcat-2, li.cat-item
{
list-style-type: none;
margin: 0;
padding: 0;
}

/*@SEARCH*/

input#s
{
border-style: solid;
border-width: 0px;
width: 122px;
display: inline;
}

input#searchsubmit
{
cursor: pointer;
height: 18px;
padding-top: 1px;
}

/*@COMMENTS*/

ol.commentlist li p
{
padding: 10px;
background: #47403d;
}

cite
{
font-style: none;
font-weight: bold;
}

input#submit
{
cursor: pointer;
}


/*@FOOTER */
div#footer
{
clear: both;
background: #fff;
padding: 10px;
padding-left: 20px;
}

#footer a
{
color: #37302d;
}

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

div#footer p
{
margin-bottom: 0px;
}

/* @ELEMENTS */

p
{
margin-bottom: 20px;
}

#main h3
{
margin-top: 10px;
}

small
{
color: #c7b299;
font-size: 0.9em;
}

strong
{
font-weight: bold;
}

.image
{
margin-top: 5px;
background: #534741;
border-style: solid;
border-width: 1px;
border-color: #37302d;
padding: 5px;
}

.image.left
{
float: left;
margin-right: 10px;
}

div.navigation
{
background: #534741;
padding: 15px;
margin-bottom: 10px;
height: 10px;
color: #fff;
}

div.navigation div.alignleft
{
display: inline;
float: left;
}

div.navigation div.alignright
{
display: inline;
float: right;
}

span.connect_widget_text
{
color: #fff;
}