/*
Theme Name: Themolio
Theme URI: http://nischalmaniar.com/themolio/
Author: Nischal Maniar
Author URI: http://nischalmaniar.com
Description: Beautiful grid layout based theme. Traditional look also available. Completely responsive through a mobile friendly layout. Custom background, logo and favicon feature available. Elegant look and feel with customization options available. Multiple post format support. Support for post thumbnails. Valid XHTML and CSS 2/3. Powered by WordPress and JQuery
Version: 1.0.4
License: GNU General Public License
License URI: license.txt
Tags: light, white, two-columns, right-sidebar, fixed-width, custom-background, custom-colors, custom-menu, editor-style, featured-images, full-width-template, post-formats, theme-options, translation-ready
*/

/* CSS RESET */
* { text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
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 { border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; margin:0; padding:0; }
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:none; }
:focus { outline:0; }
ins { text-decoration:none; background-color: #feed8b; text-shadow: #fef4c0 1px 1px; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }
.left { float: left; }
.right { float: right; }
a img { border: 0; }
a { text-decoration: none; -webkit-transition: 250ms linear all; -moz-transition: 250ms linear all; transition: 250ms linear all; }
h1, h2, h3, h4, h5, h6 { clear: both; word-wrap: break-word; }
.clear { clear: both; line-height: 0; height: 0; margin: 0; padding: 0; visibility: hidden; font-size: 1px; }
/* slightly enhanced, universal clearfix hack */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */
dl { margin: 0 1.625em; }
dt { font-weight: bold; }
dd { margin-bottom: 1.625em; }
strong { font-weight: bold; }
cite, em, i { font-style: italic; }
pre { font-family: "Courier 10 Pitch", Courier, monospace; line-height: 1.5; margin-bottom: 1.625em; padding: 0.75em 1.625em; overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */ white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ }
code, kbd { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
abbr, acronym, dfn { border-bottom: 1px dotted; cursor: help; }
address { display: block; margin: 0 0 1.625em; }
sup, sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 1ex; }
sub { top: .5ex; }
input, textarea { font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "Geneva", Helvetica, Arial, sans-serif; font-size: 100%; }
textarea { overflow: auto; }

/* BODY & LAYOUT */
body { font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "Geneva", Helvetica, Arial, sans-serif; text-align: center; overflow: scroll; }
.wrapper { text-align: left; min-width: 300px; margin: 0 auto; overflow: hidden; }
.container { float: left; overflow: hidden; }
.sidebar { float: left; margin-left: 20px; padding: 20px; margin-top: 20px; }
.tablayout { width: 100%; }
.tablayout td { vertical-align: middle; }
.tablayout .tdleft { text-align: left; }
.tablayout .tdright { text-align: right; }

/* HEADER */
#header { background: #ccf; padding: 10px 0; text-shadow: #000 -1px -1px; }
.site-title { font-size: 27px; font-weight: 300; font-family: "PermanentMarkerRegular", Georgia, serif; }
.site-title a { color: #fff; }
.site-desc { font-size: 11px; color: #ddd; margin-top: 5px; }

/* DROP DOWN MENU */
#menu-container { background: url(images/menu_bg.png) repeat; text-shadow: #000 -1px -1px; }
.main-menu { width: auto; overflow: hidden; font-size: 12px; font-weight: 700; }
.main-menu ul, .main-menu ul ul { list-style: none; }
.main-menu ul li { float: left; list-style: none; }
/*level-2*/
.main-menu ul ul { visibility: hidden; width: 140px; position: absolute; z-index: 999; }
.main-menu ul ul li { width: 140px; position: relative; }
/*level-3*/
.main-menu ul ul ul { left: 140px; top: 0; position: absolute; }
.main-menu ul li:hover > ul { visibility: visible; }
/*styling*/
.main-menu ul li a { display: block; padding: 10px 6px; color: #fff; -webkit-transition: 0ms linear all; -moz-transition: 0ms linear all; transition: 0ms linear all; }
.main-menu ul li a:hover { background-color: #111; }
.main-menu ul li li { background-image: url(images/sub_menu_bg.png); background-repeat: repeat; }
.main-menu ul li li a:hover { background-color: #111; }
.main-menu ul .current-menu-item a, .main-menu ul .current_page_item a { background-color: #252525; }
.main-menu ul .current-menu-item li a, .main-menu ul .current_page_item li a { background-color: transparent; }

/* TOP LEVEL SEARCH */
#top-search { padding: 10px; background: url(images/top_search_bg.png) repeat; font-size: 13px; }
#top-search .screen-reader-text { display: none; }
#top-search #searchsubmit { display: none; }
#top-search #s { padding: 5px 8px 6px 29px; width: 89%; background: #fff url(images/search_icon.png) no-repeat left center; border: 1px #ccc solid; color: #555; letter-spacing: 1px; }

/* POSTS */
div.post, div.page, div.type-attachment { background: #f5f5f5; padding: 20px; clear: both; text-shadow: #fff 1px 1px; margin-top: 20px; overflow: hidden; }
.entry-title { font-size: 20px; line-height: 135%; color: #555; margin-bottom: 15px; font-family: Georgia, serif; font-weight: 300; }
.entry-title a { color: #555; }
.entry-content { line-height: 165%; font-size: 81.3%; overflow: hidden; color: #777; }
.entry-content a { color: #9d0000; }
.entry-content a:hover { text-decoration: underline; }
.entry-content * { margin-bottom: 15px; }
.entry-content *:last-child { margin-bottom: 0; }
.entry-content .wp-smiley { margin-bottom: 0 !important; }
.entry-content .more-link { color: #9d0000; }
.entry-content .more-link:hover { text-decoration: underline; }
.entry-meta, .entry-info { font-size: 12px; line-height: 135%; color: #999; }
.entry-meta a, .entry-info a { color: #999; }
.entry-meta a:hover, .entry-info a:hover { color: #9d0000; }
.entry-meta { margin-bottom: 10px; }
.entry-info { margin-top: 15px; }
.entry-date { background: url(images/date_icon.png) no-repeat left center; padding-left: 19px; margin-right: 15px; }
.entry-author { background: url(images/author_icon.png) no-repeat left center; padding-left: 19px; }
.comments-link { background: url(images/comment_icon.png) no-repeat left center; padding-left: 19px; margin-right: 15px; }
.post-edit-link { background: url(images/edit_icon.png) no-repeat left bottom; padding-left: 19px; }
.entry-utility { margin-top: 15px; padding-top: 15px; font-size: 13px; color: #999; line-height: 135%; background: url(images/utility_bg.png) no-repeat top left; border-top: 1px #ccc solid; }
.entry-utility a { color: #999; }
.entry-utility a:hover { color: #9d0000; }
.utility-title { background: url(images/tag_icon.png) no-repeat left center; padding-left: 18px; }
.entry-thumb { margin-bottom: 15px; }
.entry-content h1 { font-size: 170%; }
.entry-content h2 { font-size: 150%; }
.entry-content h3 { font-size: 135%; }
.entry-content h4 { font-size: 120%; }
.entry-content h5 { font-size: 110%; }
.entry-content h6 { font-size: 100%; }
.entry-content li { margin-bottom: 10px; }
.entry-content ul, .entry-content ul ul { list-style: disc; margin-left: 20px; }
.entry-content ol { list-style: decimal; margin-left: 25px; }
.entry-content ol ol { margin-left: 20px; }
.entry-content ul ul, .entry-content ol ol { margin-top: 10px; }
.entry-content ol ol { list-style: upper-alpha; }
.entry-content ol ol ol { list-style: lower-roman; }
.entry-content ol ol ol ol { list-style: lower-alpha; }
.entry-content br { margin-bottom: 0 !important; }
blockquote { padding: 15px; font-family: Georgia, serif; font-style: italic; background-color: #fff; border-left: 3px #e5e5e5 solid; }
blockquote *:last-child { margin-bottom: 0; }
.entry-content table { border: 1px #ccc solid; }
.entry-content table td, .entry-content table th { border: 1px #ccc solid; padding: 5px; }
.entry-content table th { background-color: #e5e5e5; font-weight: 700; text-shadow: #f5f5f5 1px 1px; }
.entry-content table caption { border: 1px #ccc solid; padding: 5px; border-bottom: 0 none; }
.sticky {}
.bypostauthor {}

/* FORM ELEMENTS */
input[type="text"], input[type="password"], textarea { color: #777; padding: 5px; background-color: #fff; border: 1px #ccc solid; border-top-color: #888; border-left-color: #888; }
input[type="submit"], input[type="reset"], input[type="button"] { vertical-align: baseline; padding: 5px; background: #eee url(images/button_bg.png) repeat-x top left; cursor: pointer; border: 1px #aaa solid; color: #666; text-shadow: #eee 1px 1px; font-weight: 700; }
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background-color: #fff; text-shadow: #fff 1px 1px; }

/* GRID */
.grid { margin-left: 2%; }
.grid:first-child { margin-left: 0; }
.grid .post { padding: 10px; }
.grid-col-2 { float: left; width: 49%; }
.grid-col-3 { float: left; width: 32%; }
.grid-col-4 { float: left; width: 23.5%; }
.grid-thumb { margin-bottom: 15px; }

/* NAVIGATIONS */
.navigation { margin-top: 30px; }
.navigation a { display: block; margin-right: 5px; float: left; padding: 8px 10px; font-size: 13px; background-color: #f5f5f5; text-shadow: #fff 1px 1px; color: #666; font-weight: 700; }
.navigation a:hover, .navigation .current { background-color: #800000; text-shadow: #660000 -1px -1px; color: #fff; }

.page-link { clear: both; }
.page-link span, .page-link a:hover span { line-height: 100%; display: block; margin-right: 5px; float: left; padding: 8px 10px; font-size: 13px; background-color: #800000; text-shadow: #660000 -1px -1px; color: #fff; font-weight: 700; }
.page-link a span { background-color: #fff; text-shadow: #fff 1px 1px; color: #666; }

.post-navigation { margin-top: 30px; }
.post-navigation .nav-previous { float: left; }
.post-navigation .nav-next { float: right; }
.post-navigation a { display: block; padding: 8px 10px; font-size: 13px; background-color: #f5f5f5; text-shadow: #fff 1px 1px; color: #666; font-weight: 700; }
.post-navigation a:hover { background-color: #800000; text-shadow: #660000 -1px -1px; color: #fff; }

/* IMAGES & ALIGNMENT */
.alignleft, img.alignleft { margin: 10px 20px 5px 0 !important; display: inline; float: left; }
.alignright, img.alignright { margin: 10px 10px 5px 20px !important; display: inline; float: right; }
.aligncenter, img.aligncenter { margin: 10px auto !important; display: block; clear: both; }
.alignnone, img.alignnone { /* not sure about this one */ }
.entry-content img { max-width: 100%; }
.grid-thumb img, .entry-thumb img { max-width: 100%; height: auto; }
.grid-thumb img, .entry-thumb img { width: 100%; height: auto; }
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }
img.size-full, img.size-large { max-width: 100%; height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }
.entry-content embed, .entry-content object, .entry-content iframe { max-width: 100%; }
.wp-caption, .entry-attachment { max-width: 100%; background: none !important; border: 0 none !important; padding: 0 !important; }
.wp-caption img, .entry-attachment img, .gallery-thumb img, .gallery-item img { max-width: 98% !important; background: #fff; border: 1px #ddd solid; padding: 4px; }
.wp-caption .wp-caption-text, .entry-attachment .entry-caption p, .gallery .gallery-caption { margin-bottom: 10px; padding: 0 !important; word-wrap: break-word; line-height: 135%; margin-top: 5px; text-align: center; }
.gallery dl, .gallery dt { margin: 0; padding: 0; }
.gallery-item { text-align: center; }
.gallery-columns-1 .gallery-item { width: 100%; }
.gallery-columns-2 .gallery-item { width: 46%; margin: 2%; }
.gallery-columns-3 .gallery-item { width: 29%; margin: 2%; }
.gallery-columns-4 .gallery-item { width: 21%; margin: 2%; }
.gallery-columns-5 .gallery-item { width: 16%; margin: 2%; }
.gallery-columns-6 .gallery-item { width: 12%; margin: 2%; }
.gallery .gallery-item { float: left; }
.entry-attachment { text-align: center; }

/* SIDEBAR */
.sidebar { background: #f5f5f5; text-shadow: #fff 1px 1px; }
.widget { font-size: 81.3%; margin-top: 20px; color: #777; overflow: hidden; }
.widget a { color: #900000; }
.widget a:hover { text-decoration: underline; }
.widget:first-child { margin-top: 0; }
.widget-title { font-size: 18px; font-family: Georgia, serif; color: #555; font-weight: 300; line-height: 135%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px #aaa dotted; }
.widget p, .widget div { line-height: 135%; margin-top: 15px; }
.widget p:first-child, .widget div:first-child { margin-top: 0; }
.widget ul li { margin-top: 8px; line-height: 135%; }
.widget ul li:first-child { margin-top: 0; }
.widget ul li li { list-style-image: url(images/bullet.gif); list-style-position: inside; margin-left: 10px; }
.widget ul li li:first-child { margin-top: 8px; }
.widget .screen-reader-text { display: none; }
.widget #searchsubmit { display: none; }
.widget #s { padding: 5px 8px 6px 29px; width: 83%; background: #fff url(images/search_icon.png) no-repeat left center; border: 1px #ccc solid; color: #555; letter-spacing: 1px; }
#wp-calendar { width: 100%; border: 1px #ddd solid; }
#wp-calendar td, #wp-calendar th { border: 1px #ddd solid; padding: 4px; text-align: center; }
#wp-calendar caption { padding: 4px; border: 1px #ddd solid; border-bottom: 0 none; font-weight: 700; }
#wp-calendar #prev { text-align: left; }
#wp-calendar #next { text-align: right; }

/* FOOTER */
#footer { clear: both; margin-top: 30px; padding: 20px 0; background: url(images/footer_bg.png) repeat; text-shadow: #111 -1px -1px; font-size: 13px; color: #999; }
#footer p { line-height: 135%; }
.social-links { margin-right: 10px; }
.social-links img { filter:alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.social-links img:hover { filter:alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; }

/* COMMENTS */
#comments { margin-top: 30px; clear: both; }
.comments-section-heading { font-size: 13px; }
.comments-title, .comments-write-title { padding: 10px 8px; float: left; width: 120px; display: block; text-shadow: #222 -1px -1px; color: #aaa; }
.comments-title { margin-right: 10px; background: #444 url(images/view_comment_icon.png) no-repeat left center; padding-left: 28px; }
.comments-write-title { color: #aaa; background: #444 url(images/submit_comment_icon.png) no-repeat left center; padding-left: 26px; }
.comments-title:hover, .comments-write-title:hover { background-color: #222; text-shadow: #000 -1px -1px; cursor: pointer; color: #fff; }
.comments-container { background-color: #f5f5f5; text-shadow: #fff 1px 1px; padding: 20px; overflow: hidden; }
.comment-navigation .nav-previous { float: left; }
.comment-navigation .nav-next { float: right; }
.comment-navigation a { display: block; padding: 8px 10px; font-size: 13px; background-color: #444; text-shadow: #222 -1px -1px; color: #fff; font-weight: 700; }
.comment-navigation a:hover { background-color: #800000; text-shadow: #660000 -1px -1px; color: #fff; }
.commentlist { margin-top: 20px; list-style: none; }
.commentlist ul { list-style: none; }
.commentlist li { margin-top: 20px; padding-top: 20px; border-top: 1px #ccc solid; font-size: 13px; color: #777; }
.commentlist li a { color: #900000; }
.commentlist li a:hover { text-decoration: underline; }
.commentlist li li { border: 0 none; }
.commentlist li:first-child { margin-top: 0; padding-top: 0; border-top: 0 none; }
.commentlist li li:first-child { margin-top: 20px; }
.commentlist ul { margin-left: 40px; }
.comment-avatar { float: left; width: 9%; margin-right: 2%; }
.comment-avatar img { padding: 4px; background-color: #fff; border: 1px #ddd solid; }
.comment-meta { float: left; width: 89%; }
.comment-author { font-size: 14px; font-weight: 700; }
.comment-reply { margin-top: 10px; font-size: 11px; }
.comment-status, .comment-content { clear: both; padding-top: 20px; }
.comment-meta, .comment-ping { line-height: 135%; }
.ping-date { margin-top: 10px; }
.nocomments, .nopassword { font-size: 13px; color: #777; }
.comment-status { font-family: Georgia, serif; font-style: italic; font-weight: 700; padding-bottom: 3px; border-bottom: 1px #ccc solid; }

.comment-content { line-height: 165%; overflow: hidden; }
.comment-content * { margin-bottom: 15px; }
.comment-content *:last-child { margin-bottom: 0; }
.comment-content .wp-smiley { margin-bottom: 0 !important; }
.comment-content h1 { font-size: 170%; }
.comment-content h2 { font-size: 150%; }
.comment-content h3 { font-size: 135%; }
.comment-content h4 { font-size: 120%; }
.comment-content h5 { font-size: 110%; }
.comment-content h6 { font-size: 100%; }
.comment-content li { margin-bottom: 10px; margin-top: 0 !important; padding-top: 0 !important; }
.comment-content ul, .comment-content ul ul { list-style: disc; margin-left: 20px; }
.comment-content ol { list-style: decimal; margin-left: 25px; }
.comment-content ol ol { margin-left: 20px; }
.comment-content ul ul, .comment-content ol ol { margin-top: 10px; }
.comment-content ol ol { list-style: upper-alpha; }
.comment-content ol ol ol { list-style: lower-roman; }
.comment-content ol ol ol ol { list-style: lower-alpha; }
.comment-content br { margin-bottom: 0 !important; }
blockquote { padding: 15px; font-family: Georgia, serif; font-style: italic; background-color: #fff; border-left: 3px #e5e5e5 solid; }
blockquote *:last-child { margin-bottom: 0; }
.comment-content table { border: 1px #ccc solid; }
.comment-content table td, .comment-content table th { border: 1px #ccc solid; padding: 5px; }
.comment-content table th { background-color: #e5e5e5; font-weight: 700; text-shadow: #f5f5f5 1px 1px; }
.comment-content table caption { border: 1px #ccc solid; padding: 5px; border-bottom: 0 none; }

#respond { background-color: #f5f5f5; text-shadow: #fff 1px 1px; padding: 20px; font-size: 13px; color: #777; }
#respond a { color: #900000; }
#respond a:hover { text-decoration: underline; }
#reply-title { font-family: Georgia, serif; font-size: 22px; font-weight: 300; }
#cancel-comment-reply-link { display: block; font-size: 12px; margin-top: 10px; width: 80px; }
#commentform p { margin-top: 15px; }
.form-allowed-tags { display: none; }
#commentform input, #commentform textarea { display: block; margin-top: 10px; width: 96%; }
#commentform #submit { width: 120px; }