/*   
Theme Name: Nuxx2
Description: trial and error
Author: nuxx
Author URI: www.djnuxx.com
Version: 0.1
*/

/* body/html css */
* html body{overflow:hidden}
* html div#contentwide{height:100%;overflow:auto}
body{margin:0;padding:0;background-color:#000;font:68% Verdana,Arial,sans-serif;line-height:1.2em;height:100%;margin-bottom:0.01em;overflow-y:scroll;
    background-image: url("http://www.djnuxx.com/images/nuxxbg.jpg");
width: auto;
height: 845px;
background-repeat: 
no-repeat;
background-position:
top center;
background-attachment: fixed;

  }

/* Link styling */
a{text-decoration:none;cursor:pointer}
a:link {font-weight:bold}
a img{border:none}
a span{display:none}
a:active{outline:none;font-weight:bold}
a:focus{-moz-outline-style: none}
a:visited {font-weight:bold}
a:hover {font-weight:bold} 

/* Main divs for top spacing and background */

img#bg{height:100%;width:100%;position:fixed;top:0;left:0;z-index:0}
#wrapper{position:relative;top:150px;z-index:1;padding-bottom:30px}

/* CSS for layout */
#contentwide{text-align:center;margin:0 auto;width:860px}
#navigation{background-color:#333;float:right;padding:15px 15px 15px 15px;margin:0;width:260px;text-align:left}
#navigationright{background-color:#333;float:left;padding:7px 7px 7px 7px;margin:0;width:250px;text-align:right;position:relative;top:175px;left:8px}
#navigationleft{background-color:#333;float:left;padding:15px 15px 15px 15px;margin:0;width:265px;text-align:right;position:relative;top:150px;right:25px}
#navigation a{color:#FFF}
#navigation a:hover{color:#3FF}
#navigation h2, #navigation h3{background-color:#fff;text-align:left;margin:0;padding:3px 3px 3px 3px}
#navigation h2{color:#999;font-size:1.2em;text-transform:uppercase;display:inline}
#navigation h3{clear:both;display:inline;font-size:1.2em}
#navigation p, #navigation p a{color:#FFF}
#navigation p a:hover{color:#3FF}

.navbar{color:#FFF;text-align:left;display:inline;position:relative;top:10px}
.navbar a{color:#FFF !important}

/* CSS for content */
#titles{text-align:left !important;width:360px;float:left;margin:0 0 5px 0}
#titles h1{background-color:#FFF;text-align:left;margin:0;padding:0 5px 3px 3px;color:#999;font-size:14px;display:inline}
#titles h2{background-color:#FFF;text-align:left;margin:0;padding:0 5px 3px 3px;color:#000;font-size:12px;display:inline}

#content{width:340px;text-align:justify;margin-bottom:5px;color:#fff;padding:10px 12px 5px 12px;background-color:#000;clear:both}

.content h2{color:#999;padding:0;margin:0;font-size:0.9em}
.content p:first-child{padding-top:0;margin-top:0}
.content a{color:#FFF !important}
.content a:hover{font-weight:bold;color:#3FF !important}

/* Header CSS */


/* Footer CSS */
#footer{width:100%;height:36px;position:absolute;bottom:0;left:0;color:#FFF;background-color:#000;z-index:185;line-height:36px;font-size:10px}
@media screen{body>div#footer{position: fixed}}
#footer a{color:#FFF;margin-top:6px;padding:0 4px 0 4px}
#footer a:hover{color:#3FF;font-weight:bold}

#leftfooter,#midfooter,#rightfooter{float:left;width:32%}
#leftfooter{padding-left:10px;text-align:right}

#midfooter{text-align:center;}

#rightfooter{padding-left:10px;text-align:left;width:32%}
#footerlinks{padding:0;margin:0;} 
#footerlinks ul {margin:0; padding:0; 
	list-style-type:none; list-style-image:none;}
#footerlinks li {display: inline;}

/* Home page CSS */
#homewrapper{position:relative;z-index:1;margin:0 auto;padding-bottom:30px;width:970px;color:#FFF}
#homewrapper h2{color:#000;background-color:#fff;display:inline;font-size:1.2em;text-transform:uppercase;padding:0 5px 0 5px;position:relative;top:0px;left:0px;}
#homewrapper h2 a{color:#000;margin-left:0}
#topleft a,#topright a,#bottomright a,#bottomleft a{margin-left:0px;font-size:1em;}
#homewrapper a{color:#FFF;font-size:1em;}
#homewrapper a:hover{color:#3FF;font-weight:bold}

#logo{background-color:transparent;float:left;padding:7px 0 7px 7px;margin:0;width:240px;text-align:right}
#topleft,#topright,#bottomright,#bottomleft{width:285px;position:absolute}
#topleft{text-align:right;font-size:1em;top:278px;left:0;right:20;line-height:175%}
#topleft ul {margin:0; padding:0; 
	list-style-type:none; list-style-image:none;}

#topright{text-align:right;font-size:1em;top:132px;left:0;right:20;line-height:175%}
#topright ul {margin:0; padding:0; 
	list-style-type:none; list-style-image:none;}

#bottomleft{top:300px;left:0}
#bottomright{top:300px;right:0}

#blackcontent{background-color:#000;color:#FFF;position:relative;margin:0 auto;min-height:860px;width:360px;padding-bottom:30px;padding:38px 20px 10px 20px}
#blackcontent p,#blackcontent form{margin:5px 10px 5px 10px}
#blackcontent a{color:#FFF}
#blackcontent a:hover{color:#3FF;font-weight:bold}

.homeannounce{background-color:#1D1D1D;padding:5px 5px 5px 5px;margin-bottom:30px;margin-top:30px}
.homeannounce a{margin-left:10px}

.avthumb{float:left;height:66px;width:100px;overflow:hidden;margin:0 0 10px 10px}

/*COMMENTS*/
div#respond {
font-size: 0.9em;
}
h3.reply {
font-size: 1.2em;
}
textarea#comment {
width: 320px;
}
h3#comments {
font-size: 1em;
}
h3#respond {
font-size: 1em;
}

/* Misc CSS to make life easy */
.black{color:#000 !important}

.left{float:left}
.right{float:right}
.clearing{clear:both}
.debug{border:1px dotted #FFF}
.block{display:block !important}