/* 
  style.css contains a reset, font normalization and some base styles.
  
  credit is left where credit is due.
  additionally, much inspiration was taken from these projects:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/

/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

html,
button,
input,
select,
textarea {
    color: #222;
}


body {
    font-size: 1em;
    line-height: 1.4;
}


/*
 * A better looking default horizontal rule
 */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   
   
   
   
  
 /** 
 ---
 */

a:hover, a:active { outline: none; }

a, a:active, a:visited { color:#DD0000; text-decoration:none;  }
a:hover { color:#FF0000; text-decoration:underline;}



 /* Primary Styles
    Author: Danoli3
 */ 
 
 
 
 body
	{
	font-size:10pt;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	background-color:#000000;
	background-image:url(images/radial.png);
	color:#FFFFFF;
	min-width:1024px;
	}
	
 .video
	{
	font-size:10pt;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	background-color:#000000;
	background-image:url(images/radial.png);
	color:#FFFFFF;
	min-width:1090px;
	}
	
.hdvideo
	{
	font-size:10pt;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	background-color:#000000;
	background-image:url(images/radial.png);
	color:#FFFFFF;
	min-width:1400px;
	}
	

/* 26/09/2010 - Style for HTML Navigation  */
a:link .nav{color:#FFFFFF;} 
a:visited .nav{color:#D1D1D1;}
a:hover .nav{ border-color:#FF0000; background-color:#FF0000; color:#FFFFFF; text-decoration:none; }
a:active .nav { background-color:#FF0000; text-decoration:none; }

/* 26/09/2010 - Style for Button  */
.custombutton:hover { border-color:#FF0000; background-color:#FF0000; color:#FFFFFF; }
.custombutton2:hover { border-color:#FF0000; background-color:#FF0000; color:#FFFFFF; }



.navigation 
{
font-size:12px;
text-align:center;
margin-top:5px;
text-decoration:none;
}

.innerContent 
{
font-size:12px;
text-align:center;
margin-top:10px;
}

.toSmall
{
height:800px;
}
.italic { font-style:italic; }

.nav
{
display:block;
line-height:35px;
background-image: url(images/navi.jpg);
border:solid;
border-width:1px;
border-color:#000000;
border-radius: 3px;
/* Border-radius not implemented yet */  
-moz-border-radius: 3px;  
-webkit-border-radius: 3px; 
-khtml-border-radius: 3px;
/* behavior: url(border-radius.htc); */

}
#header
	{
	background-image: url(images/header/center.png);
	text-align: center;
	color:#FFF;
	margin-top: 10px;
	margin-left:5px;
	margin-right:5px;
	height:55px;
	border:solid;
	border-width:1px;
	border-color:#000000;
	height:75px;
	border-radius: 7px;
	/* Border-radius not implemented yet */  
	-moz-border-radius: 7px;  
	-webkit-border-radius: 7px;
    -khtml-border-radius: 7px;	
	behavior: url(border-radius.htc);
	}
	
#header h1 {
	font-size:200%;
	font-weight: bold;
	}
#header a { 
	color:#FFFFFF;
	}
#header a:hover {
	color:#FF0000;
	}
.menu
	{
	font-size:13px;
	background-image: url(images/top.png);
	background-repeat:repeat-x;
	text-align: center;
	margin-top: 10px;
	margin-left:8px;
	margin-right:8px;
	padding-top:4px;
	width:230px;
	/**width:190px; */
	border-top:none;
	border-left: 2px #484747 solid;
	border-right: 2px #484747 solid;
	border-bottom: 2px #484747 solid;	
	border-radius: 2px;
	/* Border-radius not implemented yet */  
	-moz-border-radius: 2px;  
	-webkit-border-radius: 2px; 
	-khtml-border-radius: 2px;
	/* behavior: url(border-radius.htc); */
	}	
	
.firstPanel
	{
	font-size:13px;
	background-image: url(images/top.png);
	background-repeat:repeat-x;
	text-align: center;
	/*margin-top: 10px;*/
	margin-left:8px;
	margin-right:8px;
	margin-bottom:10px;
	border-top:none;
	border-left: 2px #484747 solid;
	border-right: 2px #484747 solid;
	border-bottom: 2px #484747 solid;	
	border-radius: 2px;
	/* Border-radius not implemented yet */  
	-moz-border-radius: 2px;  
	-webkit-border-radius: 2px; 
	-khtml-border-radius: 2px;
	/* behavior: url(border-radius.htc); */
	}	
.mainContent
	{
	font-size:13px;
	background-image: url(images/top.png);
	background-repeat:repeat-x;
	text-align: center;
	margin-left:8px;
	margin-right:8px;
	padding-top:4px;
	border-top:none;
	border-left: 2px #484747 solid;
	border-right: 2px #484747 solid;
	border-bottom: 2px #484747 solid;	
	border-radius: 2px;
	/* Border-radius not implemented yet */  
	-moz-border-radius: 2px;  
	-webkit-border-radius: 2px; 
	-khtml-border-radius: 2px;
	/* behavior: url(border-radius.htc); */
	}	
.secondaryContent
	{
	font-size:13px;
	background-image: url(images/top.png);
	background-repeat:repeat-x;
	text-align: center;
	margin-left:8px;
	margin-right:8px;
	margin-top:10px;
	padding-top:4px;
	border-top:none;
	border-left: 2px #484747 solid;
	border-right: 2px #484747 solid;
	border-bottom: 2px #484747 solid;	
	border-radius: 2px;
	/* Border-radius not implemented yet */  
	-moz-border-radius: 2px;  
	-webkit-border-radius: 2px; 
	-khtml-border-radius: 2px;
	/* behavior: url(border-radius.htc); */
	}	
	
#wrapper1 {
	position:relative;
	text-align:left;
	width:100%;
	/*background:#FFF url("../images/rightcolor_bg.gif") repeat-y top right;*/
	}
#wrapper2 {
	position:relative;
	text-align:left;
	width:100%;
	/*background:url("../images/leftcolor_bg.gif") repeat-y top left;*/
	}
#maincol {
	position:relative;
	margin:0;
	padding:10px;
	min-height: 1800px;
	}
#leftcol { 
	position:relative;
	top:-10px;
	left:-10px;
	float:left;
	width:220px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:200px; /* actual value */
	margin:0 0 -10px 0;
	/*padding:10px;*/
	/*background:#ECB9E8;*/
	z-index:100;
	}
.rightcol {
	position:relative;
	top:-10px;
	right:-10px;
	float:right;
	width:260px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:240px; /* actual value */
	margin:0 0 -10px 0;
	/*padding:10px;*/
	padding-right:10px;
	/*background:#D7C4FA;*/
	z-index:99;
	}
#centercol {
	position:relative;
	padding:0 235px;
	min-height:1206px;
	}
#centercolIndex {
	position:relative;
	padding:0 235px;
	min-height:1206px;
	}
	
.padder { padding-top:10px; margin:auto; width:500px; }	

.headerer { line-height:75px; display:block; }

.mid {
	margin-top: 5px;

}
.title {
	background-image: url(images/top.png);
	text-align: left;
	color: #FFFFFF;
	font-size: 12px;
	padding-bottom: 3px;
	padding-left: 3px;
}
.footer {
	font-size:13px;
	background-image: url(images/navi2.jpg);
	background-repeat:repeat-x;
	text-align: center;
	margin-left:8px;
	margin-right:8px;
	padding-top:4px;
	border-top:none;
	border-left: 2px #484747 solid;
	border-right: 2px #484747 solid;
	border-bottom: 2px #484747 solid;	
	border-radius: 2px;
	/* Border-radius not implemented yet */  
	-moz-border-radius: 2px;  
	-webkit-border-radius: 2px; 
	-khtml-border-radius: 2px;
	/* behavior: url(border-radius.htc); */
	}	

/* for sorting buttons */
.custombutton {
	display:inline;
	color:#FFFFFF;
    padding:0;
	padding-left:10px;
	padding-right:10px;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;	
	height:35px;
	width:80px;
	background:url(images/navi.jpg);
	cursor:pointer;
	line-height:35px;
	border:solid;
	border-width:1px;
	border-color:#000000;
	border-radius: 7px;
	/* Border-radius not implemented yet */  
	-moz-border-radius: 7px;  
	-webkit-border-radius: 7px; 
	-khtml-border-radius: 7px;
	/* behavior: url(border-radius.htc); */
	}
.custombutton2
{
color:#FFFFFF;
padding:0;
margin:auto;	
display:block;
cursor:pointer;
line-height:35px;
background-image: url(images/navi.jpg);
border:solid;
border-width:1px;
border-color:#000000;
width:80px;
border-radius: 7px;
/* Border-radius not implemented yet */  
-moz-border-radius: 7px;  
-webkit-border-radius: 7px; 
-khtml-border-radius: 7px;
/* behavior: url(border-radius.htc); */

}
.center { margin:auto; width:200px; }
.centerimages { margin:auto; width:500px; }
.centerAlt { margin:auto; width:660px; }
.centerimagesLarge { margin:auto; width:610px; }

.centerAltHD { margin:auto; width:880px; }
.centerimagesLargeHD { margin:auto; width:890px; }

* html .custombutton {cursor:hand;} /* alternate cursor style for ie */

.image { width: 379px;
		text-align:center;
		margin:auto;
		margin-top:10px;
		background:url("images/imagebg2.png") repeat scroll 0 0 #CCCCCC;
		padding:5px;
		border:solid;
		border-width:2px;
		border-color:#484747;
		border-radius: 7px;
		/* Border-radius not implemented yet */  
		-moz-border-radius: 7px;  
		-webkit-border-radius: 7px; 
		-khtml-border-radius: 7px;
		/* behavior: url(border-radius.htc); */
		}
.image:hover { 
             background:url("images/imagebg3.png") repeat scroll 0 0 #EEEEEE;
			 border-color:#9a0000;

}

.imageLarge { width: 575px;
		text-align:center;
		margin-top:10px;
		background:url("images/imagebg2.png") repeat scroll 0 0 #CCCCCC;
		padding:5px;
		border:solid;
		border-width:2px;
		border-color:#484747;
		border-radius: 7px;
		/* Border-radius not implemented yet */  
		-moz-border-radius: 7px;  
		-webkit-border-radius: 7px; 
		-khtml-border-radius: 7px;
		/* behavior: url(border-radius.htc); */
		}
.imageLarge:hover { 
             background:url("images/imagebg3.png") repeat scroll 0 0 #EEEEEE;
			 border-color:#9a0000;
}

.imageAlt { 
		text-align:center;
		margin:auto;
		margin-top:10px;
		background:url("images/imagebg2.png") repeat scroll 0 0 #CCCCCC;
		padding:5px;
		border:solid;
		border-width:2px;
		border-color:#484747;
		border-radius: 7px;
		/* Border-radius not implemented yet */  
		-moz-border-radius: 7px;  
		-webkit-border-radius: 7px; 
		-khtml-border-radius: 7px;
		/* behavior: url(border-radius.htc); */
		}
.imageAlt:hover { 
             background:url("images/imagebg3.png") repeat scroll 0 0 #EEEEEE;
			 border-color:#9a0000;

}

.contentTitle	{
		text-align:center; 
		font-size:15px;
		}
.content_title2	{
		text-align:center; 
		font-weight:bold;
		font-size:30px;
		}
.content_body	{
		text-align:center;
		border:none;		
		}
.content_link	{
		text-align:center;
		font-weight:bold;
		font-size:10pt;
		border:none;
		}
.white a:link {	 color:#FFFFFF; }
.white a:visited  { color:#D1D1D1;}

}


img {border:none;}
#rezo { padding:10px; }

.wide	{margin-right:5px;}
.page_content	{ text-align:center;}
.span	{font-style:italic;}
.style1 {font-size: 9px}
.news_divs {text-align:left}
.news_divs_dt {text-align:right}
.code {
       font-size: .8em;
		color:#000000;
		background-color:#999999;
}
.label { padding-right:10px;}
.wide	{margin-right:5px;}
.page_content	{ text-align:center;}
.boldage	{font-weight:bold;}
.style1 {font-size: 9px}
.news_divs {text-align:center}
.news_divs_dt {text-align:right}
.code {
       font-size: .8em;
		color:#000000;
		background-color:#999999;
}
.link_nav	{
			text-align:center;
			font-weight:bold;
			font-size:12px;
			}
			
			
	
/* Form */
fieldset { 
width:500px; 
margin:auto;
border:solid;
border-width:2px;
border-color:#484747;
border-radius: 3px;
/* Border-radius not implemented yet */  
-moz-border-radius: 3px;  
-webkit-border-radius: 3px; 
-khtml-border-radius: 3px;
/* behavior: url(border-radius.htc); */
 }	
.resolution {
	text-align: center;
	margin:10px;
}

.resolution select	{	
	margin-right:10px;	
	width:150px;
}
.sort {
	text-align: center;
}
.sort select	{	
	margin-right:10px;	
}
.hidden { display:none; }



.alignCenter {
	text-align:center;	
}
.alignRight{
	text-align:right;	
}
.pageNav td img {display: block;}
.pageNav span {  background-color:transparent;
				background-image:url("images/pages/Pwnage.png");
				background-repeat:no-repeat;
				background-attachment:scroll;
				overflow:hidden;}
.pageNav a:hover { text-decoration:underline; }

.n { background-position:-115px 0; width:22px; height:40px; display:block; }
.n:hover { background-position:-115px -40px; }
.pw { background-position:-55px 0; width:50px; height:40px; display:block; }
.pw:hover { background-position:-55px -40px; }
.age { background-position:-142px 0; width:66px; height:40px; display:block; }
.age:hover { background-position:-142px -40px; }
.back { background-position: 0 0;width:50px; height:40px; display:block; }
.back:hover { background-position:0 -40px;}
.next { background-position:-221px 0; width:50px; height:40px; display:block;}
.next:hover { background-position:-221px -40px; }
.pageNav {
	text-align:center; 		
	font-size:15px;
	color:#FFFFFF;
	margin:auto;	
}
.pageNav a { color:#FFFFFF; text-decoration:none; }
.active {	
	color:#F00;
	text-align:center;	
}
.active a { color:#F00; text-decoration:none; }
.notActive {
	color:#FFFFFF;
	text-align:center;
}

.mDetails { color:#000000; }
.mFile { height:15px; }
.mTitle { color:#FF0000; }
.mDownload{ text-align:center;
 padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;}


body { text-align: center;}
h1 { font-size: 17px; }
body { font: 15px Constantia,  Helvetica, Arial, sans-serif, Times, serif; color: #DDDDDD; text-shadow: 2px 2px 2px rgba(10, 10, 10, 1.0); }
a { text-shadow: 5px 5px 5px rgba(10, 10, 10, 0.5); }
a:hover { color: rgb(255, 0, 0) ; text-shadow: 2px 2px 2px rgba(200, 200, 200, 0.5); }
span[frown] { transform: rotate(90deg); display:inline-block; color: #bbb; }


 
 
 
 
 
 /* End Primary */


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}