/*
Theme Name: Rhyno Design Gray Gold
Theme URI: http://www.rhynodesign.com/notebook
Description: Theme to match the Rhyno Design web site.
Version: 1.0
Author: Ryan Bickett
Author URI: http://www.rhynodesign.com
*/

/* BEGIN General Styles
---------------------------------------------------------------------- */
body {
	background: #333333 url(../images/bg_diag_main.gif) repeat-y center;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: large "Trebuchet MS", verdana, arial, helvetica, sans-serif;
}

#wrap {
	width: 880px;
	margin: 0 auto;
	text-align: left;
	color: #666666;
}

.clear {
	clear: both;
}

a {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
}

#home #content a {
	color: #92b125;
}

#home #content a:hover {
	color: #666666;
}

#portfolio #content a {
	color: #b41827;
}

#portfolio #content a:hover {
	color: #666666;
}

#services #content a {
	color: #6f7cd9;
}

#services #content a:hover {
	color: #666666;
}

#notebook #content a {
	color: #e9a420;
}

#notebook #content a:hover {
	color: #666666;
}

#about #content a {
	color: #3472ca;
}

#about #content a:hover {
	color: #666666;
}

#contact #content a {
	color: #e6c448;
}

#contact #content a:hover {
	color: #666666;
}

/* BEGIN Header
---------------------------------------------------------------------- */
#header h1 {
	background: url(../images/header_green.gif) center;
	width: 880px;
	height: 140px;
	margin: 10px 0px;
	padding: 0px;
	text-indent: -9999px;
}

#portfolio #header h1 {
	background: url(../images/header_red.gif) center;
}

#services #header h1 {
	background: url(../images/header_purple.gif) center;
}

#notebook #header h1 {
	background: url(../images/header_orange.gif) center;
}

#about #header h1 {
	background: url(../images/header_blue.gif) center;
}

#contact #header h1 {
	background: url(../images/header_yellow.gif) center;
}

#home #header h1 {
	background: url(../images/header_green.gif) center;
}

/* BEGIN Navigation
---------------------------------------------------------------------- */
#nav ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style: none;
	width: 880px;
	height: 40px;
	float: left;
	text-align: center;
}

#nav ul li {
	float: left;	
}

#nav a {
	display: block;
	height: 40px;
	width: 150px;
	margin: 0px;
	padding: 0px;
	line-height: 39px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: large;
}

#nav-portfolio a {
	width: 140px;
	background: #666 url(../images/btn_portfolio.gif) no-repeat;
}

#nav-portfolio a:hover,
#portfolio #nav-portfolio a,
#portfolio #nav-portfolio a:hover {
	width: 140px;
	background: #666 url(../images/btn_portfolio_on.gif) no-repeat;
}

#nav-services a {
	background: #666 url(../images/btn_services.gif) no-repeat;
}

#nav-services a:hover,
#services #nav-services a,
#services #nav-services a:hover {
	background: #666 url(../images/btn_services_on.gif) no-repeat;
}

#nav-notebook a {
	background: #666 url(../images/btn_notebook.gif) no-repeat;
}

#nav-notebook a:hover,
#notebook #nav-notebook a,
#notebook #nav-notebook a:hover {
	background: #666 url(../images/btn_notebook_on.gif) no-repeat;
}

#nav-about a {
	background: #666 url(../images/btn_about.gif) no-repeat;
}

#nav-about a:hover,
#about #nav-about a,
#about #nav-about a:hover {
	background: #666 url(../images/btn_about_on.gif) no-repeat;
}

#nav-contact a {
	background: #666 url(../images/btn_contact.gif) no-repeat;
}

#nav-contact a:hover,
#contact #nav-contact a,
#contact #nav-contact a:hover {
	background: #666 url(../images/btn_contact_on.gif) no-repeat;
}

#nav-home a {
	width: 140px;
	background: #666 url(../images/btn_home.gif) no-repeat;
}

#nav-home a:hover,
#home #nav-home a,
#home #nav-home a:hover {
	width: 140px;
	background: #666 url(../images/btn_home_on.gif) no-repeat;
}

/* BEGIN Image Block
---------------------------------------------------------------------- */
#image-block img {
	padding: 10px;
	margin-bottom: 10px;
	background-color: #9f9f9f;
}

/* BEGIN Main Content Area
---------------------------------------------------------------------- */
#content {
	width: 550px;
	float: left;
}

#content h1 {
	clear: both;
	margin: 0 0 0 0;
	padding: 0;
	font-size: xx-large;
	/* border-bottom: solid 1px; */
	color: #666666;
}

#content h2 {
	margin: 0 0 1em 0;
	padding: 0px;
	font-size: x-large;
}

#content h3 {
	margin: 0 0 1em 0;
	padding: 0px;
	font-size: large;
}

#content h4 {
	margin: 0 0 1em 0;
	padding: 0px;
	font-size: medium;
}

#content h5{
	padding: 0px;
	margin: 0 0 1em 0;
	font-size: small;
	font-style: italic;
}

#content h6 {
	margin: 0px;
	padding: 0px;
	font-size: x-small;
}

#content p {
	clear: both;
	margin: 1em 0 1em 0;
	padding: 0;
	
}

#content img {
	padding: 10px;
	margin: 0 10px 0 0;
	background-color: #9f9f9f;
}

#notebook #content img {
	padding: 10px;
	margin: 10px 10px 10px 0;
	background-color: #9f9f9f;
}

#content fieldset {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #666;
	background: #f8f8f8;
}

#content legend {
	font-size: large;
	font-weight: bold;
	color: #666666;
	padding: 0;
	margin: 0;
}

#content label {
	display: block;
	font-weight: bold;
	margin-bottom: .25em;
}

#content input {
	width: 200px;
	margin-bottom: 1em;
}

#content textarea {
	width: 300px;
	height: 100px;
	margin-bottom: 1em;
}

.post {
	border-bottom: 1px dashed #bbbbbb;
	margin-bottom: 1em;
}

.post-date {
	float: left;
}

.post-byline {
	float: right;
}

.post-comments {
	/* border-top: solid 1px; */
	margin: 0 0 1em 0;
}

#content h1 .pagetitle {
	margin-bottom: 1em;
}

.alignright {
	float: right;
	margin-bottom: 1em;
}
	
.alignleft {
	float: left;
	margin-bottom: 1em;
}

.bannerAd {
	text-align: center;
	margin-bottom: 10px;
}

/* BEGIN Sidebar
---------------------------------------------------------------------- */
#sidebar {
	width: 320px;
	float: right;
	margin-bottom: 10px;
	text-align: center;
	font-size: medium;
}

#snapshots img {
	border: 0;
}

.box-green {
	width: 320px;
	background: #92b125 url(../images/box_green_bottom.gif) no-repeat left bottom;
	margin-bottom: 10px;
	text-align: left;
}

.box-green h1 {
	background: #404d10 url(../images/box_green_top.gif) no-repeat left top;
	color: #fff;
	padding: 10px;
	margin: 0px;
	font-size: large;
	text-transform: capitalize;
}

.box-green p {
	color: #404d10;
	padding: 10px;
	margin: 0px;
}

.box-green ul {
	color: #404d10;
	padding: 0 0 10px 0;
	margin: 0px;
	list-style: none;
}

.box-green li {
	color: #404d10;
	border-bottom: 1px solid #404d10;
	padding: 5px 10px;
	margin: 0px;
}

.box-green a {
	color: #404d10;
	font-weight: bold;
	text-decoration: none;
	/* display: block; */
}

.box-green a:hover {
	color: #fff;
}

.box-red {
	width: 320px;
	background: #b41827 url(../images/box_red_bottom.gif) no-repeat left bottom;
	margin-bottom: 10px;
	text-align: left;
}

.box-red h1 {
	background: #5a0a11 url(../images/box_red_top.gif) no-repeat left top;
	color: #fff;
	padding: 10px;
	margin: 0px;
	font-size: large;
	text-transform: capitalize;
}

.box-red p {
	color: #5a0a11;
	padding: 10px;
	margin: 0px;
}

.box-red ul {
	color: #5a0a11;
	padding: 0 0 10px 0;
	margin: 0px;
	list-style: none;
}

.box-red li {
	color: #5a0a11;
	border-bottom: 1px solid #5a0a11;
	padding: 5px 10px;
	margin: 0px;
}

.box-red a {
	color: #5a0a11;
	font-weight: bold;
	text-decoration: none;
	/* display: block; */
}

.box-red a:hover {
	color: #fff;
}

.box-purple {
	width: 320px;
	background: #6f7cd9 url(../images/box_purple_bottom.gif) no-repeat left bottom;
	margin-bottom: 10px;
	text-align: left;
}

.box-purple h1 {
	background: #404295 url(../images/box_purple_top.gif) no-repeat left top;
	color: #fff;
	padding: 10px;
	margin: 0px;
	font-size: large;
	text-transform: capitalize;
}

.box-purple p {
	color: #404295;
	padding: 10px;
	margin: 0px;
}

.box-purple ul {
	color: #404295;
	padding: 0 0 10px 0;
	margin: 0px;
	list-style: none;
}

.box-purple li {
	color: #404295;
	border-bottom: 1px solid #404295;
	padding: 5px 10px;
	margin: 0px;
}

.box-purple a {
	color: #404295;
	font-weight: bold;
	text-decoration: none;
	/* display: block; */
}

.box-purple a:hover {
	color: #fff;
}

.box-orange {
	width: 320px;
	background: #e9a420 url(../images/box_orange_bottom.gif) no-repeat left bottom;
	margin-bottom: 10px;
	text-align: left;
}

.box-orange h1 {
	background: #956306 url(../images/box_orange_top.gif) no-repeat left top;
	color: #fff;
	padding: 10px;
	margin: 0px;
	font-size: large;
	text-transform: capitalize;
}

.box-orange p {
	color: #956306;
	padding: 10px;
	margin: 0px;
}

.box-orange ul {
	color: #956306;
	padding: 0 0 10px 0;
	margin: 0px;
	list-style: none;
}

.box-orange li {
	color: #956306;
	border-bottom: 1px solid #956306;
	padding: 5px 10px;
	margin: 0px;
}

.box-orange a {
	color: #956306;
	font-weight: bold;
	text-decoration: none;
	/* display: block; */
}

.box-orange a:hover {
	color: #fff;
}

.box-blue {
	width: 320px;
	background: #3472ca url(../images/box_blue_bottom.gif) no-repeat left bottom;
	margin-bottom: 10px;
	text-align: left;
}

.box-blue h1 {
	background: #12335c url(../images/box_blue_top.gif) no-repeat left top;
	color: #fff;
	padding: 10px;
	margin: 0px;
	font-size: large;
	text-transform: capitalize;
}

.box-blue p {
	color: #12335c;
	padding: 10px;
	margin: 0px;
}

.box-blue ul {
	color: #12335c;
	padding: 0 0 10px 0;
	margin: 0px;
	list-style: none;
}

.box-blue li {
	color: #12335c;
	border-bottom: 1px solid #12335c;
	padding: 5px 10px;
	margin: 0px;
}

.box-blue a {
	color: #12335c;
	font-weight: bold;
	text-decoration: none;
	/* display: block; */
}

.box-blue a:hover {
	color: #fff;
}

.box-yellow {
	width: 320px;
	background: #e6c448 url(../images/box_yellow_bottom.gif) no-repeat left bottom;
	margin-bottom: 10px;
	text-align: left;
}

.box-yellow h1 {
	background: #95770b url(../images/box_yellow_top.gif) no-repeat left top;
	color: #fff;
	padding: 10px;
	margin: 0px;
	font-size: large;
	text-transform: capitalize;
}

.box-yellow p {
	color: #95770b;
	padding: 10px;
	margin: 0px;
}

.box-yellow ul {
	color: #95770b;
	padding: 0 0 10px 0;
	margin: 0px;
	list-style: none;
}

.box-yellow li {
	color: #95770b;
	border-bottom: 1px solid #95770b;
	padding: 5px 10px;
	margin: 0px;
}

.box-yellow a {
	color: #95770b;
	font-weight: bold;
	text-decoration: none;
	/* display: block; */
}

.box-yellow a:hover {
	color: #fff;
}

.adSidebar {
	margin-bottom: 8px;
	text-align: center;
}

/* BEGIN Footer
---------------------------------------------------------------------- */
#footer {
	clear: both;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	width: 860px;
	background: #3f3f3f;
	color: #ddd;
	text-align: center;
}

#footer p {
	margin: 1em 0;
	padding: 0;
}

#footer a {
	color: #fff;
	font-weight: bold;
	font-size: medium;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

.footer-nav {
	font-size: medium;
}

.footer-copyright {
	font-size: medium;
}