/** Please help keep this style sheet organized so it can be used as a template for future layouts. All designs should be created here. Keep headings and subheadings etc. clear. **/



/** ===== General Settings ===== **/

/* ~~ Everything ~~ */
* { 
margin: 0; 
padding: 0; 
}

/* ~~ General Tags ~~ */
BODY {
margin: 0px;
padding: 0px;
padding-top: 48px;
background: url(pattern.jpg) center top repeat-x;
background-color: #FFFFFF;
color: black;
font-family: Tahoma, verdana, arial, Comic Sans MS, lucida sans; 
font-size: 12pt;}
A { 
color: black;
}
IMG {
border: none;
}
TD {
border: none;
padding:0px;
}

/* ~~ Specific settings for general layout ~~ */
/* Avatar image on all pages */
.avatar {
display:block;
text-align:center;
}
.avimg, .avatar IMG {
max-height:100px;
max-width:100px;
_height:100px;
margin:0px;
padding:;
display:inline;
}
.style1 .avatar a{
color:#ffffff;
display:inline;
margin:0px;
}
.style1 .avatar {
background:url(bavleft.jpg) bottom left no-repeat;
padding-left:4px;
color:white;
}
.style2 .avatar {
background:url(gavleft.jpg) bottom left no-repeat;
padding-left:4px;
}
.style1 .avSlide {
background:url(bavright.jpg) bottom right no-repeat;
padding-right:4px;
padding-bottom:7px;
}
.style2 .avSlide {
background:url(gavright.jpg) bottom right no-repeat;
padding-right:4px;
padding-bottom:7px;
}

/* General box for whatever content's needed */
#maincontent, DIV#box, TABLE.projlist, TABLE#stafflist, #commentbox, #projinfo, #projrel {
	background-color:#f5fafb;
	border:solid 1px #ddeff2;
	border-bottom:solid 16px #8bc8d3;
}
DIV#box, #projinfo {
	padding: 5px;
	margin-bottom: 5px;
}



/** ===== General Page Layout (Banners, Menus, Main contents, etc.) ===== **/

/* ~~ Top banner ~~ */
#logo {
	margin: 0px auto;
	margin-bottom:30px;
	width: 611px;
	height: 414px;
	padding:0px;
	color:#417cb3;
	font-style:italic;
}
#logo #banner { 
	background:url(banner.jpg) top center no-repeat;
	width: 611px;
	height: 413px;
}
#logo #irc {
float: left;
display: inline;
width:50%;
text-align:left;
}
#logo #tag {
float: right;
display: inline;
text-align:right;
}

/* ~~ Main content (includes everthing after the body tag) ~~ */
#main {
margin:0px;
text-align:center;
}

/* ~~ Contents (includes columns/menus and main contents) ~~ */
#content {
clear: both;
margin-left: 200px;
text-align:left;
}

/* ~~ First Menu column ~~ */
#columnmenu {
border: none;
position: absolute;
left: 20px;
padding-top: 10px;
width: 188px;
overflow: hidden;
font-size: 75%;
}
#columnmenu DIV {
padding:5px;
font-size: 12px;
/* background-color:#f2f8fe; */
background:url(menu.jpg) bottom center no-repeat;
color:#000000;
padding-bottom:15px;
/* border:solid 1px #99bee1;
border-width:0px 1px 3px 1px;
border-color:#99bee1 #d7e5f3;
border-right:solid 1px #d7e5f3; */
margin-bottom:10px;
border:none;
}
#columnmenu DIV DIV {
border: none;
background-image:none;
background-color:#f3f7ff;
}
#columnmenu A {
color: blue;
text-decoration: underline;
}
#columnmenu .title {
text-align:center;
font-size:12pt;
font-style:italic;
margin:0px;
display:block;
}
/* Main menu */
#columnmenu #menu {
background:url(nav.jpg) bottom center no-repeat;
border:none;
padding:0px;
padding-top:5px;
padding-bottom:15px;
margin:0px;
margin-bottom:10px;
text-align:center;
}
#menu .title {
font-style:normal;
font-weight:bold;
display:block;
padding:0px;
background:url(navHead.jpg) repeat-y;
}
#columnmenu #menu A {
color:#000000;
text-decoration: none;
}
#columnmenu #menu A:hover {
color:#ffffff;
}
/* Announcement box (Help Wanted box) */
DIV#announcement {
background:url(att.jpg) bottom center no-repeat;
}
DIV#announcement .title {
border-bottom:2px solid #808080;
background-color:#d4ffe7;
display:block;
margin:3px;
padding:0px;
padding-bottom:8px;
}
#columnmenu #announcement P {
padding-left: 15px;
}
#columnmenu #menu ul {
padding:0px;
margin:0px;
color:#000000;
font-weight:bold;
text-align:center;
display:inline;
padding:0px;
margin:0px;
}
#columnmenu #menu ul li {
display:inline;
list-style:none;
text-align:center;
width:100%;
}

#columnmenu #menu ul a {
display:block;
text-align:left;
padding-left:20px;
margin:1px 0px;
font-weight:normal;
}
#columnmenu #menu ul .submenu a {
padding-left:65px;
background-image:url(navBullet.jpg);
}
#columnmenu #menu ul a:hover {
background-image:none;
background-color:#000000;
color:#ffffff;
}

/* Donate box */
#donate FORM {
text-align: center;
}
/* Affiliates box */
#affiliates UL LI {
  margin-bottom: 5px;
  margin-left: 10px;
  list-style: none;
}

/* ~~ Central Column (contains main contents) ~~ */
DIV#mainpart {
  border: none;
  overflow: hidden;
  margin: 0px;
  margin-top: 2px;
  padding: 10px 10px;
  font-family: Times New Roman;
}
DIV#mainpart DIV#maincontent {
  padding: 5px;
}

DIV#maincontent DIV#box {
border:none;
}



/** ===== Page Specific settings (Main page, Project page, Staff page, etc.) ===== **/

/* ~~ News Page ~~ */
/* News container */
#newslist {
border-spacing:10px;
}
/* #newslist TD {
	background-color:#f5fafb;
	border:solid 1px #ddeff2;
	border-bottom:solid 0px #8bc8d3;
} */ #newslist TD {border:0px;}
#newslist .avatar {
text-align: center;
display: inline;
float: right;
}


/* Border Style */
	/* Style 1 = Blue borders; Style 2 = Green borders */
.style1 .bordertopleft {
background:url(bborCorners.jpg) top left;
width:10px;
height:10px;
}
.style1 .bordertopcenter {
background:url(bborTops.jpg) top center;
height:10px;
}
.style1 .bordertopright {
background:url(bborCorners.jpg) top right;
width:10px;
height:10px;
}
.style1 .borderleft {
background:url(bborSides.jpg) center left;
width:10px;
}
.style1 .bordercontent {background-color:#e8eff4;}
.style1 .borderright {
background:url(bborSides.jpg) center right;
width:10px;
}
.style1 .borderbotleft {
background:url(bborCorners.jpg) bottom left;
width:10px;
height:27px;
}
.style1 .borderbotcenter {
background:url(bborTops.jpg) bottom center;
height:27px;
}
.style1 .borderbotright {
background:url(bborCorners.jpg) bottom right;
width:10px;
height:27px;
}
.style2 .bordertopleft {
background:url(gborCorners.jpg) top left;
width:10px;
height:10px;
}
.style2 .bordertopcenter {
background:url(gborTops.jpg) top center;
height:10px;
}
.style2 .bordertopright {
background:url(gborCorners.jpg) top right;
width:10px;
height:10px;
}
.style2 .borderleft {
background:url(gborSides.jpg) center left;
width:10px;
}
.style2 .bordercontent {background-color:#f7fbfb;;}
.style2 .borderright {
background:url(gborSides.jpg) center right;
width:10px;
}
.style2 .borderbotleft {
background:url(gborCorners.jpg) bottom left;
width:10px;
height:27px;
}
.style2 .borderbotcenter {
background:url(gborTops.jpg) bottom center;
height:27px;
}
.style2 .borderbotright {
background:url(gborCorners.jpg) bottom right;
width:10px;
height:27px;
}
TABLE.style1, TABLE.style2 {border-spacing:0px;width:100%;}


/* News header */
DIV.newshead {
color:#02509a;
padding:0px;
font-family: Tahoma;
font-size: 10pt;
margin-bottom:10px;
}
.style2 DIV.newshead, .style2 DIV.newshead .title {
color:#015a6a;
}
DIV.newshead .title {
  color: #02509a;
  font-size: 12pt;
  font-weight: bold;
  text-decoration: underline;
  font-variant:small-caps;
}
/* News content */
.commentlink {
display:block;
font-size:11pt;
padding-bottom:2px;
color:#005a6a;
font-variant:small-caps;
letter-spacing:2px;
}

.style1 .commentlink a{color:white;}

A#oldernewslink {
float:left;
margin-left:10%;
}
A#newernewslink {
  float:right;
  margin-right:10%;
}

UL#comments {
  margin-top: 10px;
  list-style: none;
}
UL#comments LI {
  margin-top: 5px;
  padding: 5px;
}

DIV#commentbox {
  margin-top: 10px;
  padding: 5px;
}
/* Release list */
UL.releaselist LI {
  list-style: none;
  margin-left: 10px;
  margin-top: 0px !important;
  margin-top: -2px;
  padding-top: 1px;
  overflow: hidden;
  font-style: italic;
  padding-left: 10px;
  text-indent: -10px;
}
UL.releaselist LI.date {
  margin-top: 5px !important;
}

/* ~~ Projects Page ~~ */
/* Projects List */
#projstatus {
color:#3333CC;
text-align:center;
margin-bottom:10px;
}
TABLE.projlist TD {
border:solid 2px #8bc8d3;
  padding: 10px;
  text-align: center;
}
TABLE.projlist {
  margin: 0 auto;
  border-spacing: 5px;
  width:65%;
}
TABLE.projlist img {
margin:auto;
}
TABLE.projlist TD IMG {
  display: block;
  margin-bottom: 5px;
}

/* Star Rating */
.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating {
	background: url(../../images/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, .star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover, .star-rating a:active, .star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	
/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}
/* Comic Gallery */
DIV#readonline IMG {
	max-width: 100%;
}

/* ~~ Staff Page ~~ */
TABLE#stafflist {
  border-spacing: 0 5px;
	width: 100%;
}
#stafflist TD {
  border: none;
  padding: 5px;
  /*padding-bottom: 20px;
  padding-left: 20px;*/
}

/*#stafflist DIV.name {
  float: left;
  text-align: center;
  margin-right: 10px;
  width: 102px;
}

#stafflist DIV.name IMG {
  max-width: 100px;
  max-height: 100px;
  border: none;
}*/



/** ===== Miscellaneous settings ===== **/
TABLE.newsdata TD, #admin TABLE TD, TABLE.tsmaller TD{
border:solid 1px #8bc8d3;
}
TABLE#stafflist {
border-spacing: 5px;
}
TABLE#stafflist TD {
border:solid 2px #8bc8d3;
}

#box ol {
margin-left:50px;
}



/** ===== Unknown css references ===== **/
.tsmaller {
font-size: 90%;
}

.tbigger {
font-size: 120%;
}

.noborder TD {
border: none;
}

EM.italics {
font-style: italic;
font-weight: normal;
}
EM.title {
font-size: 120%;
font-weight: normal;
}
EM {
font-style: normal;
font-weight: bold;
}
EM.box {
font-style: normal;
font-weight: bold;
}

SPAN.underline {text-decoration: underline;}
P {margin-bottom: 10px;}


/* Various */

/*DIV.formleft {
  width: 100px;
  float: left;
  clear: left;
}
DIV.formright {
  float: left;
  clear: right;
}*/

TEXTAREA.big {
  width: 100%;
  height: 200px;
}
TEXTAREA.bigger {
  width: 90%;
  height: 300px;
}

INPUT.button {
  padding: 3px !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  padding: 0px;
  margin-top: 5px;
}

DIV#projimg {
  float: right;
  margin: 0px;
  padding: 0px;
}

DIV#projcover {
  position: fixed;
  right: 25px;
  top: 206px;
  float:inherit;
}

DIV#projimg IMG {
  border: 1px solid;
  border-color: #000000;
}

DIV#projcover IMG {
  border: 1px solid;
  border-color: #000000;
}

UL.releases {
  margin-bottom: 5px;
  list-style: none;
}

UL.nobullet LI {
  list-style: none;
  margin-left: 10px;
  margin-top: 0px !important;
  overflow: hidden;
  font-style: italic;
}

DIV.alwaysscroll {
  overflow: scroll !important;
}
DIV.border {
  border: 1px solid;
}

DIV#logintext {
  float: left;
  font-size: 75%;
}

/* admin page */

UL.topmenu {
  display: block;
  margin-bottom: 10px;
  list-style: none;
}

UL.topmenu LI {
  display: inline;
}

TABLE.newsdata {
  font-size: 90%;
}
.newsdata TD {
  padding: 5px;
}

TR.hiddendata {
  display: none;
  width: auto;
}
TR.visdata, .visdata TD, .hiddendata TD {
  width: auto;
}

TD.opened {
  text-decoration: line-through;
  overflow: hidden;INPUT
  position: relative;
}
TD.opened SPAN, TD.closed SPAN {
  cursor: pointer;
  color: #000000;
  border-color: inherit;
}

/* links section */

UL#logolist LI {
  display: inline;
  margin-left: 5px;
}

/* polls */

DIV#columnmenu DIV#poll DIV#pollbox {
  margin-left: 5px;
}

DIV#columnmenu DIV#poll TABLE {
  width: 100%;
}

DIV#columnmenu DIV#poll TABLE TD {
  border: none;
}

/* login */

DIV#columnmenu DIV#login TABLE TD {
  border: 0;
}

/* main table */
DIV#admin TABLE {
	width:100%;
}
DIV#admin TABLE TD {
	border: 1;
}
#comments TABLE, #comments TABLE TD {
border: 0;
}