/*  
Theme Name: F6 Greenie
Theme URI: htp://www.f6design.com/
Description: Customized wordpress theme for F6 Design weblog
Version: 1.0
Author: Jonathan Nicol
Author URI: htp://www.f6design.com/
*/


/* Redefined HTML elements
*****************************************************************/

html,body {
	height: 100%;
	font-size: 100%;
}

body {
	margin: 0 0 0 0;
	padding: 0;
	background: #f8f8f8 url(images/bg_gradient.gif) repeat-x;
	background-attachment: fixed;
	font-family: Arial, Verdana, Helvetica;
	font-size: 76%;
	color: #525252;
	text-align: center;
}

h1 {
	margin: 0 0 1.1em 0;
	color: #525252;
	font-weight: normal;
	font-family:Georgia,serif;
	font-size: 1.5em;
	line-height: 1;
}

h2 {
	margin: 0 0 0.3em 0;
	padding-top: 0.1em;
	color: #525252;
	font-weight: normal;
	font-size: 1.25em;
	font-family:Georgia,serif;
	line-height: 1.1;
}

h3 {
	margin: 0 0 0.8em 0;
	padding-top: 0.4em;
	color: #525252;
	font-weight: normal;
	font-size: 1.1em;
}

h4 {
	/* margin: 0 0 0.8em 0; */
	margin: 0 0 0.4em 0;
	padding-top: 0.4em;
	color: #525252;
	font-weight: normal;
	font-size: 1.2em;
}

h5 {
	margin: 0;
	color: #525252;
	font-weight: bold;
	font-size: 1em;
}

hr { /* Wordpress peppers a few <hr> throughout */
	display: none;
}

img {
	border: none;
}

p {
	margin-top: 0;
	margin-bottom: 1.5em;
}

a, a:visited, a:active {
	/* color: #ffb424; */
	/* color: #99cc00; */
	/* color: #94c502; */
	/* color: #6BBF3D; */
	color: #6BBF3D;
	text-decoration: underline;
}

	a.imagelink:hover {
		background: none;
		}
		a.imagelink:hover img {
			border-color: #6BBF3D;
			}1G/

blockquote  {
	color: #747474;
	padding: 0 0 0 37px;
	margin: 0 0 1.5em 0;
	min-height: 3em; /* allows room for quotemark graphic - won't work in IE: see ie-only styleseet*/
	background: url(images/quotes.gif) no-repeat;
}

pre {
	border: 1px solid #dadada;
	overflow:auto;
	width: 430px;
	background-color: #f1f1f1;
	padding: 20px;
	font-family:"Courier New", Courier, monospace;
	font-size: 1em;
	margin: 0 0 1.5em 0;
}

code {
	font-family:"Courier New", Courier, monospace;
	font-size: 1em;
}



/* Defined - Common presentational elements
*****************************************************************/

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.clear {
	font-size:1px;
	color: #ff0000;
	padding: 0;
	margin: 0;
	clear: both;
}

.noBtm {
	margin-bottom: 0;
	padding-bottom: 0;
}

.noTop {
	margin-top: 0;
	padding-top: 0;
}


/* Defined - Main site structure
*****************************************************************/

#container {
	width: 760px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: #ffffff;
}

#searchcontainer {
	width: 820px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: #ffffff;
}





/* Defined - Header
*****************************************************************/

#header {
	width: 750px;
	margin: 0 0 5px 5px;
}

#headerimg {
	height: 130px;
	background: #7c7c7c url(images/header.jpg) no-repeat;
	margin: 0 0 1px 0;
}

#nav {
	background: #6bbf3d;
	padding: 6px 0 6px 0;
	}
	#nav a, #nav a:visited, #nav a:active {
	color: #ffffff;
	text-decoration: none;
	padding: 6px 13px 6px 13px;
	font-weight: bold;
	}
	#nav a:hover {
		color: #ffffff;
		text-decoration: none;
		background: #6BBF3D;
		}
	#nav a.selected {
		background: #6BBF3D;
		}


/* Defined - Content area
*****************************************************************/

#contentwrap {
	background: #ffffff url(images/content_cols.gif) repeat-y;
	width: 755px;
	margin: 0 0 20px 0;
}

#content {
	width: 516px;
	margin: 0 0 10px 19px;
	padding: 0;
	text-align: left;
	line-height: 1.4;
}

#bigcontent {
	width: 800px;
	margin: 0 0 0px 19px;
	padding: 0;
	text-align: left;
	line-height: 1.4;
}k

img.contentImg, img.contentImgPadR {
	border: 1px solid #dadada;
}

img.contentImgPadR {
	margin-right: 10px;
}

img.matte {
	/*padding: 4px;*/
	padding: 7px;
}

#shareit {
	margin-top: 3em;
	}
	#shareit label {
		display: block;
		}



/* Defined - Posts
*****************************************************************/

.postinfo {
	background: #f1f1f1;
	padding: 4px 3px 4px 3px;
	font-size: 0.8em;
	margin: 0 0 1em 0;
}

.commentLink:hover {
	background: none;
}

.commentLink img {
	vertical-align:middle;
}

.post {
	border-bottom: 1px solid #dadada;
	margin: 0 0 1.5em 0;
}

.entry {
	margin: 0 0 1.5em 0;
}


/* Defined - Comments
*****************************************************************/

h3#commentstitle {
	padding-bottom: 0.2em;
	margin: 3em 0 0.3em 0;
	border-bottom: 1px solid #dadada;
}

ul.commentlist {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	ul.commentlist li {
		list-style: none;
		background: none;
		padding: 0;
		border-bottom: 1px solid #dadada;
		}
		ul.commentlist li .commentcontent {
			margin: 1em 0 0 15px;
		}
		ul.commentlist li.author .commentcontent {
			border-left: 5px solid #78cb35;
			padding-left: 10px;
			margin-left: 0;
			}

.commentauthor {
	font-size: 1em;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.commentmetadata {
	background: #f1f1f1;
	padding: 4px 3px 4px 3px;
	font-size: 0.8em;
	margin: 0.3em 0 1em 0;
}

.commentnum {
	border-right: 1px solid #dadada;
	margin-right: 0.5em;
	padding-right: 0.5em;
}
ul.commentlist li.mycomment .commentnum {
	border-right: 1px solid #9cd47d;
}

h3#respond {
	padding-bottom: 0.2em;
	margin: 3em 0 0.3em 0;
	border-bottom: 1px solid #cecece;
}

.nocomments {
	font-weight: bold;
	font-size: 1.1em;
	margin-top: 1.5em;
}


/* Defined - Forms
*****************************************************************/

#author, #email, #url  {
	width: 196px;
	font-size: 1em;
	font-family: Arial, Verdana, Helvetica;
	color: #525252;
	border: 1px solid #b3b3b3;
	padding: 2px;
}

#comment {
	width: 456px;
	font-size: 1em;
	font-family: Arial, Verdana, Helvetica;
	color: #525252;
	border: 1px solid #b3b3b3;
	padding: 2px;
}

#author:focus, #email:focus, #url:focus, #comment:focus {
	background: #ebf5cc;
}

form p {
	margin-bottom: 10px;
}

.formbox {
	font-size: 1em;
	font-family: Arial, Verdana, Helvetica;
	color: #525252;
	border: 1px solid #b3b3b3;
	padding: 2px;
}

select {
	font-size: 1em;
	font-family: Arial, Verdana, Helvetica;
	color: #525252;
	border: 1px solid #b3b3b3;
	padding: 2px;
}

label {
	font-weight: bold;
	margin-bottom: 2px;
}


/* Defined - Sidebar
*****************************************************************/

#sidebar {
	float: right;
	width: 200px;
	margin: 0 0 20px 0;
	}
	#sidebar ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		#sidebar ul li {
			background: none;
			list-style: none;
			padding: 0;
			}
		#sidebar ul h3 {
			padding-bottom: 0.2em;
			margin: 1em 0 0.3em 0;
			border-bottom: 1px solid #cecece;
			}
	#sidebar .topHead {
		margin-top: 0;
		}

#sidebarContent {
	padding: 13px;
	}
	#sidebarContent .rssfeed {
		list-style: none;
		padding: 1px 0 0 17px;
		background: url(images/feed-icon-12x12.gif) no-repeat left ;
		}

/* Defined - Top Ad
*****************************************************************/
#topad {
	clear: both;
	padding: 6px 10px 6px 10px;
	margin: 0 3px 0 3px;
	}



/* Defined - Footer
*****************************************************************/

#pageimage {
	float: left;
	width: 220px;
	padding: 6px 10px 6px 10px;
}

#footer {
	clear: both;
	padding: 6px 13px 6px 13px;
	margin: 0 5px 0 5px;
	border-top: solid 1px #525252;
	}
	#footer p {
		margin: 0;
	}
	#footer a, #footer a:visited, #footer a:active {
		text-decoration: underline;
		}
		#footer a:hover {
		}


/* Defined - Lists
*****************************************************************/

ul {
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 1.5em;
	margin-left: 0;
}

li{
	list-style: none;
	padding: 1px 0 0.05em 12px;
	background: url(images/list.jpg) no-repeat left 0.5em;
}

ul.noBtm {
	margin-bottom: 0;
}

ul.linklist {
	padding: 0;
	margin: 0 0 1.5em 0;
	}
	ul.linklist a {
		/* font-size: 1.2em; */
		}
	ul.linklist li {
		background: none;
		padding: 0 0 1.5em 0;
		}


.catalog {
		border-top: black 1px solid;
		border-right: black 1px solid;
		border-left: black 1px solid;
		border-bottom: black 1px solid;
}

.category {
	float:left;
}

.product {
	float:left;
	text-align:center;
	width:150px;
}

span.figure {
	font-family:Georgia,serif;
	font-size: 26px;
	color:#4E443C;
	font-variant: small-caps; 
	text-transform: none; 
	font-weight: 100;
	margin-bottom: 0;
}

span.smallfigure {
	font-family:Georgia,serif;
	font-size: 18px;
	color:#4E443C;
	font-variant: small-caps; 
	text-transform: none; 
	font-weight: 100;
	margin-bottom: 0;
}

table.userform td {
	BORDER-TOP: none;
}

td {
	BORDER-TOP: #bababa 1px solid;
	FONT-SIZE: 12px;
}

tr.hoverrow:hover {
	background-color : #EAEAEA;
}

tr.hoverrow:hover td{
	border-top:1px solid black;
	border-bottom:1px solid black;
}