/*  
Theme Name: Open Hardware Monitor
Theme URI: http://openhardwaremonitor.org/
Description: Theme for the Open Hardware Monitor website
Author: Michael Möller
Author URI: http://openhardwaremonitor.org/
Version: 1.0
*/

/* reset styles */

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;
}
blockquote, q{
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after{
content:'';
content:none;
} 

/* remember to define focus styles! */
:focus{
outline:0;
}

/* remember to highlight inserts somehow! */
ins{
text-decoration:none;
}
del{
text-decoration:line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table{
border-collapse:collapse;
border-spacing:0;
}

/* reset of style is finished here */

html{
overflow:-moz-scrollbars-vertical;
}

body{
font-family:Helvetica, Arial, sans-serif;
font-size:13px;
font-style:normal;
font-weight:normal;
letter-spacing:normal;
line-height:1.5em;
color:#333333;
background:#f2f2f2 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAJYCAQAAAAJAkQUAAAAAXNSR0IArs4c6QAAAAJiS0dEAP+Hj8y/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH2wMeFQUPtG6UfwAAAE1JREFUOMtjWPOfiYFhaCBGhiHj1CHnbMZR99DLGYw01sJItCwjWWYyEifFSMgoRhINIUkjE/VMptwKGhlLdpiQEfiUpwfqcokUIVoQAL0FBqEjZ7+VAAAAAElFTkSuQmCC) repeat-x top;
*background:#f2f2f2 url(images/background.png) repeat-x top;
padding:5px;
}

a{ 
color:#3030e0; 
text-decoration:none; 
}

a:hover{
color:#3030e0; 
text-decoration:underline;
}

h1{ 
font-size:20px; 
color:#505050; 
margin-bottom:15px; 
margin-top:15px; 
text-shadow:1px 1px 1px #bbb;
}

h2{ 
font-size:17px; 
color:#505050; 
margin-bottom:8px; 
margin-top:8px; 
text-shadow:1px 1px 1px #bbb;
}

h3{ 
font-size:14px; 
color:#505050; 
margin-bottom:6px; 
margin-top:6px; 
text-shadow:1px 1px 1px #bbb;
}

h1:first-child, 
h2:first-child,
h3:first-child{
margin-top:0px;
}

h1 a, h2 a, h3 a{
color:#505050;
}

h1 a:hover, h2 a:hover, h3 a:hover{
color:#3030e0; 
text-decoration:none;
}

ul{ 
list-style:disc outside none; 
margin-left:20px;
margin-bottom:10px;
}

p{
margin-bottom:15px;
}

p.intro{
font-size:16px; 
}

div.clear{
clear:both;
margin:0;
padding:0;
}

/* page */

#page {
clear:both;
max-width:900px;
margin:10px auto;
background:#ffffff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABuCAYAAADmt3kGAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sDHhcDKES6UvwAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAKZJREFUKM+VkMEOwjAMQ18Nu4HEDtMu+6D9B+L/f2CKObCmrRAHLlHcOLYbXs+nRYAAZEAYZOLsgjrFrpSOl28xTMOuPEB2ZNd45mMeCe2UJxJ6iNEZNdHkZdeZRyQcPM6QqRK5a4aQn0PEGddN3t8wOr26y68PRru9jfZ9R+u6om3b0LIs6Ha7o3l+oGma0OV6RSoFqQiVUmpR6aE0TNs1/irHcfAGnzBgy3JW+wkAAAAASUVORK5CYII=) repeat-x top;
*background:#ffffff url(images/header.png) repeat-x top;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow:0px 0px 5px #777;
-moz-box-shadow:0px 0px 5px #777;
-webkit-box-shadow:0px 0px 5px #777;
}

/* header */

#header{  
padding-left:20px;
padding-right:25px;
height:90px;
overflow:hidden;
}

/* user-menu */

#user-menu-container{
float:left;
width:100%;
height:0px;
}

.user-menu{
float:right;
margin-right:-25px;
list-style:none outside none;
}

.user-menu li{
float:left;
min-width:55px;
height:22px;
line-height:22px;
text-align:center;
vertical-align:middle;
margin-left:0px;
font-weight:bold;
padding:0px 16px 0px 16px;
border-left:1px solid #282828;
border-bottom:1px solid #111;
border-radius:0px 6px 0px 0px;
-moz-border-radius:0px 6px 0px 0px;
-webkit-border-radius:0px 6px 0px 0px;
background:#666;
background:linear-gradient(#666, #282828);
background:-moz-linear-gradient(#666, #282828);
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#666), to(#282828));
background:-webkit-linear-gradient(#666, #282828);
background:-ms-linear-gradient(#666, #282828);
background:-o-linear-gradient(#666, #282828);
-pie-background:linear-gradient(#666, #282828);
}

.user-menu li a{
color:#dddddd;
text-decoration:none;
}

.user-menu li:hover{
background:#777;
background:linear-gradient(#777, #333);
background:-moz-linear-gradient(#777, #333);
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#777), to(#333));
background:-webkit-linear-gradient(#777, #333);
background:-ms-linear-gradient(#777, #333);
background:-o-linear-gradient(#777, #333);
-pie-background:linear-gradient(#777, #333);
cursor:pointer;
}

.user-menu li.left{
 border-radius:0px 0px 0px 8px;
-moz-border-radius:0px 0px 0px 8px;
-webkit-border-radius:0px 0px 0px 8px;
}

/* logo */

.logo{ 
position:absolute; 
clear:left;
float:left;
width:360px;
padding-top:15px;
padding-left:10px;
z-index:0;
}

.logo a{
text-decoration:none;
}

/* menu */

.menu{ 
clear:right;
float:right;
margin-top:55px;
list-style:none outside none;
}

.menu li{
background:#686868;
float:left;
margin-left:2px;
font-weight:bold;
box-shadow:0px 0px 2px #333;
-moz-box-shadow:0px 0px 2px #333;
-webkit-box-shadow:0px 0px 2px #333;
}

.menu li a{
float:left;
text-decoration:none;
height:23px;
min-width:40px;
padding-top:7px;
padding-left:6px;
padding-right:6px;
text-align:center;
color:#dddddd;
box-shadow:0px 0px 2px #333;
-moz-box-shadow:0px 0px 2px #333;
-webkit-box-shadow:0px 0px 2px #333;
}

.menu li.current_page_item a{
background:#909090;
color:#ffffff;
}

.menu li a:hover{
background:#a0a0a0;
color:#ffffff;
}

/* content */

#content{
clear:both;
min-height:600px; 
min-width:700px;
padding-top:20px;
padding-bottom:15px;
padding-left:25px;
padding-right:25px;
}

/* main */

#main{
  float:left;
margin-right:-240px;
width:100%;
}

#main-inner{
margin-right:260px;
padding-bottom:5px;
}

.post-info{
border-top:1px solid #ccc;
line-height:18px;
margin-bottom:5px;
padding:2px 10px;
color:#999; 
text-shadow:1px 1px 1px #ddd;
}

.post-info a{
color:#999;
}

.post-info a:hover{
color:#3030e0;
}

.comments-link{
float:right;
}

.icon{
vertical-align:middle;
width:16px;
height:16px;
margin-right:5px;
}

.entry{
padding-bottom:5px;
}

/* navigation */

.navigation{
overflow:hidden;
margin-bottom:10px;
}

.navigation .nav-next, .navigation .nav-previous{ 
float:left;
}

.navigation .nav-next{
float:right;
text-align:right; 
}

.navigation .nav-previous a, .navigation .nav-next a, .navigation .page-numbers{
color:#999;
}

.navigation .current{
color:#505050;
}

.navigation .nav-previous a:hover, 
.navigation .nav-next a:hover{
color:#3030e0;
}

.nav-meta{
font-size:16px;
line-height:10px;
}

/* comment */

.comment{
list-style:none;
}

.comment-body{
padding:5px 7px 7px 7px;
margin-bottom:5px;
border:1px solid #ddd; 
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
overflow:hidden;
}

.depth-2 > .comment-body{
margin-left:15px;
}

.even > .comment-body{
background:#f0f0f0;
}

.odd > .comment-body{
background:#f8f8f8;
}

#comments .children{
margin-bottom:0px;
}

#comments .avatar{
margin-top:2px;
margin-bottom:5px;
float:left;
margin-right:8px;
border:1px solid #fff;
box-shadow:0px 0px 3px #bbb;
-moz-box-shadow:0px 0px 3px #bbb;
-webkit-box-shadow:0px 0px 3px #bbb;
}

.comment-body > p{
clear:both;
padding:4px 4px 0px 42px;
margin:2px 0px 2px 0px;
}

.comment-meta{
padding-bottom:3px;
border-bottom:1px solid #ddd;
}

#comments cite{
font-weight:bold;
font-style:normal;
}

.comment-meta a{
color:#999;
}

.comment-meta a:hover{
color:#3030e0;
}

#comments .reply{
float:right;
}

input,
#comments .reply a{
border:1px solid #ddd; 
padding:2px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

input[type="submit"],
#comments .reply a,
#cancel-comment-reply-link{
text-shadow:none;
text-decoration:none;
font-weight:normal;
color:#505050;
background:#eee;
border:1px solid #bbb;   
padding:2px 8px;
margin-left:5px;
box-shadow:0px 0px 2px #ddd;
-moz-box-shadow:0px 0px 2px #ddd;
-webkit-box-shadow:0px 0px 2px #ddd;
}

input[type="submit"]:hover,
#comments .reply a:hover,
#cancel-comment-reply-link:hover{
background:#f8f8f8;
border:1px solid #aaa; 
cursor:pointer;
}

#comments .reply a{
color:#999;
}

#respond{
padding:5px 12px 0px 12px;
margin-bottom:5px;
border:1px solid #ddd; 
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
overflow:hidden;
background:#f8f8f8;
}

#respond input#author, #respond input#url, #respond input#email, #respond textarea{
display:block;
}

#respond textarea{
width:98%;
}

.form-allowed-tags{ 
font-size:13px; 
line-height:15px;
}

#recaptcha-submit-btn-area{
margin-top:10px;
margin-bottom:10px;
}

#reg_passmail{
margin-top:10px;
}

/* license */

div.license{
margin:0px auto;
margin-bottom:20px;
border:solid #808080 1px;
overflow:auto;
padding:10px;
font-size:12px;
line-height:1.2em;
max-height:320px;
}

/* code */

div.code{
background:#f0f0f0;
margin:0px auto;
margin-bottom:20px;
overflow:auto;
padding:10px;
font-size:12px;
line-height:1.2em;
max-height:320px;
}

/* sidebar */

.sidebar{
clear:right;
float:right;
width:238px;
overflow:hidden;
background:#f4f4f4;
border:1px solid #ddd; 
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom:15px;
}

.sidebar-ads{
clear:right;
float:right;
width:230px;
overflow:hidden;
text-align:center;
padding-top:5px;
padding-bottom:20px;
}

/* button */

a.button{  
font-weight:bold;
text-decoration:none;
color:#eee;   
padding:4px 20px;
text-shadow:1px 1px 1px #666;
border:1px solid #555; 
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
box-shadow:0px 0px 2px #555;
-moz-box-shadow:0px 0px 2px #555;
-webkit-box-shadow:0px 0px 2px #555;
background:#999;
background:linear-gradient(#999, #666);
background:-moz-linear-gradient(#999, #666);
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#999), to(#666));
background:-webkit-linear-gradient(#999, #666);
background:-ms-linear-gradient(#999, #666);
background:-o-linear-gradient(#999, #666);
-pie-background:linear-gradient(#999, #666);
}

a.button:hover{
border:1px solid #666; 
background:#aaa;
background:linear-gradient(#aaa, #777);
background:-moz-linear-gradient(#aaa, #777);
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#aaa), to(#777));
background:-webkit-linear-gradient(#aaa, #777);
background:-ms-linear-gradient(#aaa, #777);
background:-o-linear-gradient(#aaa, #777);
-pie-background:linear-gradient(#aaa, #777);
cursor:pointer;
}

.download-button{
margin-left:30px; 
margin-right:-5px; 
margin-bottom:20px; 
background:url(images/download.png); 
padding-left:65px;
width:214px; 
height:81px; 
display:block;
}

.sidebar > ul{
list-style:none;
margin-left:1px;
padding-left:8px;
padding-right:8px;
}

.sidebar li.widget{
padding-top:12px;
}

.sidebar a{
vertical-align:middle;
}

.sidebar li a{
color:#444;
}

.sidebar li a:hover{
color:#3030e0;
}

.sidebar h2{
border-bottom:1px solid #ccc;
}

.widget_search .screen-reader-text{
display:none;
}

.widget_search #s{
width:146px;
}

.widget_search #searchsubmit{
margin-left:5px;
margin-right:0px;
width:60px;
}

/* addthis */

.addthis_toolbox{
height:18px;
}

/* footer */

#footer{
clear:both;
padding-top:12px;
padding-bottom:10px;
text-align:center;
font-size:11px; 
background:#d0d0d0;
background:linear-gradient(#d0d0d0, #b0b0b0);
background:-moz-linear-gradient(#d0d0d0, #b0b0b0);
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#d0d0d0), to(#b0b0b0));
background:-webkit-linear-gradient(#d0d0d0, #b0b0b0);
background:-ms-linear-gradient(#d0d0d0, #b0b0b0);
background:-o-linear-gradient(#d0d0d0, #b0b0b0);
-pie-background:linear-gradient(#d0d0d0, #b0b0b0);
border-radius:0px 0px 5px 5px;
-moz-border-radius:0px 0px 5px 5px;
-webkit-border-radius:0px 0px 5px 5px;
}

/* theme my login */

.login{
padding:5px;
}

.login p.error{
padding:5px;
border:1px solid #c00;
background-color:#ffebe8;
color:#333;
}

.login p.message{
padding:5px;
border:1px solid #e6db55;
background-color:#ffffe0;
color:#333;
}

.login form label{
display:block;
}

.login form p.forgetmenot label{
display:inline;
}

.login input{
margin:5px 0;
}

.mu_register .hint{
font-size:12px;
margin-bottom:10px;
display:block;
}

.mu_register label.checkbox{
display:inline;
}

#pass-strength-result{
border-style:solid;
border-width:1px;
margin:12px 5px 5px 1px;
padding:3px 5px;
text-align:center;
width:200px;
}

#pass-strength-result.strong,
#pass-strength-result.short{
font-weight:bold;
}

#pass-strength-result{
background-color:#eee;
border-color:#ddd !important;
}

#pass-strength-result.bad{
background-color:#ffb78c;
border-color:#ff853c !important;
}

#pass-strength-result.good{
background-color:#ffec8b;
border-color:#fc0 !important;
}

#pass-strength-result.short{
background-color:#ffa0a0;
border-color:#f04040 !important;
}

#pass-strength-result.strong{
background-color:#c3ff88;
border-color:#8dff1c !important;
}

form[name="loginform"] p{
margin:0px;
padding-bottom:2px;
}

form[name="loginform"] p.submit{
padding-bottom:15px;
}

.widget_theme_my_login .login{
margin:-5px;
}