/* CSS Document */

/* General structure & layout */

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#d2d3d5;
margin:0;
padding:0;
color:#333333;
background-image: url("/images/bg.jpg");
background-repeat:repeat;
}

#contentholder {
width:778px;
margin:0 auto;
}

#nav {
width:778px;
height: 47px;
background-image:url(/images/navbar.png);
background-repeat:no-repeat;
margin-bottom: 10px;
}

#mainpannel {
width:619px;
float:left;
}

#toppannel {
margin:0;
width:619px;
background-image:url(/images/toppannel.png);
background-repeat:no-repeat;
}

#topbar {
width:619px;
background-position:bottom;
background-image:url(/images/pannelbar.gif);
background-repeat:no-repeat;
}

#topcontent {
padding: 10px 10px 40px 15px;
}

#commentpannel {
margin:0;
padding: 1px 0 0 0;
width:619px;
background-position:bottom;
background-image:url(/images/contentpannel.png);
background-repeat:repeat-y;
}


#comments {
padding: 0 15px 5px 15px;
min-height:400px;
}

#mainbottom{
padding: 1px 0 5px 0;
margin:0;
width:619px;
background-image:url(/images/bottompannel.png);
background-position:top;
background-repeat:no-repeat;
}

#adpannel {
width:144px;
height:642px;
float:right;
background-image:url(/images/adpannel.png);
background-position:top;
background-repeat:no-repeat;
text-align:center;
padding: 10px 0 0 0;
}

#footer p {
font-size:1.1em;
margin:0;
}

.clearer { /* Used to make floated DIVs play ball! */
clear:both;
}

.bookmark{
float:right;
margin:5px 10px 0 0;
}

/* Navigation */

#nav ul {
list-style:none;
margin:0;
padding:0;
display:block;
}

#nav li{
margin:0;
padding-left:2px;
padding-right:2px;
}

.home a:link, .home a:visited, .home {
	z-index:3;
	width:90px;
	height:43px;
	background:url('/images/nav.png') 0 0 no-repeat;
	_background:url('/images/home.png') no-repeat;
	text-indent:-9000px;
    float:left;
}

.chome a:link, .chome a:visited, .chome:hover, .home:hover, .chome {
	z-index:3;
	width:90px;
	height:43px;
	background: url('/images/nav.png') 0 -48px no-repeat;
	_background:url('/images/hhome.png') no-repeat;
	text-indent:-9000px;
    float:left;
}

.archive a:link, .archive a:visited, .archive {
	z-index:3;
	width:127px;
	height:43px;
	background:url('/images/nav.png') -90px 0 no-repeat;
	_background:url('/images/archive.png') no-repeat;
	text-indent:-9000px;
    float:left;
}

.carchive a:link, .carchive a:visited, .carchive:hover, .archive:hover, .carchive {
	z-index:3;
	width:127px;
	height:43px;
	background:url('/images/nav.png') -90px -48px no-repeat;
	_background:url('/images/harchive.png') no-repeat;
	text-indent:-9000px;
    float:left;
}

.about a:link, .about a:visited, .about {
	z-index:3;
	width:127px;
	height:43px;
	background:url('/images/nav.png') -217px 0 no-repeat;
	_background:url('/images/about.png') no-repeat;
	text-indent:-9000px;
    float:left;
}

.cabout a:link, .cabout a:visited, .cabout:hover, .about:hover, .cabout {
	z-index:3;
	width:127px;
	height:43px;
	background:url('/images/nav.png') -217px -48px no-repeat;
	_background:url('/images/habout.png') no-repeat;
	text-indent:-9000px;
    float:left;
}

/* Font styles */
.comment {
font-size:1.8em;
font-style:italic;
}

.marks {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:2.4em;
}

.signed {
padding:  0 0 0 10px;

}

.vote {
float:left;
width:60px;
text-align:center;
padding: 5px 0 5px 0;
}

.commentc{
margin:5px 0 5px 0;
}

.article{
float:right;
width:350px;
}

a:link, a:visited {
color:#5C0303;
}

a:hover {
color:#8E0808;
}

#topcontent h1 {
	z-index:3;
	width:231px;
	height:142px;
	background:url('/images/logo.png') no-repeat;
	text-indent:-9000px;
    float:left;
}

#topcontent p, #topcontent h2 {
color:#cccccc;
}

#topcontent a:link, #topcontent a:visited {
color:#A0C25D;
}

#topcontent a:hover {
color:#5B8408;
}

label{
font-weight:bold;
font-size:1.8em;
color:#ccc;
float:left;
width: 100px;
}

.sectiontitle{
font-size: 3.5em;
margin: 10px 0 5px 0;
}

/* form elements */

textarea{
	width:450px;
	height:75px;
	font-size:2em;
	font-weight:bold;
	font:Arial, Helvetica, sans-serif;
}

input.sign{
	width:250px;
	float:left;
	margin-right: 10px;
}

input.button {
      cursor: hand;
      border: 0px;
      overflow:hidden;
      background-image: url("/images/button.png"); background-repeat: no-repeat;

      /* WIDTH: The actual width of the image */
      width: 112px;

      /* HEIGHT: First number of padding; and number in 2nd height;  is actual height of image */
      padding-top: 42px;
      height : 42px;

      }

input.button:hover {
      background-image: url("/images/hbutton.png"); background-repeat: no-repeat;
}

/* Flash message */

.flashmessage {
border:5px solid #CCCCCC;
background-color:#eaeaea;
padding:10px 10px 20px 10px;
margin:10px 0 10px 25px;
width:500px;
font-size: 1.3em;
}


/* JQUERY stylings */
#_close {
	cursor: pointer;	
}

/* fit ie6 problem with text area */

a, li a, INPUT, TEXTAREA, SELECT, OPTION, BUTTON {
position: relative;
z-index: 1;
}