/*
Theme Name: Pen and Paige
Theme URI: http://www.penandpaige.com/
Description: Pen and Paige custom Wordpress theme.
Author: Preston Stahley
Author URI: http://www.prestonstahley.com/

Copyright (c) Pen and Paige.

*/

/*
YUI CSS Reset.
Copyright (c) 2008, Yahoo! Inc. All rights reserved.  Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.2
*/
html{color:#000;background:#FFFDEE;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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;}li{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;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* Main
---------------------------------------------------------------------------------*/
body {
	background:#FFFDEE url(images/page-bg.gif) no-repeat 50% 0;
	color:#472517;
	font-family:Georgia,"Times New Roman",serif;
}

.clear {
	clear:both;
}


/* Headings and typography
---------------------------------------------------------------------------------*/

a:link,
a:visited {
	text-decoration: underline;
	color: #e86386;
}

a:hover,
a:active {
	background-color: #e86386;
	color: #fff;
}

h2 { font-size:230%; }

h2.page-title { margin-bottom:20px; }

h2.blog-title {
	display:block;
	width:453px;
	height:105px;
	text-indent: -2000em;
	background: url(images/magic-city-kitsch.gif) no-repeat 50% 50%;
}

h2.entry-title { font-size:161.6%; letter-spacing:-0.02em; }

h2.single-entry-title { font-size:197%; }

h3 { font-size:161.6%; }

h4 { font-size:131%; }


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

#header { width: 720px; height:185px; margin: 0 auto; position: relative; }
#header h1 a { display:block; height:135px; width:232px; background: url(images/logo.gif) no-repeat; text-indent: -2000em; position:absolute; bottom:-15px; margin-left:15px; outline:none; }
#nav { position:absolute; bottom:-1px; left:275px; }
#nav li { float:left; margin-right:5px; }
#nav li.current { background:url(images/arrow.gif) no-repeat 50% 100%; }
#nav li a {
	display:block;
	padding:0 10px 10px;
	color: #472517;
	text-decoration:none;
	font-size:161.6%; /*21px*/
	outline:none;
}
#nav li a:hover, #nav li a:active  { background-color:transparent; text-decoration:underline; }
#nav li.current a:hover, #nav li.current a:active  { text-decoration:none; }

/* Home
---------------------------------------------------------------------------------*/

#greeting {
	font-size:230%;
	text-align:center;
	padding:10px 0 25px 0;
	border-bottom:1px dotted #ccc;
	margin-bottom:25px;
}

.home-mid {
	padding-bottom:25px;
	border-bottom:1px dotted #ccc;
	margin-bottom:25px;
}

.home-mid .entry-content { margin-left:20px; width:auto; }

.home-mid .mug {
	float:right;
	margin:0 20px;
}

.home-mid .mug img { padding:2px; border:1px solid #ccc; }

.home-latest { margin-bottom:25px; }

.home-latest .blog, .home-latest .work { float:left; width:300px; }

.home-latest .work { margin-left:25px; padding-left:25px; border-left:1px dotted #ccc; }

.home-latest .entry-content { margin:0; }

/* Page
---------------------------------------------------------------------------------*/

#container { width: 718px; margin: 0 auto; background-color:#fff; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#container .wrap { padding:20px; }
#container .share { width:450px; float:left; }
#container #main {  }
#container #sidebar { width:200px; float:right; overflow:hidden; }

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

.side-list li { margin-bottom:30px; }
.side-list li li { margin-bottom:0; }

.categories .cat-item {
	border-bottom:1px solid #ccc;
	padding:5px 0;
	color:#888;
	font-size:85%;
}

.categories .cat-item a { font-size:140%; }

.tagcloud { padding-top:5px; overflow:hidden; }

.tagcloud a {
	line-height:125%;
	margin:0pt 5px;
	text-transform:capitalize;
	white-space:nowrap;
}

#searchform { margin-top:5px; }
#searchform #s { padding:3px 5px; width:150px; }

.linkcat ul { margin-top:5px; }
.linkcat li { margin-bottom:5px!important; }

#contact div { margin-top:5px; }

#sidebar #custom p {
	margin-bottom:1em;
	line-height:1.3em;
}

#sidebar #custom strong { font-weight:bold; }
#sidebar #custom em { font-style:italic; }
#sidebar #custom blockquote { background-color:#ECE3D4; padding:10px; margin-bottom:2em; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#sidebar #custom blockquote p { margin:0; }

#sidebar #custom h3 { margin-bottom:5px; }

#sidebar #custom .images a:hover, #sidebar #custom a:active { background:transparent; }

/* post
---------------------------------------------------------------------------------*/

.post-top-nav { border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 10px; }

.post {
	margin-bottom:25px;
	padding-bottom:25px;
	border-bottom:1px dotted #ccc;
	clear:both;
	position:relative;
}

.comments-top {
	float:right;
	padding:10px 0 0 10px;
}

.comments-top a, .comments-top a:visited {
	display:block;
	text-decoration:none;
}

.entry-date {
	color:#472517;
	font-size:85%;
	font-family: arial, sans-serif;
	position:absolute;
	top:12px;
	left:-91px;
	padding:10px 10px 10px 20px;
	text-align:center;
	width:40px;	
	background:url(images/date-bg.gif) no-repeat;
}

.entry-date  .day  { display:block; font-size:200%; font-weight:bold; line-height:1em; }

.entry-title a, .entry-title a :visited, .single-entry-title a, .single-entry-title a:visited { text-decoration:none; }

.edit-link a {
	color:#8C2947;
	font-family:arial,helvetica,clean,sans-serif;
	font-size:40%;
	font-weight:bold;
}

.entry-meta {
	background-color:#6F5145;
	color:#fff;
	font-size:93%;
	margin-top:5px;
	padding:4px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.entry-meta a {
	text-decoration:none;
}

.tag-links {
	padding-left:10px;
}

.entry-content {
	margin-top:1em;
	overflow:hidden;
	width:100%;
}

.entry-content p {
	margin-bottom:1.5em;
	line-height:1.6em;
}

.entry-content strong { font-weight:bold; }
.entry-content em { font-style:italic; }
.entry-content blockquote { background-color:#ECE3D4; padding:10px; margin-bottom:2em; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.entry-content blockquote p { margin:0; }

.entry-tools { text-align:right; }
.entry-tools .tool-link { margin-right:10px; }

.navigation {
	font-size:85%;
	margin:25px 0px;
	padding:5px;
}

.navigation a {
	padding:3px 10px;
	line-height:2;
	border:1px solid #ccc;
	text-decoration:none;
}



/* Portfolio
---------------------------------------------------------------------------------*/
.portfolio-list {
	margin:10px 0 20px 0;
}

.portfolio-list li {
	display:block;
	float:left;
	margin:0 15px 15px 0;
	width:120px;
	height:130px;
	overflow:hidden;
}

.portfolio-list li img {
	padding:5px;
	border:1px solid #ccc;
	width:100px;
	height:100px;
}

.portfolio-list li  a:hover img {
	background-color:#E86386;
}

.portfolio-list li  a:hover {
	color:#E86386;
	background-color:transparent;
}

.portfolio-list .title { font-size:85%; line-height:1.5em; }

.project-meta { padding:10px; margin-bottom:20px; border:1px dotted #ccc; }

.project-meta  .type { float:left; width:300px; }

.project-meta  .role { float:left; margin-left:20px; padding-left:20px; border-left:1px dotted #ccc; width:300px; }

.project-images img {
	padding:10px;
	margin:0 20px 20px 0;
	border:1px solid #ccc;
	background-color:#fff;
}

.project-docs { margin-bottom:20px; }

.project-docs .doc { padding-right:10px;border-right:1px dotted #ccc; margin-right:10px; }

.split-j, .split-c {
	width:325px;
	float:left;
	margin-bottom:50px;
	margin-top:-10px;
}

.split-j { margin-right:20px; }

.split-j img, .split-c img { float:left; width:100px; height:100px; }

.split-j h3, .split-c h3 { position:relative; top:10px; left:10px; }

.split-j h3 a, .split-c h3 a { background-color:#fff; text-decoration:none; }

.split-j h3 a:hover, .split-c h3 a:hover { background-color:#E86386; color:#fff; }

.multi-img { border:1px solid #ccc; padding:11px; height:1%; }

/* comments
---------------------------------------------------------------------------------*/
#comments {
	margin-bottom:40px;
}

#comments h3 {
	color:#472517;
	margin-bottom:10px;
}

#comments p {
	margin-bottom:10px;
}

.commentlist li {
	margin-bottom:20px;
	clear:both;
	position:relative;
}

.commentlist li .userImage {
	float:left;
}

.commentlist li .userImage img {
	background:#ECE3D4;
	padding:3px;
}

.commentlist li .userComment {
	margin-left:45px;
}

.commentlist li .postDate {
	float:right;
}

.commentlist li .postUser {
	border-bottom:1px solid #ccc;
	font-size:85%;
	padding:5px 0;
	margin-bottom:5px;
}

.commentlist li .postUser .userName {
	font-weight:bold;
}

.authorcomment .postUser {
	background-color:#ECE3D4;
}

#commentform input {
	padding:2px;
	margin-right:5px;
}

#commentform #submit {
	background-color:#6F5145;
	color:#fff;
	border:1px solid #ccc;
	padding:5px 10px;
	margin:0;
	cursor:pointer;
}

#commentform label {
	font-weight:bold;
}

#commentform label small {
	font-weight:normal;
	font-size:85%;
}

#commentform textarea {
	width:435px;
	height:100px;
	padding:5px;
}


/* contact form
---------------------------------------------------------------------------------*/
#scf2 {
	margin-top:5px;
	background-color:#ECE3D4;
	border:1px solid #CCCCCC;
	position:relative;
	top:-20px;
}

#scf2_submit {
	background-color:#6F5145;
	color:#fff;
	border:1px solid #ccc;
	cursor:pointer;
}

/* images
---------------------------------------------------------------------------------*/
.aligncenter {
	margin:0 auto;
}


/* footer
---------------------------------------------------------------------------------*/

#footer { clear:both; }
#footer .note { padding:10px; width:320px; margin:0 auto; text-align:center; background:url(images/foot-note.gif) no-repeat; }
#base { padding-top:100px; }

/* Captions
---------------------------------------------------------------------------------*/

/* Captions */
.alignleft,
div.alignleft {
	display: block;
	float:left;
	margin:0 20px 20px 0;
}

.alignright,
div.alignright {
	display: block;
	float:right;
	margin:0 0 20px 20px;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ccc;
	text-align: center;
	background-color: #ECE3D4;
	padding-top: 5px;
	margin: 20px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	color:#666;
	line-height: 17px;
	padding: 10px;
	margin: 0;
}