/*  

Theme Name:    Mantra Business Solutions
Theme URI:     
Description:   Developed by ethinksoluion
Version:       1.2
Author:        Mantra Business Solutions

*/

/*             IMPORTANT NOTE!
               If you wish to make custom changes to your theme, DO NOT EDIT THIS FILE. Instead, use the custom.css template
               to define custom styles. This way, you will still be able to take advantage of future upgrades to the theme
               without worrying about overwriting your style changes.
*/

/*=== Setup ===*/

/* Import RESET styling for grid framework*/
@import url('library/css/reset.css');

/* Import GRID styling for grid framework*/
@import url('skins/1-default.css');


/*	--------------------------------------------------
Global Reset - Resets all browser defaults to 0
-------------------------------------------------- */
html, body { margin:0; padding:0; }
body { font:12px Arial, Helvetica, sans-serif;}
a { text-decoration:none; }
a:hover { text-decoration:none; }

.fix{ clear: both; height:1px; margin: -1px 0 0; overflow: hidden }
.fl{ float: left }
.fr{ float: right }
.ac{ text-align: center }
.ar{ text-align: right }

hr { margin-bottom:30px; margin-top:20px; clear:both;  }
.hr2 { margin:0px; padding:0; clear:both;  }

h1,h2,h3,h4,h5,h6 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; }

.imgleft { float:left; margin:5px 12px 12px 0; border:1px solid #ccc; }
.imgright { float:right; margin:5px 0 12px 12px; border:1px solid #ccc; }

/* Structure ---------------------- */

body { background:#fe721d;	 }

#header { width:960px; margin:0 auto; background:#fff; padding:30px 0 20px 0; text-align:center;   }
#nav{ width:960px; margin:0 auto; background:#852100 url(images/navbg.png) repeat-x top ;  }
#banner { width:960px; margin:0 auto; background:#235786 url(images/banner.png) no-repeat; min-height:271px;  _height:271px;}

#wrapper { width:960px; margin:0 auto; background:#fff ; }
#bottom { width:920px; margin:0 auto; padding:20px; background:#fff url(images/bottombg.png) no-repeat left top;  }
#footer  { width:960px; margin:0 auto; padding:10px 0; background:#fff; border-top:3px solid #e3e3e3; }


#headebg { width:960px; margin:0 auto; background:#fff;  height:74px;   }
#sidebar { width:270px; float:right; padding:20px; border-left:1px dotted #ccc;   }
#content { float:left; width:600px; padding:30px 20px;  }



/* header ---------------------- */
#nav ul { margin:0; padding:0; list-style:none; text-align:center; height:47px;   }
#nav li { margin:0;  text-align:center; display:inline;    padding:13px 13px 18px 13px;    font:18px Arial, Helvetica, sans-serif; background:url(images/sepretor.png) no-repeat right top;  line-height:47px; }
#nav li a { color:#a4e1ff;    }
#nav li a:hover  { color:#fff; }
#nav li.current_page_item a { color:#fff; }

/* Banner ---------------------- */
#banner .banner_content { width:450px; float:right; padding:30px 100px 10px 0;  }
#banner h1 { margin:0 0 8px 0; padding:0; font:28px Georgia, "Times New Roman", Times, serif; color:#c6e4ff; }
#banner p { margin:0 0 8px 0; padding:0; font:14px Georgia, "Times New Roman", Times, serif; color:#c9e4fe; line-height:20px; }
#banner p a { color:#7bc1fb; text-decoration:underline; }
#banner p a:hover { color:#fff; }

.morelink { background:url(images/arrow.png) no-repeat left 5px; padding-left:20px; }


/* services ---------------------- */
.services { margin:0; padding:30px 0 0 0; list-style:none; }
.services  li { width:200px; float:left; height:310px; margin:0 0 0 30px; _margin:0 0 0 23px; padding:0;   }
.services  li img { border:1px solid #c1c1c1; padding:4px; }
.services  li h3 { margin:0 0 11px 0; padding:0; font:bold 13px Arial, Helvetica, sans-serif; color:#2570aa;}
.services  li h3 a { color:#2570aa; }
.services  li h3 a:hover { color:#e44009; }

.services  li p { margin:0 0 11px 0; padding:0; font:14px Georgia, "Times New Roman", Times, serif; color:#666;}
.services  li p a { color:#c46444; }
.services  li p a:hover { color:#2570aa; }
.services  li p.more { font-size:11px; }

#headebg h1 { margin:0; padding:20px 10px 10px 20px; font:bold 28px Arial, Helvetica, sans-serif; color:#ff731e;  }

/* content ---------------------------- */
.content_spacer { padding:15px 0; }
p { padding:0px 0 10px 0; line-height:20px; margin:0 }
#content p { font-size:14px; }

#content ul { list-style:none; }
#content li { margin:0 0 8px 0; padding:0 0 0 12px; line-height:20px; font-size:14px; }
#content ol { margin:0 0 0 18px; padding:0 0 10px 5px; list-style-type:decimal;  line-height:18px; }
#content ol li ol { margin:8px 0 5px 18px; padding:0; }
#content ol li { margin:0 0 5px 0; padding:0; }




/*---------TOP NAVIGATION for PAGES---------  */
.page_nav { float:right; height:27px; margin:20px -30px 0 0; text-align:left; padding:0;  }
.page_nav li { list-style:none; margin:3px 30px 0 0; padding:0; float:left; }
.page_nav li  a { list-style:none; font-size:12px; font-weight:bold; padding:6px 0;  }
.page_nav li  a:hover { text-decoration:none; }


.main_navi { float:right; width:600px; margin-top:15px; }

/* post  ---------------------------- */
blockquote { clear:both; height:100%; margin:10px 0 0px 5px; overflow:hidden; padding:0 0 5px 45px; }
#content blockquote p { font:italic 18px Georgia, "Times New Roman", Times, serif; margin:0 0 5px 0; padding:0; line-height:23px; }
blockquote cite { font-size:12px; font-style:bold ; float:right; line-height:18px; text-align:right; display:block;   }

blockquote a { font-size:13px; }

.flickr h3 span{ font-weight:normal;}
.flickr h3{ margin-bottom:20px }
.flickr ul{ margin:12px 0 0; padding:0 }
.flickr_badge_image{ float:left; list-style:none; margin:0 10px 10px 0 }
.flickr img{ padding:2px; width:68px; height:68px;   }

#calendar_wrap{ padding:0; font-size:13px }
#wp-calendar { width:100%; }
#wp-calendar  caption { font-weight:bold; font-size:15px; text-transform:uppercase; }
#calendar_wrap caption{ padding:10px 0 }

.posts h1 {	font-size: 25px }
.posts h2 {	font-size: 23px }
.posts h3 {	font-size: 21px }
.posts h4 {	font-size: 19px }
.posts h5 {	font-size: 17px }
.posts h6 {	font-size: 15px }


h1 { font-size: 25px }
h2 { font-size: 23px }
h3 { font-size: 21px }
h4 { font-size: 19px }
h5 { font-size: 17px }
h6 { font-size: 15px }


.content_spacer h4.cate_title { font-size:26px; clear:both; }

dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { padding:10px 0 5px 0; margin:0 }
p { padding:0px 0 10px 0; margin:0; line-height:22px; margin:0;  }
p em { line-height:20px; } 

code { line-height:18px; }

#content .posts { padding-bottom:5px; margin-bottom:35px; }
#content .post_top { margin:0 0 10px 0; padding-left:35px;  }
#content p.post_top a { text-decoration:none; }
#content p.post_top a:hover { text-decoration:none; }
.more { font-size:12px; font-weight:bold; }

#content .post_top h2 { margin:0; padding:0; font-size:20px;  line-height:normal; font-weight:bold; }

#content h2 { margin:0 0 5px 0; padding:0; font-size:20px;  line-height:normal; font-weight:bold; color:#25598b; }

.commentcount { margin-left:0px; padding-left:18px;  }


#content .headline {   padding-left:25px; }
#content .headline h3 { margin:0; border:none; float:left; font-size:16px; font-weight:bold;   }
#content .headline h3 a { padding:12px 0 8px 0;  width:430px; display:block;}

#content .headline .commentcount {  float:right; margin-right:-8px; margin-top:12px; width:90px; text-align:left;  }
#content p.postmetadata { margin:0 0 0px 0;  font-size:11px;  }
#content .post_top p.postmetadata { margin:0; padding:0; font-size:11px; }


#content .posts h2.title { margin:0; padding:0; font-size:26px; font-weight:bold; }
#content .posts h2.title a { text-decoration:none; }
#content .posts h2.title a:hover { text-decoration:none; }

#content p.post_bottom { margin:0; padding:0; font-size:11px; }
#content p.post_bottom a { text-decoration:none;  }
#content p.post_bottom a:hover { text-decoration:none;  }

/* Post Pagination */
.pagination { float:right; margin:0; padding:0; height:100%; overflow:hidden; margin-bottom:20px; }
.pagination .on { padding:5px 8px; margin-right:3px; float:left; display:block; }
.pagination a { display:block; float:left; padding:5px 8px; margin-right:3px; }




/*#sidebar ----------------------- */

#sidebar .widget { width:270px; margin:0 0 25px 0; }

#sidebar .sidebarsub .widget { width:160px; margin:0 0 25px 0;   }

#sidebar .widget h3 { margin:0 0 10px 0; padding:0; font-size:20px; }

/* sidebar inner ------------*/
#sidebar h3 { margin:0 0 10px 0; padding:0 0 5px 0; font-size:17px;  }
#sidebar ul { list-style:none; margin:0 0 20px 0; padding:0;  }
#sidebar li { margin:0 0 10px 0; padding:0 0 13px 0; width:100%; font-size:14px; }
#sidebar li a { text-decoration:none; }
#sidebar li a:hover { text-decoration:none; }


#sidebar .social_mark li a { padding:12px 0 12px 42px; font-size:18px; display:block; }

/* widget search box */
#searchform { padding:5px;  }
#searchform input { padding:5px 4px; width:180px; font:12px Georgia, "Times New Roman", Times, serif;  }
#searchform #searchsubmit { cursor:pointer; text-indent:-9009px; border:none; background:url(images/b_search.png) no-repeat left top; width:60px; height:27px;
   }
.screen-reader-text { display:none; }

	  

/*---------COMMENTS --------- */
#comments h3{ font:normal 18px Arial, Helvetica, sans-serif; padding:0 0 5px 0; margin:0 0 20px 0; }
#comments .commentlist { padding:0; margin:0 }

#comments .commentlist li p { margin:0; padding:0; }
#comments ol{padding:20px 0;}
#content #comments .comment { margin: 10px 0 30px 0; padding:0; width: 100%; background:none; list-style:none }
#comments .comment a{ text-decoration:none; padding:1px 0 }
#content #comments  p.authorcomment { margin:3px 0 0 0; padding:0; line-height:normal;  font-size:11px; font-weight:bold; }
#comments  p.authorcomment a { text-decoration:none; }
#comments  p.authorcomment a:hover { text-decoration:none; }

#comments .comment .meta-left { width: 90px; float:left;}
#comments .comment .meta-left p{ padding:0; margin:0 }
#comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px; }
#comments .comment small {font-size: 11px }
* html #comments .comment .text-right { height:70px }
#comments .comment .text-right { min-height:70px; margin:0; padding: 12px; margin-left:100px; float:none }
#comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 13px; font-size:12px; }
#comments ul.children { margin:10px 0 0 20px; padding:0 }
p.commpadd{ padding:0; margin:0 0 10px 0 }
span.comm-reply{ float:right; padding:5px 0 0 0; font-size:11px; }
span.comm-reply a:hover{ font-size:11px; text-decoration:none; }
.cancel-comment-reply{ padding:0 0 10px 0 }
#respond { padding:10px 0 0 0; margin:0 }
#respond textarea, .commpadd input{ font:13px Arial, Helvetica, sans-serif;   }
#respond textarea { margin:0; padding:5px; }
p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px; width:300px }
p.commpadd label{ padding:0 0 0 5px }
input#submit{ font:bold 12px Arial, Helvetica, sans-serif; text-align:center; padding: 5px; margin:0; cursor:pointer; }
* html #commentform label { margin:-8px 0 0 0; 	position:relative; top:-8px; }
*+html #commentform label { margin:-8px 0 0 0; 	position:relative; top:-8px; }

.avatar { padding:3px;}

/* bottom ---------------------------- */

#bottom .column1 { width:250px; float:left;  }
#bottom .column2 { width:260px; float:left; padding-left:80px;  }
#bottom .column3 { width:250px; float:right;  }

#bottom h3 { margin:0 0 20px 0; padding:0; font:bold 14px Arial, Helvetica, sans-serif; color:#6e6e6e; }
#bottom .postlist  {  margin:0 ; padding:0; }
#bottom .postlist li { margin:0 0 5px 0; padding:3px 5px; list-style:none; font-size:12px;  }
#bottom .postlist li a { text-decoration:none;  }
#bottom .postlist li span { font-size:11px; }
#bottom .postlist li a:hover { text-decoration:none;   }
#bottom .postlist li:hover  { cursor:pointer; }
#bottom .postlist li p { margin:0; padding:0; line-height:18px;}

#bottom .postlist li a { color:#333333; font-weight:bold;  }
#bottom .postlist li a:hover { color:#000; }
#bottom .postlist li:hover  { background:#eee; }

#bottom li { margin:0 0 5px 0; padding:3px 0; list-style:none; font-size:14px;  }
#bottom li a { text-decoration:none;  }
#bottom li span { font-size:11px; }
#bottom li a:hover { text-decoration:none;   }
#bottom li:hover  { cursor:pointer; }

 .subscribe form { position:relative; }
.subscribe b { margin-top:-3px; }
.aleft { float:left; padding:8px 5px 0 0 ;  }

.field { padding:5px 15px 4px 5px; width:155px; font-size:12px; height:16px; }
.replace {  text-align:center; vertical-align:middle;   width:78px; font:14px Georgia, "Times New Roman", Times, serif; border:none; cursor:pointer; float:right; 
position:absolute; right:0; top:0px; height:28px; padding-bottom:3px;  line-height:25px;    }
* html .replace { top:1px;  }
*+html .replace { top:1px; }

.field { border:1px solid #a9a9a9; background:#fff; color:#333; }
.replace { background:#aa2f05 url(images/b_subscribe.png) no-repeat left top; width:80px; height:27px;  border:none; text-indent:-9009px; }




#bottom .subscribe_spacer{  margin:0 0 0 20px; }
#bottom .subscribe { padding:0;  list-style:none; }

.twitter { background:url(images/twitter_center.png) repeat-y left top; width:258px;  }
.twitter_top {  background:url(images/twitter_top.png) no-repeat left top; padding:10px; height:100%; overflow:hidden; } 
.twitter_bottom {  background:url(images/twitter_bottom.png) no-repeat left bottom; padding:25px 0 15px 55px; font:bold 12px Arial, Helvetica, sans-serif;  }
.twitter_bottom a { color:#000; text-decoration:none; }
.twitter_bottom a:hover { color:#c46444; }

#bottom #twitter_update_list { margin:0; padding:0; }
#bottom #twitter_update_list li { font-size:12px; color:#444; }
#bottom #twitter_update_list li a { color:#000; text-decoration:none; }
#bottom #twitter_update_list li a:hover { color:#c46444; text-decoration:none; }

#bottom .iSocialize_icons img { float:left; margin-right:10px; margin-top:10px;}
a.i_linkedin { background:url(images/i_linkedin.png) no-repeat; width:30px; height:30px; float:left; display:block; text-indent:-9009px; margin-right:10px;a }


#footer p { text-align:center; color:#962904; }
#footer p.address { color:#19527d; }

#bottom .subscribe { color:#333; }
#bottom p { color:#333; }



/*clearfix*/
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}