/* Ardentryst website CSS by Jordan Trudgett */

* {
    margin: 0;
}

html, body {
	height: 100%;
}

body{
	padding:0; margin:0;
	}

div, ul, h1, h2, h3, h4, p, img, form{
	padding:0; margin:0;
	}

ul{
	list-style-type:none;
	}
.blank{
	font-size:0px; clear:both; line-height:0px;
	}

#hideShow{ 
        visibility:hidden;
        }

.blue { color: #385575; }

p { color: #385575 }

a { 
        color: #04B; text-decoration: none;
}

table.threads { background-color: #CCC; border-spacing: 0; padding: 0px; }
table.threads td { padding: 7px; }

table.scoreboard { background-color: #DEF; border-spacing: 0; padding: 0px; }
table.scoreboard td { padding: 7px; }

table.threadpost { background-color:#666; padding: 0px; border-spacing: 0; margin-bottom: 10px;}
table.threadpost td { padding: 6px; }

table.threadpost td.top p { color: #FFF; }

table.threadpost td.bot p { color: #FFF; padding: 5px;}
table.threadpost td.bot { background-color: #888; padding: 0;}

table.threadpost td.postleft { background-color:#BBB; width: 150px; vertical-align: top;}
table.threadpost td.postleft p.username { font-size: large; font-weight: bold; }
table.threadpost td.postright { background-color:#EEE; vertical-align: top;}

a:hover { 
        color: #39F; text-decoration: underline;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -32px; /* the bottom margin is the negative value of the footer's height */
}

.push {
        clear: both;
	height: 32px; /* .push must be the same height as .footer */
}

.footer { 
        clear: both;
	height: 32px; /* .push must be the same height as .footer */
}

input { background-color: #EAF1FF; }

textarea { background-color: #EAF1FF; }

/*--------------------------------menu pan---------------------------*/

#menuPan{ 
        margin: -4px 0px 0px 0px; width:200px; background-color: #FFF;
        padding: 5px; height: auto; padding-top: 30px;
        border-right: solid 1px black; border-bottom: solid 1px #269; 
 }

#menuPan img.wtitle { display: block; margin-top: -20px;
                      margin-left: auto; margin-right: auto}


/*--------------------------------login pan---------------------------*/

#loginPan{ 
        margin: 0px auto 15px auto; background-color:#DDEEFF; width:180px;
        padding: 0px; text-align:center;
 }

#loginPan img.borderbot {margin-bottom: -8px}
#loginPan img.bordertop {margin-bottom: 8px}

#loginPan p{ text-align:left; margin: 1px 0px 1px 5px; width: 150px;}

#loginPan form p{ text-align:center; width: 130px; margin: 1px auto;}

#loginPan h2{ padding: 10px;}

#loginPan form input { width:130px; margin: 1px auto 5px auto;}

#loginPan img { margin-top: -1px; margin-bottom: -1px; }

#loginPan form input.button { background:url(images/loginbutton.png) no-repeat 0 0; 
  border:none; width: 67px; height:30px; cursor:pointer; margin: 1px 0 0px 0; color: #000;
}
/*--------------------------------nav pan---------------------------*/

#navPan{ 
        margin: 4px auto 15px auto; background-color:#DDEEFF; width:180px;
        padding: 0px; text-align:center;
 }

#navPan img.borderbot {margin-bottom: -8px}
#navPan img.bordertop {margin-bottom: 8px}


#navPan p{ text-align:left; margin: 1px 0px 1px 5px; }

#navPan form p{ text-align:center;}

#navPan h2{ padding: 10px;}

#navPan form input { width:160px; margin: 0 auto 0 auto;}

#navPan img { margin-top: -1px; margin-bottom: -1px; }

#navPan form input.button { background:url(images/loginbutton.png) no-repeat 0 0; 
  border:none; width: 67px; height:30px; cursor:pointer; margin: 1px 0 0px 0; color: #000;
}


/*--------------------------------header pan---------------------------*/

#headerPan{
	margin:0 auto 0 auto;
        height: 86px;
        background:url(images/headerbg.png) repeat-x scroll 0 0; 
        min-width: 1000px;
	}

/*        #headerPan .right {
                position: fixed; top: 0; right: 20px;
                float: right; height: 32px;
                text-align: right; 
                line-height: 32px;
                padding-right: 20px;
                }
*/


/*----------------------------------body part----------------*/
#bodydiv { background-color:#FFF;
           margin: 0px 10px 30px 211px; float: left; padding-bottom: 50px;
           min-height:900px
}

#mainheader { margin: 0px 10px; height: 260px; padding-bottom: 25px; padding-top: 50px;}

#mainBody{
	margin:10px 10px 20px 10px;
        width: 720px; min-height: 700px;
	}

#middlebanner { 
        display: block; text-align: center; margin: 20px 0;
        padding-top: 60px; border-style: none; clear: both;
}



.sectionleft{ 
        background:url(images/hbullet.gif) no-repeat 0 0; width: 360px;
        float:left; min-height: 350px;
}

.sectionleft hr{ 
        height: 3px; color: #38F; background-color: #38F; border: 0px;
        margin-left: 25px; margin-right: 15px; margin-top: 0px;
}

.sectionleft h1{ 
        margin-left: 40px;
}

.sectionleft ul li{
        list-style-image: none; border-bottom: 1px solid #04A; margin: 8px;
        padding-bottom: 18px;
}

.sectionleft form input.button { background:url(images/loginbutton.png) no-repeat 0 0; 
  border:none; width: 67px; height:30px; cursor:pointer; margin: 1px 0 0px 0; color: #000;
}

.sectionright{ 
        background:url(images/hbullet.gif) no-repeat 0 0; width: 360px;
        float:right; min-height: 350px;
}

.sectionright hr{ 
        height: 3px; color: #38F; background-color: #38F; border: 0px;
        margin-left: 25px; margin-right: 15px; margin-top: 0px;
}

.sectionright h1{ 
        margin-left: 40px;
}

.sectionright ol.HS {
        width: 100%;
}

.sectionright ol.HS li{
        list-style-image: none; margin: 8px;
        padding-bottom: 2px;
}


.sectionright img.latestscreenshot{ 
        display: block; width: 300px; height: 225px; margin-left: auto; margin-right: auto; margin-top: 5px;
}

.sectionright p.latestscreenshot{ 
        margin-top: 10px; text-align: center; line-height: 80% ;
}


/* ---------------- footer ------------- */


#footerspace{ clear:both; margin: 5px 0 }

#footer2 { 
        clear: both; bottom: 0%; position:fixed;
        text-align: center; left: 0px;
        margin: 0 auto; border-top: 1px solid #269;
        margin-top: 50px; background: #FFFFFF;
        height: 32px;
}

        #footer .left {
                background: url(images/footerleft.png) no-repeat 0 0;
                float: left; height: 32px;
                text-align: left;
                line-height: 32px;
                padding-left: 20px;
                min-width: 300px;
                }
        
        #footer .right {
                background: url(images/footerright.png) no-repeat 0 0;
                background-position: 100% 0%;
                float: right; height: 32px;
                text-align: right;
                line-height: 32px;
                padding-right: 20px;
                }