/*----------------------------------------------------------------

"Portfolio"

This site was created by Carolyn Yates. All rights reserved. 

----------------------------------------------------------------*/

/*----------------------------------
RESET
----------------------------------*/
html,body,div,span,applet,object,iframe,h1,h1 a, h2, h2 a, h3,h3 a, h4, h4 a, h5, h5 a, h6, h6 a,p,blockquote,pre,a,abbr,acronym,big,cite,code,del,dfn,em,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{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;background-color:transparent;margin:0;padding:0;}a,a:hover,a:active{border:none;}:focus{outline:0;}body{line-height:1;color:#000;background:transparent;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:400;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}

/*----------------------------------
 SETUP
----------------------------------*/

body { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px; line-height:20px; color:#333333; text-transform:none; padding:0; margin:0; background:#fefefe; }
a { text-transform:none; text-decoration:none; color:#224499; }
a:hover { color:#0099CC; text-decoration:none;}

hr { margin-top:1em; height:1em; border:none; width:520px; clear:both; }

.logo, .logo a { float:left; padding:0; margin:0; font-weight:bold; font-size:36px; line-height:40px; border:none; color:#000; text-transform:lowercase; letter-spacing:-0.055em;  }
.subtag { font-size:12px; line-height:18px; display:block; clear:both; border-top:2px solid #c9c9c9; width:940px; color:#666666; }

#nav { float:right; padding:0; height:20px; }
#nav ul { float:right; padding:10px 0 0 0; }
#nav li { text-align:center; float:left; display:inline; width:inherit; height:auto;}
#nav li a { font-size:14px; display:block; text-align:right; margin:5px 0 0 6px; padding:0 0 0 14px; font-weight:bold; }


/*-------Basics-------*/

#wrapper { width:940px; margin:0 auto; min-height:100%; padding:0 20px;}

#header { float:left; width:940px; height:72px; margin:48px 0 48px 0; padding:0; clear:both; }

#content { width:520px; float:left; overflow:hidden; margin:0; padding:0; }
#content-full { width:940px !important; float:left; overflow:hidden; margin:0; padding:0; }
#container { text-align:left; width:940px; margin:0 auto; }	
.clearfix:after { content:" "; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:block; }
html[xmlns] .clearfix { display:block; }
* html .clearfix { height:1em; }
.container { margin:0 auto; padding:0; width:940px; height:auto; clear:both; }

/*----------------------------------
 POSTS AND HEADINGS ETC
----------------------------------*/
.post { float:left; font-size:14px; line-height:20px; margin:0 0 20px 0; padding:0 0 0 210px;   }
.post p { margin:0 0 20px 0; padding:0; width:520px; font-family:Georgia,"Times New Roman",serif; }
.post p a { color:#224499; border-bottom:1px dotted #999; }
.post p a:hover { color:#0099CC; border-bottom:1px dotted #999; }
.post strong { font-weight:bold; line-height:14px; }
.post em{ font-style:italic; }
.post img, .post img a, .post img a:hover { padding:0; margin:0 0 20px 0 !important; border:none;}

img.attachment-post-thumbnail { border:3px #c9c9c9 solid; margin:0 0 4px 0; }

h1 { font-size:24px; line-height:24px; font-weight:bold; border-bottom:1px solid #c9c9c9; margin:14px 0 19px 0; padding:0; letter-spacing:-1.25px; display:block; clear:both; color:#000; }
h1 a, h3, h4, h5 {color:#000;}
.post h2, h2 { font-size:24px; line-height:20px; margin:0 0 20px 0; font-weight:bold; letter-spacing:-1.3px}
h3 { font-size:20px; line-height:20px; margin:0 0 14px 0; font-weight:bold; letter-spacing:-1.3px; }
.post h3 { font-size:16px; line-height:20px; margin:30px 0 10px 0; font-weight:bold; letter-spacing:-1.3px; }
h4 { font-size:18px; line-height:20px; margin:0 0 20px 0; padding:0; font-weight:bold; letter-spacing:-0.1px; }
.post h5, h5 { font-size:16px; line-height:20px; font-weight:bold; padding:0; }

.post .indent { padding-left:20px; }
	.post .indent p { padding-left:20px; }
.post .alignright { float:right; margin-left:10px; }
.post .alignleft { float:left; margin-right:10px; }
.post .aligncenter { margin:0 auto; display:block; }
.post abbr { font-weight:normal; }
.post ul li{ list-style:disc !important; margin:0 0 0 20px; width:520px; }
.post ol{ list-style:decimal; margin:0 0 20px 20px; width:520px }
.post blockquote p { width:520px; padding-left:20px; font-size:14px; line-height:20px; font-style:italics;}

.date, .links { color:#666666; float:left; font-size:12px; line-height:18px; clear:none !important; float:left; width: 210px; margin:0 -210px 0 0 !important; }
.links a { font-weight:bold;}
.links {margin:0 0 0 210px; width: 520px; list-style:none; }

.tags, .tags p { float:right; font-size:12px; line-height:18px !important; padding:4px 0 0 0; text-align:right; width:210px; color:#666666; display:block;  }

#post-nav { clear:both; float:left; font-size:24px; font-weight:bold; letter-spacing:-1.3px; list-style-image:none; list-style-position:outside; list-style-type:none; padding:18px 0 0 0; text-transform:uppercase; width:940px; border-top:1px solid #c9c9c9; }
#post-nav a { text-decoration:none; }
#prev-post { float:left; width:210px; }
#next-post { float:right; text-align:right; width:210px; }

/*----------------------------------
 COMMENTS
----------------------------------*/
#comments h3, h3.related { margin:0 0 17px 0; padding:0 0 2px 0; border-bottom:1px solid #c9c9c9; display:block; clear:both;}
#comments p { margin:0 0 20px 0px; padding:0; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; line-height:18px; font-size:12px; }
#comments ul.formlist { margin:20px 0 0 210px; padding:0; width:520px; float:left !important; text-align:left; list-style:none !important; font-size:12px; line-height:18px; text-transform:uppercase; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; }
	#comments ul.formlist li { display:block; margin:0 0 10px 0; }
#comments input { width:478px; font-size:12px; height:20px; font-weight:normal; padding:6px 0 0 5px; margin:3px 0; border:1px solid #c9c9c9; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; color:#333333;}
#comments textarea { width:468px; font-size:12px; font-weight:normal; border:1px solid #c9c9c9; padding:10px 5px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; color:#333333; }
#comments li.submitbutton input{background-color:#333333;border:1px solid #c9c9c9;color:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-weight:700;height:44px;padding:0;width:520px;}
#comments li.submitbutton input:hover{background-color:#0099CC;}
.comment-meta { width:210px; margin:0 -140px 0 -210px; overflow:hidden; font-size:12px; line-height:18px; float:left; }
.comment-author {font-size:16px; letter-spacing:-0.05em; font-weight:bold; }

/*----------------------------------
WORK PAGE
----------------------------------*/
.work {width:520px; margin: 0 0 0 210px; }
#work-thumbs { list-style-image:none; list-style-position:outside; list-style-type:none; float:left; margin:0 40px 18px 0; width:80px; }
#work-thumbs strong { float:right; font-size:13px; font-weight:normal; line-height:14px; margin:4px 10px 0; width:70px; }
#work-list a:hover img, #work-thumbs a:hover img { border:3px solid #c9c9c9; }

/*----------------------------------
FOOTER
----------------------------------*/
#footer {border-top:2px solid #c9c9c9;float:left;font-size:12px;margin:18px 0 0; padding:18px 0 100px 0;text-align:left;width:940px; }
.footer-copyright {display:inline;float:left;margin:2px 0;width:520px;}

/*----------------------------------
ARCHIVE PAGE
----------------------------------*/
.archive-head-descr, p.lead { font-weight:bold; font-size:18px; letter-spacing:-0.5px; line-height:23px; color:#666666; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; }
.archive-head-descr {margin:0; padding:0 340px 18px 210px; width:370px; border-bottom:1px solid #C9C9C9; }

ul.rows li { border-bottom:1px solid #C9C9C9; margin:0; padding:18px 0; float:left; position:relative; vertical-align:bottom; width:940px; overflow:hidden; list-style-type:none; list-style-position:outside;  }
	ul.rows li {margin-right:0; }
.archives-date { display:inline; float:left; font-size:12px; line-height:18px; margin:0 20px 0 0 !important; width:140px; color:#666666; }
.title, .title a { display:inline; float:left; font-size:24px; line-height:32px; padding-right:20px !important; width:370px; text-decoration:none; letter-spacing:-1px; font-weight:bold; }
.summary { display:inline; float:left; font-size:12px; line-height:16px; margin-right:0 !important; width:390px; color:#666666; }
	.summary p {margin:0 !important; padding:0; }

/*----------------------------------
SEARCH
----------------------------------*/
#search {border:1px solid #c9c9c9;display:inline;float:right;margin:0;padding:0;}
.keyword {border:none;color:#333333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:700;line-height:18px;margin:0;padding:5px 2px 2px;width:140px;}
.btn {background-color:#224499;border:none;color:#fff;float:right;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;height:22px;margin:0;padding:4px 4px 4px 5px;}
.btn:hover {background-color:#0099CC;}