/* SCS -  Styles */
/* Last edited 9-30-05 tag */
/* conbrio design - conbrio.com */

/* site wide styles */
body {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
	background-color: #333333;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	color: #666666;}

a:link,
a:visited,
a:active {color:#CC0066; text-decoration:none;}
a:hover {color:#CC0066; text-decoration:underline;}

form {margin: 0px 0px 0px 0px}

.content {font-size: 12px;}
.content strong {
	font-weight: bold;
	color: #3399CC;}

.contentsub {font-size: 12px;}
.contentsub strong {
	font-weight: bold;
	color: #A2B61E;}

h2.title	{font-size: 14px;
		color: #A2B61E;}


/* Front Page Styles */
td.top {
	background-image: url(../images/main/bg_top.gif);
	background-repeat: repeat-x;
	height: 83px;
	vertical-align: bottom;}

img.nav {		margin-bottom:8px;}
img.navfirst {	padding-bottom: 8px; padding-left: 26px;}

td.mainbg {
	vertical-align: top;
	background-image: url(../images/main/new_mainbg.gif);}

/* left-styles */
td.left {
	background-image: url(../images/main/bg_left.gif);
	background-repeat: no-repeat;
	background-color: #A2B61E;
	vertical-align: top;
	text-align: center;}

td.leftsub {
	background-image: url(../images/main/bg_left_sub.gif);
	background-repeat: repeat-x;
	background-color: #A2B61E;
	vertical-align: top;
	text-align: center;}

/* table for display of text sub-categories. */
.lefttxt {
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	color: #000000;
	font-size: 11px;
	text-align: left;
	vertical-align: top;
	margin-bottom:10px;}

.lefttxt a:link,
.lefttxt a:visited,
.lefttxt a:active {color:#000000; text-decoration:none;}
.lefttxt a:hover {color:#000000; text-decoration:underline;}

img.ad {padding: 10px 0px 0px 0px;}

/* right styles */
td.right {
	background-color: #000000;
	vertical-align: top;
	text-align: center;}

img.adb {padding: 20px 0px 0px 0px;}

/* middle content styles */

td.mid {
	background-image: url(../images/main/bg_main.gif);
	background-color: #FFFFFF;
	vertical-align: top;
}

table.maintop {
	border-bottom: 6px solid #CCCCCC;}

.date {
	font-size: 11px;
	color: #999999;}

table.topstories {
	border-top: 10px solid #FFFFFF;
	border-bottom: 10px solid #FFFFFF;}

td.topstories {
		vertical-align: top;}

img.featureimg {
	padding-top: 18px;
	border-bottom: 6px solid #CCCCCC;}

img.artpicsleft {	float: left;
			margin: 0px 12px 0px 0px;
	border: 1px solid #999997;}

img.artpicsright { 	float: right;
				margin: 0px 0px 0px 12px;
		border: 1px solid #999997;}
.musthave	{
	border: 1px solid #E5E5E5;
	}

.storylink {
	font-size: 12px;
	color: #666666;
	vertical-align: top;}

.storylink a:link,
.storylink a:visited,
.storylink a:active,
.storylink a:hover {font-weight: bold;}

.scops	{font-size: 12px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #666666;}

.scopsdiscl	{font-size: 10px;
	color: #CC0066;}

td.scops    	{align: middle;
		vertical-align: top;
		width: 220px;}

img.scops { 	margin: 0px 0px 5px 0px;
		border: 1px solid #999997;}
		
img.frontthumbs { 	border: 1px solid #999997;}

table.mailinglist {
	background-color: #454545;
	border-top: 8px solid #FFFFFF;
	border-bottom: 11px solid #FFFFFF;}

input.mailinglist {
	background-color:#FFFFFF;
	color: #6B6B6B;
	border: 1px solid #6B6B6B;
	font-size: 11px;
	padding: 3px 5px 3px 5px;
	margin: 3px 5px 3px 5px;
	width: 158px;}

table.frontboxtable {
	border: 2px solid #CCCCCC;}

.frontboxcell {padding: 14px 10px 14px 10px;}

#footer {
	font-size: 10px;
	padding: 2px;
	margin:15px 0 0px 75px;
	width:600px;
	float:left;
	text-align:center;
	text-transform:uppercase;}

#footer a:link,
#footer a:visited,
#footer a:active {color:#666666; text-decoration:none;}
#footer a:hover {color:#666666; text-decoration:underline;}

/* Sub Page Styles */

/* letter nav on the directory */
.dirnav {
	font-family:Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	padding: 0px 0px 12px 0px;
	letter-spacing: 1px;}
.dirnav a:link,
.dirnav a:visited,
.dirnav a:active {color:#666666; text-decoration:none;}
.dirnav a:hover {color:#A2B61E; text-decoration:underline;}
.dirnav strong {color:#A2B61E; font-weight:bold;}

.dirban {
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	color: #3399CC;
	border: 1px solid #E5E5E5;
	padding: 1px 1px 1px 3px;
	margin: 10px 0px 10px 0px;
}



.midcontent {
  padding: 0 25px;
  margin-bottom: 10px;
}

/* styles used by Drupal that I couldn't change */
.mid .box {
  width: 420px;
  margin: 10px;
}

.mid .box .textarea {
  width: 410px;
  height: 100px; /* this doesn't seem to be actually that size. */
}

.mid .box .form-text {
  width: 410px;
}

#survey div.form-item {
  margin: 1em ;
}

#survey label.option {
  font-weight: normal;
}
#survey label {
  font-weight: bold;
}

#survey .description {
  font-style: italic;
}

div.nodelisting {
  border-bottom: 1px solid #eeeeee ;
  margin-bottom: 10px;
}
#lastnode {
  border-bottom: 6px solid #CCCCCC;
}

div.nodelisting img.teaserimg {
  float: left;
  width: 70px;
  height: 70px;
  padding-right: 10px;
}

div.nodelisting a {
  font-weight: bold;
}

div.nodelisting p {
  margin: 0;
}

div.nodelisting hr {
  clear: left;
  height: 1px;
  visibility: hidden;
}

#contentstory {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}

#divider {
  background-color: #cecebd;
  width: 100%;
  margin: 10px 0;
}

/* grey terms bit at the top, between banner pic and multicolordivider. */
#terms {
  margin: 0;
  text-transform: uppercase;
}

#contentstory h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #3399CC;
	font-size: 20px;
	padding: 0 0px 5px 0px;
	margin: 0px;
}

#contentstory strong {
	color: #A2B61E;
	font-size: 12px;
	padding:3px 0px 5px 0px;
}

img.articleright {
  float: right;
  margin: 0px 0px 15px 15px;
}

img.articleleft {
  float: left;
  margin: 0px 15px 15px 0;
}

.caldate {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #CC0066;
	font-size: 12px;
	font-weight: bold;}

.couptitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #CC0066;
	font-size: 12px;
	font-weight: bold;
	margin: 15px 0px 0px 0px;
	border-bottom: 10px solid #F5F0CF;
	background-color: #EFE6AA;}

.coupspace {
	background-color: #F5F0CF;
	padding: 0px 0px 10px 0px;}
	
li.giveaway	{

	margin: 0 0 5px 7px;
	list-style: url(../images/main/pink_bullet.gif);
	font-size: 10px;
	font-weight: bold;
	}

/* These are all Forum Styles */

#forum {font-size: 11px;}

#forum .description {
  font-size: 0.9em;
  margin: 0.5em;
  font-size: 11px;
}
#forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager {
  white-space: nowrap;
  font-size: 11px;
}
#forum td.posts, #forum td.topics, #forum td.replies, #forum td.pager {
  text-align: center;
  font-size: 11px;
}

#forum img {
  border: 0;
}
#forum table {
  border-collapse: collapse;
  font-size: 11px;
}
#forum th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
  white-space: nowrap;
}
#forum th.active img {
  display: inline;
}
#forum tr.dark, tr.light {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
}
#forum tr.dark, tr.light {
  padding: 0.1em 0.6em;
}
#forum td.active {
  background-color: #ddd;
}

/* Form styles from drupal */
form {
  margin: 0;
  padding: 0;
}

.form-submit {
  margin: 0;
}

.form-item {
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 11px;
}
.form-item input.error, .form-item textarea.error {
  border: 2px solid red;
}
.form-item .description {
  font-size: 0.85em;
}
.form-item label {
  font-weight: bold;
}
.form-item label.option {
  font-weight: normal;
}
.form-submit {
  margin: 0.5em 0;
}


/* Mailing List
---------------------------------------------------------- */

form#mailingList {
	display: block;
	width: 140px;
	background: #95A81C url('../images/shared/mailingList.gif') no-repeat top left; 
	margin-top: 16px;
	padding-top: 28px;
	padding-bottom: 8px;
	text-align: left;
}

	form#mailingList label {
		font-size: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		line-height: 18px;
		color: #ffffff;
		margin-left: 10px;
	}
	
	form#mailingList input.input {
		display: block;
		width: 118px; height: 16px;
		border: 1px solid #8BBBC4;
		background: #ffffff; 
		padding-top: 2px;
		padding-bottom: 1px;
		padding-left: 1px;
		margin-left: 10px;
	}
	
	form#mailingList input.submit {
		display: block;
		width: 70px; height: 19px;
		overflow: hidden;
		border: 0px solid #95a81c;
		background: #95A81C url('../images/shared/mailingSubmit.gif') no-repeat top left; 
		color: #95A81C;
		font-size: 1px;
		padding-top: 19px;
		margin-top: 8px;
		margin-left: 63px;
	}
	
	form#mailingList input.submitOn {
		display: block;
		width: 70px; height: 19px;
		overflow: hidden;
		border: 0px solid #95a81c;
		background: #95A81C url('../images/shared/mailingSubmit.gif') no-repeat bottom left; 
		color: #95A81C;
		font-size: 1px;
		padding-top: 19px;
		margin-top: 8px;
		margin-left: 63px;
	}