/*   
Theme Name: Grain
Description: This is a free wordpress theme. It is microformats enabled. It features custom menu, custom background, custom header, multiple colour schemes, mutliple layouts, your feedburner url can be given and custom stylesheet for easy customization. It also features a custom stylesheet for easy personalization. This theme is xhtml 1.0 transitional and css 3.0 validated. 
Author: Abhinav Penmetsa
Author URI:
Version: 0.0.7.7
Theme URI: http://wordpress.org/extend/themes/grain
Tags: blue, green, red, yellow, dark, light, two-columns, three-columns, right-sidebar, fixed-width, custom-background, custom-header, custom-menu, microformats, sticky-post, theme-options, threaded-comments
License: GNU General Public License v2.0
License URI: license.txt

*/
/* DONOT EDIT this file. If you want add your own styles or if you want edit these styles, do so in custom.css */


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;
}

#branding, #access, #header-image{ width:960px; padding:0px 20px; margin:0px auto;}
#access-outer{clear:both; display:block;}
#container{ width:960px; margin:36px auto; padding:0 20px;}
#content{ width:68%; float:left; overflow:hidden; padding-right:2%;}
#sidebar{ width:26.772568%; float:left; padding-left:30px; border-left:1px solid #ccc;}
#footer-wrap{ width:1000px; margin:0px auto; padding:21px 18px; clear:both; }
#colophon{ padding-top:17px; padding-bottom:18px; border-top:1px solid #ccc; }

body { font-family: 'Shanti', arial, serif;	margin: 0; padding: 0; font-size: 14px;	line-height: 1.5em;}
h1 {	margin: 0; font-size: 1.6666666666666667em; line-height: 0.9em; margin-bottom: 0.9em;}
h2 {	margin: 0; font-size: 1.5em; line-height: 1em; margin-bottom: 1em;}
h3 {	margin: 0; font-size: 1.3333333333333333em;	line-height: 1.125em; margin-bottom: 1.125em;}
h4 {	margin: 0; font-size: 1.1666666666666667em;	line-height: 1.2857142857142858em; margin-bottom: 1.2857142857142858em;}
p, ul, blockquote, pre, td, th, label { margin: 0; font-size: 1em; line-height: 1.5em; margin-bottom: 1.5em; letter-spacing:0.15px;}
b, strong{font-weight:bold;}
i, em, dfn{font-style:italic;}
dfn{font-weight:bold;}
abbr, acronym{border-bottom:1px solid #ddd;}
sup, sub{font-size:0.7692em; line-height:1;} 
sup{vertical-align:super;}
sub{vertical-align:sub;}
del{text-decoration:line-through;}
small{font-size:0.8em;}
u, ins{text-decoration:underline;}
pre, code, tt{font:1em/1.5385 consolas, 'Courier New', Courier, Monospace;}
pre{margin:0 0 1.5385em; padding:0.7692em 10px; border:1px solid #ddd; overflow:auto;}
hr{background:#ccc; color:#ccc; clear:both; float:none; width:100%; height:0.1em; margin:0 0 1.5385em; border:none;}
blockquote{ text-align:center; font-style:italic; padding:15px; border:3px solid #ccc;}
p.small, #blog-description, .unapproved{	margin: 0; font-size: 0.8333333333333334em;	line-height: 1.8em;	margin-bottom: 1.8em;}
table { border-collapse: collapse; margin-bottom: 1.5em;}
li{ list-style-position:inside;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
/* Images
-------------------------------------------------------------- */

img{max-width:100%; height:auto;}
.entry-content img {	margin: 0 0 1.5em 0;}
.alignleft, img.alignleft { display: inline; float: left; margin-right: 1.5em;}
.alignright, img.alignright { display: inline; float: right; margin-left: 1.5em;}
.aligncenter, img.aligncenter { clear: both;	display: block;	margin-left: auto; margin-right: auto;}
.wp-caption { text-align: center; margin-bottom: 1.5em;}
.wp-caption img { border: 0 none; margin: 0;	padding: 0;}
.wp-caption p.wp-caption-text { margin: 0;}
.wp-smiley { max-height: 0em; margin:0 !important;}
.gallery dl {	margin: 0;}
.gallery-caption { margin:-1.5em 0 0 0;}
.left{ float:left; }
.right{ float:right;}
/*------------------------ GALLERY ------------------------*/
.entry-content .attachment a,
.entry-content .gallery a,
.entry-content .attachment a:hover,
.entry-content .gallery a:hover {border:none;}
p.attachment img, .attachment-thumbnail, .entry-content .gallery img {padding:2px; border:1px solid #ccc;}
p.attachment img:hover, .attachment-thumbnail:hover, .entry-content .gallery img:hover {border:1px solid #888;}
p.attachment {text-align:center;}
.thumbnail{float:left; margin-right:15px; height:150px; width:150px;}
.wp-post-image {float:left; margin:0 15px 3px 0;}
/*--------------------- TABLES ---------------------------*/
.entry-content table {margin:0 0 1.5385em; border-collapse:collapse; border:1px solid #ccc; color:#444;}
.entry-content th {font-weight:bold; background:#ccc;}
.entry-content th, .entry-content td {padding:0.2em 10px;}
.entry-content td {border:1px solid #ccc;}
.entry-content tfoot {background:#ddd;}
/*-------------------- lists ----------------------------*/
.entry-content ul, .entry-content ol, .comment-body ul, .comment-body ol{margin:0 0 1.5385em 30px;}
.entry-content li, .comment-body li{margin-bottom:0.4615em; line-height:1.5385;}
.entry-content li ul, .entry-content li ol, .comment-body li ul, .comment-body li ol {margin:0.4615em 0 1.077em 30px;}
.entry-content ul, .comment-body ul {list-style-type:square;}
.entry-content li ul, .comment-body li ul {list-style-type:circle;}
.entry-content ol, .comment-body ol {list-style-type:decimal;}
.entry-content ol ol, .comment-body ol ol {list-style-type:lower-alpha;}
.entry-content dl, .comment-body dl {margin:0 0 1.5385em;}
.entry-content dl dt, .comment-body dl dt {font-weight:bold;}
.entry-content dd, .comment-body dd {margin:0 0 1.5385em;}
/* Pullquotes
-------------------------------------------------------------- */

blockquote.left {	float: left; margin-left: 0; margin-right: 20px; text-align: right;	width: 33%;}
blockquote.right { float: right; margin-left: 20px; margin-right: 0; text-align: left; width: 33%;}

.skip-link { display: none;}
.menu ul { list-style: none; margin: 0;}
.menu ul ul { display: none;}
.menu li { display: inline;}
.menu a { text-decoration:none; display: block; float: left;	padding:5.5px; border-right:1px solid #333;}

.page-link{ font-weight:bold; }
.page-link a{ font-weight:normal; padding:0px 5px;}
.sticky{padding:10px}
.sticky .entry-title {margin-top:0;}
/*-------------------------------- BRIGHT-BLUE --------------------------------- */
.bright-blue a{color:#224e75;}
.bright-blue #header{background-color:#85e0fb;}
.bright-blue #access-outer{background-color:#34b0d4;}
.bright-blue #header-image-outer{background-color:#26ceff;}
.bright-blue #footer{background-image:url("images/backgrounds/bright-bluebg.png");}
.bright-blue #blog-details a{color:#0f2f5e;}
.bright-blue #blog-details a:hover{color:#d4f4ff;}
.bright-blue #access a:hover{background-color:#d4f4ff; color:#34b0d4;}
.bright-blue #blog-description{color:#777;}
.bright-blue #footer, .bright-blue #wp-calendar td {color:#000;}
.bright-blue #footer a{color:#0f2f5e;}
.bright-blue li.bypostauthor {border-left:1px solid #fff; background-color:#e6eff3;}
.bright-blue .sticky { background-color:#e6eff3;}
/*----------------------------- BLUE -------------------------- */
.blue a{color:#3399ff;}
.blue #header{background-color:#133f73;}
.blue #access-outer{background-color:#1c5895;}
.blue #header-image-outer{background-color:#2064a4;}
.blue #footer{background-image:url("images/backgrounds/bluebg.png");}
.blue #blog-details a{color:#fff;}
.blue #footer a{color:#d4f4ff;}
.blue #blog-details a:hover{color:#d4f4ff;}
.blue #access a:hover{background-color:#3399ff; color:#1c5895;}
.blue #blog-description{color:#777;}
.blue #footer, .blue #wp-calendar td {color:#fff;}
.blue li.bypostauthor{border-left:1px solid #fff; background-color:#e6eff3;}
.blue .sticky { background-color:#e6eff3;}
/*----------------------------- GREEN -------------------------- */
.green a{color:#12aabf;}
.green #header{background-color:#bcdb7e;}
.green #access-outer{background-color:#8ea758;}
.green #header-image-outer{background-color:#a6c241;}
.green #footer{background-image:url("images/backgrounds/greenbg.png");}
.green #blog-details a{color:#0f2415;}
.green #blog-details a:hover{color:#fff;}
.green #access a{color:#bcdb7e;}
.green #access a:hover{background-color:#0f2415;}
.green #blog-description{color:#777;}
.green #footer, .green #wp-calendar td {color:#fff;}

.green #footer a{color:#fff; text-decoration:underline;}
.green #footer a:hover{color:#cbddd1;}
.green li.bypostauthor{border-left:1px solid #fff; background-color:#f3fed6;}
.green .sticky { background-color:#f3fed6;}
/*----------------------------- RED -------------------------- */
.red a{color:#a088ad;}
.red #header{background-color:#a81616;}
.red #access-outer{background-color:#8d0800;}
.red #header-image-outer{background-color:#2d0102;}
.red #footer{background-image:url("images/backgrounds/redbg.png");}
.red #blog-details a{color:#fff;}
.red #blog-details a:hover{color:#de8f82;}
.red #access a{color:#cc0003;}
.red #access a:hover{background-color:#cc0003; color:#2d0102;}
.red #blog-description{color:#777;}
.red #footer, .red #wp-calendar td {color:#fff;}
.red #footer a{color:#2d0102;}
.red li.bypostauthor{border-left:1px solid #fff; background-color:#ffe7e9;}
.red .sticky { background-color:#ffe7e9;}
/*----------------------------- RED-YELLOW -------------------------- */
.red-yellow a{color:#ff3a18;}
.red-yellow #header{background-color:#d86c4e;}
.red-yellow #access-outer{background-color:#efd12f;}
.red-yellow #header-image-outer{background-color:#ddbd4a;}
.red-yellow #footer{background-image:url("images/backgrounds/red-yellowbg.png");}
.red-yellow #blog-details a{color:#fff;}
.red-yellow #blog-details a:hover{color:#ffc501;}
.red-yellow #access a:hover{background-color:#a81616; color:#eeca06;}
.red-yellow #blog-description{color:#777;}
.red-yellow #footer, .red-yellow #wp-calendar td {color:#000;}
.red-yellow .bypostauthor{border-left:1px solid #fff; background-color:#f4f9d7;}
.red-yellow .sticky { background-color:#f4f9d7;}

#blog-details, #feed{float:left; margin-top:28px;}
#blog-details{width:915px;}
#blog-title, #blog-description{float:left;}
#blog-title {font-size:56px; font-family: 'Bangers', arial, serif; line-height:56px; text-decoration:none;}
#blog-description{padding-top:30px; margin-left:13px; margin-bottom:0px; font-family: 'Over the Rainbow', arial, serif; font-weight:bold;}


.entry-title{ margin:21px 0px 0px; font-weight:bold; letter-spacing:1px;}
.entry-meta, .entry-utility,.comment-meta{ margin: 0; font-size: 0.8333333333333334em; line-height: 1.8em; margin-bottom: 1.8em; opacity:0.8;}
.entry-utility{ margin-top:21px;}
.entry-title a:hover{ color:#000; }
.post{ padding-bottom:0px; border-bottom:1px dotted #ddd; margin-bottom:42px;}
.page h1.entry-title{ margin-bottom:21px; text-align:center;}
.navigation{clear:both;}
#sidebar ul li{ list-style-type:none;}
.widget-container{ margin-bottom:42px; }
.widget-container h3{ margin-bottom:0px;}
/*---------------------------------- WIDE-SIDEBAR ---------------- */
.wide-sidebar #content{ width:55%; }
.wide-sidebar #sidebar{ width:40%; float:left; padding-left:27px; border-left:1px solid #ccc; }
.wide-sidebar #primary{ width:100%; border-bottom:1px solid #ccc; margin-bottom:21px;}
.wide-sidebar #primary ul{ margin-bottom:0px; }
.wide-sidebar #secondary{ width:55%; margin-right:9px; float:left;}
.wide-sidebar #teritiary{ width:40%; border-left:1px solid #ccc; padding-left:9px; float:left; }
.screen-reader-text{ display:none; }
	/*-----calendar*/

#calendar_wrap {margin:0.4166em auto 0;}
#wp-calendar {width:94%; margin:0 auto;}
#wp-calendar caption {background:#aaa; font-size:1.0833em; font-weight:bold;}
#wp-calendar th {background:#ddd;}
#wp-calendar th, #wp-calendar td {text-align:center; padding:0.25em;}
#wp-calendar td {font-size:0.9166em; color:#777;}
#sidebar #wp-calendar td {color:#777;}
#wp-calendar tfoot {background:#ddd;}
#wp-calendar a {font-weight:bold;}


.footer-widget-area{ width:28%; padding:18px; margin-right:15px; float:left; }
#footer li{ list-style-type:none; }


#comments{ margin-top:105px; clear:both;}
#comments li.comment{ list-style-type:none;}
.reply{ padding-bottom:21px;}
.comment-content{ clear:both;}
.comment-meta{margin-bottom:0px;}
.comment-author img{ padding-right:15px; float:left;}
.children li{margin:5px 5px 0px; padding:5px 5px 0px;}
.comment-nav .page-numbers {margin:0 1px; padding:1px 6px;}
.comment-nav .prev {float:left; border:none;}
.comment-nav .next {float:right; border:none;}
.comment-form-comment label{display:block;}

div:after{ content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }