/*  
Theme Name: CS
Design by David Reade
*/
body {
  background-color:#000000;
  text-align:center; font-family:verdana,arial,helvetica;color:#CCCCCC;font-size:80%;
  padding-left:10px; padding-left:10px; padding-bottom:10px; padding-top:10px;
}

	a:link {color: #CCCCCC; text-decoration:none}     /* unvisited link */
	a:visited {color: #CCCCCC; text-decoration:none}  /* visited link */
	a:hover {color: #FFFFFF; text-decoration:none}   /* mouse over link */
	a:active {color: #FF9900; text-decoration:none}   /* selected link */


 img {border-style:none}

.frame{border:1px; width:100px;border-style:solid; border-color:#666666;padding:0px;margin:0px;}

.logoVertical{
  width:43px; height:100%;
  background:#303030;
  text-align:center;
}

.content{
  text-align:center;
  width:650px;
  background:#D6D6D6;
}

.test{
  text-align:center;
  width:650px;
  background:#D6D6D6;
}

.formSections{
  text-align:center;
  font-size:83%;
}
.formSelected{
  text-align:center;
  font-weight:bold;
  font-size:83%;
  color:#FF9900;
}

.subHeading{
  text-align:left;
  font-weight:bold;
  font-size:83%;
  color:#FFFFFF;
}



.searchNav{
  width:224px;
  background:#303030;
  font-size:80%;
  padding:12px;
}
.browse{
  background:#303030;width:430px;padding:4px;border:1px solid #666666;
  }

.photo{
  text-align:center;
  width:170px; height:145px;
  border:1px; border-style:solid; border-color:#ffffff;
  color:#cccccc;
  background:#303030;
  cursor:default;
}

.preview{
  text-align:center;
  border:1px; border-style:solid; border-color:#303030;
  color:#999999;
  background:#303030;
  cursor:default;
}


.photo-hover{
  text-align:center;
  width:170px; height:145px;
  border:1px; border-style:solid; border-color:#666666;
  color:#ffffff;
  background:#303030;
  cursor: pointer;
}

.cat{
  text-align:left;
  font-size:70%;
  border:0px;
  cursor: pointer;
  float: left;
  width:62px;
  }
.cat-hover{
  text-align:left;
  font-size:70%;
  border:0px;
  color:#ffffff;
  background:#303030;
  cursor: pointer;
  float: left;
  width:62px;
}
.cat-selected{
  text-align:left;
  font-size:70%;
  border:0px;
  color:orange;
  cursor: pointer;
  float: left;
  width:62px;
}


.photo-basket{
  text-align:center;
  width:170px; height:145px;
  border:1px; border-style:solid; border-color:#ff6600;
  color:#ffffff;
  background:#303030;
  cursor: pointer;
}

.news{
  text-align:left;
  border:1px; border-style:solid; border-color:#000000;
  color:#ffffff;
  background:#303030;
}

p.caption{margin:0px; padding:0px;font-size:70%};
p.caption2{margin:0px; padding:0px;font-size:70%;color:#CCCCCC;margin-top:5px;margin-bottom:5px};

.collapsable{width:220px;}
.tab{font-size:70%; color:#CCCCCC; border:1px; border-style:solid; border-bottom:0px; border-color:#000000; text-align:left;}
.open{font-size:70%; width:220px; color:#999999; border:1px; border-top:0px; border-style:solid; border-color:#000000;text-align:left;}

.searchBox{border:1px;border-style:solid;border-color:#666666;background:#303030 !important;color:#FFFFFF;font-size:120%;margin-bottom:8px}
.checkbox{border:4px none #ff0000;}
input {border:1px;border-style:solid;border-color:#666666;background:#303030 !important;color:#FFFFFF;margin-bottom:8px}



/*  this is the alternating rows styles /*

table.search {
  width:550px;
}

tr.header {
background-color: #CCCCCC;
}


/* this is the first row colour */
tr.tablehov1 {
  background: #353535;
  padding:8px;
}

/* this is the rollover colour */
tr.tablehov2 {
  background: #3F3F3F;
}

/* this is the second row colour */
tr.tablehov3 {
  background: #3B3B3B;
}

/* this is the first row colour */
td.tablehov1 {
  background: #666666;
  padding:8px;
  border-style:solid;border-width:1px;border-color:#1D1D1D;
}

/* this is the rollover colour */
td.tablehov2 {
  background: #111111;
  padding:8px;
  border-style:solid;border-width:1px;border-color:#333333;
}

/* this is the second row colour */
td.tablehov3 {
  background: #272727;
  padding:8px;
  border-style:solid;border-width:1px;border-color:#1D1D1D;
}

td {
  text-align:left; font-family:verdana,arial,helvetica;color:#CCCCCC;
}



/* -- [ Body presentation ] -- */
body {
margin: 0;
padding: 0;
font-family: Verdana, Avenir, "Trebuchet MS", "Tahoma", sans-serif;
font-size: 77%;
color: #333;
line-height: 1.6em;
background-color: #000000;
}

/* -- [ global <p> element presentation (this may have slightly different properties in the site, declared elsewhere to fit a specific layout ] -- */
p {
margin: 0;
padding: 0;
}


/* -- [ this wraps all content ] -- */
#page {
width: 1100px;
margin: 0 auto 0 auto;
padding: 0;
voice-family: "\"}\""; 
voice-family:inherit;
text-align:center;
}

#post {
	margin: 0 0 20px;
}


/* -- [ rightbar custom fields area. ] -- */
ul.post-meta, ul.post-meta li { list-style-type:none; padding:0; margin:0; }
ul.post-meta {
	color: #ffffff;
}

/* -- [ this controls how the Custom Fields will look ] -- */
.post-meta {color: #660033;}
.post-meta-key {color:#00CC66; font-weight: bold; font-size: 110%;}


/*
----------------------------------------------------------------------------- 
TEXT
-----------------------------------------------------------------------------*/

/* -- [ <h1> element presentation ] -- */
h1 {
font-size: 32px;
font-family: Avenir, "Trebuchet MS", "Tahoma", sans-serif;
margin: 0 0 5px 0;
padding: 0;
color: #000;
}

h2 {
font-size: 21px;
font-family: Avenir, "Trebuchet MS", "Tahoma", sans-serif;
padding: 0;
color: #fff;
}

#pagetitle:link, #pagetitle:visited {
color: #666;
}

h3 {
font-size: 21px;
font-family: Avenir, "Trebuchet MS", "Tahoma", sans-serif;
padding: 5px 0 0 0;
color: #fff;
}

a:link, a:visited {color:#82b52f;}

a:hover {color:#801000;}

.entrytext {
}

#ideas_front {
	color:#FFFFFF;
	padding: 0 5px 1px 5px;
	background-image: url(/wp-content/themes/cs/images/ideas_background.jpg);
}
#ideas_front a:link, #ideas_front a:visited {
font-weight:bold;
color:#000;
text-decoration:none;
}
#ideas_front a:hover {
font-weight:bold;
color:#801000;
text-decoration:underline;
}

.postmetadata {
color: #999;
}

/*
----------------------------------------------------------------------------- 
HEADER
-----------------------------------------------------------------------------*/
#header {
	float: left;
	display: inline;
	position: relative;
	margin: 0;
	padding: 0;
	height: 97px;
	width: 100%;
	}

/* -- [ defines the area that wraps the image that sits in the left column] -- */
#logo {
	float: left;
	display: inline;
	margin: 2px px 0 0;
	padding: 0;
	}

/* -- [ defines the image properties of the logo ] -- */
#logo img {
	display: inline;
	border: 0;
	margin: 0;
	padding: 0;
	}

#menu {
	display: inline;
	position: absolute;
	top: 17px;
	right:0px;
	font-family: Arial, "Trebuchet MS", "Tahoma", sans-serif;
	font-size:12px;
	font-weight: bold;
	color:#87b52f;
	}
#menu a { 
	color:#82b52f;
	text-decoration:none;
	}
#menu a:hover { color:#ffffff; }
#menu ul { list-style-type:none; }
#menu li { 
float:left;
margin: 10px 10px 0 10px; 
}

#search {
	position: absolute;
	top: 12px;
	right: 0px;
	padding: 0;
	}
#s {
	float: right;
	height: 15px;
	margin: 0;
	}
#search_button {
	float: right;
	margin: 0 0 0 8px;
	padding: 0;
	}


/*
----------------------------------------------------------------------------- 
LAYOUT
-----------------------------------------------------------------------------*/
#content {
float: left;
display: inline;
width: 1100px;
border: solid 1px #ffffff;
margin: 0;
padding: 0;
background-color: #000000;
}

/* -- [ declaration for the left column ] -- */
#sidebar {
float: left;
display: inline;
width: 220px;
margin: 0; 
padding: 4px 4px 4px 4px;
background-color: #000000;
text-align: left;	
list-style-type: none;
voice-family: "\"}\""; 
voice-family:inherit;
}

#sidebar_home {
float: left;
display: inline;
width: 70px;
margin: 0; 
padding: 4px 4px 4px 4px;
background-color: #000000;
text-align: left;
color:#666666;
font-family: Geneva, Arial, "Trebuchet MS", "Tahoma", sans-serif;
line-height: 1.4em;
list-style-type: none;
voice-family: "\"}\""; 
voice-family:inherit;
}

#rightbar {
float: left;
display: block;
width: 120px;
margin: 0; 
padding: 4px 4px 4px 4px;
background-color: #000000;
text-align: left;	
color:#666666;
font-family: Geneva, Arial, "Trebuchet MS", "Tahoma", sans-serif;
line-height: 1.4em;
voice-family: "\"}\""; 
voice-family:inherit;
}

/* -- [ declaration for the center column ] -- */
#narrowcolumn {
float: left;
display: inline;
width: 720px;
margin: 0;
padding: 4px 0px 4px 0px;
background-color: #000000;
color: #999999;
text-align: left;
voice-family: "\"}\""; 
voice-family:inherit;
}

/* -- [ defines <p> margins specifically for the right column on the home page ] -- */
#narrowcolumn p {
display: block;
margin: 0 0 10px 0;
padding: 0;
}
/*
----------------------------------------------------------------------------- 
FOOTER
-----------------------------------------------------------------------------*/
#footer {
float: left;
display: inline;
border: solid 1px #ffffff;
width: 1099px;
margin: 4px 1px 0 1px;
padding: 5px 0 5px 0;
color:#999999;
font-family: Geneva, Arial, "Trebuchet MS", "Tahoma", sans-serif;
font-size:11px;
line-height: 1.4em;
background-color: #7E7A6A;
text-align: center;
}

/* -- [ defines how links will be presented in the footer area ] -- */
#footer a, #footer a:visited {
color: #ffffff;
text-decoration: underline;
}

/* -- [ defines how links will appear when hovered over ] -- */
#footer a:hover {
color: #222222;
text-decoration: underline;
}