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


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

/****************Arbitrary***************/

.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; font-family: Century Gothic, sans-serif;}

.btn {clear:left;border:1px solid #FFF;background:#222;padding:2px;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;
}
a {color: #FFF;text-decoration: none; border-bottom: 2px solid #c60200; font-weight: normal; cursor: pointer; outline: none;}
a:hover {color: inherit;text-decoration: none; border-bottom: none; cursor: pointer;}
a:active {color: inherit;text-decoration: none; border-bottom: none;}
a:visited {color: inherit;text-decoration: none;}
:focus {-moz-outline-style: none;}

/**************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;
}
#login_form #btnLogin {
width:40px; height: 20px; margin: 0; display:inline; overflow: hidden;
border:none;  background-color: #FFF; background-attachment: scroll; background-position: 0 50%; background-repeat: no-repeat;
color: #C60200; text-decoration: none; font-size: 12px;
cursor: pointer;
}
/************** Slideshows ***************/
#photos {
position: relative; float: left; clear:both;
width: 100%; height: 184px;  /* Height allows for scrollbar */
text-align: center;
}
#scroller {
position: relative; clear: none;
height: 100%; width: 100%;
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 {
position: relative; top:-20px; text-align:center;
}
p#controls a:link {
border: 0 !important;
}
p#controls a:visited {
border: 0 !important;
}

/* Comic */
#comic {
position: relative; clear:both;
width: 900px; height:370px;  /* Height allows for scrollbar */
text-align: center;
}
#comic_scroller {
position: relative; 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; 
}


/****************Content******************/
#wrapper {
position: relative; float:left; width:100%; clear:both; margin-bottom: -8em !important;
min-height: 100%; height: auto !important; height: 100%;
}
#header {
position: relative; 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 {
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 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 {
float: left;
margin-top:10px; margin-right:5px; height:15px !important; width:15px !important;
text-decoration:none; border:none !important;
}
#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;
}
/*****************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; position: relative; 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:0; margin-top: 17px; cursor: pointer;
}
.tallCover {
background: url('/photos/tallAlbum.png') 50% 50% no-repeat;
}
.tallCover img {
margin-top: 45px; cursor: pointer;
}
div#album img {
margin: 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;
}