/*  
Theme Name: Alt-Controls V2
Theme URI: http://www.alt-controls.com/
Description: The next generation WordPress theme for Alt-Controls.
Version: 2.0
*/

* { margin: 0; padding: 0; }

/* *** GENERAL STYLES *** */

body  {
font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
background: url(images/top-background.jpg) center top #000;
background-repeat: no-repeat;
text-align: center;
color: #b0b0b0;
}

a {
border-bottom: 1px dotted #0c5853;
color: #18948e;
text-decoration: none;
}

a:hover { color: #0c5853; }

p { line-height: 1.5em; margin: 0 0 10px 0; }

img.badge { position: relative; top: 4px; }

a img { border: none; }

#mainContent h1 {
font: 24px Tahoma, Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 10px;
color: #DDD;
}

blockquote {
background: #141414;
border-top: 3px solid #222;
border-bottom: 3px solid #222;
margin: 10px auto;
padding: 1px 10px;
width: 90%;
}

#mainContent ol { 
line-height: 1.5em;
margin: 0 0 8px 30px;
}

#mainContent ul { 
line-height: 1.5em;
margin: 0 0 8px 10px;
}

#mainContent ul li { 
background: url(images/bullet.gif) center left no-repeat;
list-style: none;
padding: 0 0 0 20px;
}

.four04 {
background: url(images/404.jpg) top center no-repeat;
height: 203px;
}

.four04 em { visibility: hidden; }

/* *** BASIC LAYOUT *** */

#container { 
width: 880px;
margin: 0 auto;
text-align: left;
} 

/* *** HEADER LAYOUT *** */

#header { 
height: 310px;
padding-top: 10px;
} 

#header h1 {
background: url(images/header.gif) no-repeat;
height: 146px;
}

#header h1 span {
display: none;
}

/* *** MENUBAR LAYOUT *** */

#menubar { padding-bottom: 10px; }

#menubar ul { height: 34px; list-style: none; }

#menubar li {
display: inline;
}

#menubar li em { display: none; }

#menubar li a {
background-repeat: no-repeat;
background-position: bottom left;
border: none;
display: block;
float: left;
height: 34px;
text-decoration: none;
}

#menubar li a:hover, #menubar li.currentPage a { background-position: top left; }
#menubar li a.ho { background-image: url(images/menu/ho.gif); width: 80px; }
#menubar li a.ab { background-image: url(images/menu/ab.gif); width: 80px; }
#menubar li a.cb { background-image: url(images/menu/cb.gif); width: 160px; }
#menubar li a.xb { background-image: url(images/menu/xb.gif); width: 240px; }
#menubar li a.ps { background-image: url(images/menu/ps.gif); width: 190px; }
#menubar li a.co { background-image: url(images/menu/co.gif); width: 100px; }

/* *** SIDEBAR LAYOUT *** */

#sidebar {
float: left;
font: 12px "Courier New", Courier, monospace;
min-height: 300px; /* 1000px; */
width: 170px;
padding: 0 10px 15px 10px;
position: relative;
top: -10px;
}

#sidebar h3 {
color: #DDD;
font: 12px "Courier New", Courier, monospace;
font-weight: bold;
padding-top: 15px;
text-transform: uppercase;
}

#sidebar ul { list-style: none; }

#sidebar li { line-height: 1.2em; }

#sidebar a { border: none; }

.sidebarBackground {
background: url(images/side-background.jpg) no-repeat;
}

/* *** ARTICLE LAYOUT *** */

#mainContent { 
margin: 0 0 0 180px;
padding-left: 10px;
} 

#mainContent h2 {
color: #18948e;
font-size: 16px;
font-weight: normal;
text-transform: uppercase;
margin-bottom: 2px;
}

#mainContent .blogArticle h2 a { 
border: none;
color: #DDD; 
}

#mainContent .blogArticle h2 a:hover { color: #18948e; }

.articleMeta {
background: #0c5853;
padding: 4px 5px;
height: 14px;
}

.articleMeta h3 {
font: 12px "Courier New", Courier, monospace;
font-weight: normal;
float: left;
color: #000;
display: inline;
}

.articleMeta h3.dateMeta {
color: #18948e;
float: right;
text-align: right;
}

.articleMeta a {
color: #000;
border-bottom: 1px dotted #18948e;
}

.articleMeta a:hover {
color: #18948e;
border-bottom: 1px dotted #18948e;
}

.underMeta {
border: none;
background: #0c5853;
color: #0c5853;
margin: 3px 0 10px 0;
height: 3px;
}

*html .underMeta { margin: -3px 0 5px 0; }

.commentsMeta a {
border: none;
font: 12px "Courier New", Courier, monospace;
}

.blogArticle img {
border: 1px solid #0c5853;
padding: 3px;
}

.blogArticle img.centerImg { display: block; margin: 0 auto; }

.blogArticle img.center { display: block; margin: 0 auto; }

img.wp-smiley {
border: 0;
padding-top:1px; 
padding-right:0px;
padding-bottom:0px; 
padding-left:0px;
}

img.center { display: block; margin: 0 auto; }

/* *** COMMENTS LAYOUT *** */

#mainContent #commentList {
list-style: none;
margin: 10px 0 0 0;
}

#mainContent #commentList li {
border-left: 5px solid #555;
background: url(images/comment_even.gif) repeat-y #161616;
padding: 5px 5px 0 10px;
margin-bottom: 10px;
}

#commentList li p { font-size: 11px; padding-bottom: 5px; }

.commentAuthor a,
.commentDate a {
border: none;
}

.commentAuthor { float: left; color: #DDD; }

.commentDate { float: right; font-size: 10px; margin-top: -15px; }

#mainContent #commentList li.alt { background-image: none; background-color: #141414; }

/* *** REPLY LAYOUT *** */

#replyBox {
background: #141414;
color: #18948e;
padding: 10px 20px 30px 20px;
margin-top: 10px;
height: 100%;
}

#replyBox input,
#replyBox textarea {
background: #282828;
border: none;
color: #DDD;
font: 11px Tahoma, san-serif;
padding: 4px 2px;
}

#replyBox input { width: 250px; margin-right: 10px; }

#replyBox textarea { width: 600px; overflow: hidden; }

#replyBox label {
text-transform: uppercase;
font: 11px "Courier New", Courier, monospace;
}

#replyBox label span {
text-transform: none;
color: #0c5853;
}

#replyBox button {
padding: 8px 40px 8px 0;
float: right; 
}

/* *** HEADING TAGS for NON-BLOG PAGES *** */

.pagePost h2,
.pagePost h3 {
margin-top: 10px;
margin-bottom: 0;
}

.pagePost h2 {
border-bottom: 1px dotted #0c5853;
}

.pagePost h3 {
color: #18948e;
font-size: 14px;
font-weight: normal;
}

/* *** FORMS *** */

#sidebar input {
background: #0c5853;
border: none;
opacity: .50;
color: #FFF;
}

button {
background: none;
border: none;
color: #18948e;
font: 11px "Courier New", Courier, monospace;
}

button:hover { cursor: pointer; color: #0c5853; }

/* *** FOOTER LAYOUT *** */

#footer { 
padding: 0 10px 0 20px;
} 

#footer p {
color: #18948e;
font: 10px "Courier New", Courier, monospace;
margin: 0;
padding: 10px 0;
text-align: center;
}

#footer p span { font-size: 11px; }

/* *** FLOATS and CLEARS *** */

.floatR {
float: right;
margin-left: 8px;
}

.floatL { 
float: left;
margin-right: 8px;
}

.right {
float: right;
margin-left: 8px;
}

.left { 
float: left;
margin-right: 8px;
}

.clearfloat, .clearfloat2 {
clear: both;
height: 0;
font-size: 1px;
line-height: 0px;
}

.clearfloat2 {
clear: right;
}

*html .clearfloat2 {
clear: both;
}