/* Manchester Jitsu CSS
* Copyright 2010 Manchester Jitsu
* Designed by Untethered Dog - http://udwebdesign.co.uk
*/


* {position:relative; text-align: left; margin: 0 auto; padding: 0; cursor: default; letter-spacing: 1px;}
html, body {height:100%;} 
body {
background: #000; color: #CCC; 
text-align: center; font-family: Tahoma; font-weight: 100; font-size: 14px; line-height: 150%;
}

/****************Arbitrary***************/
.NoB {border:none;padding:none;margin:none;text-decoration:none;}
a img {cursor:pointer;}
.center {width: 900px; clear:both; height: auto; overflow: visible;}

.clear {clear:both;height:1px;width:100%;}

h1, h2, h3, h4, h5, h6, h7 {color: #FFF;}

img {border-width:0 !important; text-decoration: none !important; outline: none; -moz-outline-style: none;}

div.hr {
height:1px; width:900px;
float: left; clear:both;
background-image: url('/images/hr.jpg'); background-position: 0 0; background-repeat: no-repeat;
margin-top: 5px; margin-bottom: 15px;
}
td.hr {
background: url('/images/hr.jpg') 50% 50% no-repeat;
}
a {color: #FFF;text-decoration: none; border-bottom: 2px solid #c60200; font-weight: normal; cursor: pointer; outline: none;}
a:hover {color: #FFF;text-decoration: none; border-bottom: none; cursor: pointer;}
a:active {color: #FFF;text-decoration: none; border-bottom: none;}
a:visited {color: #FFF;text-decoration: none;}
:focus {-moz-outline-style: none;}

.myInput {
width:98%; padding:5px;
background:#222; border:1px solid #DDD;
color:#FFF;
}
.friendly {
padding:5px;
font-size: 140%;
background:#222; border:1px solid #DDD;
color:#FFF;
}

.myTxt {
padding: 2px;
background: #222; border:1px solid #DDD;
color:#FFF;
}

.supersize {
font-size: 120%;
}

.myBtn {
padding:3px; *padding: 1px;
border:1px solid #FFF; background:#222;
color:#FFF;
}
/**************iamamember table***************/
#iamamember input {
	border: 1px dotted #AAA;
	background: #333;
	color: #FFF;
	font-size: 120%;
	padding: 3px;
}
#iamamember tr {
	height: 50px;
}
/**************Menu + Login***************/
#nav {
margin-top:10px;
width: 98%; height: 20px;
list-style-type: none;
font-size: 10pt;
}
#nav li {
float:left;
margin-left: 15px; padding: 0;
}

#nav a {
display:block; float: left;
width:100%; height:100%;
color: #000; font-weight: normal; letter-spacing: normal;
}
#login_form, #login_form p {
text-align:center; color:#333;font-size:10px;
}

/****************Content******************/
#wrapper {
float:left; width:100%; clear:both; margin-bottom: -8em !important;
min-height: 100%; height: auto !important; height: 100%;
}
#header {
float: left; margin: 0; margin-bottom:20px; padding-bottom:15px; 
width: 100%;
background: #FFF; border-bottom: 7px solid #c60200;
overflow: hidden;
}
#header #title {
height: 100px; display: block; width:100%;
}
#header #title a:link {
position: relative 0 0; display: block;
height:100px; width:900px;
background-image: url('/images/whitetitle.png'); background-position: 0 0; background-repeat: no-repeat;
border: none !important;
}
#header #title a:visited {
display:block; height:100%; width:100%;
background-image: url('/images/whitetitle.png'); background-position: 0 0; background-repeat: no-repeat;
border: none !important;
}
#header #title .colors {
position: absolute; top: 10px; left: 5px;
height:15px !important; width:15px !important;
text-decoration:none; border:none !important;
}
#header #title #color2 {
left: 25px;
}
#headerToggle {
position:absolute; bottom:-24px; height:25px; width:100%; padding-top: 2px;
text-align:center;
background:url('/images/up.gif') 50% 100% no-repeat;
color:#FFF; cursor:pointer;
}

/************** Slideshows ***************/
#photos {
clear:both;
width: 100%; height: 184px;  /* Height allows for scrollbar */
text-align: center;
}
#vidLink {
width: 900px; height:100%;
}
#scroller {
float:left; clear: none;
height: 100%; width: 650px;
overflow: hidden; overflow-x: auto;
}
#slideshow {
position: absolute; left: 0;
height: 100%;
list-style-type: none;
}
#slideshow li {
padding-right: 15px;
float: left; 
}
#slideshow li img {
border: 2px solid #EEE !important;
}
p#controls {
top:-20px; text-align:center; clear:both;
}
p#controls a:link {
border: 0 !important;
}
p#controls a:visited {
border: 0 !important;
}

/* Comic */
#comic {
clear:both;
width: 900px; height:370px;  /* Height allows for scrollbar */
text-align: center;
}
#comic_scroller {
 clear: none;
height: 100%; width: 100%;
overflow: hidden; overflow-x: auto;
}
#comic_slideshow {
position: absolute; left: 0;
height: 100%; width: 5400px;
list-style-type: none;
}
#comic_slideshow li {
float: left; 
}


/*****************News*******************/
h5.news {
margin-left: 6px; padding: 2px; float: left; width: 48%; margin-bottom: 10px; letter-spacing: 1px;
}
ul.news {
margin-left: 6px; padding: 2px;  float: left; clear: none;
width:48%;
font-size: 12px; list-style-type:none;
background: #222; border: 1px solid #666;
}
ul.news a {
cursor: n-resize; border-bottom: 1px solid #c60200; font-weight: normal;
}
ul.news a:hover {
border-bottom: none;
}
ul.news li p {
border-bottom: 1px solid #666;
}
ul.news li.open {
margin-bottom:5px;
}
ul.news li.open a {
cursor: default; font-weight: bold;
}
ul.news li.open a:hover {
border-bottom: 1px solid #c60200;
}
/*****************Footer*****************/
#push {
height: 8em; clear:both;
}
#footer {
position:relative; width:100%; height:8em; clear:both;
}
#footerSpacer {
width: 100%; height: 20px; clear: both;
}
#footer div.center {
border-top: 1px solid #666;
}

/*****************Photos*****************/
#galleryTitle {
margin-bottom: 5px;
}
div.album {
float:left; width:180px; height: 160px;
text-align: center;
}
div.album a {
display: block; width: 100%; height:100%;
text-decoration: none; text-align: center;
border: none; cursor: pointer;
}
.wideCover {
background: url('/photos/wideAlbum.png') 50% 50% no-repeat;
}
.wideCover img {
margin: 17px auto; cursor: pointer;
}
.tallCover {
background: url('/photos/tallAlbum.png') 50% 50% no-repeat;
}
.tallCover img {
margin: 7px auto; cursor: pointer;
}
.albumImage {
float:left; height:150px; width:150px; text-align:center;
}
.albumImage img {
border: 1px solid #666 !important; padding: 3px;
}
.albumImageLink {
border: none !important;
}