/* 

** Theme:    Definition

** Author:   Phoenix Zero

** Document: Default CSS Styles

*/



/* Javascript Disabled Message */



#js-disabled {

	float: right;

	margin-top: 7px;

	color: #AAA;

	width: auto;

}



/* Text Styles */



p {

	line-height: 20px;

}



span.gray {

	color: #CCC;

}



em {

	font-style: italic;

}



em.gray {

	color: #AAA;

}



em.lightgray {

	color: #CCC;

}



strong {

	font-weight: bold;

}



.rightalign {

	text-align: right;

}



ul {

	list-style-type: circle;

	line-height: 20px;

	margin-left: 30px;

}



ol {

	list-style-type: decimal;

	line-height: 20px;

	margin-left: 30px;

}



blockquote {

	color: #CCC;

	font-style: italic;

	margin-left: 20px;

}



/* Link Styles */



a {

	color: #97cd39;

	text-decoration: none;

}



a:link {

	color: #97cd39;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



/*

a:visited {

	color: #658C24;

}*/



/* Headings Styles */



h1, h2, h3, h4, h5, h6 {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: normal;

}



h1 {

	font-size: 36px;

}



h2 {

	font-size: 24px;

	color: #97cd39;

}



h3 {

	font-size: 20px;

}



h4 {

	font-size: 16px;

}



h5 {

	font-size: 14px;

}



h6 {

	font-size: 10px;

}



/* General Body Styles */



body {

	background-color: #222;

	background-repeat: repeat-x;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFF;

}



#container {

	background-color: #222;

	background-image: url(../images/wood_bg.jpg);

	background-repeat: repeat-x;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFF;

	overflow: hidden;

}



#container-subpage {

	background-color: #222;

	background-image: url(../images/wood_bg_sub.jpg);

	background-repeat: repeat-x;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFF;

	overflow: hidden;

}



#center {

	width: 960px;

	margin-left: auto;

	margin-right: auto;

	overflow: hidden;

}



/* Header */



#header {

	width: 940px;

	height: 100px;

	margin-left: 10px;

	margin-right: 10px;

}



#logo {

	width: 161px;

	margin-top: 30px;

	float: left;

}



/* Main Navigation */



#nav {

	width: auto;

	height: 35px;

	margin-top: 32px;

	float: right;

}



#nav ul {

	margin-left: 0px;

	list-style-type: none;

}



#nav ul li {

	float: left;

	font-size: 14px;

	height: 32px;

	margin-left: 5px;

	width: auto;

}



#nav ul li a {

	float: left;

	color: #FFF;

	text-decoration: none;

	padding-top: 6px;

	* padding-top: 9px;

	padding-left: 6px;

	padding-right: 10px;

}



#nav ul li#current {

	float: left;

	font-size: 14px;

	height: 32px;

	background: url(../images/nav_hover_left.png) left top no-repeat;

	padding-left: 5px;

}



#nav ul li#current a {

	float: left;

	color: #FFF;

	text-decoration: none;

	background: url(../images/nav_hover_right.png) right top no-repeat;

	padding-bottom: 7px;

	width: auto;

}



/* Featured Content (Note: The rest of the Featured Content styles will be loaded from a separate CSS file.) */



#featured-wrapper {

	width: 940px;

	height: 350px;

	margin-left: 10px;

	margin-right: 10px;

	margin-bottom: 25px;

}



#featured-top {

	width: auto;

	height: 22px;

	background-image: url(../images/featured_top.png);

	background-repeat: no-repeat;

}



#featured-body {

	background-image: url(../images/featured_repeat.png);

	background-repeat: repeat-y;

	padding-left: 40px;

	padding-right: 40px;

	padding-top: 18px;

	padding-bottom: 18px;

	overflow: hidden;

}



#featured-bottom {

	height: 22px;

	background-image: url(../images/featured_bottom.png);

	background-repeat: no-repeat;

}



/* Main Content */



#content {

	width: 960px;

	overflow: hidden;

	padding-top: 35px;

}



.content-divider {

	margin-top: 7px;

	margin-bottom: 10px;

	height: 1px;

	background-image: url(../images/divider.gif);

	background-repeat: repeat-x;

	font-size: 1px;

}



/* 1/3 of page-wide column */



.column {

	width: 300px;

	float: left;

	height: 100%;

	padding-left: 10px;

	padding-right: 10px;

}



/* 2/3 of page-wide column */



.column.double {

	width: 620px;

	margin-bottom: -20px;

}



/* full page-wide column */



.column.wide {

	width: 940px;

	padding-right: 0px;

}



/* image DIV that takes up a 1/3 page-wide column's total width */



.column-image {

	width: 296px;

	height: 96px;

	background-color: #111;

	border: solid #333 1px;

	margin-bottom: 10px;

	padding: 1px 1px 1px 1px;

	overflow: hidden;

}



/* image DIV for an avatar (float left or right) */



.avatar-float-left, .avatar-float-right {

	width: 80px;

	height: 80px;

	border: solid #333 1px;

	padding: 1px 1px 1px 1px;

	float: left;

	margin-top: 5px;

	margin-right: 15px;

	margin-bottom: 10px;

}



.avatar-float-right {

	float: right;

	margin-left: 15px;

	margin-right: 0px;

	width: 80px;

}



/* Advertisements */



.ad {

	border: solid #333 1px;

	width: 125px;

	height: 125px;

	padding: 1px 1px 1px 1px;

	float: left;

	margin-right: 10px;

	margin-bottom: 10px;

	background-color: #111;

	overflow: hidden;

}



/* Footer */



#footer {

	width: 940px;

	color: #AAA;

	margin-left: auto;

	margin-right: auto;

}



#footer-wrapper {

	height: 80px;

	background-image: url(../images/wood_bg_footer.jpg);

	background-repeat: repeat-x;

	margin-top: 40px;

	padding-top: 20px;

}



/* Footer Navigation */



#nav-bottom {

	width: 400px;

	float: right;

	color: #FFF;

	text-align: right;

}



#nav-bottom a {

	margin-left: 15px;

	color: #FFF;

}



/* Contact Page-specific */



.textfield {

	background-color: #111;

	border: solid #333 1px;

	padding: 5px 5px 5px 5px;

	width: 290px;

	height: 16px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #CCC;

}



.textfield.multiline {

	height: 200px;

}



.textfield.short {

	width: 200px;

}



.textfield.short.search {

	margin-right: 10px;

}



.submit {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #FFF;

	width: 100px;

	height: 27px;

	background-color: #333;

	border: solid #666 1px;

	padding-bottom: 3px;

}



.submit:hover {

	background-color: #111;

	border: solid #333 1px;

}



/* Portfolio Page Style 1-specific */



.portfolio-thumbnail {

	width: 136px;

	height: 136px;

	margin-bottom: 10px;

	background-color: #111;

	border: solid #333 1px;

	float: left;

	margin-top: 10px;

	margin-right: 20px;

	padding: 1px 1px 1px 1px;

	overflow: hidden;

}



.portfolio-thumbnail.last {

	margin-right: 0px;

}



.portfolio-nav {

	float: right;

	margin-top: 8px;

	margin-left: 15px;

	width: auto;

}



/* Blog Page-specific */



.blog-entry {

	margin-bottom: 50px;

}



.blog-thumbnail-right, .blog-thumbnail-left {

	float: right;

	width: 196px;

	height: 196px;

	border: solid #333 1px;

	background-color: #111;

	margin-left: 10px;

	margin-bottom: 10px;

	margin-top: 4px;

	padding: 1px 1px 1px 1px;

	overflow: hidden;

}



.blog-thumbnail-left {

	float: left;

	margin-left: 0px;

	margin-right: 15px;

	width: 196px;

}



.blog-details-wrapper {

	float: right;

	width: 100%;

	margin-bottom: 25px;

}



.blog-details {

	float: left;

	margin-right: 20px;

	color: #AAA;

	width: auto;

}



.blog-details img {

	margin-top: -3px;

	margin-right: 5px;

	margin-bottom: -3px;

}