/* css for wheatblog template - default style */
/* 2005 joshua estell. gnu gpl http://www.hinkybox.com/gpl.php */
/* Last Revision  05/19/05
/* STRUCTURE */
/*
Selector {		
		Text 
		Positioning
		Sizing
		Margin
		Padding
			Borders
		Background
		}
*/

/* shorthand key 

 font: font-style | font-variant | font-weight | font-size | line-height | font-family ;
 
 background: background-color | background-image | background-repeat | background-attachment | background-position ;
 

*/


body  {
		color : #000;
		font: 11px/1.2 "Lucida Sans Unicode", tahoma, helvetica, sans-serif normal;
		text-align : left;
		margin : 0;
		padding : 0;
		background : #ddd url(/static/images/default-body-repeat.gif) repeat 0% 0%;
		}

span {
		font : 11px/14px "Lucida Sans Unicode", tahoma, helvetica, sans-serif normal;
		color :  #000;
		}

table,
tr,
td {
		background : #fff;
		}

img { 
		margin : 0;
		padding: 0;
			border : 0; 
		}

input {
		color: #555;
		font: 11px/11px "Lucida Sans Unicode", tahoma, helvetica, sans-serif normal;
			border-top: 1px solid #777;
			border-right: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			border-left: 1px solid #777;
		background: #f7f7f7;
		}

input[type=submit] { /*edit*/
		color: #555;
		font: 11px/11px "Lucida Sans Unicode", tahoma, helvetica, sans-serif normal;
			border-top: 1px solid #777;
			border-right: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			border-left: 1px solid #777;
		background: #FFF url(/static/images/default-input-button-repeat.gif) repeat-x 0 0;
		}		

select {
		color: #555;
		font: 11px/11px "Lucida Sans Unicode", tahoma, helvetica, sans-serif normal;
		background: #f7f7f7;
			border: 1px solid #e4eff8;
		}		
		
textarea {
		color: #555;
		font: 11px/11px "Lucida Sans Unicode", tahoma, helvetica, sans-serif normal;
			border-top: 1px solid #afa19f;
			border-right: 1px solid #DDD2CD;
			border-bottom: 1px solid #DDD2CD;
			border-left: 1px solid #afa19f;
		background: #f7f7f7;
		}
		
a:link , a:visited {
		/* color : #4d1b1b;	*/
		color: #ff7c00;
		text-decoration: none;
		}
		
a:hover {
		color : #ff7c00;
		background-color: #f5ff01;
		text-decoration : underline;
		}		
		
a:active {
		color : #ffcc33;;
		}


.error {
	color: red;
	font-weight: bold;
}	

img.sshot {
	border: 1px dashed #ccc;
	margin-left: 4em;
	float: center;
}

/* begin page structure  */

div#container {
		width: 95%;
		margin: 10px auto 5px auto;
		padding: 0 0 10 0; 
			border-top : 0 none inherit;
			border-right : 1px solid #222;
			border-bottom : 0 none inherit;
			border-left : 1px solid #222;
		background-color: #fff;	
		text-align: left;
		}
		
div#clear {
		position : relative;
		clear : both;
		width : 100%;
		height : 16px;
		margin : 0 0px 0px 0px;
		padding : 0 0 0 3em;
		border-bottom: 1px solid #000;
		border-top: 1px solid #ccc;
		background : #f7f7f7;
		}

div#content {
		margin : 10px 0 30px 165px;
}

* html div#content {  /* IE, stick clear at the bottom */
		height : 800px; 
} 		

div#navigation {
		float: left;
		width : 155px;
		height : 800px;
		margin : 0px 2px 2px 2px;
		padding : 0 0 0 4px;
		background-color: #f7f7f7;
  		}


div#title {
		color : #000;
	  	text-align : right;
		width: 100%;
		height : 65px;
			border-top : 1px solid #222;
			border-right : 1px solid #222;
			border-bottom : 1px solid #aaa;
			border-left : 0px solid #222;
		background : #fffff0 url(/static/images/duckmenagerie.jpg) 0% 0% no-repeat;
		}

* html div#title {
	border-right: 0px;
}		

div#title h1 { 
		color : #000;
		font: 24px/30px "Lucida Sans Unicode", tahoma, helvetica, sans-serif normal;
		font-weight: bold;
		padding : 10px 20px 0 0;
		margin : 0 0 0 0;
		}
		
div#title h2 { 
		font: 12px/12px "Lucida Sans Unicode", tahoma, helvetica, sans-serif normal;
		font-style: italic;
		padding : 2px 20px 0 0;
		margin : 0 0 0 0;
		}


div.comments {
	border: 0;
	padding: 5px;
}	

div.comments div.comment {
	border-bottom: 1px solid #ccc;
	padding: 5px;
}
div.comments div.comment h4 {
	padding: 2px;
	margin: 0;
	background-color: #eee;
	border: 1px solid #ccc;
	font-weight: normal;
}

div.comments div.comment h4 a {
	font-weight: bold;
}

* html body pre {
	overflow: scroll-x;
	width: 95%;
	padding-bottom: 2em;
	margin-top: -1.5em;
}

pre {
	overflow: auto;
	background-color: #eee;
	padding: 3px 0 3px 2em;
	line-height: 14px;
	margin-top: -1em;
}
		
/* end structure - begin sidebar nav */

ul.nav-group {
		font-size : 11px;
		margin : 0;
		padding : 0;
		}

ul.nav-group { 
		font : 11px/12px  "Lucida Sans Unicode", tahoma, helvetica, sans-serif normal;
		list-style : none;
		margin : 0;
		padding : 0;
		}
		
ul.nav-group li {
		margin : 0;
		padding : 0;
		border: 1px solid #f7f7f7;
		}

ul.nav-group li.nav-group-heading {
		color : #000;
		display : block;
		margin : 3px 0 0;
		padding : 2px 0 4px 0px;
			/* border-bottom : 2px solid #ddd; */
		background : transparent url(/static/images/default-nav-group-heading-image.gif) no-repeat 0 100%;		
		}

ul.nav-group li.nav-item a:link,
ul.nav-group li.nav-item a:visited {
        color : #4D1B1B;
		text-decoration : none;
		display : block;
		margin : 2px 1px;
		padding : 0 4px 1px 3px;
		}

ul.nav-group li.nav-item a:hover {
		color : #A00;
		text-decoration: none;
		background : #FFF;
		}


div.subcontent {
		color : #000;
		border: 1px solid #ccc;
		font-size : 11px;
		line-height : 14px;
		margin : -5px 10px 30px 10px; /* Allows for previous .subcontent .post-menu bg image */
		padding : 0 0 0 0;
		font-family : inherit;
/*
		border-top : 1px solid #ccc;
		border-right : 1px solid #999;
		border-bottom : 1px solid #999;
		border-left : 1px solid #ccc;
*/
		text-align : left;
		}
		
div.subcontent h1 {
	border: 1px solid black;
	border-width: 1px 0 1px 0px;	
	background-color: #eee;
	font-size: 140%;
	padding: 5px;
}
		
div.subcontent#rss {
		text-align:left;
		padding : 3px 5px;
		}
div.subcontent-heading {
		color : #000;
		line-height: 12px;
		margin : 7px 11px 7px 11px;
		padding: 3px 5px;
			/* border : 1px solid #AAA; */
		background: #F7F7F7;		
		}

div.subcontent-heading#reg { /* edit */
		line-height:14px;
		padding: 10px;
		}		

div.subcontent-form {
		color : #000;
		font-size : 11px;
		line-height : 14px;
		height : auto;
		margin : 10px 10px 0 10px;
		padding : 4px 4px 4px 20px;
		font-family : inherit;
		text-align : left;
/*
			border-top : 1px solid #ccc;
			border-right : 1px solid #999;
			border-bottom : 1px solid #999;
			border-left : 1px solid #ccc;

*/			
		background:#fefdfc;		
		}

div.subcontent-form form {
		display : inline; /* necessary to align the two forms */
		margin : 0 0 0 0;
		}

div.subcontent-form input.text {
		color : #000;
		display : inline;
		width : 186px;
		}
div.subcontent-form input.sub {
		display : inline;
		width : auto;
}
/* for manage_users */
div.subcontent-users { 
		color : #000;
		font : 11px inherit;
		text-align : left;
		height : auto;
		margin : 10px 10px 0 10px;
		padding : 10px 5px;
/*
			border-top : 1px solid #ccc;
			border-right : 1px solid #999;
			border-bottom : 1px solid #999;
			border-left : 1px solid #ccc;

*/
		background:#fefdfc;		
		}

div.subcontent-users td.fieldname {
text-transform: capitalize;

text-align: right;
		}

div.subcontent-users label {
padding : 0 5px;
		}

div.subcontent-users input {
padding : 0;
		}

div.subcontent-users a:link,
div.subcontent-users a:visited,
div.subcontent-users a:hover { 
	font: 11px arial,verdana,sans-serif;
	color: #555;
			border-top: 1px solid #777;
			border-right: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			border-left: 1px solid #777;
		padding: 2px 4px;
		margin: 0 0 0 4px; 
		text-decoration : none;
		background: #FFF url(/static/images/default-input-button-repeat.gif) repeat-x 0 0;
		}

div.subcontent-users input[type = submit] {  /* edit */
/* fix this annoying button bullshit */		
		font: 11px/12px  "Lucida Sans Unicode", tahoma, helvetica, sans-serif normal;
		margin-top : 3px;
		padding: 0 4px 1px 4px;
			border-top: 1px solid #777;
			border-right: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			border-left: 1px solid #777;
		background: #FFF url(/static/images/default-input-button-repeat.gif) repeat-x 0 0;
		cursor: pointer;
		}					
		
div.subcontent#postform {
		color : #000;
		font-size : 11px;
		line-height : 14px;
		margin : 10px 10px;
		padding : 5px;
		border : 1px solid #AAA;
		font-family : inherit;
		text-align : left;
		}
div.subcontent h3.cnt-subhead,
div.subcontent-heading h3.cnt-subhead {
		font-size : 11px;
	    font-weight: bold;
		color : #000;
		margin : 10px auto;
		padding : 5px;
		border : 1px solid #bbb;
		background : transparent repeat-x top;
		}


/* Post and Comment bodies */



div.post-heading,
div.comment-heading {
		line-height : 16px;
		margin: 0; 
		padding: 0; 
		background : #f7f7f7;	
		border-bottom: 1px solid black;
		}

h3.post-title {
		font-weight : bold;
		font-size : 15px; 
		padding : 3px 0 0 5px; 
		margin:0;
		/* background : transparent url(elem/orangedot.gif) no-repeat 0px .35em; */
		/* background: transparent url(default-post-title) no-repeat 2px .35em;*/
		}
		
h3.comment-auth {
		font-weight : normal;
		font-size : 10px; 
		padding : 3px 0 0 4px; 
		margin:0;
		}

h4.post-date,
h4.comment-date {
		font-size : 10px; 
		font-weight : normal;		
		margin:0;
		padding : 0 0 2px 4px; 
		color:#666;
		}

div.post-body,
div.comment-body {
		font-size:11px;
		line-height : 18px;
		padding: 10px; 
		margin: 0 0 0 0;
		background:#fefdfc;		
		}



div.post-body-indent {
		/* added by wheat */
		font-size: 11px;
		line-height: 18px;
		padding: 10px;
		padding-left: 20px;
		margin: 0 0 0 0;
		background: #fefdfc;
}
div.post-body-indent-feature {
		/* added by wheat (needs work)*/
		font-size: 11px;
		line-height: 18px;
		padding 10px;
		padding-left: 30px;
		margin: 0 0 0 0;
		/* background: gray; */
		/* border-left: 1px solid black; */
}
div.post-menu,
div.comment-menu {
		text-align: right;
		display:block;
		margin: 0 0 0 0; 
		padding: 2px 0 5px 4px; 
		border: 1px dotted #ccc;
		border-width: 1px 0 0 0 ;
	/*	background : #f7f7f7 url(/static/images/default-post-menu-image.gif) no-repeat 0 0; */
		line-height : 1.2;
		}

		 
div.post-menu ul.postnav,
div.comment-menu ul.postnav {
        color : #4D1B1B;
		display:inline;
		list-style-type : none;		
		margin : 0;
        padding : 0;
		background : transparent;
		}

div.comment-menu ul.postnav a {
}
ul.postnav li  {
		font : 11px/12px  "Lucida Sans Unicode", tahoma, helvetica, sans-serif normal;
		display:inline; 
		 }
		 
ul.postnav li.postid {
		font : 11px/12px  "Lucida Sans Unicode", tahoma, helvetica, sans-serif normal;
		float:left;
		display:inline; 
		}	

ul.postnav li span.lock {
		color:#A00;
		}

div.post-menu ul.postnav li a:link, 
div.post-menu ul.postnav li a:visited,
div.comment-menu ul.postnav li a:link, 
div.comment-menu ul.postnav li a:visited  {
		color : #888;
        padding: 0;
/*
		border-top: 1px solid #f7f7f7;
		border-right: 1px solid #eee;
		border-bottom: 1px solid #eee;
		border-left: 1px solid #ddd;
*/		
		}

div.post-menu ul.postnav li a.locked:link, 
div.post-menu ul.postnav li a.locked:visited, 
div.comment-menu ul.postnav li a.locked:link, 
div.comment-menu ul.postnav li a.locked:visited {
		color : #A00;
        padding: 0 4px;
/* uncomment this to hide the actual link to the locked post  */
/* Remember that this also prevents viewing of older comments */
/*		 display : none; */

/*
		border-top: 1px solid #f7f7f7;
		border-right: 1px solid #eee;
		border-bottom: 1px solid #eee;
		border-left: 1px solid #ddd;
*/
		}
		
div.post-menu ul.postnav li a.locked:hover,
div.comment-menu ul.postnav li a.locked:hover {
		color : #A00;
		text-decoration: none;
/*
		border-top: 1px solid #f7f7f7;
		border-right: 1px solid #eee;
		border-bottom: 1px solid #eee;
		border-left: 1px solid #ddd;
*/
		background : #FFF;
		}
		
div.post-menu ul.postnav li a:hover, 
div.comment-menu ul.postnav li a:hover {
		color : #4D1B1B;
		text-decoration: none;

/*
		border-top: 1px solid #f7f7f7;
		border-right: 1px solid #eee;
		border-bottom: 1px solid #eee;
		border-left: 1px solid #ddd;
*/
		background : #FFF;
		}
		
/* end unique for posts */

/* begin unique for comments */



/* end unique for comments */



/* still need to trim these bits */

input.button {
		color : #000;
		background : #fff;
		font-size : 11px;
		border : 1px outset #000;
		}


blockquote {
	background-color: #eee;
}	

#nav-tags li.nav-item a {
	display: inline;
}

#job_board table { 
	font-size: 70%;
	background-color: #f7f7f7;
}

#jobs { 
	padding-top: 10px;
}