/*
Theme Name: multi-color
Theme URI: http://nischalmaniar.info/2009/12/multi-color-theme/
Description: Multi-colored theme with 3 gorgeous color schemes. Different two or three column layouts. Footer Widgets. Custom Header Image. Options to customize the theme. Fixed-width, paged Navigation and threaded comments. Built-in bookmarking feature. Spanish Translation ready. Compatible with wordpress 2.7 and higher upto 2.9.x. 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.7
Author: Nischal Maniar
Author URI: http://www.nischalmaniar.info
Tags:  Light, two-columns, three-columns, Fixed-width, Threaded-comments
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
*/

/* Typography and Structure */

html, body { margin: 0; padding: 0; text-align: center; font-family: arial, sans-serif; font-size: 13px; text-shadow: 1px 1px 1px #fff; color: #666; }
#wrapper { background: #fff; margin: 0 auto 0 auto; 
           width: 900px; 
           text-align: left; 
           overflow: hidden; 
            }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; text-transform: capitalize; }
h1 { font-size: 26px; margin-bottom: 15px; color:#02659D; }
h2 { font-size: 20px; margin-bottom: 15px; color:#02659D; }
h3 { font-size: 18px; margin-bottom: 15px; color:#02659D; }
h4 { font-size: 16px; margin-bottom: 10px; color:#02659D; }
h5 { font-size: 14px; margin-bottom: 10px; color:#02659D; }
h6 { font-size: 13px; font-weight: bold; margin-bottom: 5px; }


p { margin: 0; padding: 0; line-height: 100%; }
a img { border: none; }
ul, ol { margin: 0; padding: 0; }
ul li, ol li { margin: 0; padding: 0; }
* { outline: none; }
.clear { clear: both; overflow: hidden; line-height: 0px; height: 0px; margin: 0; padding: 0; visibility: hidden; }
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
.alignright { float: right; }
.alignleft { float: left; }
.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 8px 15px; display: inline; }
img.alignleft { padding: 4px; margin: 0 15px 8px 0; display: inline; }
blockquote { margin: 15px; padding: 15px; border: 1px #999 solid; 
             color: #999; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
hr { border: none; height: 1px; background: #444; }
object { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.wp-caption { margin: 0 15px 8px 0; border: 1px #ccc solid; 
              padding: 6px 4px 4px 4px; 
              background: #eee; 
              text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/* Header */
#header h1 { font-family: Arial; font-size: 30px; text-shadow: #444 1px 1px 1px; margin-bottom: 5px; margin-left: 40px; padding-top: 50px;  }
#header .description { font-size: small; margin-left: 40px; font-family: Arial; text-shadow: #444 1px 1px 1px; }
#header h1 a { text-decoration: none;  color:white;}
#Headerlinks { height:83px; width: 800px; margin-left: 0px; margin-right: auto; padding: 10px 0px 0px 0px; text-align: right; }
#Headerlinks img { float: left; }
#Headerlinks ul{margin: 0px auto;} 
#Headerlinks ul li { font-size: 8pt; margin: 0px 6px; float: right; list-style-type: none; } 
#Headerlinks li a { display: block; float: left; height: 19px; text-decoration: none; text-transform: capitalize; font-weight: bold; background: transparent; color: #02659D; padding: 3px 0px 0px; } 
#Headerlinks li a:hover { color: #10A014; }
#Headerlinks li a#selected { background: url(/blog/wp-content/themes/multi-color/images/login-button.jpg) no-repeat; color: #000000; width: 97px; }
#liHeaderlinksnks li a#selected:hover { background: url(/blog/wp-content/themes/multi-color/images/login-button-hover.jpg) no-repeat; }
#Headerlinks br { font-size: 2pt; }
#Headerlinks li a#selected2
{
  background: url(/style/contact-sales-red.jpg) no-repeat;
  color: #FFFFFF;
  width: 119px;
  text-decoration: none;
}

/*
#links2 { height: 23px; width: 290px; margin-left: auto; margin-right: auto; padding: 5px 0px -15px; text-align: left; }
#links2 img { float: left; }
#links2 ul{margin: 0px auto;} 
#links2 ul li { font-size: 7pt; margin: 0px 6px; float: right; list-style-type: none; }
#links2 li a {  display: block; float: left; height: 19px; text-decoration: none; text-transform: capitalize; font-weight: bold; background: transparent; color: #858C92; padding: 3px 0px 0px; } 
#links2 li a:hover { color: #10A014; }
#links2 li a#selected { background: url(login-button.jpg) no-repeat; color: #000000; width: 97px; }
#links2 li a#selected:hover { background: url(login-button-hover.jpg) no-repeat; }
*/

#links2
{ height: 23px;
  width: 600px;
  margin-left: auto; 
  margin-right: auto; 
  padding: 5px 0px -15px;
  text-align: right;
 /* background: url(it-works-header-back.jpg) no-repeat;*/
}

#links2 img
{
 float: right;
}

#links2 ul{margin: 0px auto;} 

#links2 ul li
{ font-size: 8pt; 
  font-weight: bold;
  margin: 0px 6px;
  float: right;
  list-style-type: none;
  
} 

#links2 li a 
{
  display: block; 
  float: left; 
  height: 19px;
  text-decoration: none; 
  text-transform: capitalize;
  font-weight: bold;
  background: transparent;
  color: #858C92;
  padding: 3px 0px 0px;
} 

#links2 li b 
{
  display: block; 
  float: left; 
  height: 19px;
  text-decoration: none; 
  text-transform: capitalize;
  font-weight: bold;
  background: transparent;
  color: #000000;
  padding: 3px 0px 0px;
} 

#links2 li a:hover
{
 color: #10A014;
}

#links2 li a#selected
{
  background: url(login-button.jpg) no-repeat;
  color: #000000;
  width: 97px;
}

#links2 li a#selected:hover
{
  background: url(login-button-hover.jpg) no-repeat;
}


/* Menu */

.menu { margin: 120px 20px 0px 0px; -webkit-box-shadow: 0px 1px 5px #000; -moz-box-shadow: 0px 1px 5px #000; }
.menu ul { background: #eee; list-style: none; margin: 0; padding: 0; height: 35px; }
.menu ul li { margin: 0; padding: 0; float: left; position: relative; font-size: 13px; text-transform: capitalize; font-weight: bold; }
.menu ul li a { line-height: 25px; height: 25px; background: #eee; padding: 5px 9px; display: block; color: #333; text-decoration: none; }
.menu ul li a:hover { background: #ddd; color: #333; text-shadow: 1px 1px 1px #fff; }
.menu ul li ul { display: none; }
.menu ul li:hover ul { display:block; position:absolute; top:35px; left:0; width:115px; }
.menu ul li:hover ul li ul { display: none; }
.menu ul li li { width: 115px; }
.menu ul li:hover ul li:hover ul { display:block; position:absolute; left:115px; top:0; }
.menu ul li:hover ul li:hover ul.left { left:-115px; }

#headernav { width: 800px; height: 27px; padding: 0px 10px; border: 1px solid #9AC1D6; 
             text-align: center; position:relative; margin:0; padding:0; }
#headernav ul { padding: 0px; margin: 0px; }
#headernav li ul { width:255px; position:absolute; height:auto; display:none; left:-10px; 
                   padding:7px 0px; font-weight: normal; text-align: left; margin-top: 2px; }
#headernav li { position:relative; width: auto; float:left; list-style-type:none; 
                font-weight:bold; text-decoration: none; font-weight: bold; margin-left: 26px; }
#headernav li ul li { width: 255px; 
                      padding: 4px 0px 0px 6px;
                      text-decoration: none; 
                      color: #02659D; 
                      font-weight: bold; 
                      font-size: 13px; 
                      float: left; list-style: none; 
                      background: #FFFFFF url(/blog/wp-content/themes/multi-color/images/headernav-back.jpg) repeat; 
                      border: 1px solid #9AC1D6; 
                      margin-left: 15px; }
#headernav li a { text-decoration:none; display:block; float:left; height:2em; line-height:2em; color: #02659D; font-size: 12px; }
#headernav li ul li a {	width: auto; position:relative !important; white-space:nowrap; 
                       	line-height:1.7em; height:1.7em; font-weight: bold; color:#02659D; background-position:0 50% !important; }
#headernav li a:hover{color:#10A014;}
#headernav li:hover ul,
#headernav li.msieFix ul {display:block;z-index:10;top:1.65em;}
#header .headernavTitle a {color: #02659D; font-size: 20px; padding:20px 0px 0px 0px; margin:0px 0px 0px -15px; position:absolute; }

/* Sidebar */
#sidebar { }
.sidebar { float: left; 
           font-size: 12px; 
           color: #00639C; 
           background-color:#F0F8ED; 
           width:160px;
           min-width:160px;
           padding:5px 30px 20px 30px; 
           position:relative; 
           left:-5px; 
           top:-41px; }
.sidebar a { color: #00639C; text-decoration: none; }


.sidebar ul { list-style: none; }
.sidebar ul li { margin-bottom: 20px; }
#sidebar1 {  }
.sidebar ul li h2 { padding: 5px 7px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
                    font-size: 12px; color: #00639C; font-weight: bold; margin-bottom: 7px; }
.sidebar ul li h2 a { color: #fff; text-decoration: none; }
.sidebar ul li h2 a:hover { color: #fff; }
.sidebar ul ul { list-style: none; }
.sidebar ul li ul li { margin: 0; border-top: 1px #02659D solid; padding: 3px; }
.sidebar ul li ul li:first-child { border-top: none; }
.sidebar ul li ul li a { width: auto; display: block; color:#00639C; }
.sidebar ul li ul li a:hover { width: auto; display: block; color:#10A014; }
.sidebar ul li ul li:hover { background: #ccc; }
.sidebar ul ul ul { margin-left: 7px; }
.sidebar ul li li li { border: none; padding-bottom: 0; }
.sidebar ul li li li a { background: url(images/child_li_bg.png) no-repeat left center; padding-left: 15px; color: #00639C; }

.sidebaritem a, .sidebaritem a:hover { padding: 0px 0px 2px 0px; text-decoration: none; background: transparent; color: #00639C; }
.sidebaritem h2 { font-size: 12px; font-weight: bold; margin-bottom: 5px; }
.sidebaritem a:hover { padding: 0px 0px 2px 0px; text-decoration: none; background: transparent; color: #10A014; }

#wp-calendar { width: 100%; border-collapse: collapse; }
#wp-calendar caption { padding: 3px 0 5px 0; font-weight: bold; }
#wp-calendar th { text-align: center; border: 1px #ccc solid; padding: 5px; }
#wp-calendar td { text-align: center; padding: 5px; }
#wp-calendar td a { background: #ddd; padding: 5px; }
#wp-calendar tfoot td { border: none; }
#wp-calendar #prev { text-align: left; }
#wp-calendar #next { text-align: right; }
#wp-calendar #prev a, #wp-calendar #next a { background: none; padding: 0; }

select { background: #fff; border: 1px #777 solid; color: #777; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-family: Arial; height: 25px; margin-top: 10px; }
select option { padding: 5px; color: #777; }
.sidebar ul li select { width: 75%; }

.rsswidget img { display: none; }

/* Footer */

#footer { margin-left: auto; margin-right: auto; padding: 30px 25px 20px 25pxpx; width: 800px; height: auto; text-transform: capitalize; background: #FFFFFF; float: left; text-align: center; }
#footer P { line-height:16px }

.footer_widget_area { float: left; width: 30%; margin-left: 40px; color: #ddd; }
.footer_widget_area a:hover { color: #fff; }
.footer_widget_area:first-child { margin-left: 0; }
.footer_widget_area ul { list-style: none; }
.footer_widget_area ul li { margin: 30px 0 0 0; padding: 0; }
.footer_widget_area ul li:first-child { margin-top: 0; }
.footer_widget_area ul li h2 { color: #fff; font-size: 18px; padding-bottom: 5px; border-bottom: 1px #ccc solid; }
.footer_widget_area ul li li { padding: 5px 0; margin: 0; }
.footer_widget_area ul li li:first-child { padding-top: 0; }

.copyright { margin: 20px 15px 0 0; text-align: right; }

#footer p { font-size: 11px; color: #555454; }
#footer a { color: #555454; font-weight: normal; font-size: 11px; text-decoration: none; }
#footer a:hover { color: #10A014; }
#links { height:83px; width: 760px; margin-left: auto;  margin-right: auto; padding: 10px 0px 0px 0px; text-align: right; }



#bottomnav { width: 800px; height: 150px; padding: 10px 0px 29px 15px; background: #EAF3F7; float: left; margin-top: 30px; }
#navsect h1 { font-size: 12px; font-weight: bold; color: #01649D; margin: 0px 0px 3px; }
#bottomnav a, #bottomnav p { font-size: 11px; color: #01649D; margin: 0px; text-decoration: none; }
#bottomnav a:hover { color: #10A014; text-decoration: none; }
#navsect { height: auto; width: auto; float: left; padding: 0px 17px 0px 17px; }
#navsect p { margin: 0px 3px 3px; font-size: 14px; }

/* Content */

#content { float: left; max-width:500px; padding:0px 20px 0px 0px;}

/* Posts */

.post, .page { margin-bottom: 30px; padding-top: 30px; border-top: 1px #ddd solid; }
.box-1 { padding-top: 0; border: none; }

.post h2, .page h2 { color: #02659D; font-size: 14px; font-weight:bold; }
.post h2 a, .page h2 a { color: #02659D; text-decoration: none; }
.pagetitle { font-weight: bold; border-bottom: 1px #02659D solid; padding-bottom: 5px; margin-bottom: 25px; font-size:16px; }


.postinfo { font-size: 11px; color: #999; }
.postinfo a { text-decoration: none; }
.postinfo .date { background: url(images/date_icon.png) no-repeat left center; padding-left: 18px; margin-right: 10px; }
.postinfo .comments { background: url(images/comments_icon.png) no-repeat left center; padding-left: 18px; margin-left: 10px; margin-right: 10px; }
.postinfo .edit-link { margin-left: 10px; }
.postinfo .share { background: url(images/share_icon.png) no-repeat left center; padding-left: 18px; margin-left: 10px; margin-right: 10px; }

#sharepanel { width: auto; margin-top: 30px; display: none; }
#sharepanel a { margin-right: 5px; }
#sharepanel a img { opacity:0.5; filter:alpha(opacity=50); }
#sharepanel a img:hover { opacity:1.0; filter:alpha(opacity=100); }
.hidebtn { cursor: pointer; }

.postmeta { font-size: 11px; }
.postmeta .postcategory { background: url(images/category_icon.png) no-repeat left center; padding-left: 18px; text-transform: capitalize; }
.postmeta .posttags { text-transform: capitalize; }
.postmeta .posttags img { vertical-align: middle; margin-right: 6px; }

.postnavigation { margin: 35px 0; font-size: 11px; }
.postnavigation .previouspost { float: left; background: #777; color: #fff; text-shadow: 1px 1px 1px #666; 
                                padding: 7px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.postnavigation .nextpost { float: right; background: #777; color: #fff; text-shadow: 1px 1px 1px #666; 
                            padding: 7px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.postnavigation .previouspost:hover, .postnavigation .nextpost:hover { background: #444; text-shadow: 1px 1px 1px #333; color: #fff; }
.postnavigation .previouspost a, .postnavigation .nextpost a { color: #fff; padding: 7px 0; }
.postnavigation .previouspost a:hover, .postnavigation .nextpost a:hover { color: #fff; }

.entry { margin: 30px 0; color: #666; }
.entry p { line-height: 170%; margin-bottom: 15px; } /* To modify the paragraph gap, change margin-bottom value */
/* styling the read more link */
.entry .more-link { color: #fff; text-align: center; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
/* border around images */
.entry img.size-full, .entry img.size-large, .entry img.size-medium, .entry img.size-thumbnail { border: 1px #ccc solid; padding: 4px; background: #eee; }
.entry .wp-caption img { background: none; border: none; padding: 0; }
.wp-caption p { margin: 4px 0 0 0; }

.entry blockquote p { margin: 15px 0 0 0; }
.entry blockquote p:first-child { margin-top: 0; }

.entry ul, .entry ol { margin: 0 0 0 20px; padding: 0; }
.entry ul li , .entry ol li { margin: 10px 0 10px 0; padding: 0; }

.entry table { border: none; }
.entry table th { background: #444; color: #fff; text-shadow: 1px 1px 1px #444; padding: 6px; border: 1px #fff solid; text-transform: capitalize; }
.entry table td { padding: 6px; border: none; }

.entry input { background: #eee; border: 1px #636363 solid; color: #666; padding: 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.entry textarea { background: #eee; border: 1px #636363 solid; color: #666; padding: 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: auto; }

/* Navigation */

.navigation-pages { margin-bottom: 30px; float:right; width:200px;overflow:hidden;}

.navigation-pages ul { list-style: none; margin:0; padding: 0; }
.navigation-pages li { display:inline; padding:0; margin:0; font-size:11px; }
.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
 { background: url(images/pages_bg.png) no-repeat top left; color:#777; display:block; line-height: 30px; width: 30px; 
   float:left; margin-right: 5px; text-decoration: none; text-align:center; }
.navigation-pages a:hover { background-position: bottom left; color:#fff; text-decoration:none; text-shadow: 1px 1px 1px #777; }
.navigation-pages span.current { background-position: bottom left; color:#fff; text-shadow: 1px 1px 1px #777; }
.navigation-pages span.dots { background: none; color: #777; }

/* Comments */

.commentsanchor { line-height: 0px; 
                  visibility: hidden;
                  height: 0px; }
#comments { list-style: none; width: inherit; }
#comments li { float: left; cursor: pointer; 
               background: #ddd; 
               color: #777; 
               text-align: center; 
               padding: 5px 8px; 
               border: 1px #666 solid; 
               margin-bottom: -1px; 
               z-index: 5; 
               -moz-border-radius-topleft: 3px; 
               -webkit-border-top-left-radius: 3px; 
               -moz-border-radius-topright: 3px; 
               -webkit-border-top-right-radius: 3px; }
#comments li:hover { background: #ccc; }
#comments li:first-child { border-right: none; }
#comments #writetab { float: right; }
#comments li.default { border-bottom-color: #fff; background: #fff; }
#comments li.default:hover { background: #fff; }
.content { clear: left; border: 1px #666 solid; z-index: 10; overflow: hidden; }

#trackbacklist { display: none; }

.commentlist { list-style: none; }
.commentlist ul { list-style: none; }
.comment-author { float: left; margin-right: 15px; }
.comment-author .gravatar { position: relative; }
.comment-author .gravatar img { position: relative; padding: 0; }
.comment-author .gravatar:after { content: url(images/avatar_bg.png); position: absolute; top: 0; left: 0; }
.commentlist li.odd .comment-author .gravatar:after { content: url(images/avatar_bg_alt.png); position: absolute; top: 0; left: 0; }
.comment-meta { float: left; font-size: 11px; color: #777; }
.comment-meta p { margin-top: 6px; }
.comment-meta p:first-child { margin-top: 0; }
.authorname { font-size: 14px; font-weight: bold; }
.comment-text { color: #666; font-size: 12px; margin-top: 10px; }
.comment-text p { margin-bottom: 15px; line-height: 170%; }
.comment-text blockquote p { margin: 15px 0 0 0; }
.comment-text blockquote p:first-child { margin-top: 0; }

.return-link { float: right; }

.commentlist li { padding: 15px 0 15px 15px; color: #666; }
.commentlist li.odd { background: #eee; }
.commentlist li li { padding-right: 0; padding-left: 20px; }

/* Comment Form */

#respond { background: #ddd; padding: 15px; margin-top: 20px; }
#respond h3 { text-transform: none; font-weight: normal; font-size: 15px; padding: 4px 7px; color: #02659D; background-color:transparent; }
.textbox { width: 301px; height: 33px; background: url(images/textbox_bg.png) no-repeat; display: block; padding: 6px 5px; }
.textarea { width: 301px; height: 131px; background: url(images/textarea_bg.png) no-repeat; display: block; padding: 7px 5px;  }
#commentform input { background: none; width: 289px; border: 0; font-size: 12px; font-family: Arial; color: #444; }
#commentform textarea { width: 289px; height: 119px; background: none; border: 0; font-family: Arial; font-size: 12px; overflow: auto; }
#commentform #submit { width: 157px; height: 28px; cursor: pointer; 
                       background: url(images/submit_btn_bg.png) no-repeat top left; 
                       color: #fff; text-shadow: 1px 1px 1px #222; 
                       font-size: 11px; }
#commentform #submit:hover { background-position: bottom left; }

/* Search */

.searchdivleft { height: 71px; margin-bottom: 20px; }


.searchdivright { height: 54px;text-align: center; padding-top: 17px; padding-left: 0px; }
#searchform { float:left; width: 150px; background: url(/blog/wp-content/themes/multi-color/images/searchtxt_bg.png) no-repeat; height: 33px; 
              display: block; padding: 3px 3px 3px 3px; margin: 0 auto 0 auto; text-align: left; }
#s { width: 100px; height: 18px; border: 0; background: none; font-family: Arial; font-size: 12px; color: #636363; }
#searchbtn {cursor: pointer; float:right; margin:-1px -4px 0px 0px;}
#searchbtn:hover { background-position: bottom left; }
.SearchbyKeyword { color:#636363; float:left; font-weight:bold; }


.SidebarBlogOverview { border-bottom:2px solid #02659D; border-top:2px solid #02659D; margin:10px 0px 10px 0px; padding:2px 0px 2px 0px;}
.page-numbers { visibility:hidden;}