/*

Theme Name: Nightlight Productions
Theme URI: http://www.nightlightradio.net/
Description: Wordpress theme for Nightlight Productions, made by <a href="http://metall.us">Metallus</a>.
Version: 1.0
Author: Metallus
Author URI: http://metall.us/

*/

/*-------------BLOCK-LEVEL-*/

html, body {
height:100%;
text-align:center;
margin: 0 auto;
background-color: #B7FFA4;
color: #000;
font: 13px Arial, Verdana, Helvetica, sans-serif;
}

a {
color: #079B00;
text-decoration: none;
font-weight:bold;
background-color: #DCFFD3;
}

a:hover {
background-color: #FFFFAA;
color: #000;
text-decoration:none;
}


/*-------------LAYOUT-DIVS-*/

#container {
margin: 0 auto;
text-align:center;
position:relative;
min-height:100%;
height:100%;
width: 100%;
}

#headbanner {
height:120px;
background: transparent url(images/nl_awningbg.gif) top center repeat-x;
vertical-align: top;
margin: 0 auto 10px;
}

#headbanner #topquote {
font: 20px Arial, Verdana, Helvetica, sans-serif;
letter-spacing: 2px;
text-align:center;
display:block;
line-height: 1.5em;
white-space: nowrap;
font-weight:bold;
font-style: italic;
color:#FFF;
margin: 0 auto;
padding: 0;
}

#headbanner #topquote:before {
 margin: 0 0 -1.57em 0.1em;
display:block; 
padding:0; 
content: attr(title); 
color:#29571C;  
} 

#contentarea {
margin: 0 auto;
text-align:center;
width:98%;
}

#contentbody {
float:left;
text-align:left;
margin: 0 1% 0 1%;
width: 75%;
}

#contentbody #maintext {
background: #DCFFD3 url(images/nl_contentbg.gif) 0 0 repeat-x;
padding: 15px;
color: #000;
text-align:justify;
border:2px solid #4C7E3F;
}

p.postmetadata {
clear:both;
margin: 5px 0;
padding: 2px;
border-top: 1px dashed #7BA071;
border-right: 0;
border-bottom: 0;
border-left: 0;
font: 10px Verdana, Arial, Helvetica, sans-serif;
}

#adspace {
width:728px;
height:90px;
overflow:hidden;
color:#000;
background-color:#4C7E3F;
padding:0;
text-align:center;
clear:both;
margin:0 auto 15px;
border-top:0;
border-left: 0;
border-bottom:8px solid #9DE58A;
border-right: 0;
}

/*-------------TITLE-*/

#titleimg {
width:600px;
height:70px;
text-indent: -9999px;
display: block;
padding: 0px;
margin:0 auto 0 auto;
text-align: center;
}

#titleimg a {
display:block;
background: url(images/nl_title.gif) center 0 no-repeat;
width:100%;
height:100%;
padding:0;
text-decoration:none;
}

#titleimg a:hover { 
background-position: 0 -80px;
}

#titleimg a:active { 
background-position: 0 -160px;
}

/*-------------HEADINGS-*/

#contentarea h1 {
line-height: 1.0;
background: #4C7E3F url(images/nl_bulb.gif) center left no-repeat;
margin: 0px;
padding: 20px 0 20px 65px;
font: 24px Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
letter-spacing: 1px;
color:#FFF;
}

#contentarea h1 a {
background: #4C7E3F;
line-height: 1.0;
font: 24px Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration:none;
letter-spacing: 1px;
color:#FFF;
}

#contentarea h1 a:hover {
background: #4C7E3F;
font-weight: normal;
text-decoration:underline;
letter-spacing: 1px;
color:#FFF;
}

#contentarea h2 {
font: 16px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 1.0;
letter-spacing: 1px;
margin: 10px 0 2px 0;
padding: 6px;
color: #FFF;
background: #618058;
border-top: 0;
border-right: 0;
border-bottom: 3px solid #3F5539;
border-left: 0;
}

#contentarea h2 a {
color: #FFF;
background: #618058;
text-decoration: none;
}

#contentarea h2 a:hover {
color: #FFF;
background: #618058;
text-decoration: underline;
}

#contentarea #rightbar li h2 {
font: 14px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 22px;
letter-spacing:0;
margin: 0 0 5px;
padding: 10px 0 0;
color: #EEE;
background-color: #7BB962;
border-top: 0;
border-right: 0;
border-bottom: 3px dotted #73A65C;
border-left: 0;
}

#contentarea #rightbar h3 {
text-indent: -9999px;
background: transparent url(images/nl_nav.gif) top center no-repeat;
display:block;
margin:0;
padding:0;
height:30px;
line-height:30px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
}

#contentarea #maintext h3 {
color: #000;
background: #97C48B;
text-indent: 0;
padding:5px 10px;
display:block;
font: 15px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

#contentarea #maintext h3 a {
color: #000;
background: #97C48B;
text-decoration:none;
}


#contentarea #maintext h3 a:hover {
color: #000;
background: #97C48B;
text-decoration:underline;
}


#contentarea #maintext h3.hide {
font: 12px Verdana, Arial, Helvetica, sans-serif;
text-indent: -9999px;
height: 45px;
margin: 0;
padding: 0;
display: block;
color: #000;
background: transparent;
line-height: 1.2;
}

#contentarea h4 {
font: 12px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 1.2;
}


#contentarea h5 {
text-align:justify;
position: relative;
margin: 0 auto 20px;
padding: 4px 6px 6px;
clear: both;
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
border-top:0;
border-left: 0;
border-bottom:8px solid #9DE58A;
border-right: 0;
background-color: #4C7E3F;
color: #FFF;
}

#contentarea h5 a {
background-color: #4C7E3F;
color: #BBB;
}


#contentarea h5 a:hover {
background-color: #4C7E3F;
color: #DDD;
text-decoration:underline;
}

/*-------------MENU-*/

#rightbar {
padding: 40px 0 20px;
width:20%;
background: #7BB962 url(images/nl_menubg.gif) top left repeat-x;
float:left;
text-align:left;
border-top:0;
border-left: 0;
border-bottom:8px solid #9DE58A;
border-right: 0;
margin: 0 1% 0 0;
font: 13px Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
color: #FFF;
}

#rightbar #menu {
padding: 5px 10px 0;
}

#rightbar #menu a {
background-color: #7BB962;
padding: 2px;
color: #FFF;
font: 13px Arial, Verdana, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
line-height:20px;
vertical-align:middle;
}

#rightbar #menu a:hover {
color: #FFFFAA;
text-decoration:none;
background: #649451;
}

/*-------------LISTS-*/


#maintext ul {
text-align:left;
margin: 0;
list-style-type: square;
font: 12px Verdana, Arial, Helvetica, sans-serif;
}

#maintext ul li {
padding: 0;
margin: 0 0 0 5px;
line-height:1.2;
}

#maintext ul li.categories {
list-style-type: square;
padding:0;
margin:0;
text-indent:0;
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
} 

#maintext ul li.categories ul {
list-style-type: disc;
text-indent:0;
} 

ul.subpageList {
vertical-align: bottom;
list-style-type: none;
margin: 0;
padding: 45px 0 10px 15px;
overflow: auto;
color: #000;
background: transparent url(images/nl_subpage.gif) 0 0 no-repeat;
border: 0;
width: 400px;
height: 200px;
}

ul.subpageList a {
color: #000;
background-color: transparent;
text-decoration: none;
}

ul.subpageList a:hover {
color: #FFFFAA;
background-color: #000;
text-decoration: none;
}


li.page_item {
padding: 0;
list-style-type: none;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #29571C;
border: 0;
width:90%;
}

li.page_item ul {
margin: 0;
padding: 0;
list-style-type: square;
color: #29571C;
}

li.page_item ul li {
margin: 0;
padding: 0;
list-style-type: square;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #29571C;
}


#rightbar ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#rightbar ol {
margin: 0;
padding: 0;
list-style-type: none;
}

#rightbar li {
margin: 0;
padding: 0;
list-style-type: none;
}

#rightbar #menu li ul li ul {
margin: 0 0 0 6px;
padding: 0 0 0 4px;
list-style-type: square;
color: #29571C;
}

#rightbar #menu li ul li .page_item {
margin: 0 0 0 9px;
padding: 0;
list-style-type: square;
color: #29571C;
}

#rightbar #menu li ul li .page_item a {
font: 11px Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #FFFFAA;
text-decoration: none;
background: transparent;
}

#rightbar #menu li ul li .page_item a:hover {
font: 11px Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #FFF;
text-decoration: underline;
background: transparent;
}




/*-------------FORMS-*/

#contentbody #maintext form {
margin: 0;
padding: 0;
border: 0;
width: 100%;
vertical-align: bottom;
}

#contentbody #maintext form input {
padding: 4px;
margin: 0;
background-color: #9DE58A;
color: #000;
border-top: 0;
border-right: 0;
border-bottom: 5px solid #C0FBB0;
border-left: 0;
}

#contentbody #maintext form textarea {
width:80%;
height: 100px;
overflow-y:scroll;
padding: 3px;
margin: 0;
border: 1px dashed #4C7E3F;
background: #F9FFF5;
font: 10px Verdana, Arial, Helvetica, sans-serif;
}

#contentbody #maintext form button {
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 2px 5px;
border: 0;
margin: 5px 0;
background-color: #29571C;
color: #FFF;
}

#rightbar form {
padding: 0;
margin: 0;
border: 0;
text-align:left;
}

#rightbar form input {
width: 95%;
padding: 2px;
margin: 0;
border: 1px solid #000;
background-color:#9DE58A;
}

#rightbar form button {
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 2px 5px;
border: 0;
margin: 5px 0;
background-color: #29571C;
color: #FFF;
}

/*-------------BLOG IMAGES-*/

img.featured { 
border: 5px solid #97C48B;
margin: 0 0 3px 6px;
float: right;
}

img.featured2 { 
border: 5px solid #97C48B;
margin: 0 6px 3px 0;
float: left;
}