body {
background: url(http://www.frak-that.com/layout/frakthat_background.jpg) fixed top left; 
margin: 0; 
font-family: georgia, serif, arial; 
color: #a0a0a0;
font-size: 12px; 
left: auto; 
right: auto; 
text-align: center;}

a, a:link, a:visited {color: #c1b6a6; font-weight: bold; text-decoration: none; }
a:hover {border-bottom: 1px solid #7e1f13; text-decoration: none;}
a img, a:visited img {border: 2px solid #7e1f13; }
a:hover img {border: 2px solid #a0a0a0;}

#container {width: 90%; margin: 0 auto; }
.logo img, .logo a:hover img, .logo a:visited img {border: 0px;}

#nav{
text-align: left; margin: 0 auto; 
height: 62px; width: 800px; 
padding: 0px; list-style-type: none; 
background: url(http://www.frak-that.com/layout/frakthat_navigation.png) no-repeat;
left: auto;right: auto; }
#nav li {float: left; }
#nav li a {border-bottom: 0px;}

#nav .miniseries{
left: 0px;
top: 0px;
width: 180px; 
height: 62px;}   
#nav .miniseries a{
left: 0px;
height: 62px;
display: block;
margin: 0;
width: 140px;
visibility: visible;
text-indent: -9000px;
overflow: hidden;} 
#nav .miniseries a:hover{
left: 0px;
background: url(http://www.frak-that.com/layout/frakthat_navigation.png) 0px -130px no-repeat;
width: 180px;
height: 62px;}

#nav .one{
left: 145px;
top: 0px;
width: 140px; 
height: 62px;}   
#nav .one a{
left: 145px;
height: 62px;
display: block;
margin: 0;
width: 140px;
visibility: visible;
text-indent: -9000px;
overflow: hidden;} 
#nav .one a:hover{
left: 0px;
background: url(http://www.frak-that.com/layout/frakthat_navigation.png) -180px -67px no-repeat;
width: 140px;
height: 62px;}

#nav .two{
left: 320px;
top: 0px;
width: 140px; 
height: 62px;}   
#nav .two a{
left: 320px;
height: 62px;
display: block;
margin: 0;
width: 140px;
visibility: visible;
text-indent: -9000px;
overflow: hidden;} 
#nav .two a:hover{
left: 0px;
background: url(http://www.frak-that.com/layout/frakthat_navigation.png) -320px -130px no-repeat;
width: 140px;
height: 62px;}

#nav .three{
left: 460px;
top: 0px;
width: 145px; 
height: 62px;}   
#nav .three a{
left: 460px;
height: 62px;
display: block;
margin: 0;
width: 145px;
visibility: visible;
text-indent: -9000px;
overflow: hidden;} 
#nav .three a:hover{
left: 0px;
background: url(http://www.frak-that.com/layout/frakthat_navigation.png) -460px -67px no-repeat;
width: 145px;
height: 62px;}

#nav .four{
left: 600px;
top: 0px;
width: 145px; 
height: 62px;}   
#nav .four a{
left: 600px;
height: 62px;
display: block;
margin: 0;
width: 145px;
visibility: visible;
text-indent: -9000px;
overflow: hidden;} 
#nav .four a:hover{
left: 0px;
background: url(http://www.frak-that.com/layout/frakthat_navigation.png) -605px -130px no-repeat;
width: 145px;
height: 62px;}

#divider {margin-top: 45px; height: 85px; line-height: 75px; background: url(http://www.frak-that.com/layout/frakthat_divider.png) no-repeat; vertical-align: middle; text-align: center;}
#divider img {margin-left: 20px; margin-right: 20px; margin-top: -30px; border: 1px solid #a0a0a0;}
#divider a img { border: 1px solid #a0a0a0;}
#divider a:hover img {text-decoration: none;} 

#content {padding-left: 15px; text-align: left;}
#footer {height: 192px; background: url(http://www.cap-that.com/layout/v2/cap-that_footer.jpg) repeat left; width: 100%; margin: 0 auto; }
#footer h1  {padding-top: 10px;}

h1  {font-size: 1.3em; color: #c1b6a6; padding-bottom: 10px; border-bottom: 1px dotted #7e1f13;}
h2, h3, h4 {font-size: 1.1em;}
.newscontainer p { padding: 5px;}
.newscontainer h2 {
font-size: 1.0em; 
background: url(http://www.cap-that.com/layout/v2/icon_background.png) repeat; 
line-height: 2.5em; 
margin-top: 0px; 
padding-left: 5px;
}
.newsdate {text-align: right;font-size: 0.75em; margin-top: -30px; margin-bottom: 30px;}
.userpic {background: url(http://www.cap-that.com/layout/v2/icon_background.png) #fff; float: right; padding: 10px; text-align: center;  }


/*GALLERY SETTINGS*/
#gallery, .gallery {
text-align: center; font-size: 0.95em;
}

td.topmenu, td.bottommenu {
background-color: transparent;
padding: 4px;
border-bottom: 1px dotted #7e1f13;}



p.topmenu {
background-color: transparent; padding: 5px;
border-bottom: 1px dotted #7e1f13; text-align: center; margin: 0 auto;
width: 710px; margin-bottom: 10px;}

p.bottommenu {
background-color: transparent; padding: 5px;
border-top: 1px dotted #7e1f13; text-align: center;
margin: 0 auto; width: 710px; margin-top: 10px;}

td.topmenu a:hover, td:bottommenu a:hover {
background-color: #7e1f13;} 

td.topmenu a:link, td.topmenu a:visited, td.bottommenu a:link, td.bottommenu a:visited {padding-left: 4px; padding-right: 4px; }
p.bottommenu a:link, p.bottommenu a:visited, p.topmenu a:link, p.topmenu a:visited { padding-left: 2px; padding-right: 2px; }

span.gallerynolinktop, span.gallerynolinkbottom {
color: #7e1f13;
padding: 4px;
}



p.indexstats {background: url(http://www.cap-that.com/layout/v2/icon_background.png); padding: 20px; width: 50%; text-align: center; margin: 0 auto; }


.newscomment {
	background-color: #757575;
	border-width: 0 0 0 3px;
	border-style: solid;
	border-color: #4f4f4f;
	padding: 5px 15px 5px 15px;}
	
.commentform { padding: 15px;margin-left: 30px; width: 550px;}

input, select, textarea {
font-size: 1.0em; color: #fff; background-color: #757575;
border-width: 0 0 0 3px; border-style: solid;
border-color: #28a4f2; padding: 5px 15px 5px 15px;
margin: 5px; width: 200px;
	}

.contact {
border-width: 0 0 0 3px; border-style: solid; border-color: #28a4f2; font-weight: none; margin: 0 auto; width: 95%; padding: 5px; 
}

/*2014-12 VERSION*/

span.tvseries {float: left; margin: 5px; text-align: left; float: left; line-height: 1.2em; padding: 5px; height: 190px; width: 258px; background: #454545; color: #fff;}
span.tvseries img, a img.tvseries, img.tvseries {border: 0; background: #323232; padding: 4px; margin-right: 5px;} 
span.episode {float: left; margin: 5px; text-align: left; line-height: 1.2em; padding: 5px; min-height: 50px; width: 260px; background: #454545; color: #fff; }
span.episode img, a img.episode, img.episode {border: 0; background: #323232; padding: 4px; margin-right: 5px;} 

span.episode label, span.movies label, span.tvseries label {font-weight: bold;}
span.zipsize::before {content: "("; }
span.zipsize::after {content: ")";}
div.topmenu, div.bottommenu  {font-family: arial; font-size: 1.1em; padding: 2px; margin: 10px; }
div.topmenu strong, div.bottommenu.strong  {padding: 4px;}
div.topmenu .current, div.bottommenu .current {padding: 5px 9px}
div.topmenu a, div.bottommenu a, div.topmenu a:link, div.bottommenu a:link, 
div.topmenu a:visited, div.bottommenu a:visited {padding: 5px 9px; background: #7e1f13; margin: 2px;}
div.topmenu a:hover, div.bottommenu a:hover {background: #fff; color: #000;}