/*
Theme Name: Trish Coonrod
Theme URI: http://www.trishcoonrod.com
Description: The theme for Trish Coonrod's art portfolio site.
Version: 1.0
Author: Stuart Wagner
Author URI: http://www.lukadodesigns.com

	Trish Coonrod v1.0
	 http://www.trishcoonrod.com

*/
/****************************************
 * Trish Coonrod
 * Main CSS Rules
 *
 * Author: Stuart Wagner
 ****************************************/
html, body, div, span, applet, object, iframe,
header, footer, nav, section, article, aside,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, 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;
}

strong, em {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}

:focus {
	outline:0;
}

ol, ul {
	list-style:none;
}

table {
	border-collapse:separate;
	border-spacing:0;
}

caption, th, td {
	text-align:left;
	font-weight:normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}

blockquote, q {
	quotes:"" "";
}

body {
	background:#333;
	color:#222;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	line-height:1;
}

/****************************************
 * Layout
 ****************************************/
#wrap {
	float:left;
	width:100%;
	margin:0;
	background:#d8d4a8 url(/wp-content/themes/trishcoonrod/i/images/bg.jpg) repeat top;
}

/****************************************
 * Header
 ****************************************/
#header {
	width:900px;
	height:100px;
	margin:70px auto;
}

#identity {
	width:400px;
	height:100px;
	float:left;
}

#logo {
	background:url(/wp-content/themes/trishcoonrod/i/images/logo.png) no-repeat top left;
	width:386px;
	height:71px;
	margin:0;
	float:left;
}

#logo a {
	width:386px;
	height:71px;
	float:left;
	margin:0;
	text-decoration:none;
}

#logo h1 a span {
	position:absolute;
	top:-9999px;
	left:-9999px;
}

#tagline {
	width:330px;
	height:15px;
	float:left;
	margin:14px 0 0 66px;
}

#tagline h2 {
	font-size:16px;
	color:#a09a4e;
	font-weight:bold;
}

/****************************************
 * Navigation
 ****************************************/
#navigation {
	width:480px;
	height:35px;
	float:right;
	margin:35px 0 0 0;
}

ul#nav {
	height:35px;
	margin:0;
	float:right;
	list-style:none;
}

#nav li {
	float:left;
	background:none;
	list-style:none;
}

#nav li a {
	display:block;	
	height:25px;
	border:none;
	padding:7px 12px 0 12px;
	font-size:14px;
	font-weight:bold;
	color:#481f0a;
	text-decoration:none;
}

#nav li a:hover, #nav li a:active {
	background:#9e8b5b;
	color:#e6e4c8;
}

/****************************************
 * Main Content
 ****************************************/
#content {
	width:900px;
	margin:60px auto 0;
	padding:0 0 60px 0;
	clear:both;
}

/* Home */
.home {
	text-align:center;
}

.home p {
	font-size:14px;
}

/* Contact */
#contactform {
	width:420px;
	float:left;
	margin:0;
	padding:0 0 60px 0;
}

#contactinfo {
	width:420px;
	float:right;
	margin:0;
	text-align:right;
	padding:0 0 60px 0;
}

/* Portfolio */
div.portfolio div.category {
	width:280px;
	margin:0 30px 38px 0;
	float:left;
	text-align:right;
}

div.portfolio div.category:nth-child(3n) {
	margin:0 0 38px 0;
	float:right;
}

div.portfolio div img {
	width:280px;
	height:190px;
	margin:0;
}

#grid {
	width:900px;
	float:left;
	margin:0;
}

#grid img {
	width:280px;
	height:190px;
	float:left;
	margin:0 30px 38px 0;
}

#grid img.last {
	margin:0 0 38px 0;
}

/****************************************
 * Next & Previous
 ****************************************/
#previous, #next {
	width:400px;
	margin:0 0 60px 0;
	font-size:14px;
	font-weight:bold;
}

#previous {
	float:left;
	text-align:left;
}

#next {
	float:right;
	text-align:right;
}

/****************************************
 * Footer
 ****************************************/
#footerwrap {
	float:left;
	width:100%;
   	background:#333 url(/wp-content/themes/trishcoonrod/i/images/footer.png) repeat-x top center;
	color:#e7e7e7;
	padding:0 0 38px 0;
}

#footer {
	width:900px;
  	margin:40px auto 0;
	clear:both;
}

#legal {
	width:400px;
	float:left;
	margin:0;
	text-align:left;
}

#links {
	width:480px;
	float:right;
	text-align:right;
	color:#a09a4e;
}

#links ul {
	list-style:none;
	float:right;
	text-align:right;
	margin:0;
}

#links ul li {
	float:left;
	margin:0;
	padding:0 6px;
	border-left:1px solid #a09a4e;
}

#links ul li.first {
	border:none;
}

#footer a, #footer a:visited, #footer a:link {
	color:#a09a4e;
}

#footer a:hover, #footer a:active {
	color:#e7e7e7;
}

/****************************************
 * Text Styles
 ****************************************/
h1 {
	font-size:30px;
	font-weight:normal;
	margin:0 0 60px 0;
	padding:0;
	color:#481f0a;
}

h2 {
	font-size:20px;
	font-weight:normal;
	margin:0 0 12px 0;
	padding:0;
	color:#862d00;
}

p {
	line-height:18px;
	margin:12px 0 0 0;
	font-size:13px;
}

.error {
	color:#d00;
	font-weight:bold;
}

.success {
	color:#862d00;
	font-weight:bold;
}

/****************************************
 * Lists
 ****************************************/
ul {
	list-style:none;
}

ul li {
	font-size:13px;
	line-height:18px;
}

/****************************************
 * Forms
 ****************************************/
form {
	width:100%;
	float:left;
	margin:20px 0 0 0;
}

form p {
	margin:0;
}

form td.label {
	text-align:right;
	padding:6px 6px 0 0;
	vertical-align:top;
}

input {
	background:#eee0ff;
	border:2px solid #baaa80;
	padding:6px;
	margin:0 0 6px 0;
	font-size:14px;
	color:#481f0a;
}

input#submit {
	background:#a08d5f;
	border:2px solid #756235;
	padding:4px 12px;
	margin:12px 0 0 0;
	color:#e6e4c8;
}

textarea {
	background:#eee0ff;
	border:2px solid #baaa80;
	padding:6px;
	margin:0 0 6px 0;
	font-size:14px;
	color:#481f0a;
	font-family:Tahoma, Geneva, sans-serif;
}

label {
	font-size:14px;
}

form .error {
	border:2px solid #d00;
	color:#481f0a;
	font-weight:normal;
}

/****************************************
 * Images
 ****************************************/
img {
    border:none;
	margin:12px 0;
}

img.aligncenter {
	text-align:center;
	display:block;
	margin:0 auto;
}

img.alignleft {
	float:left;
	margin:0;
	text-align:left;
	display:inline;
}

img.alignright {
	float:right;
	margin:0;
	text-align:right;
	display:inline;
}

img.framed {
	padding:11px;
	border:1px solid #a29c63;
	background:#fff;
}

/****************************************
 * Links
 ****************************************/
a, a:visited {
 	text-decoration:none;
	outline:none;
	color:#862d00;
}

a:hover, a:active {
	text-decoration:underline;
	color:#222;
}