/* 

	project: Cockcrow - A Literary Arts Directory
	author: James Reid (www.alphabetix.net)

*/

/****************
Global Default 
****************/ 
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0;outline: 0; font-weight: inherit; font-style: inherit;font-size: 100%; font-family: inherit; vertical-align: baseline;}

:focus { outline: 0;}
body {line-height: 1; color: black; background: white;}
caption, th, td {text-align: left;font-weight: normal;}
img {border: none;}
a img {border-bottom:0;} 

/****************
Global Styles
****************/ 
body {margin: 0; font-family: Verdana,Arial,Helvetica,Sans-serif; font-size: 11px; background: white; color: #333333;}
ul, h1, h2, h3, h4, h5, form {padding: 0; margin: 0;}
ul { list-style-position: inside; }
a {outline: none;}
a:link {color: #003366; font-weight: bold;text-decoration: none; background: transparent;}
a:active {color: #003366; font-weight: bold;text-decoration: none; background: transparent;}
a:visited {color: #003366; font-weight: bold;text-decoration: none; background: transparent;}
a:hover {color: #CC5500; font-weight: bold;text-decoration: none;}
h1 {font-size: 14pt; margin: 5px 0 5px 0;}
h2 a:link, h2 a:active, h2 a:visited {color: #003366; text-decoration: none; background: transparent;}
h2 a:hover {color: #CC5500; text-decoration: underline;}
h3 {color: #003366; font-size: 14px; font-weight: bold; padding: 10px 0;}

/****************
Container
****************/ 
#container {text-align: left; width: 830px; margin: 0 auto;}

	/* Header */
	#headcont {width: 100%; background: url(images/logo.png) no-repeat left top;}
	#inhead {margin: auto; width: 830px; height: 200px;}
	.webtitle {float: left; margin-top: 33px;}
		
	/* Top Menu */
	#mainmenu {position: relative; float: right; width: 100%; height: 31px;}
	#mainmenu ul {list-style: none; float: right;}
	#mainmenu ul li {text-align: center; line-height: 29px; float: left; width: 100px; height: 31px; margin-right: 10px;}
	#mainmenu ul li a {font-size: 12px; font-weight: bold; color: #003300; width: auto; display: block; height: 31px;}
	#mainmenu ul li a:hover {color: #fff;}
		
	#header {height: 100px; width: 100%;}
	
	/* Search */
	#searchbox {padding-top: 115px; text-align: center; width: 830px; margin: auto;}
	#searchbox form {display: block; padding: 0; margin: 0; width: 830px; margin: auto;}
	#searchbox .txtsearch {margin: 0; padding: 5px; height: 15px; width: 300px;}
	#s1 {font-size: 18px; font-weight: bold; float: left; margin: 5px 10px 0 0;}
	#s2 {float: left; margin: 5px 10px 0 250px;}
	#s3 {float: left; margin: 7px 0 0 0;}
		
	/* Top Menu Hover Override */
	#topmenu a:hover {color: #fff; font-weight: bold;text-decoration: none;}
	
*html #bodycont {height: 300px;}
#bodycont {min-height: 300px; width: 100%;}
#inbody {margin: auto; width: 830px;}

/****************
Footer
****************/ 
#footcont {padding-top: 25px; text-align: center; color: #003366; height: 45px; width: 100%; background: url(images/footbg.png) repeat-x left top; }
#footcont a {color: #003366; font-weight: bold;}
#footcont a:hover {color: #CC5500; text-decoration: underline;}
#infoot {margin: auto; width: 830px;}
	
	
	
#topmenu {width: auto; clear: both; padding-top: 10px}
#maincont {float: left; width: 600px; padding-top: 5px;}
#sidecont {float: right; width: 220px; background: white; padding: 5px 3px;}
#sidecont ul {margin: 0; padding: 10px 0px 10px 5px; list-style: none;}
#sidecont ul li {margin-right: 5px; padding-left: 10px; width: auto; background: url(images/bullet3.gif) no-repeat left 9px; border-bottom: 2px dotted #9da5ad;}
#sidecont ul li a {padding: 5px; font-size: 12px; color: #555; width: auto; display: block;}
#sidecont ul li a:hover {color: #CC5500; text-decoration: underline;}
#sidecont h2 {color: #003366; display: block; font-size: 12px; font-weight: bold; padding: 8px 10px 20px; background: url(images/hd.png) repeat-x left top;}
.innerside {margin: 0 0 10px 0; border: 1px solid #E5E5E5; padding: 3px; background: #f9f8f8;}
.innermain {margin: 0px 5px 0 0;}
.contentpad {padding: 0;}
.ohead {font-weight: bold; font-size: 10pt; margin: 0; color: #003366;}
.ohead a{font-weight: bold; font-size: 10pt; margin: 0; color: #003366;}
.ohead a:hover{font-weight: bold; font-size: 10pt; margin: 0; color: #CC5500;text-decoration: underline;}
.featured a{font-weight: bold; font-size: 10pt; margin: 0; color: #003366;}
.featured a:hover{font-weight: bold; font-size: 10pt; margin: 0; color: #CC5500;}

.hbar {color: black; display: block; font-size: 12px; font-weight: bold; padding: 8px 10px 20px; background: url(images/hd2.gif) repeat-x left top;  border-top: 1px solid #F0F0F0; border-left: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0;}
.clearit {clear: both;}
.incont1 {background: #FCFCFC; border: 1px solid #F2F2F2;}
.incont2 {padding: 15px; border: 1px solid #F2F2F2;}
.incont3 {background: #FCFCFC; padding: 15px; border-bottom: 1px solid #F0F0F0; border-left: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0;}
.flbar {margin: 3px; color: #003366; display: block; font-size: 12px; font-weight: bold; padding: 8px 10px 20px; background: url(images/hd2.png) repeat-x left top;}
.lbar {margin: 3px; color: #003366; display: block; font-size: 12px; font-weight: bold; padding: 8px 10px 20px; background: url(images/hd3.png) repeat-x left top;}
p.titlelink {font-weight: bold; font-size: 12px; padding:0; margin: 0;}
p.urllink {margin: 0; padding: 0;}
.linkinfo {width: auto; height: 5px; border-bottom: 1px solid #F2F2F2;}
.featcap {font-weight: bold; width: 50px; text-align: right;}
.emptycat {font-size: 1px; margin: 3px 0 3px 0; border-top: 1px dashed #D5D5D5; padding: 0; height: 1px;}
.urllink a {text-decoration: underline; color: #CC5500;}
.urllink a:hover {text-decoration: underline; color: #CC5500;}
.urlfeature a {font-size: 12px;}
.urlfeature a:hover {font-size: 12px;}
#subcatbar {margin-bottom: 15px; border-top: 2px dotted #999; border-bottom: 2px dotted #999;}
#subcatbar p {margin: 8px 0 8px; padding: 0;}
#subcatbar .subdesc {margin: 5px 5px 9px 20px;}

table {width: 100%;}
.olinfo {margin:0 0 0 10px; padding: 0;}
.olinfo li {margin: 10px;}
.detailout {border: 1px solid #EEE; background: #f8f8f8; padding: 10px;}


.subcats {margin-left: 20px; border-top: 1px dashed #D5D5D5; padding: 0; font-size: 10px; height: 80px;}
.subcats a:link, .subcats a:active, .subcats a:visited {padding: 0 0 3px 10px; margin: 8px 0 0 0; display: block; color: #999; text-decoration: none; background: url(../images/bullet2.gif) no-repeat left 4px; border-bottom: 1px solid #f3f1fd;}
.subcats a:hover {color: #CC5500; text-decoration: underline;}

.c {float: left;}
.cr {clear: left;}
td {vertical-align: top; padding: 5px;}

.dirtitle {display: block; padding: 0 0 0 20px; font-size: 10pt; margin: 0; background: url(../images/bullet1.gif) no-repeat left top;}
	
#descr {padding: 0px; margin: 0 0 5px 0;}
table.formPage {width: 100%; border: 1px solid #F2F2F2;}
td.err {padding: 3px; color: #FF0000; background: #FFEDED; border: 1px solid #A0A0A0; text-align: left;}
td.msg {padding: 3px; color: #0000FF; background: #EDF3FF; border: 1px solid #A0A0A0; text-align: left;}
.label {font-weight: bold; text-align: left;}
.semicolon {text-align: left; width: 10px;}
.buttons {border-top: 1px solid #A0A0A0; text-align: center;}
.count {color: #6f6f6f; font-size: 8pt; font-weight: normal;}
#links {margin: 0 0 10px;}
#links a {font-size: 10pt;}
#links p {margin: 0 0 0 0; padding: 0;}
#path {margin-top: 2px; padding: 3px; background: #D9E8F9; line-height: 19px; border-top: 1px solid #5e74b3;}
.submit {float: right; vertical-align: bottom;}
#user-bar {clear:both; width:20%; margin:0 0 0 auto; padding:3px; background:#D9E8F9; line-height:19px; text-align:right;}
.text, .btn {font-size: 8pt; font-family: Verdana, Tahoma, Arial, sans-serif;}
input.text {height: 18px; color: #000000; border: 1px solid #E1E1E1;}
textarea.text {font-size: 8pt; border: 1px solid #E1E1E1;}
select {height: 18px; font-size: 8pt; border: 1px solid #E1E1E1;}
.captcha {border: 1px solid #5e74b3; margin-top: 10px;}
form {display: inline; margin: 0; padding: 0;}
span.req {margin-left: 3px; color: #FF0000; font-weight: bold;}
div.errForm, span.errForm {margin: 0px 0 0px 5px; padding: 2px 3px 2px 3px; color: #FF0000; background: #FFFFF3; border: 1px solid #cccccc; text-align: left; clear: right;}
.small, .small a {padding: 0px; margin: 0px; color: #909090; font-size: 7pt; text-decoration: none;}
.sort {color: #000000;}
div.pr {font-size: 6pt; color: #000000; float: left; margin-right: 5px;}
div.prg {width: 40px; border: 1px solid #999999; height: 3px; font-size: 1px;}
div.prb {background: #5eaa5e; height: 3px; font-size: 1px;}
.price {border-bottom: 1px solid #eeeded;}
.price table td{margin: 0; padding: 2px; vertical-align: bottom;}
.paging-links, .paging-info {text-align:right;}
.paging-info {font-style: italic;}
.limit_field {border: 0 solid transparent; border-width:0;}

.featureline {font-size: 1px; margin: 0 20px 0 20px; width: auto; height: 1px; border-bottom: 1px solid #e9e9e9;}
.regularline {font-size: 1px; margin: 0 20px 0 20px; width: auto; height: 1px; border-bottom: 1px solid #e9e9e9;}
.standard {padding: 0 20px 0;}
.featured {padding: 0 20px 0;}

/****************
Tabbed News
****************/
#gallery {font:11px verdana,arial,sans-serif; width:550px; line-height:15px;}
#gallery div.off {color:#003366; font-weight: bold; height:33px; margin-right:2px; line-height:33px; padding:0 15px; float:left; background:url(images/tabs_0.gif) repeat-x left bottom; border:1px solid #ddd; border-bottom-color:#ddd; cursor:pointer; position:relative; z-index:20;}
#gallery div.on {color:#CC5500; font-weight: bold; padding:0 20px; margin-right:2px; margin-top:1px; float:left; background:url(images/tabs_2.gif) repeat-x left bottom; border:1px solid #ddd; cursor:pointer; border-bottom:0; height:33px; line-height:32px; position:relative; z-index:100;}
div.hide {display:none; width:0; overflow:hidden;}
div.show {clear:left; height: 175px; background:#fff; width:550px; margin-top:0; top:-1px; border:1px solid #ddd;padding:20px; position:relative; z-index:50; font:11px verdana, arial, sans-serif; line-height:18px; overflow:hidden;}
div.show img {float:left; margin:0 10px 10px 0;}
#g_left {width:340px; float: left;}
#g_left h3 {padding: 0 15px 5px 0;}
#g_left p {text-align: justify; margin: 0 15px 5px 0;}
#g_left a {white-space: nowrap;}
#g_right {width:200px; float: left; border-left: 1px solid #ddd; }
#g_right h3 {padding: 0 0 5px 15px;}
#g_right p, #g_right li  {margin: 0 0 0 15px;}
#split_left {width:270px; float: left;}
#split_left h3 {padding: 0 15px 5px 0;}
#split_left p {margin: 0 15px 5px 0;}
#split_right {width:270px; float: left; border-left: 1px solid #ddd; }
#split_right h3 {padding: 0 0 5px 15px;}
#split_right p, #split_right li  {margin: 0 0 0 15px;}
.split_over h3 {padding: 0 0 5px 0;}

/****************
Helper Classes 
****************/
.clear {clear:both;}
img.floatLeft { float: left; margin: 0 4px;}
img.floatRight { float: right; margin: 0 4px; }
img.floatLeftClear { float: left; clear: left; margin: 0 4px; }
img.floatRightClear { float: right; clear: right; margin: 0 4px; }