html, body {
height: 100%;
}


html{
height: 100%;
margin-bottom: 1px;
}



body{
font-family:'Arrus BT',Garamond,'Times New Roman';
font-size:17px;
background:black;
color:white;
margin: 0;
}

a, a:visited{
color:red;
text-decoration:none;
}
a:hover{
color:#ffffff;
}
img{
border:0px;
}
form{
padding:0px;
margin:0px;
}

p{
padding: 1em 0 0 0;
margin:0;
text-indent:1em;
}



#padall{
width:95%;
height:100%;
margin:0 auto 0 auto;
}
#top{
position:relative;
background:url(../img/newnext.jpg) left top no-repeat black;
width:100%;
height:150px;
margin-bottom:3px;
}
#logo{
width:178px;
height:150px;
}

/*search form style*/

#menu{
background:black;
position:absolute;
right:0;
top:0;
width:407px;
border:solid 1px silver;
margin-top:7px;
z-index:20;
-moz-border-radius: 10px;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

#welcome{
text-align:right;
position:relative;
height:18px;
border:solid 0px silver;
}
#adregister{
margin-right:120px;
}
#username{
position:absolute;
top:0px;
left:5px;
}

#logout{
position:absolute;
top:0px;
right:5px;
}

#formhold{
margin-top:2px;
border:solid 0px silver;
position: relative;
width:100%;
height:34px;
}
#searchlabel{
letter-spacing:-1px;
position: absolute;
right:335px;
top:6px;
font-weight:bold;
}
#where, #formhold .rounded, #formhold .submit{
position: absolute;
}
#where{
border:solid 1px #000000;
background-color:black;
width:85px;
color:white;
top:6px;
right:242px;
}

.oval{
background:transparent;
border:0;
margin-top:5px;
font-size:16px;
line-height:18px;
height:20px;
width:184px;
display:block;
margin-left:auto;
margin-right:auto;
}

.rounded{
background:url(../img/rounded.jpg) top center no-repeat white;
width:200px;
height:30px;
text-align:center;
border:0;
float:right;
margin-right:3px;
}

#messagingsm .oval{
background:transparent;
border:0;
margin-top:5px;
font-size:16px;
line-height:18px;
height:20px;
width:384px;
display:block;
margin-left:auto;
margin-right:auto;
}


#messagingsm .rounded{
background:url(../img/longback.jpg) top center no-repeat white;
width:400px;
height:30px;
text-align:center;
border:0;
float:right;
margin-right:3px;
}
#formhold .rounded{
background:url(../img/roundedisabled.jpg) top center no-repeat white;
}

.roundarea{
background:url(../img/textarea.jpg) top center no-repeat white;
width:400px;
height:235px;
float:right;
margin-right:3px;
padding: 13px 0px 0px 0px;
}
textarea{
background:transparent;
width:384px;
height:220px;
display:block;
margin-left:auto;
margin-right:auto;
border:solid 0px red;
font-size:16px;
line-height:18px;
}

#thisaction, .middle{
text-align:center;
}
#thisaction{
text-transform:uppercase;
font-weight:bold;
}
#email, #security_code, #user, #pass{
background:transparent !important;
border:0px !important;
}

#formhold .rounded{
top:0px;
right:33px;

}
#formhold .submit{
top:1px;
right:3px;
}



.submit, .reset{
cursor: pointer;
text-align:center;
border:0;
width:28px;
height:30px;
}
.submit{
background:url(../img/go.jpg) top center no-repeat transparent;
float:right;
margin-right:3px;
}
.reset{
background:url(../img/back.jpg) top center no-repeat transparent;
float:left;
margin-left:3px;
}

/**
 * login
 */

.blank2{
width:1px;
height:4px;
display:block;
margin: 0 auto 0 auto;
}

.labelhold{
width:200px;
float:left;
}
#members{
width:610px;
margin:0 auto;
border:outset 1px #696969;
padding-top:10px;
}


#messagingsm, #edit{
width:610px;
margin:0 auto;
border:outset 1px #696969;
padding:10px 0px;
}
#messaging{
width:710px;
margin:0 auto;
border:outset 1px #696969;
padding:10px 0px;
}
#messaging #thisaction, #messaginsm #thisaction, #members #thisaction, #edit #thisaction{
border-bottom:dashed 1px #696969;
margin: 0px auto 5px auto;
padding-bottom:2px;
width:98%;
}

#meshold{
width:500px;
float:right;
margin-right:5px;
}
#mes{
min-height: 95px;
padding:5px 10px;
border:double 3px #696969;

}
#mes h2{
font-size:18px;
padding:0;
margin:0;
}
#sub h2{
display:inline;
font-size:17px;
padding:0;
margin:0;
}
#sub{
overflow-x:hidden;
}

#mes img{
display:block;
margin: 5px auto;
max-width:480px; 
}
#sortable-list li img, #sortable-list li li img{
max-width:100px;
max-height:105px;
}
#img-list li img{
max-width:160px;
max-height:170px;
}




#hold{
width:590px;
border:solid 1px silver;
margin:10px auto;
padding: 10px;
	-moz-border-radius:		10px;
	-webkit-border-radius:	10px;
	-webkit-box-shadow:		0 0 5px rgba(0, 0, 0, 0.5);
}
.hold-control{
width:590px;
margin:10px auto 0 auto;
}
#hold2{
width:706px;
border:solid 1px silver;
margin:10px auto;
padding: 10px;
}


#sortable-list, .control-list, #img-list{
margin:0px;
list-style-type: none;
padding:0px 0px 5px 5px;
float:left;
}
li.sortme{
float: left;
margin: 5px 5px 0px 0px;
background-color: #F0F0F0;
border: 1px solid #CCCCCC;
text-align: center;
padding: 5px 0px;
height: 115px;
width: 110px;
cursor:move;
}
#hold2 ul li{
float: left;
margin: 5px 5px 0px 0px;
background-color: transparent;
text-align: center;
padding: 5px 0px;
height: 200px;
border: 1px solid #CCCCCC;
}
#hold2 ul li a{
display:block;
border-bottom: 1px solid #CCCCCC;
height: 170px;
width: 168px;
}
#hold2 ul li div{
width: 168px;
height:32px;
overflow:hidden;
}

li.picoptions{
float: left;
margin: 5px 5px 0px 0px;
text-align: center;
padding: 5px 0px;
}

li.picoptions a, li.picoptions a:visited{
display:block;
text-decoration:none;
text-transform:none;
color:#000;
width:110px; 
height:20px; 
text-align:center; 
color:red; 
border:1px solid #696969;
line-height:20px; 
font-size:13px; 
overflow:hidden;
}

li.picoptions a:hover, a.current, a.current:visited, a.current:hover{
text-transform:uppercase !important;
color:black !important;
background:url(../img/linkback.jpg) top center no-repeat; 

}



.sortme img{display:block;margin:auto;}




.wrote{
margin-top:3px;
text-indent:1em;
overflow-x:hidden;
}
.wrote h2{
text-indent:0em;
}

.padbot{
padding: 0px 0px 5px 0px;
}

.who{
width:100%;
margin-top:10px;
float:left; 
text-align:center;
}

span.error{
margin-top:7px;
font-size:13px;
background:#c00;
float:right;
padding:2px;
}
div.error{
float:none;
text-align:center;
}

label{
float:left;
padding-left:5px;
}
.marg span.error{
margin-top:8px;
}
.marg label{
margin-top:7px;
}

#forgot{
float:none;
margin-left:46px;
display:inline;
}


input[type="checkbox"]{
background:transparent;
border:0;
color:red;
}
input[type="file"]{
}



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

#notification div{
border-top:#696969 solid 1px;
}
#notification span{
padding-top:10px;
padding-bottom:9px;
text-align:center;
float:left;
width:25%;
min-height:1px;
color:red;
font-weight:bold;
}

#mailnotice{
background:url(../img/mail3.jpg) center no-repeat transparent;
height:30px;
cursor:pointer;
}

#notification span img{
display:block;
margin-left:auto;
margin-right:auto;
padding-bottom:1px;
}

.content{
width:100%;
min-height: 100%;
height: auto;
margin:0px auto 0px auto;
font-size:14px;
}
/* Hack for IE, Reset to 100% height */
* html .content{
height: 100%;
}

#warn{
margin-top:100px;
}
	
.paginate, .paginate:visited{
color:red;
}	
.paginate:hover{
color:black;
}


#navibar{
border:solid 1px #696969;
border-bottom:0px;
font-size:20px;
padding: 3px 0px 3px 55px;
}

#navibar h1, #navibar h2, #navibar h3{
display:inline;
font-size:20px;
}
#navibar .space{
padding: 0px 10px 0px 10px;
text-align:center;
}

#content #board{
border:solid 1px #696969;
padding:20px;
background:url(../img/construction.jpg) no-repeat scroll center right black !important;
}
@font-face{
font-family: 'Juliet';
src: url(JULIET__.TTF);
}



.special{
font-family: 'Juliet','Arrus BT',Garamond,'Times New Roman';
font-size:18px;
line-height:130%;
width:425px;
color:black;
background:url(../img/note.jpg) repeat-y scroll top left transparent !important;
}

.padspecial{
padding: 0px 20px 0px 20px;
width:385px;
}

.topright{
background:url(../img/topright.jpg) no-repeat scroll top right transparent !important;
margin-top:0px;
width:100%;
height:17px;
}

.bottomright{
background:url(../img/bottomright.jpg) no-repeat scroll bottom right transparent !important;
margin-bottom:0px;
width:100%;
height:14px;
}

#mail #board table .lastcell, #mail #board table .next2last{
width:60px;
}

#mail #board table .cell1{
width:140px;
}
#mail #board table .cell2{
width:140px;
}
#mail .submit{
margin-right:16px;
}

#board table{
width:100%;
text-align:center;
color:#ffffff;
border:solid 1px #696969;
}
#board td{
padding: 2px 0px 3px 0px;
}
thead{
font-weight:bold;
font-variant:small-caps;
color:silver;
}
tbody td{
border-top:dashed 1px #696969;
border-right:dashed 1px #696969;
}
.lastcell{
border-right:dashed 0px #696969;
}



.profileinfo{
border:solid 1px #696969;
width:250px;
text-align:center;
}
.namespace{
font-size:20px;
font-weight:bold;
}
.profileavatar{
max-width:190px;
max-height:190px;
}
.contact{

}
.flicker{
color:red;
cursor:pointer;
}
.flicker:hover{
color:white;
}



.roar-body{
position: absolute;
font: 12px/14px "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
color: #fff;
text-align: left;
z-index: 999;
}

.roar{
position: absolute;
width: 300px;
cursor: pointer;
height:125px;
overflow:hidden !important;
}
.roar-bg{
position: absolute;
z-index: 1000;
width: 100%;
height: 100%;
left: 0;
top: 0;
background:url(../img/roarit.png) no-repeat top center transparent;
-moz-border-radius: 10px;
-webkit-border-radius: 5px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.roar h3{
position: relative;
padding: 15px 10px 0;
margin:	0;
border:	0;
font-size: 13px;
color: #fff;
z-index: 1002;
}
.roar p{
position: relative;
padding: 10px 10px 15px;
margin:	0;
font-size: 12px;
color: #fff;
z-index: 1002;
}

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

.caption{
margin:10px;
text-align:center;
}