/*----->>GLOBAL CLASSES<<-----*/






/*body*/

body
{
    font-family: verdana, sans-serif;
    font-size: small;
    color: #333;
    text-shadow: rgba(255, 255, 255, 0.6) 0 1px 0;
    background-color: #f8f8f8;
    vertical-align: middle;
    /*min-width: 230px;*/ 
    max-width:480px;
    margin: 0 auto
}




/*-------->>IMAGE CLASSES<<--------*/

/*all images not listed below*/

img
{
max-width:100%;
border:0px;
vertical-align:middle;
margin-bottom:0px
}





/*youtube preview images*/

.ytimg
{
vertical-align:middle;
padding:2px;
margin:1px;
border:1px solid #ccc
}








/*----->>START OF DIV CLASSES<<-----*/






/*logo*/

.logo
{
    background-image: url('/style/images/blue_logo_bg.png');
    background-repeat: repeat-x;
    background-position: bottom;
    margin-bottom: 0;
    background-color: #5c9cf4;
    padding-left: 4px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    color:#fff;
    font-weight:bold;
    font-size:larger;
}







/*main title*/

.header
{
background-color:#d3d3d3;
font-weight: 700;
border-bottom: 2px solid #888888;
border-left: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
-webkit-border-bottom-right-radius: 0.3em;
-webkit-border-bottom-left-radius: 0.3em;
-moz-border-radius-bottomright: 0.3em;
-moz-border-radius-bottomleft: 0.3em;
border-bottom-right-radius: 0.3em;
border-bottom-left-radius: 0.3em;
padding: 7px 3px;
background-image:url('/style/images/grey1.png');
background-repeat: repeat-x;
background-position: top;
margin-bottom:2px;
}





/*subtitle*/

.subheader
{
    background-image: url("/style/images/grey1.png");
    background-repeat: repeat-x;
    background-position: top;
    background-color: #d3d3d3;
    font-size: 90%;
    border: 1px solid #d8d8d8;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    margin-bottom:2px;
    font-weight: 700;
    padding-left: 4px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}








/*action result msg*/

.result
{
    margin-bottom:2px;
    padding: 3px;
    background-color: #fffcdd;
    border: 1px solid #d8d8d8;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    text-align: left;
    padding: 4px;
    color:red
}








/*Next/Back pager links*/

.nextback
{
    background-image: url("/style/images/grey1.png");
    background-repeat: repeat-x;
    background-position: top;
    background-color: #d3d3d3;
    text-align:center;
    font-size: 90%;
    border: 1px solid #d8d8d8;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    margin-bottom:2px;
    font-weight: 700;
    padding: 8px
}







/*around jump page option on pages with lists of 3 or more pages (under the nextback class)*/

.jumppage
{
text-align:center;
border-bottom: 1px solid #d8d8d8;
margin-bottom:2px;
padding:4px
}





/*footer*/

.footer
{
    background-image: url('/style/images/blue_logo_bg.png');
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #5c9cf4;
    font-size: small;
    text-align: center;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    margin-bottom:2px;
    text-shadow: rgba(0, 0, 0, 0.6) 0 1px 0;
    padding: 4px;
    color:#fff
}








/*anywhere there might be info (top of bbcode, youtube descriptions etc)*/

.info
{
    margin-bottom:2px;
    padding: 3px;

    background-color: #fffcdd;
    border: 1px solid #d8d8d8;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    text-align: left;
    padding: 4px;
}







/*menus etc*/

ul.menu
{
list-style-type:none;
padding:0px;
margin:0px 0px 2px 0px;
border-top: 1px solid #d8d8d8;
border-left: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
}

li.menu1
{
border-bottom: 1px solid #d8d8d8;
padding:4px
}

li.menu2
{
border-bottom: 1px solid #d8d8d8;
padding:4px
}




/*Around lists class*/

.listwrapper
{
margin-bottom:2px;
border-left:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-top:1px solid #d8d8d8
}




/*Content lists (smileys, bbcodes, youtube videos etc)*/
/*list1 and lists2 are same, split for optional alternate colours*/

.lists1, .lists2
{
    border-bottom: 1px solid #d8d8d8;
    padding:4px
}




/*Any content displayed on its own (like lists and listswrapper but single)*/

.display
{
margin-bottom:2px;
border-left:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-top:1px solid #d8d8d8;
border-bottom: 1px solid #d8d8d8;
text-align:center;
padding:4px
}



/*Around forms (sign guestbook, search youtube etc)*/

.formwrapper
{
margin-bottom:2px;
}

.forms
{
    border-bottom: 1px solid #d8d8d8;
    padding-left:4px;
    padding-top: 8px;
    padding-bottom: 8px
}










/*----->>START OF LINK CLASSES<<-----*/








/*all links not stated below*/

a:link, a:visited
{
color: #2251ab;
text-decoration: none;
}

a:hover, a:active
{
text-decoration: underline;
}

.inputs:hover, .inputs:focus, a.button:hover, a.button:focus, .nb:hover, .nb:focus
{
border: 1px solid #2251ab;
}




a.button
{
    border: 1px solid #d8d8d8;
    background-color: #f4f0f0;
    background-image: url("/style/images/grey1.png");
    background-repeat: repeat-x;
    background-position: top;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    padding: 3px;
}




.footer a, .footer a:visited
{
    color: #fff;
}


.footer a:hover, .footer a:active
{
    color: #fff;
    text-decoration:underline;
}



/*next and back links (on pages with lists of 2 or more pages)*/

a.nb
{
    border: 1px solid #d8d8d8;
    background-color: #f4f0f0;
    background-image: url("/style/images/grey1.png");
    background-repeat: repeat-x;
    background-position: top;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    padding: 3px;
    font-weight:bold
}



a.nb:hover, a.nb:active
{
text-decoration:none;
}









/*------>>TEXT SPAN CLASSES<<-----*/




/*Emphasized Text (best left bold, but only in our opinion)*/

.emphtext
{
font-weight:bold;
}



/*Dates*/

.date
{
font-style: italic;
}






/*----->>FORMS INPUT BOXES SELECT BOXES ETC<<-----*/




form, p
{
    margin: 0;
    padding: 0;
}



input[type="text"], input[type="password"], input[type="file"], textarea, input.text, input[type="select"], select
{
    border: 1px solid #909090;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-right: 3px;
    color: #333;
    background-color: #fff;
    padding: 1px;

-moz-border-radius: 0.2em;
-webkit-border-radius: 0.2em;
border-radius: 0.2em;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, input.text:focus, input[type="select"]:focus, select:focus
{
    border: 1px solid #000;
}


/* ----->FOR YOUTUBE<------ */

.yt_list_title
{
max-height:33px;
overflow:hidden;
display:block;
}

.features
{
background-color:#ddd;
padding:0px;
border:0px;
margin:0px;
font-size:smaller;
}


/*--------Porn Videos---------*/

.vidwrapper
{
  display:block;
  min-height:55px;
  text-align:left;
  overflow:hidden;
}

.vidimg
{
  border:1px solid #ccc;
  height:54px;
  width:70px;
  float:left;
}

.vidimg img
{
width:66px;
height:50px;
  margin:2px;
}

.vidinfo
{
  display:block;
  height:100%;
  margin-left:76px;
  min-height:50px;
}

.vidinfo:after
{
  clear:both;
}


/*-------------------*/