/*  
Theme Name: Fettbra
Theme URI: http://alexander.zeiher.se/
Description: based on 960 grid, with multiple pagetemplates
Version: 0.1 beta
Author: Alexander Zeiher
Author URI: http://alexander.zeiher.se/
*/

/* Css Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
:focus {
	outline: 0;
}
/* End Css Reset */

html, body {
	background:#000;
	width:100%;
	height:100%;
	margin-bottom:1px;
}
/* Header */
#header {
}
#header #logo {
	height:100px;
	margin:25px 0 0;
	background: url(images/logo.png) no-repeat;
}
#header #tweet {
	height:100px;
	margin:25px 0 0;
}
/* Menubar */
#header #menu {
	height:37px;
	margin:25px 0 0;
	background: url(images/nav-normal.png) repeat-x;
	-webkit-border-bottom-right-radius: 25px;
	-webkit-border-top-right-radius: 25px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 25px;
	-moz-border-radius-bottomright: 25px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topleft: 5px;
	border-bottom-right-radius: 25px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}
/* menu */
#menu ul{
    list-style: none;
    display: block;
    width: 600px;
    float: left;
}
#menu ul li{
    float: left;
	height:37px;
}
#menu ul li a{
	height:26px;
    text-decoration: none;
    border-left: 1px solid #bbb;
    color: #333;
    display: block;
	font-size: 14px;
    font-weight: bold;
	padding:10px 15px 0;
}
#menu ul li a:hover {
	height:27px;
}
#menu .current_page_item, #menu .current_page_item a { 
    background: url(images/navgrad-active.png) repeat-x top left;
    color: #fff;
}
#menu li:hover{
    color: #fff;
    background: url(images/navgrad-hover.png) repeat-x top left !important;
}
#menu ul li a.home {
	padding:0;
	width:45px;
	height:37px;
	background: url(images/home-icon.png) no-repeat center;
	border:none;
}
#lol {
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-topleft: 2px;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
}
/* End Menu */
/* Searchform */
#header #menu #searchform {
    width: 205px;
    float: right;
    font-size:12px;
    padding:0;
    margin:0;
}
#header #menu #searchform #s{
    background:url(images/form-field-bg.gif) no-repeat ;
    width: 158px;
    padding: 4px 7px 2px 5px;
    font-size: 12px;
    color: #999;
    border: 1px solid #888;
    margin:0;
    margin-top: 7px;
}
#header #menu #searchform #searchsubmit { 
    background: url(images/search-button.png) no-repeat 0 0;
    height: 30px;
    width: 24px;
    border: none;
    cursor: pointer;
    text-indent: -999%;
    line-height: 1px;
    margin:0;
}
/* End Searchform */
/* End Menubar */
/* End Header */
/* Central wrap */
#cwrap {
}
/* End Central wrap */
/* Content Areas */
.content {
	position:relative;
	margin-top:30px;
	background:#fff;
	border:1px solid #555;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:30px 40px;
	z-index:999;
}
.content2 {
	padding:10px;
}
.content3 {
	position:relative;
	height:91px;
	width:150px;
	background:#000;
	color:#fff;
	margin:40px 0 40px -20px;
	z-index:1;
}
.content4 {
	position:relative;
	height:91px;
	width:150px;
	background:#000;
	color:#fff;
	margin:40px 0 40px -20px;
	z-index:1;
}
/* End Content Areas */
/* Footer */
#footer {
}
#footer .footerbar {
	height:100px;
	background:#555;
}
/* End Footer */