/*
Theme Name: Quantum Lens Cap
Theme URI: http://quantumlenscap.com
Description: The Quantum Lens Cap theme..
Version: 0.2
Author: Prachi Gauriar
Author URI: http://quantumlenscap.com/
Tags: grey, orange, yellow, green fixed width, one column
*/


body {
    font-family: Verdana, sans-serif;
    background: url('/images/background.png');
    text-align: center;
    color: rgb(217, 217, 217);
}

a { color: rgb(217, 217, 217); text-decoration: none; }
a:hover { text-decoration: underline; }

p { 
    font-size: 11px; 
    line-height: 15px; 
    text-align: left; 
    margin: 0 0 15px 0; 
}

strong {
    font-weight: normal; 
    text-transform: uppercase;  
    letter-spacing: 0.1em;
}

.right { float: right; }
.left { float: left; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1.page_not_found { text-align: center; font-size: 60px; margin: 45px auto;}
p.page_not_found { text-align: center; width: 339px; margin: 0 auto; }

#page {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed rgb(217, 217, 217); }

blockquote {
    font-style: italic;
    margin: 15px 30px 0 30px;
}


/* Header */
#header {
    padding-top: 30px;
    text-align: center;
}

#header img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    border: 0;
}


/* Navigation */
#navigation {
    margin: 0 auto;
    font-size: 12px;
    text-align: center;
}

#navigation ul { margin: 0; padding: 0; list-style-type: none; }
#navigation ul li {
    display: inline;
    padding: 0 30px;
}


/* Content */
#content {
    font-size: 11px;
    line-height: 15px; 
    padding: 15px 45px;
}

#content a { color: rgb(0, 163, 0); }

#content h1 {
    margin: 0 0 15px 0;
    font-size: 12px;
    line-height: 30px;
}

#content h2.date, #archives .month_title {
    font-size: 11px;
    line-height: 15px;
    text-transform: uppercase;
    color: rgb(96, 96, 96);
}


#content h1.post_title { font-size: 12px; line-height: 15px; color: rgb(255, 205, 0); }
#content h1.post_title a { color: inherit; }

#content .entry { margin: 0 0 30px 0; }
#content .entry h1 { 
    font-size: 11px;
    line-height: 15px; 
    text-transform: uppercase;  
    letter-spacing: 0.2em;
    padding: 0;
    padding-top: 15px;
}

.entry img { border: 2px solid rgb(217, 217, 217); margin: 15px;  }
#content .photo_grid { clear: both; width: 100%; text-align: center; margin-bottom: 15px; } 

.entry ol, .entry ul { margin: 0px 0px 15px 0px; padding: 0; }
.entry li { margin: 0px 30px; line-height: 15px; }
/* .entry li p:last-child { margin-bottom: 0px; } */

.archive_message { padding-top: 30px; }
.archive_message p { text-align: center; }

.article_navigation { margin: 0; padding: 0; }
.article_navigation a { color: rgb(0, 163, 0); }


#content h1.page_title {
    margin: 0;
    color: rgb(255, 205, 0);
    text-transform: uppercase;  
    letter-spacing: 0.2em;
}

.entry .section_break { 
    height: 1px; 
    width: 210px; 
    border-top: 1px solid rgb(217, 217, 217); 
    margin: 16px auto 15px auto; 
}

.poem, .lyrics { margin: 15px 30px; font-style: italic; } 

/* Archives and Search Results*/
.month_title { margin: 0; margin-bottom: 15px; }
.entry_listing { margin: 0; margin-bottom: 15px; padding: 0; list-style-type: none; }
.entry_listing li { margin: 0; padding: 0; line-height: 15px; }


/* Footer */
#footer, #footer p {
    text-align: center;
    font-size: 9px;
}

/* Form Elements */
#searchform {
    margin: 10px auto;
    padding: 5px 3px;
    text-align: center;
}

input[type="text"] { width: 300px;}
select { width: 130px; }


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) 

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

/* End Images */