/*
Theme Name: MFH Theme
Description: A 2 column Wordpress theme that supports tags, gravatars and other stuff that´s new. Rock 'n Roll with it!
Version: 1.0
Author: MFH inc
Author URI: www.mfhinc.net
Tags: 2 columns, widgets, fixed width, 900px, pro, MFH inc
*/

/*** RESET & NORMAL ***/
html, body, ol, ul, li, p, form, input, textarea, select, label, h1, h2, h3, h4 {margin : 0; padding : 0;}
body {
background: black url('img/bg.jpg') no-repeat 0 0;
color:#666666;
font-family:Arial,Helvetica,sans-serif;
}

/*** LAYOUT ***/
#wrap {width:900px; margin:0 auto;}

/*** LINKS & TEXTS ***/
a img {border:none;}
a {text-decoration:none; color:#4876FF;}
a:hover{text-decoration:underline;}
a:active {outline: none;}
a:focus {-moz-outline-style: none;}
h1,h2 {
color:#FFFFFF; font-family:Georgia,serif;
font-size:24px; font-weight:normal;
}
h2{font-size:20px}
h2 a {color:#FFFFFF; font-size:24px}
h3 {font:22px font-family:Georgia,serif; color:#FFFFFF; font-size:17px}

/*** MENU ***/
.menuitem{ height:32px; display:block; position:relative; float:left;}
.home{background: transparent url('img/menu.gif') no-repeat 0 0;width:80px;}
.home:hover{background-position: 0 -35px;}

.portfolio{background: transparent url('img/menu.gif') no-repeat -80px 0;width:105px;}
.portfolio:hover{background-position: -80px -35px;}

.blog{background: transparent url('img/menu.gif') no-repeat -185px -70px;width:95px;}

.about{background: transparent url('img/menu.gif') no-repeat -280px 0;width:80px;}
.about:hover{background-position: -280px -35px;}

.contact{background: transparent url('img/menu.gif') no-repeat -360px 0;width:100px;}
.contact:hover{background-position: -360px -35px;}

#menu {background:transparent; height:35px; float:left}
#menu ul {list-style:none; width:900px; margin:0 auto;}
#menu li {display:inline;}
#menu a {color:#999; float:left; font:16px Georgia, serif; padding:8px 7px 4px 7px; margin:0 8px 0 0; text-transform:lowercase;
-moz-border-radius-topleft:4px;
-moz-border-radius-bottomright:4px;
-khtml-border-top-left-radius:4px;
-khtml-border-bottom-right-radius:4px;
-webkit-border-top-left-radius:4px;
-webkit-border-bottom-right-radius:4px;}
#menu a:hover {background:#f6f6f6;}
#menu li.current_page_item a {background:#444; color:#fff;}

/*** HEADER ***/
#header {border-bottom:1px solid #252525; float:left; width:900px; margin:30px 0 0 0; height:150px;}
#header #logo {float:left; width:900px;}

/*** CONTENT ***/
#content {float:left; width:530px; margin:10px 0 0 0;}
#content .post {margin:0 0 40px 0; border-bottom:1px solid #252525;}
#content p {margin:0 0 15px 0; line-height:22px;}
#content p.postmeta {padding:1px 4px 1px 4px; background:#111; margin:5px 0 10px 0; font-size:10px; color:#999; border:1px solid #222; line-height:16px;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-top-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}
#content ul {list-style:square inside; margin:0 0 15px 20px; list-style-image:url('img/bullet.gif')}
#content ol {list-style:decimal inside; margin:0 0 15px 20px;}
#content ul ul, #content ol ol {margin:0 0 0 14px;}
#content li, ol {color:#444; margin:5px 0 5px 0;}


#content h3 {clear:left;}




/*** CONTENT-WIDE ***/
#content-wide {width:900px; margin:0 0 10px 0; float:left;}
#content-wide .mainbox {float:left;}
#content-wide .mainsingle {width:200px; height:200px; background:#ccc; float:left; margin:0 0 0 20px;}

/*** SIDEBAR ***/
#sidebar {width:300px; float:right; background:#111; margin:10px 0 0 0; padding:10px;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-top-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}
#sidebar h2 {font-size:16px;}
#sidebar .textwidget {padding:10px; background:#040404; line-height:18px; color:#444; font-size:11px;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-top-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}
#sidebar .textwidget img {float:right; margin:0 0 0 5px;}
#sidebar ul.recentul {list-style:inside square; margin:10px 0 0 2px;}
#sidebar ul.recentul li {margin:10px 0 10px 0;}
#sidebar ul.recentul .sidebardate {font-size:10px; color:#aaa;}
#sidebar ul {list-style:none;}
#sidebar ul li {margin:5px 0 5px 0; color:#444; font-size:11px;}
#sidebar ul li.ulrubrik {margin:0; font:16px Georgia, serif; font-style:italic; border-bottom:1px solid #aaa; padding:0 0 2px 0;}
#sidebar .leftside {float:left; width:280px; background:#040404; padding:10px; margin:10px 0 0 0;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-top-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}
#sidebar #search { background:#040404; padding:10px; margin:10px 0 0 0;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-top-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}
#sidebar #search input.searchtext {width:204px;padding:2px;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-top-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}
#sidebar #search input.searchbutton {font-weight:bold; margin:0 0 0 6px; width:60px; 
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-top-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}
#sidebar #search input.searchbutton:hover {border:1px solid #444;}

/*** CALENDER ***/
table#wp-calendar {text-align:center; margin:0 auto 10px; color:#111; width:180px;}
table#wp-calendar a { font-weight:normal; }
td#prev {text-align:left;}
td#next {margin-left:20px;}

/***** COMMENTS STUFF *****/
#comments { margin:20px 0 0 0; float:left; width:530px; }
#comments p { margin:0 0 10px 0; line-height:12px; }
#comments label { margin:0 0 0 10px; font:10px Verdana, Arial, Helvetica, sans-serif; }
form#commentform { border-top:4px dotted #222; background:#000; padding:20px; }
#comments textarea {width:482px; font:12px; height:100px; }
#comments input.commentbutton {padding:4px; width:150px; font:12px; font-weight:bold;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-top-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}
#comments ul.commentlist { list-style:none outside; margin:0 0 20px 0; }
#comments ul.commentlist li { border:1px solid #111; margin:0 0 10px 0;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-khtml-border-bottom-left-radius:6px;
-khtml-border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
-webkit-border-bottom-right-radius:6px;}
#comments ul.commentlist li.alt {border:1px solid #222;}
#comments ul.commentlist .top {background:#111; height:32px; font-size:10px;}
#comments ul.commentlist li p {padding:10px 10px 0 10px; line-height:20px; font-size:11px;}

#comments li{
list-style-image:url('img/bullet.gif');
list-style-position:outside;
}

/*** FOOTER ***/
#footer {float:left; width:900px; border-top:1px solid #252525; padding:10px 0 20px 0; color:#aaa; text-align:left; font-size:12px}

/*** WP-IMAGES ***/
img {border:none;}
img.alignright {float:right; margin:0 0 5px 8px;}
img.alignleft {float:left; margin:0 8px 5px 0;}
img.aligncenter {display: block; margin:10px auto 10px;}

/*** CLASSES ***/
code {display:block; padding:10px; background:#eee url(img/code-bg.png) top right no-repeat; border:1px solid #ccc; line-height:18px; font-size:11px; color:#333;}
embed {display: block; margin:10px auto 10px; text-align:center;}
blockquote {font-style:italic; color:#666; background: url(img/quote.gif) top left no-repeat; padding:0 10px 0 28px; margin:0;}
img#wpstats {display:none}
.red {color:#4876FF;}

input, textarea {
background-color:#111111; border:1px solid #222222;
color:#777777; font-family:Arial,Helvetica,sans-serif;
font-size:12px; margin-bottom:5px;
padding:3px;
}
input:focus, textarea:focus {border:1px solid gray}

/* --------------------- TOOL TIPS ---------------------*/

#tt {position:absolute; display:block; background:url(img/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(img/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(img/tt_bottom.gif) top right no-repeat; overflow:hidden}