/*
Style Name: Style 1
Style URI: http://portfoliorodeo.com/
Description: Style 1
Author: http://portfoliorodeo.com/
Author URI: http://portfoliorodeo.com/
Version: 1.0
*/

/*
Yahoo Reset | http://developer.yahoo.com/yui/reset/#code
========================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/*
DEFAULTS
======================================*/
body {text-align:center;background:#fff;}
h1, h2, h3, h4, h5, h6 {margin:0;color:#777777;}
h1 {font-size:180%;}
h2 {font-size:160%;}
h3 {font-size:140%;}
h4 {font-size:120%;}
h5 {font-size:110%;}
h6 {font-size:100%;}
p {margin:0 0 20px 0;}
a {color:#757500;outline:none;text-decoration:none;}
a:hover{color:#770000;}
strong {font-weight:bold;}
em {font-style:italic;}
.hide {display:none;}
.clear {clear:both;}

/*
IMAGES
======================================*/
.image_left {
	float:left;
	margin:0 15px 10px 0;
}

.image_right {
	float:right;
	margin:0 0 10px 15px;
}

.image_center {
	margin:0 auto 15px auto;
	display:block;
}

/*
WRAPPER
================================*/
#wrapper {
	text-align:left;
	margin:20px auto;
	width:800px;
	font: 62.5% Arial, sans-serif;
	color:#000;
}

.clear {
	clear:both;
}

.hide {
	display:none;
}

/*
HEADER
================================*/
#header {
	position:relative;
	margin:0 0 30px 0;
	height:2.4em;
	border-bottom:1px solid #000;
}

#index #header {
	background:none;
	margin:0;
}

#header h1 {
	margin-left:10px;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
}

#header h1 a {
	color:#000;
}

#header h1 a:hover {
	color:#999;
}

/*
MAIN NAVIGATION
================================*/
#mainnav {
	position:absolute;
	right:10px;
	top:2px;
	text-transform:lowercase;
	font-size:14px;
}

#mainnav ul {
	display:inline;
}

#index-nav ul {
	margin:0 0 15px 0;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:.75em;
	text-align:center;
}

#index-nav ul li {
	padding:0 40px;
	display:inline;
}

#mainnav ul li {
	float:left;
}

#mainnav ul li a {
	display:block;
	margin:0 3px;
	color:#000;
}

#index-nav ul li a {
	color:#000;
}

#mainnav ul li a:hover,
#index-nav ul li a:hover {
	color:#222;
}

#mainnav li.current_page_item a {
	color:#777;
}

/*
SUB NAVIGATION
================================*/
#subnav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	margin:0 0 20px 0;
}

#subnav ul li {
	float:left;
	margin:0 20px 0 0;
	padding:2px 0;
}

#subnav ul li.current_page_item {
	border-top:1px solid #444;
	padding:1px 0;
}

/*
CONTENT
================================*/
#index #content {
	margin:0 auto;
}

#index #content p {
	margin:0;
}

#index #content img {
	margin-top:15px;	
}

#content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	margin:0 10px;
}

#content h2 {
	font-family:Arial, Helvetica, sans-serif;
	line-height:.9em;
	font-size:.9em;
	font-style:italic;
	font-weight:bold;
}

#content h2,
#content h2 a {
	color:#000;
	font-size:95%;
	margin:0 0 10px 0;
}

#content h2 a:hover {
	color:#757500;
}

#content h3 {
	clear:both;
	color:#000;
	font-family:Arial,sans-serif;
	font-size:95%;
	margin:0pt 0pt 10px;
}

#content.cv h3 {
	font-weight:bold;
	border-bottom:1px dotted #000;
}

#content h4 {
	font-size:1.2em;
	font-weight:bold;
	color:#444;
	clear:both;
}

#content p {
	line-height:1.3em;
}

#content .post p {
	clear:both;
}

#content blockquote {
	margin:2.3em;
	font-style:italic;
}

#content img {
	border:1px solid #000;
}

#content .post ul {
	list-style:square;
	margin:.9em 0 .9em 3.1em;
}

#content .post ol {
	list-style:decimal;
	margin:.9em 0 .9em 3.1em;
}

.post.ideas h2 {
        border-bottom:1px dotted #777;
        border-top:1px dotted #777;
        padding:10px 0 10px 0;
}

.post.ideas {
        margin-bottom:40px
}

#content .post, .postexcerpt {
	clear:both;
}

#content .postarchive {
	margin-bottom:1em;
	clear:both;
}

#content .postarchive .post-thumb {
	float:left;
	margin:0 .8em 0 0;
}

#content .post .date {
	float:left;
	font-weight:bold;
	color:#666;
	margin:.1em .4em 0 0;
}

#content .news {
	width:550px;
}

#content .news .date {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	margin:4px 5px 0 0;
}

#content .news p {
	margin:0 0 20px 85px;
}

#content .edit {
	padding-right:.8em;
	font-size:.9em;
	text-align:right;
	display:block;
	background:url("images/triangle_right.gif") no-repeat left;
	background-position:100% .09em;
	clear:both;
}

#content #print {
	text-transform:uppercase;
}

/*
Single Gallery View
================================*/
.vgallery {
	clear:both;
}

.vgalleryfullsize {
	float:left;
	width:550px;
}

.vgalleryfullsize img {

}

.vgthumbs {
	float:right;
	width:175px;
}

.vgthumbs a img {
	border: none;
}

.vgcaption {
	margin:15px 0 0 0;
	font-size:90%;
	font-family:Arial, sans-serif;
}

/*
Multiple Galleries View
================================*/

#content .galleryarchive {
	margin:0 0 40px 0;
}

#content .galleryarchive .post-thumb {
	float:left;
	margin:0 10px 10px 0;
}

#content .galleryarchive h2 {
	font-size:.9em;
	letter-spacing:0;
	margin:0 0 0 10px;
	text-transform:uppercase;
}

#content .galleryarchive h2 a {
	color:#000;
}

/*
Comments
================================*/
.commentlink {
	font-size:.9em;
	font-style:italic;
}
#comments {
	clear:both;
	margin:30px 0 30px 0;
	padding:20px 0 0 0;
	font-family:Arial, sans-serif;
}

#comments h3#respond {
	margin:0 0 15px 0;
	padding:5px 0;
	border-top: 1px dotted #CCC;
}

#comments #commentheader {
	font-size:.9em;
	height:1.5em;
	margin:0 0 15px 0;
	padding-top:10px;
	border-top: 1px dotted #CCC;
}

#comments #commentheader ul {
	margin:.2em 0 0 0;
}

#comments #commentheader ul li {
	color:#ccc;
	text-transform:lowercase;
	display:inline;
	background:none;
}

#comments #commentheader ul #count span {
	color:#444;  
}

#comments #commentheader ul #feed {
	padding-left:16px;
	background:url(images/feed.gif) left no-repeat;
}

#comments ul p {
	margin-top:0;
	font-size:.9em;
}

#comments .commentlist {
	font-size:.95em;
	margin-bottom:30px;
}

#comments .commentmeta {
	text-align:right;
	float:left;
	width:20%;
	margin:0 15px 0 0;
}

#comments .commenttext {
	color:#333;
	float:left;
	width:70%;
}

#comments cite {
	display:block;
	font-size:.9em;
	font-weight:bold;
	font-style:normal;
}

#comments cite a {
	color:#A85400;
}

#comments ul li, 
#comments ul li.even, 
#comments ul li.odd {
	padding:5px 0;
	margin:0 0 10px 0;
	background:url(images/vborder.gif) repeat-y;
	background-position:163px 0;
}

#comments ul li.odd {
	background:#f1f1f1 url(images/vborder.gif) repeat-y;
	background-position:163px 0;
}
 
#comments ul .authorcomment {
	background:#FFFFDB url(images/vborder.gif) repeat-y;
	background-position:163px 0;
	margin:-5px 0;
	padding:5px 0;
}

#comments h3 {
	margin:25px 0 0 0;
	color:#444;
	border-bottom:1px dotted #ccc;
}

#comments form {
	padding:5px;
	float:left;
	width:48%;
}

#comments form label {
	display:block
}

#comments form textarea {
	color:#222; 
	font-family:Georgia, serif;
	border-top:1px solid #777;
	border-left:1px solid #777;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:1em;
	padding:5px;
	width:99%;
}

#comments form textarea:focus {
	background:#fff;
}

#comments form #submit {
	width:auto;
	color:#fff;
	margin-bottom:-1px;
	padding:3px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #777;
	border-bottom:1px solid #777;
	background:#181818;
}

#comments #tags {
	margin-bottom:30px;
}

/*
Contact Form
================================*/
form {
	width:40em;
}

form label {
	display:block;
	float:left;
	width:4.8em;
}

form em {
	font-size:.8em;
	margin-left:.4em;
	font-style:italic;
	color:#990000;
}

form input, form textarea {
	padding:.2em;
	width:16em;
	border:1px solid;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.9em;
}

form input, form textarea {
	border-color:#DCDCDC #F0F0F0 #F0F0F0 #DCDCDC;
}

form textarea {
	overflow:auto;
}

#contactform textarea, #contactform #poro_subject {
	width:80%;
}

form .button {
	color:#fff;
	width:6.4em !important;
	border-bottom:.1em solid;
	border-color:#f1f1f1 #DCDCDC #DCDCDC #f1f1f1;
	background-color:#181818;
	margin-left:5.2em;
}

/*
Footer
================================*/
#footer {
	width:800px;
	margin:20px auto;
	position:relative;
	clear:both;
	font-family:Arial,Helvetica,sans-serif;
}

#footer p {
	padding:10px 0 25px 0;
}

#footer #copyright {
	position:absolute;
	left:0;
	width:550px;
}

#footer #credit {
	position:absolute;
	right:0;
}