/*
Theme Name: multi-color
Theme URI: http://nischalmaniar.com/multi-color
Author: Nischal Maniar
Author URI: http://nischalmaniar.com
Description: Beautiful, sleek theme with 6 color options. 5 different sidebar layouts to choose from. Two blog styles: Standard and Magazine available. Tabbed content widget ready to use. Custom background setting available. Custom smileys. Mobile friendly layout. Valid XHTML/CSS and powered by WordPress 2.8 and higher. More updates to come soon.
Version: 4.3
License: GNU General Public License
License URI: license.txt
Tags: light, white, one-column, two-columns, left-sidebar, 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 */

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; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }

/* TYPOGRAPHY */
.left { float: left; }
.right { float: right; }
.clear { clear: both; content: '.'; font-size: 1px; visibility: hidden; height: 1px; max-height: 1px; line-height: 1px; }
a img { border: 0; }
a { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { clear: both; word-wrap: break-word; }
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; }
ins { background-color: #fff9c0; }
sup, sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 1ex; }
sub { top: .5ex; }
blockquote { padding: 15px; font-family: Georgia, serif; font-style: italic; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
input { max-width: 96%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-family: Helvetica, Arial, sans-serif; border: 1px solid; padding: 5px; }
textarea { max-width: 96%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-family: Helvetica, Arial, sans-serif; overflow: auto; font-size: 100%; border: 1px solid; padding: 5px; }
input[type='button'], input[type='reset'], input[type='submit'] { cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url(images/gradient_small.png) repeat-x top left; padding: 4px; }

/* BODY */
body { font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", "Geneva", Helvetica, Arial, sans-serif; background-image: url(images/background_pattern.png); background-repeat: repeat; background-position: top left; text-align: center; text-shadow: none; overflow: scroll; }
#bgwrap { text-align: center; }
#contentwrap { text-align: center; }
#footwrap { text-align: center; clear: both; padding-bottom: 110px; }

/* LAYOUT */
.tablayout { width: 100%; }
.tablayout td { vertical-align: middle; }
.tablayout .tdleft { text-align: left; }
.tablayout .tdright { text-align: right; }
.wrapper { text-align: left; margin: 0 auto; overflow: hidden; }
.container { float: left; }
.sidebar { float: left; }

/* HEADER */
.site-title { font-size: 200%; color: #fff; }
.site-title a { color: #fff; }
.site-desc { color: #fff; font-size: 81.3%; margin-top: 5px; }

/* SEARCH FORM */
.screen-reader-text { display: none; }
#header #searchsubmit { display: none; }
#header #s { padding: 5px 7px 5px 24px; background: url(images/search_icon.png) left center no-repeat; width: 100px; border: 0 none; }

/* DROPDOWN MENU */
.main-menu { width: auto; background: url(images/gradient_small.png) repeat-x top left; overflow: hidden; }
.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 { background-color: #f5f5f5; }
.main-menu ul li a { display: block; padding: 12px 5px; font-size: 75%; }
.main-menu ul ul li a { padding: 10px 5px; }
.main-menu a { background: #f5f5f5 url(images/gradient_small.png) repeat-x top left; border-right: 1px #aaa solid; color: #333; text-shadow: #f5f5f5 1px 1px; font-weight: 700; }
.main-menu a:hover, .main-menu .current-menu-item a, .main-menu .current_page_item a { background-image: none; }
.main-menu ul ul { -moz-box-shadow: 0 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px rgba(0,0,0,0.1); box-shadow: 0 2px rgba(0,0,0,0.1); }
.main-menu ul ul li a { background-image: none; background-color: #ddd; color: #333; text-shadow: #eee 1px 1px; border-right: 0 none; }
.main-menu ul li:last-child a { border-right: 0 none; }

/* USER INFO */
.user-info { clear: both; background: url(images/user_info_bg.png) repeat; padding: 15px; color: #fff; text-shadow: #333 1px 1px; line-height: 150%; font-family: Georgia, Times New Roman, serif; font-style: italic; font-size: 112.5%; }

/* CONTENT */
#content { overflow: hidden; clear: both; background: #eee url(images/white_border_hack.png) repeat-x top left; border: 2px solid; border-top: 0 none; border-bottom: 0 none; padding: 20px; }

/* BREADCRUMBS */
#crumbs { font-size: 70%; color: #777; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px #aaa dotted; }
#crumbs .sep { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 120%; vertical-align: baseline; }
#crumbs a:hover { text-decoration: underline; }

/* POSTS */
div.post, div.page, div.type-attachment { padding: 15px; margin-bottom: 40px; background: #f5f5f5 url(images/white_border_hack.png) repeat-x top left; border: 1px #d5d5d5 solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
div.post:last-child, div.page:last-child, div.type-attachment:last-child { margin-bottom: 0; }
.entry-title { color: #333; margin-bottom: 5px; padding: 0; font-size: 175%; line-height: 135%; text-shadow: #fff 1px 1px; font-weight: normal; }
.entry-title a { color: #333; }
.entry-content { line-height: 170%; font-size: 81.3%; color: #555; overflow: hidden; }
.entry-content * { margin-bottom: 15px; }
.entry-content *:last-child { margin-bottom: 0; }
.entry-content h1 { font-size: 184.6%; }
.entry-content h2 { font-size: 161.5%; }
.entry-content h3 { font-size: 138.5%; }
.entry-content h4 { font-size: 130.8%; }
.entry-content h5 { font-size: 115.4%; }
.entry-content h6 { font-size: 107.7%; }
.entry-content table { border: 1px #ccc solid; }
.entry-content table td, .entry-content table th { border: 1px #666 solid; padding: 5px; }
.entry-content table caption { border: 1px #666 solid; padding: 5px; border-bottom: 0 none; }
.entry-content table th { background-color: #333; color: #fff; border-color: #222; }
.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 input[type='text'], .entry-content input[type='password'], .entry-content textarea { border-color: #aaa; color: #555; }
.entry-content input[type='button'], .entry-content input[type='reset'], .entry-content input[type='submit'] { color: #fff; font-weight: 700; }
.entry-content blockquote { background-color: #fff; }
.entry-content br { margin-bottom: 0 !important; }
.entry-content .more-link { display: block; width: 70px; text-align: center; background: #fff url(images/gradient_small.png) repeat-x top left; border: 1px #ddd solid; font-size: 92.3%; color: #777; text-shadow: #f5f5f5 1px 1px; padding: 1px 8px !important; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.entry-content .more-link:hover { color: #fff; }
.entry-content .page-link { clear: both; margin-bottom: 5px; }
.entry-content .page-link span { padding: 2px 6px; color: #fff; border: 1px solid; display: inline-block; }
.entry-content .page-link a span { background-color: #fff; border-color: #ddd; color: #777; }
.entry-content .page-link a:hover span { color: #fff; }
.entry-content .wp-smiley { margin-bottom: 0 !important; }
.entry-meta { margin-top: 20px; line-height: 135%; font-size: 75%; padding-top: 8px; border-top: 1px #ccc dotted; color: #999; }
.entry-meta a { color: #777; }
.entry-meta a:hover { text-decoration: underline; }
.entry-utility { margin-top: 8px; line-height: 135%; font-size: 75%; padding-top: 8px; border-top: 1px #ccc dotted; color: #999; }
.entry-utility a { color: #777; }
.entry-utility a:hover { text-decoration: underline; }
.entry-mag-thumb { width: 37%; margin-right: 3%; float: left; }
.entry-mag { width: 60%; float: left; }

.sticky .entry-title { font-size: 300% !important; margin-top: 0 !important; padding-top: 0 !important; }
.entry-thumb { margin-bottom: 15px; }

.not-found .entry-title { font-size: 350% !important; }

/* NAVIGATION */
.navigation { color: #777; font-size: 81.3%; clear: both; }
.navigation a { display: block; float: left; color: #777; text-shadow: #fff 1px 1px; margin-right: 5px; padding: 4px 6px; background: #fff url(images/gradient_small.png) repeat-x top left; border: 1px #ccc solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.navigation a:hover, .navigation .current { color: #fff; background-image: none; }

/* POST & COMMENT NAVIGATION */
.post-navigation { font-size: 81.3%; margin-bottom: 40px; }
.post-navigation .nav-previous, .comment-navigation .nav-previous { float: left; margin-right: 10px; }
.post-navigation .nav-next, .comment-navigation .nav-next { float: left; }
.post-navigation a, .comment-navigation a { display: block; background-color: #777; color: #fff; text-shadow: #444 1px 1px; padding: 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.comment-navigation { font-size: 81.3%; margin-top: 20px; margin-bottom: 20px; }

/* IMAGES & ALIGNMENT */
.alignleft, img.alignleft { margin: 0 20px 5px 0 !important; display: inline; float: left; }
.alignright, img.alignright { margin: 0 10px 5px 20px !important; display: inline; float: right; }
.aligncenter, img.aligncenter { margin: 5px auto !important; display: block; clear: both; }
.alignnone, img.alignnone { /* not sure about this one */ }
.entry-content img, .entry-thumb img, .entry-mag-thumb img { max-width: 100%; }
.entry-thumb img, .entry-mag-thumb img { 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 { max-width: 96.8%; padding: 8px; background: #eee url(images/white_border_hack.png) repeat-x top left; border: 1px #ccc solid; }
.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; color: #777; }
.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; }

/* WIDGETS */
.sidebar .widget { color: #777; padding: 10px; background: #f5f5f5 url(images/white_border_hack.png) repeat-x top left; border: 1px #d5d5d5 solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.widget { margin-bottom: 20px; overflow: hidden; }
.widget:last-child { margin-bottom: 0; }
.widget a:hover { text-decoration: underline; }
.sidebar .widget-title { padding-bottom: 12px; margin-bottom: 12px; color: #555; background: url(images/widget_title_bg.png) repeat-x bottom left; text-shadow: #fff 1px 1px; }
.widget-title { font-size: 112.5%; line-height: 135%; font-weight: normal; }
.widget div, .widget p, .widget li, .widget span { font-size: 81.3%; margin-top: 10px; line-height: 150%; }
.widget div:first-child, .widget p:first-child, .widget li:first-child, .widget span:first-child { margin-top: 0; }
.widget ul ul { margin-left: 15px; list-style: disc; }
.widget ul ul li { font-size: 100%; }
.widget ul ul li:first-child { margin-top: 10px; }
.blogroll img { vertical-align: middle; margin-right: 5px; }
.widget #s { width: 62%; border-color: #aaa; border-right-color: #fff; border-bottom-color: #fff; }
.widget #searchsubmit { width: 30%; cursor: pointer; font-weight: 700; }
#wp-calendar { width: 100%; border: 1px #ccc solid; }
#wp-calendar td, #wp-calendar th, #wp-calendar caption { padding: 5px; text-align: center; border: 1px #ccc solid; background: #fff url(images/gradient_small.png) repeat-x top left; }
#wp-calendar caption { border-bottom: 0 none; text-shadow: #fff 1px 1px; }
#wp-calendar #prev { text-align: left; }
#wp-calendar #next { text-align: right; }
/*tabbed-content-widget*/
.widget-tab { cursor: pointer; display: block; float: left; margin-top: 0 !important; margin-left: 5px; padding: 3px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.widget-tab:first-child { margin-left: 0; }
.widget-tab { background: #fff url(images/gradient_small.png) repeat-x top left; color: #555; text-shadow: #fff 1px 1px; border: 1px #ccc solid; font-weight: bold; }
.current-tab, .widget-tab:hover { background-color: #777; background-image: none; color: #fff; text-shadow: #555 1px 1px; border-color: #666; }
.widget-tab-content { display: none; }
.current-content { display: block; }
.widget .recent-entry { clear: both; margin: 0 !important; padding-top: 20px; }
.recent-entry .recent-thumb { float: left; width: 48px; margin: 0 !important; margin-right: 5% !important; }
.recent-entry .recent-info { float: left; width: 71%; margin: 0 !important; font-size: 125%; }
.recent-info h4 { font-weight: normal; }
.recent-info p { margin-top: 5px !important; }
.widget #tab-content-tags .tagcloud { padding-top: 20px !important; clear: both; }

/* FOOTER */
#footwrap { background-color: #222; }
#footer { padding: 20px; background: url(images/footer_bg.png) repeat; border: 2px #151515 solid; border-top: 0 none; color: #aaa; }
#footer-credits { font-size: 81.3%; padding: 20px 0; }
#footer-widget-area { overflow: hidden; }
#footer-widget-area a:hover { text-decoration: underline; }
.footer-widget-area { float: left; }
.footer-widget-one .footer-widget-area { width: 100%; }
.footer-widget-two .footer-widget-area { width: 47%; margin-left: 1.5%; margin-right: 1.5%; }
.footer-widget-three .footer-widget-area { width: 30%; margin-left: 1.5%; margin-right: 1.5%; }
.footer-widget-four .footer-widget-area { width: 21%; margin-left: 1.5%; margin-right: 1.5%; }
.footer-widget-area .widget-title { color: #fff; text-shadow: #000 1px 1px; }
.footer-widget-area .widget-tab { background-image: none; border: 0 none; background-color: #444; color: #fff; text-shadow: #111 1px 1px; }
.footer-widget-area #wp-calendar td, .footer-widget-area #wp-calendar th, .footer-widget-area #wp-calendar caption { border-color: #111; background-color: #222; }
.footer-widget-area #wp-calendar caption { text-shadow: #000 1px 1px; }
#footer-credits { color: #777; }
.social-link { margin-right: 5px; }
.social-link img { vertical-align: middle; opacity:0.4; filter:alpha(opacity=40); }
.social-link:hover img { opacity:1.0; filter:alpha(opacity=100); }

/* COMMENTS */
#comments { clear: both; }
#comments-title { padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-weight: normal; font-size: 87.5%; }
#comments-title { background-color: #e5e5e5; color: #555; text-shadow: #f5f5f5 1px 1px; border-bottom: 1px #ccc solid; }
.commentlist { list-style: none; margin-bottom: 10px; clear: both; }
.commentlist li { list-style: none; margin-top: 10px; }
.commentlist li { padding: 10px; background-color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px #d5d5d5 solid; }
.commentlist li li { border: 0 none; }
.commentlist ul { margin-left: 20px; }
.comment-avatar { float: left; margin-right: 15px; }
.comment-info { float: left; }
.comment-info p { margin-bottom: 5px; }
.comment-author { text-transform: capitalize; color: #333; margin-bottom: 5px; }
.comment-author a:hover { text-decoration: underline; }
.comment-date, .comment-reply-link { font-size: 75%; }
.comment-date a, .comment-reply-link { color: #777; text-decoration: underline; }
.comment-date a:hover, .comment-reply-link:hover { text-decoration: none; }
.comment-status { padding-top: 15px; clear: both; font-size: 81.3%; font-style: italic; font-weight: bold; }
.comment-content { padding-top: 15px; clear: both; line-height: 170%; font-size: 81.3%; color: #555; overflow: hidden; }
.comment-content * { margin-bottom: 15px; }
.comment-content *:last-child { margin-bottom: 0; }
.comment-content h1 { font-size: 184.6%; }
.comment-content h2 { font-size: 161.5%; }
.comment-content h3 { font-size: 138.5%; }
.comment-content h4 { font-size: 130.8%; }
.comment-content h5 { font-size: 115.4%; }
.comment-content h6 { font-size: 107.7%; }
.comment-content table { border: 1px #ccc solid; }
.comment-content table td, .comment-content table th { border: 1px #666 solid; padding: 5px; }
.comment-content table caption { border: 1px #666 solid; padding: 5px; border-bottom: 0 none; }
.comment-content table th { background-color: #333; color: #fff; border-color: #222; }
.comment-content li { margin-bottom: 10px !important; padding: 0 !important; }
.comment-content ul, .comment-content ul ul { list-style: disc !important; margin-left: 15px !important; }
.comment-content ol { list-style: decimal !important; margin-left: 20px !important; }
.comment-content ol ol { margin-left: 15px !important; }
.comment-content ul ul, .comment-content ol ol { margin-top: 10px !important; }
.comment-content ul li { list-style: disc !important; }
.comment-content ol li { list-style: decimal !important; }
.comment-content ol ol { list-style: upper-alpha !important; }
.comment-content ol ol ol { list-style: lower-roman !important; }
.comment-content ol ol ol ol { list-style: lower-alpha !important; }
.comment-content input[type='text'], .comment-content input[type='password'], .comment-content textarea { border-color: #aaa; color: #555; }
.comment-content input[type='button'], .comment-content input[type='reset'], .comment-content input[type='submit'] { color: #fff; font-weight: 700; }
.comment-content blockquote { background-color: #eee; }
.comment-content br { margin-bottom: 0 !important; }
.comment-content .wp-smiley { margin-bottom: 0 !important; }
.pingback { overflow: hidden; }
/* Post author highlighting */
.commentlist > li.bypostauthor { } /* Overridden in the color scheme stylesheets */
.commentlist > li.bypostauthor .comment-meta { } /* Overridden in the color scheme stylesheets */
.commentlist > li.bypostauthor .comment-meta a:focus, .commentlist > li.bypostauthor .comment-meta a:active, .commentlist > li.bypostauthor .comment-meta a:hover { }

#respond { margin-top: 0; border: 1px #d5d5d5 solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.commentlist li #respond { margin-top: 10px; }
#reply-title { font-weight: normal; font-size: 87.5%; padding: 10px; background-color: #d5d5d5; color: #333; text-shadow: #e5e5e5 1px 1px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
#cancel-comment-reply-link { font-size: 85%; display: block; margin-top: 10px; color: #666; }
.nocomments, .nopassword { border-bottom: 1px #d5d5d5 solid; text-shadow: #f5f5f5 1px 1px; background-color: #e5e5e5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #555; padding: 10px; font-size: 81.3%; }
.form-allowed-tags { display: none; }
#commentform { font-size: 81.3%; color: #555; padding: 10px; background-color: #e5e5e5; }
#commentform input, #commentform textarea { display: block; margin-top: 10px; }
#commentform input[type='text'], #commentform input[type='password'], #commentform textarea { color: #777; border-top-color: #aaa; border-left-color: #aaa; border-right-color: #f5f5f5; border-bottom-color: #f5f5f5; }
#commentform label { font-weight: bold; }
#commentform p { margin-bottom: 10px; line-height: 130%; }
#submit { font-weight: 700; }