/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; } /* remember to define focus styles! */
ins { text-decoration: none; } /* remember to highlight inserts somehow! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */

html {
    width:100%;
    height:100%;
    background:#fff;
    text-rendering: optimizeLegibility;
}

body {
    width:620px;
    font:62.5%/1.6 'Lucida Grande', Helvetica, Arial, sans-serif;
    color:#666;
    margin:60px auto 0 auto;
}

a {
    color:#bbc610;
    text-decoration:none;
}

/* HEADER */

#header { 
    width:140px;
    float:left;
    text-align:right;
}

#header h1 {
    margin-bottom:2em;
    overflow:hidden;
}

#header h1 a {
    float:right;
    text-indent:9999px;
    width:133px;
    height:44px;
    display:block;
    background:url(http://limedaring.com/images/limedaring.png) top left no-repeat;
}

#header p {
    margin-bottom:2em;
}

#header p a {
    color:#c34779;
}

/* CONTENT */

#content {
    font-size:1.2em;
    width: 450px;
    float:right;
}

#content h2 {
    color:#da007b;
    font:normal 2.2em "museo-slab-1","museo-slab-2", Georgia, serif;
}

#content > h3 {
    font:1em/1.4 Georgia, serif;
    font-variant:small-caps;
    text-transform:lowercase;
    letter-spacing:0.2em;
    border-bottom:1px solid #e1e1e1;
    padding:0 0 0.5em 0;
    margin:2em 0 0.5em 0;
}

.truncated-post { 
    margin-bottom:2em;
}

.truncated-post .post-info { }

.truncated-post h4 {
    font-size:1.1em;
    font-weight:normal;
    color:#333;
    font-family:'Lucida Grande', Arial, sans-serif !important;
}

.truncated-post h4 a { color:#000; }
.truncated-post h4 a:hover { color:#c34779; }

.truncated-post p.meta { }

/* FOOTER */

#footer {
    clear:both;
    font-size:1.2em;
}

#footer #about-me {
    font-size:1.2em;
}

#footer #about-me p {    
    margin-bottom:1em;
}

#footer h4 {
    text-transform:lowercase;
    font:normal small-caps 1em Georgia, serif;
    letter-spacing:0.2em;
    border-bottom:1px solid #e1e1e1;
    padding-bottom:5px;
    margin-bottom:5px;
}

#footer h4 span {
    font-variant:normal;
    letter-spacing:0;
}

#footer #copy {
    border-top:1px solid #e1e1e1;
    margin-top:20px;
    padding-top:10px;
    font-size:0.9em;
    overflow:hidden;
}

#footer #copy p {
    float:left;
}

#footer #copy ul {
    float:right;
}

#footer #copy ul li {
    display:inline;
    margin-left:20px;
}

/* BLOG POSTS */

.post p, .post a img {
    margin-bottom:1em;
-webkit-font-smoothing: antialiased;
}

.post h3 {
    font-family:Georgia, serif;
    font-weight:normal;
    font-size:1.3em;
    font-style:italic;
}

#single .post-header {
    border-bottom:1px solid #ccc;
    padding:10px 0;
    margin-bottom:10px;
}

#single .post-header {
    overflow:hidden;
}

#single .post-header h2 {
    width:540px;
    float:left;
    margin:10px 0 8px 240px;
    padding:0;
    color:#bbc610;
}

#single .post-header .meta {
    width:140px;
    float:right;
    font:italic 1em Georgia, serif;
    color:#999;
    margin:10px 0 8px 0;
}

#single .post-info p, #single .post-info h3, #single .post-info h4, #single .post-info h5, #single .post-info cite, #single .post-info blockquote, #single .post-info img, #single .post-info ol, #single .post-info ul, #single .post-info div {
    margin-left:240px;
    max-width:540px;
}

#single .post-info h4 {
    font:1.2em Georgia, serif;
    font-variant:small-caps;
    text-transform:lowercase;
    letter-spacing:0.1em;
}

#single .post-info ul {
    list-style-type:circle;
}

#single .post-info ol {
    list-style-type:decimal;
}

#single .post-info li {
    margin:1em 0;
}

#single .post-info blockquote {
    font-style:italic;
}

#single .post-info blockquote:before, #single .post-info blockquote:after {
    content:'"';
}

#single .post-info small {
    font-size:0.9em;
    font-style:italic;
}

/* NAVIGATION */

.navigation {
    overflow:hidden;
    margin-top:40px;
    font-style:italic;
}

.navigation li.prev {
    width:240px;
    line-height:1.2;
    float:left;
    margin-left:240px;
}

.navigation li.next {
    float:right;
    margin-right:160px;
}

/* COMMENTS */

h3#respond, h3#comments {
    /* padding-left:240px; */
}

#comment-form {
    margin-top:10px;
    overflow:hidden;
}

#comment-form label {
    display: block;
}

#comment-form input {
    margin-bottom: 10px;
}

#comment-form input#submit, input#saveForm {
    border:0;
    background: #C0C643 url(/images/overlay.png) repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.10);
    position: relative;
    cursor: pointer;
    margin-top:10px;
}

#comment-form #comment-meta {
    width:220px;
    float:left;
    text-align: right;
}

#comment-form #comment-text {
    width:540px;
    float:left;
    margin-left:20px;
}

#comment-form #comment-text textarea {
    width:100%;
    border:1px solid #ccc;
}

ol.commentlist { margin-top:20px; }

.commentlist li {
    margin-bottom:20px;
    overflow:hidden;
}

.commentlist li li { 
    margin-bottom:0; 
}

.commentlist h5, .commentlist .commentMetaData {
    width:220px;
    text-align:right;
    font-weight:normal;
}

.commentlist h5 {
    font-weight:normal;
    font-size:1.2em;
}

.commentlist .commentMetaData {
    font-size:0.8em;
}

.commentlist p {
    margin:2px 117px 10px 0;
    width:540px;
    float:right;
}

/* PAGE */

#page h2 {
    border-bottom:1px solid #e1e1e1;
    padding:20px 0 20px 0px;
    margin:0 0 10px 0;
    color: #da007b;
}

#page .indent {
    margin-left:240px;
    width:540px;
}

/* ART DIR */

.art-dir .truncated-post {
    margin: 0 0 0 0;
    min-height:66px;
}

.art-dir .truncated-post .post-info {
    margin:0;
    width:770px;
}

.art-dir .truncated-post h4 {
    margin:0;
}

/* PORTFOLIO */

#single .post-info .port-image {
    max-width:928px;
    margin:0 0 15px 0;
    border:1px solid #e9e9e9;
}

/* ABOUT */

#about {
	overflow:hidden;
}

#about img { 
	float:left; 
	margin:10px 20px 0 0;
}

#about h3 {
	margin-top:10px;
	font:1.7em "museo-slab-1","museo-slab-2";
}

#about p {
	font-size:1.1em;
	margin-top:10px;
	line-height:1.8;
}

#home .added-pic { display:none; }
