/*
Theme Name: Multi-Color
Theme URI: http://nischalmaniar.info/2009/12/multi-color-theme/
Description: Multi-colored theme with 3 color schemes. Different two or three column layouts. Lot of options to customize the theme. Fixed-width, paged Navigation and threaded comments. Compatible with wordpress 2.7 and higher upto 2.9. Valid XHTML and CSS. Compatible with IE 7+, Firefox 3.0+, Safari 3.0+, Chrome. Demo with all options enabled: http://nischalmaniar.info/wpthemes/?themedemo=Multi-Color
Version: 1.5
Author: Nischal Maniar
Author URI: http://www.nischalmaniar.info
Tags:  Dark, two-columns, three-columns, Fixed-width, Threaded-comments
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
*/

/** Body and Layout **/
/*********************/

html, body { margin: 0; padding: 0; text-align: center; text-shadow: #333 1px 1px 1px; color: #efefef; font-family: Arial; font-size: 13px; font-weight: lighter; }
#wrapper { margin: 0 auto 0 auto; width: 1100px; text-align: left; overflow: hidden; }
p { margin: 0; padding: 0; line-height: 100%; }
.clear { margin: 0; padding: 0; line-height: 0px; height: 0px; clear: both; }
.content { width: 1100px; padding: 15px 0 0 0; overflow: hidden; }
.container{ float: left; }
.socialsearch { margin: 10px 0 10px 0; }
a { color: #efefef; text-decoration: none; }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }
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; }
.alignright { float: right; }
.alignleft { float: left; }
a img { border: none; }
.wp-caption { border: none; text-align: center; background: none; padding-top: 0; margin: 0; }
.wp-caption img { margin: 0; padding: 0; border: none; background: none; }
.wp-caption-dd { font-size: 11px; padding: 0; margin: 0; }

/** Menu **/
/**********/

.menu ul { padding: 0; margin: 0; list-style: none; line-height: 1; font-size: 13px; font-weight: lighter; }
.menu ul a { display: block; width: inherit; padding: 10px; }
.menu ul li { /* all list items */ float: left; padding-right: 5px; width: inherit; /* width needed or else Opera goes nuts */ }
.menu ul .current_page_item { text-transform: uppercase; }
.menu ul li ul { /* second-level lists */ position: absolute; width: 13em; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }
.menu ul li ul li { float: none; }
.menu ul li ul ul { margin: -2.65em 0 0 13.4em; }
.menu ul li:hover ul ul, .menu ul li:hover ul ul ul, .menu ul li.sfhover ul ul, .menu ul li.sfhover ul ul ul { left: -999em; }
.menu ul li:hover ul, .menu ul li li:hover ul, .menu ul li li li:hover ul, .menu ul li.sfhover ul, .menu ul li li.sfhover ul, .menu ul li li li.sfhover ul { /* lists nested under hovered list items */ left: auto; }
#lastli a { visibility: hidden; }

/** Banner **/
/******************/

.banner { margin: 30px 0 0 0; padding: 0 0 30px 0; height: 70px; }
.description { font-size: 12px; text-shadow: #333 1px 1px 1px; }
.logo { float: left; }
.logo h1 { font-size: 32px; }

/** Typography **/
/****************/

h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0; padding: 0; font-weight: lighter; line-height: 100%; }
h1 { font-size: 26px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 13px; }

blockquote { background: url(images/blockquote-back.png) repeat; margin: 15px; padding: 15px; }
code { background: url(images/blockquote-back.png) repeat; margin: 15px; padding: 15px; }

table { border-collapse: collapse; border: 1px solid; }
table td, table th { padding: 5px; }

/** Search **/
/************/

.search { float: right; background: url(images/search-back.png) no-repeat; width: 261px; height: 29px; margin-top: 10px; }
#s { margin: 5px 0 0 8px; width: 150px; border: 0; font-size: 14px; font-family: Arial; color: #555555; }
#searchsubmit { width: 80px; margin: 0 0 0 10px; cursor: pointer; background: none; border: none; }

/** Social Icons **/
/******************/

.social-sites { float: right; margin: 10px 0 0 15px; }
.social-sites-icons { margin: 0 5px 0 0; }
.social-sites-icons img { vertical-align: bottom; }

/** Sidebar **/
/*************/

.sidepanel { float: left; }
.sidebar ul { list-style: none; margin: 0; padding: 0; width: 100%; }
.sidebar ul li { margin: 0 0 20px 0; padding: 0 0 20px 0; }
.sidebar a:hover { color: #ffffff; }
.sidebar h2 { font-size: 14px; color: #ffffff; text-transform: uppercase; margin-bottom: 20px; }
.sidebar ul ul li { background-image: none; margin: 10px 0 0 0; padding: 0; }
.sidebar ul ul ul { margin-left: 5px; }
.sidebar ul ul li ul li { background: url(images/child.png) no-repeat top left; padding-left: 13px; }

.info-center { background: url(images/info-back.png) repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden; padding: 15px; }
.avatar { float: left; margin: 0 15px 0 0; padding: 3px; background: #aaaaaa; border: 1px #777777 solid; }
.avatar-default { padding: 0px; background: none; border: none;  }
.info { font-size: 12px; float: left; line-height: 150%; color: #ffffff; text-shadow: #333 1px 1px 1px; }
.information { margin: 0 0 20px 0; padding: 0 0 20px 0; }

#wp-calendar { width: 100%; }
table caption { padding: 3px; }
#prev { text-align: left; }
#next { text-align: right; }

/** Posts **/
/***********/

.posts { list-style: none; margin: 0 20px 0 20px; padding: 0; }
.posts li { margin: 0 0 50px 0; padding: 0; }

.post-title { display: block; }
.posts li .post-title a { color: #ffffff; }

.post-date { float: left; background: url(images/icons/calendar-icon.png) no-repeat; line-height: 12px; padding: 0 0 0 20px; margin-right: 30px; }
.post-comments { float: left; background: url(images/icons/comments-icon.png) no-repeat; line-height: 12px; padding: 0 0 0 20px; }

.post-content { margin: 20px 0 20px 0; }
.post-content p { line-height: 170%; }
.posts li a:hover { color:#ffffff; }
.more-link { line-height: 13px; background: url(images/icons/readmore-icon.png) no-repeat; display: block; margin: 20px 0 0 0; padding: 0 0 0 20px; }
.post-content ul { margin: 10px 0 10px 20px; padding: 0; }
.post-content ul li { margin: 0 0 15px 0; padding: 0; }
.post-content ul ul { margin: 15px 0 0 20px; }
.post-content ol { margin: 10px 0 10px 20px; padding: 0; }
.post-content ol li { margin: 0 0 15px 0; padding: 0; }
.post-content ol ol { margin: 15px 0 0 20px; }
.post-content table { margin: 15px 0 15px 0; }

.post-pages span { padding-bottom: 10px; margin-right: 7px; background: url(images/current-page-marker.png) bottom center no-repeat; }
.post-pages { margin-bottom: 20px; }
.post-pages a span { background: none; }

.post-category { background: url(images/post-category-back.png) no-repeat top right; padding: 20px 0 0 0; font-size: 12px; }
.category-icon { margin: 0 10px 0 0; }

.post-navigation { padding-top: 30px; margin: 20px 0 0 0; }
.post-navigation  #previouspost { float: left; background: url(images/previous-post-back.png) no-repeat; padding-left: 25px; }
.post-navigation  #nextpost { float: right; background: url(images/next-post-back.png) right no-repeat; padding-right: 25px; }

/** Comments **/
/**************/

#comments { padding-top: 20px; margin: 20px 0 20px 0; }
#comments h4 { float: left; }
#comments-rss-icon { float: left; margin-right: 15px; }
.tabs { float: left; padding: 7px; margin-right: 5px; cursor: pointer; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; }
.write-tab { float: right; background: url(images/icons/write-icon.png) no-repeat left; padding: 7px 7px 7px 17px; }
.tab-content {  padding: 25px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#commentstab { background: url(images/commentstab-back.png) repeat; }
#comments_section { background: url(images/commentstab-back.png) repeat; overflow: hidden; }
#pingstab { background: url(images/pingstab-back.png) repeat; }
#pings_section { background: url(images/pingstab-back.png) repeat; display: none; overflow: hidden; }

.commentslist { list-style: none; margin: 0; padding: 0; }
.commentslist ul { list-style: none; margin: 30px 0 30px 20px; padding: 0; }
.commentslist li { margin: 0 0 50px 0; padding: 0; }
.commentslist li li { margin: 0; padding: 0; }
.commentavatar { float: left; width: 70px; }
.commentavatar img { border: none; padding: 4px; background: url(images/gravatar-back.png) repeat; }
.commentmeta { float: left; }
.commentmeta p { margin-bottom: 10px; }
.commentauthor { font-size: 14px; }
.commentreply { float:right; margin-left: 15px; }
.commenttxt { margin: 20px 0 20px 0; }
.commenttxt p { line-height: 170%; }

/** Comment form **/
/******************/

.leavereply { background: url(images/blockquote-back.png) repeat; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 20px; margin: 50px 0 0 0; }
#cancel-comment-reply { margin: 0 0 10px 0; }
#respond { margin-bottom: 25px; }
#commentform p { margin: 0 0 10px 0; }
#commentform input { border-left: 1px #333 solid; border-top: 1px #333 solid; border-right: 0; border-bottom: 0; background: url(images/commentstab-back.png) repeat; margin-bottom: 10px; width: 85%; padding: 7px; font-size: 12px; font-family: Arial; color: #ddd; }
#commentform textarea { border-left: 1px #333 solid; border-top: 1px #333 solid; border-right: 0; border-bottom: 0; background: url(images/commentstab-back.png) repeat; overflow: auto; width: 85%; padding: 7px; font-size: 12px; font-family: Arial; color: #ddd; }
#commentform #submit { width: 150px; padding: 5px; margin-top: 10px; cursor: pointer; }

/** navigation **/
/****************/

.navigation-pages ul { list-style: none; margin:0; padding: 0; }
.navigation-pages li { display:inline; padding:0; margin:0; font-size:14px; }
.navigation-pages a, .navigation-pages a:visited, .navigation-pages a:hover, .navigation-pages span.current,
.navigation-pages span.pages, .navigation-pages span.extend, .navigation-pages span.current, .navigation-pages span.dots
 { color:#bbbbbb; padding:0 0 15px 0; margin:0 20px 0 0; display:block; float:left; text-decoration: none; text-align:center; }
.navigation-pages a:hover { color:#ffffff; text-decoration:none; }
.navigation-pages span.current { background: url(images/current-page-marker.png) bottom center no-repeat; color:#ffffff; }

/** Footer **/
/************/

#footer { padding: 50px 0 50px 0;  color: #222; text-shadow: #888 1px 1px 1px; font-size: 13px; }
.footer-pages { margin-bottom: 20px; }
.footer-pages ul { list-style: none; margin: 0; padding: 0; }
.footer-pages ul li { float: left; margin: 0; padding: 0 10px 0 10px; border-left: 1px #222 solid; }
.footer-pages ul li a { color: #222; }
#foothome { border-left: 0px; padding-left: 0px; }