/* Reset & Body 
--------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


* {
margin:0;
padding:0;
}

body {
background:#a10000 url(/images/bg/slice.jpg) repeat-x;
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
color:#000;
}
p {
margin:0 0 10px 0;
}

a {
color:red;
}
/* Container 
--------------------------------------------------------------------*/
#container {

width:990px;
height:690px;
padding:7px 0 0 10px;
background: url(/images/bg/bg.jpg) no-repeat;
}

.default #container {

background: url(/images/bg/main_bg.jpg) no-repeat;
}
/* Header 
--------------------------------------------------------------------*/
#header {


}

h1 {
background: url(/images/bg/headings/header1.jpg) no-repeat;
width:942px;
height:74px;
margin:11px 0 11px 0;
text-indent: -9999px;
}

h1.default {
background: url(/images/bg/headings/header1.jpg) no-repeat;
}
h1.classes {
background: url(/images/bg/headings/header_classes.jpg) no-repeat;
}
h1.news, h1.news_archive {
background: url(/images/bg/headings/header_news.jpg) no-repeat;
}
h1.zaphira {
background: url(/images/bg/headings/header_zaphira.jpg) no-repeat;
}
h1.gallery {
background: url(/images/bg/headings/header_gallery.jpg) no-repeat;
}
h1.blog, h1.blog_archive {
background: url(/images/bg/headings/header_blog.jpg) no-repeat;
}
h1.links {
background: url(/images/bg/headings/header_links.jpg) no-repeat;
}
h1.video {
background: url(/images/bg/headings/header_vid.jpg) no-repeat;
}
h1.terms {
background: url(/images/bg/headings/header_terms.jpg) no-repeat;
}
h1.privacy {
background: url(/images/bg/headings/header_privacy.jpg) no-repeat;
}
/* Navigation 
--------------------------------------------------------------------*/

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}





#nav li ul { /* second-level lists */
	position: absolute;
background:none;
padding:0 0 0 25px;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
top:38px
}





#nav ul {
list-style:none;
background: url(/images/bg/nav/ball.jpg) right no-repeat;
float:left;
padding:0 29px 0 0;
}

#nav ul li {
float:left;

}

#nav ul li a {
display: block;
width:131px;
height:36px;
background: url(/images/bg/nav/nav1.jpg) no-repeat;
text-indent: -9999px
}

#nav ul li#nav1 a, #nav ul li#nav1 {
background: url(/images/bg/nav/nav1.jpg) no-repeat;
}
#nav ul li#nav2 a, #nav ul li#nav2{
background: url(/images/bg/nav/nav2.jpg) no-repeat;
width:130px;
}
#nav ul li#nav3 a, #nav ul li#nav3{
background: url(/images/bg/nav/nav3.jpg) no-repeat;
width:130px;
}
#nav ul li#nav4 a, #nav ul li#nav4{
background: url(/images/bg/nav/nav4.jpg) no-repeat;
}
#nav ul li#nav5 a, #nav ul li#nav5{
background: url(/images/bg/nav/nav5.jpg) no-repeat;
}
#nav ul li#nav6 a, #nav ul li#nav6{
background: url(/images/bg/nav/nav6.jpg) no-repeat;
width:130px;
}
#nav ul li#nav7 a, #nav ul li#nav7{
background: url(/images/bg/nav/nav7.jpg) no-repeat;
}

#nav ul li#nav1 a:hover, #nav ul li#nav1 a.on{
background: url(/images/bg/nav/nav1_o.jpg) no-repeat;
}
#nav ul li#nav2 a:hover, #nav ul li#nav2 a.on{
background: url(/images/bg/nav/nav2_o.jpg) no-repeat;
}
#nav ul li#nav3 a:hover, #nav ul li#nav3 a.on{
background: url(/images/bg/nav/nav3_o.jpg) no-repeat;
}
#nav ul li#nav4 a:hover, #nav ul li#nav4 a.on{
background: url(/images/bg/nav/nav4_o.jpg) no-repeat;
}
#nav ul li#nav5 a:hover, #nav ul li#nav5 a.on{
background: url(/images/bg/nav/nav5_o.jpg) no-repeat;
}
#nav ul li#nav6 a:hover, #nav ul li#nav6 a.on{
background: url(/images/bg/nav/nav6_o.jpg) no-repeat;
}
#nav ul li#nav7 a:hover, #nav ul li#nav7 a.on{
background: url(/images/bg/nav/nav7_o.jpg) no-repeat;
}



#nav ul li#nav51 a, #nav ul li#nav51{
background: url(/images/bg/nav/photo.png) no-repeat;
width:106px;
height:28px;
}

#nav ul li#nav51 a:hover, #nav ul li#nav51 a.on{
background: url(/images/bg/nav/photo_o.png) no-repeat;
}
#nav ul li#nav52 a, #nav ul li#nav52{
background: url(/images/bg/nav/video.png) no-repeat;
width:106px;
height:31px;
}

#nav ul li#nav52 a:hover, #nav ul li#nav52 a.on{
background: url(/images/bg/nav/video_o.png) no-repeat;
}
/* Content 
--------------------------------------------------------------------*/
.mainContent {
float:left;
padding:0 18px 0 0;
}

#contentTop {
background: url(/images/bg/content_top.png) no-repeat;
height:15px;
width:352px;

}

#content {
background: url(/images/bg/content_bg.png) repeat-y;
color:#f2a301;
font-size: 0.8em;
width:332px;
padding: 10px;
line-height: 1.2em;

}

#content ul{
list-style:disc;
padding:0 0 0 25px;
}


#contentBot {
background: url(/images/bg/content_bot.png) no-repeat;
height:15px;
width:352px;
}


.mainContentLinks #contentTop {
background: url(/images/bg/full_top.png) no-repeat;
height:15px;
width:942px;
}

.mainContentLinks #content {
background: url(/images/bg/full_slice.png) repeat-y;
color:#f2a301;
font-size: 0.8em;
width:922px;
padding: 10px;
line-height: 1.2em;
}
.mainContentLinks #contentBot {
background: url(/images/bg/full_bot.png) no-repeat;
height:15px;
width:942px;
}


h2 {
color:#fff;
margin:0 0 10px 0;

}
h3 {
color:#fff;
font-weight: normal;
margin:0 0 7px 0;

}


/* blog 
--------------------------------------------------------------------*/

.mainContentBlog {
background: url(/images/bg/blog_slice.gif) repeat-y;
padding:0 18px ;
width:906px;

}
.mainContentBlog a{
color:#9a0000;
}

.mainContentBlog h2{
color:#9a0000;
font-size:1.5em;
font-weight:lighter;

}

.mainContentBlog h2 a{
text-decoration:none;
}

.mainContentBlog h2 a:hover{
text-decoration:underline;
}

.mainContentBlog h3 {
color:#9a0000;
font-weight: normal;
margin:0 0 10px 0;
font-size:1.2em;
}

#contentTopBlog {
background: url(/images/bg/blog_top.gif) no-repeat;
height:15px;
}

#contentBlog {
color:#000;
font-size: 0.8em;
width:532px;
line-height: 1.2em;
float:left;
}

.ex {
border-bottom:1px solid #ccc;
margin:15px 0 10px 0;
padding:0 0 5px 0;
}


#blogNav {
float:right;
text-align:right;
}

#blogNav h3{
color:#9a0000;
}

ul.rssMenu {
margin:0 0 20px 0;
}

.catList {
margin:0 0 20px 0;
font-size:0.8em;
}

.catList li{
margin:0 0 5px 0;
}



#contentBotBlog {
background: url(/images/bg/blog_bot.gif) no-repeat;
height:15px;
clear:both;
}


#txpCommentInputForm label.label{
float:left;
width:100px;

}

ul.error {
color: red;
margin:0 0 10px 0;
border:1px solid red;
padding:10px;
}

#comments-help {
padding:10px 0;
}

ol.comments {
list-style: decimal;
padding:0 0 0 30px;
}

ol.comments li{
padding:0 0 10px 0;
margin:0 0 20px 0;
border-bottom: 1px solid #ccc
}

div.search input{
margin:10px 0 10px 5px;
color:#000;
}

div.search {

color:#9a0000;
}

dl.archive dt{
margin:0 0 5px ;
}
dl.archive dd{
margin:0 0 5px 10px;
}

ul.blogLinks {
margin:0 0 20px 0;
font-size:1.2em;
}
ul.blogLinks li{
display:inline;
padding:0 0 0 10px;
}
h3 {
clear:both;
}
img.artImg {
float:right;
margin:0 0 10px 10px;
}

h2#comment {
clear:both;
}
/* Gallery 
--------------------------------------------------------------------*/
#imagesGal {
float:left;
background: url(/images/bg/gal_slice.png) repeat-y;
padding:5px 0 0 0; 
color:#fff;
position:relative;
font-size:0.8em;
width:572px;
text-align:center;
}

#imagesGalTop {
background: url(/images/bg/gal_top.png) no-repeat;
height:15px;
float:left;
width:572px;
}
#imagesGalBot {
background: url(/images/bg/gal_bot.png) no-repeat;
height:15px;
float:right;








padding:0 48px 0 0;
width:572px;
}

#fullsize img{
border:1px solid red;
}

#desc {
display:none;
}
#fullsize {
padding:0 20px;
}

#jpopcap {
text-align:center;
padding:5px 20px;
}
.rssThumbs {
padding:10px 0 0 20px;

}
.rssThumbFloat a{
float:left;
margin:0 3px;
border:1px solid #8d6b29;
display:inline;
}
.rssThumbFloat img{
width:51px;
height:42px;
display:block;
}

.rssThumbFloat a:hover{
border:1px solid red;
}
.rssThumbFloat a:active{
border:1px solid red;
}
.rssThumbFloat a:focus{
border:1px solid red;
}
#rssThumbNav li.left a {
color:#fff;
position:absolute;
left:5px;
bottom:20px;
background: url(/images/bg/left.gif) no-repeat;
display:block;
text-indent:-9999px;
width:9px;
height:10px;
}
#rssThumbNav li.right a {
color:#fff;
position:absolute;
right:5px;
bottom:20px;
background: url(/images/bg/right.gif) no-repeat;
display:block;
text-indent:-9999px;
width:9px;
height:10px;
}

#vidGal {
float:left;
background: url(/images/bg/gal_slice.png) repeat-y;
padding:50px 0 50px 75px; 
color:#fff;
position:relative;
font-size:0.8em;
width:502px;
}


/* Zaphira Gallery 
--------------------------------------------------------------------*/

.zGal #fullsize {
width:382px;
float:left;
padding:0 0 0 20px;
}

.zGal #fullsize img{
border:1px solid red;
width:382px;
float:left;

}



.zGal #jpopcap {
text-align:justify;
padding:20px 0;
float:left;
width:382px;

}
.zGal .rssThumbs {
padding:0;
float:left;
width:145px;
padding:0 0 0 20px;
}
.zGal .rssThumbFloat a{
float:left;
margin:0 10px 13px 0;
display:inline;
}

.zGal .rssThumbFloat img{
width:59px;
height:79px;

}

/* Contact form 
--------------------------------------------------------------------*/


.contact {
float:right;
padding:0 10px 0 30px ;
width:380px;
text-align:right;
}
.contact legend{
padding:0 0 10px 335px;
}

.contact input, .contact textarea {
border:1px solid #edba34;
margin:2px 0 8px 0;
padding:2px 4px;
font-size:92%;
background:#f8efff;

}
.contact textarea {
width:300px
}

.zemThanks {
border:1px solid #edba34;
padding:10px;
margin:0 50px 0 0;
}
.linkPage {
float:left;
width:460px;

}
/* Footer 
--------------------------------------------------------------------*/
#footer {
padding:15px 0 ;
clear:both;
text-align:center;
width:942px;
color:#ff9933;
font-size:0.7em;
}

#footer ul {
margin:0 0 15px 0;

}

#footer ul li{
display:inline;
padding:0 15px;
background: url(/images/bg/dot.gif) left center no-repeat;
}

#footer ul li.first{
background: none;
}

#footer ul li a{
color:#ff9933;
text-decoration:none;
}

#footer ul li a:hover, #footer ul li a.on{
color:#fff;
text-decoration:underline;
}



/* Float clearing
--------------------------------------------------------------------*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */