/*
Theme Name: WebtakersIT Simple
Theme URI: http://webtakersit.com/
Description: The WebtakersIT Simple theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: Shailesh Lekhwar
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

body{
	background:url(images/bg.jpg) repeat-x #fff;
	font-family: 'Chivo', sans-serif;
	font-size: 14px;
}

* {
	margin:0px;
	padding:0px;
}
.clear {
	clear:both;
}
img {
	border:none;
}
li {
	list-style-type:none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

/* -- HEADER DIV CSS START -- */
.header {
	margin: auto;
	width: 869px;
	height: 109px;
}
/* -- LOGO -- */
.logo {
	margin-left: 10px;
	margin-top: 35px;
	float: left;
}
.top-nav {
	float: right;
	background-image: url(images/top-nav1.png);
	background-repeat: no-repeat;
	height: 33px;
	width: 267px;
	padding-top: 0px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.top-nav ul {
	margin: 0px;
	padding: 0px;
}
.top-nav ul li {
	float: left;
	display: block;
	margin-left: 30px;
	margin-top: 7px;
}
.top-nav ul li img {
	float: left;
	margin-right: 5px;
}

.top-nav ul li a {
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	float:left;
}
.top-nav ul li a:hover {
	color: #1D7AB7;
	text-decoration: none;
	text-transform: uppercase;
}
.icons {
	float: right;
	width: 450px;
	text-align: right;
	margin-top: 28px;
	padding-right: 15px;
}
.icons a img {
	margin-left: 3px;
	vertical-align: sub;
}
.nav-bg {
	background-color: #1d7ab7;
	height: 47px;
	border-top:2px solid #efefef;
	border-bottom:2px solid #efefef;
}
/*.nav {
	height: 43px;
	width: 871px;
	margin: auto;
	background-image: url(images/nav-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	
}
.nav ul {
	margin: 0px;
	padding: 0px;
}
.nav ul li {
    background-image: url("images/nav-right-border.jpg");
    background-position: right center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 32px;
    padding-left: 40px;
    padding-right: 24.3px;
    padding-top: 16px;
}
.nav ul li a {
	color: #FFF;
	text-decoration: none;
	font-size: 13px;
	float:left;
	text-transform: capitalize;
}

.nav ul li a:hover {
	color: #80C55C;
	text-decoration: none;
}
.nav-img {
	float: left;
	margin-right: 5px;
	margin-top: 1px;
}*/



.nav {
	height: 43px;
	width: 831px;
	margin: auto;
	background:#1d7ab7;
	
}
.nav ul {
	margin: 0px;
	padding: 0px;
}
.nav ul li {
    background-image: url("images/nav-right-border.jpg");
    background-position: right center;
    background-repeat: no-repeat;
    display: block;
    float: left; padding:0px 15px 0px  15px;
    height: 32px;
    padding-top: 16px;
}
.nav ul li a {
	color: #FFF;
	text-decoration: none;
	font-size: 13px;
	float:left;
	text-transform: capitalize;
}

.nav ul li a:hover {
	color: #80C55C;
	text-decoration: none;
}
.nav-img {
	float: left;
	margin-right: 5px;
	margin-top: 1px;
}
.home a{ background:url(images/home.png) no-repeat left center; padding-left:22px; }
.about a{ background:url(images/about.png) no-repeat left center; padding-left:22px; }
.ceo a{ background:url(images/ceo.png) no-repeat left center; padding-left:22px; }
.partner1 a{ background:url(images/partner.png) no-repeat left center; padding-left:22px; }
.publication1 a{ background:url(images/publication.png) no-repeat left center; padding-left:22px; }
.resources1 a{ background:url(images/resources-img.png) no-repeat left center; padding-left:22px; }




.nav-home-img {
	float: left;
	margin-right: 6px;
	margin-top: -3px;
}
#border-left {
	border-left:1px solid #fcfcfc;
	
}
.container {
	margin: auto;
	width: 869px;
}

.green-text {
    background-color: #80C55C;
    height: 100px;
    margin: -4px 0 0;
    padding-top: 19px;
}
.green-text h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	text-align: center;
	color: #1f480a;
	text-shadow: 0px 1px 0px #fff;
}
.copyright {
	float: left;
	color: #404040;
	margin-top: 15px;
	margin-bottom: 15px;
}

.designed-box {
	float: right;
	color: #404040;
	margin-top: 15px;
	margin-bottom: 15px;
}

.designed-box a {
	color: #217ebb;
	text-decoration: none;
	text-transform: uppercase;
}
.designed-box a:hover {
	color: #80C55C;
	text-decoration: none;
}
.text-box {
	background-image: url(images/striped.jpg);
	background-repeat: repeat;
	min-height: 100px;
	padding: 15px;
}
.main-text-box {
	padding: 10px;
	min-height: 100px;
	background-color: #FFF;
}
.main-text-box p {
	margin-top: 5px;
	margin-bottom: 15px;
	font-size: 15px;
}
.main-text-box p a {
	text-decoration: none;
	color: #80C55C;
	font-size: 19px;
}
.main-text-box p a:hover {
	text-decoration: none;
	color: #1D7AB7;
	
}
.ceo-img {
	float: right;
	margin-bottom: 0px;
	margin-left: 15px;
}

.ceo-img2 {
	float: left;
	margin-bottom: 0px;
	margin-right: 15px;
}


.style1 {
	font-size: 22px;
	color: #80C55C;
}
.main-text-box h3 {
	color: #1D7AB7;
	font-size: 22px;
}


.entry-content {
 	min-height: 100px;
 }
.entry-content p {
	margin-top: 5px;
	margin-bottom: 15px;
	font-size: 15px;
}
.entry-content p a {
	text-decoration: none;
	color: #80C55C;
	font-size: 19px;
}
.entry-content p a:hover {
	text-decoration: none;
	color: #1D7AB7;
	
}
 
 .entry-content p span a {
	text-decoration: none;
	color: #80C55C;
	font-size: 14px;
}

.entry-content h3 {
	color: #1D7AB7;
	font-size: 22px;
}

/* --------- CONTACT PAGE CSS START -------- */
#email {
	font-size: 14px;
	color: #1D7AB7;
	text-decoration: none;
}
#form {
	width: 520px;
	border: 1px solid #CCC;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#form label {
	float: left;
	width: 120px;
	text-align: right;
	padding-right: 15px;
	margin-top: 1px;
	color: #333;
	
}
#form textarea {
	float: left;
	height: 100px;
	width: 350px;
	margin-bottom: 15px;
	border: 1px solid #CCC;
	padding: 3px;
	outline:none;
}
#form textarea:focus {
	border: 1px solid #80C55C;
	
}
#form input[type='text'] {
	float: left;
	width: 350px;
	height: 27px;
	margin-bottom: 15px;
	border: 1px solid #CCC;
	padding: 3px;
	outline:none;
}
#form input[type='text']:focus {
	border: 1px solid #80C55C;
	
}
#form input.focus {
	border: 1px solid #80C55C;
	
}
#form input[type='submit'] {
	float: left;
	width: 115px;
	height: 31px;
	margin-bottom: 5px;
	border:none;
	outline:none;
	background-image: url(images/submit.png);
	background-repeat: no-repeat;
	cursor:pointer; background-color: transparent;
}
/* --------- BLOG PAGE CSS START -------- */
.blog-box {
	padding: 10px;
	min-height: 100px;
	background-color: #FFF;
}

/* --------- LEFT CSS START -------- */
.left {
	float: left;
	width: 530px;
}
.box {
	border-bottom:1px dashed #1053A1;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.box a, .box p a {
	font-size: 14px;
	color: #1D7AB7;
	text-decoration: none;
}
.box a:hover, .box p a:hover {
	font-size: 14px;
	color: #80C55C;
	text-decoration: none;
}


.box p {
	display: block;
	height: 24px;
	padding-top: 6px;
	padding-left: 5px;
	background-color: #e9eaeb;
	margin-bottom: 10px;
	font-size: 15px;
}
/* --------- RIGHT CSS START -------- */
.right {
	float: right;
	width: 250px;
}
.post-title {
	display:block;
	padding:5px;
	font-size:18px;
	background:#1053A1;
	color:#FFF;
	font-weight:normal;
	border:2px dotted #fff;
	font-weight: normal;
	text-transform: uppercase;
	 
	 
}
.post-area {
	margin-bottom: 25px;
}

.post-area a {
	text-decoration: none;
	display:block;
	color:#666;
}

.post-area a:hover {
	text-decoration: underline;
	color:#1053A1;
}
.post-area ul {
	padding: 0px;
	margin: 0px;
	
}
.post-area ul li {
	list-style-type: square;
	list-style-position: inside;
	border-bottom:1px dashed #1053A1;
	padding:10px;
}
.entry-content ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}
.entry-content ul li {
	list-style-type: none;
	padding-left: 25px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-image: url(images/1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 15px;
}

.entry-content ul li a {
	font-size: 20px;
	color: #333;
	text-decoration: none;
}

.entry-content ul li a:hover {
	color: #1D7AB7;
	text-decoration: none;
}
.ceo-img1 {
	float: left;
	margin-bottom: 15px;
	margin-top: 10px;
}

/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
}

.widget-area ul ul li{
     list-style-type: square;
	 	border-bottom: 1px dashed #1053A1; 
  
    padding: 10px 0px  10px 0px;
	margin-left:15px;
}
.widget-area select {
	max-width: 100%;
}
.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display: none;
}
.widget-container {
	margin: 0 0 18px 0; 
}
.widget-container #recent-posts-2{ background:#000000; padding:10px; }
.widget-title {
	

    background: none repeat scroll 0 0 #1053A1;
    border: 2px dotted #FFFFFF;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    font-weight: normal;
    padding: 5px;
    text-transform: uppercase;
}
.widget-area a:link,
.widget-area a:visited {
	 color: #666666;
    display: block;
    text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
 color: #000;
    display: block;
    text-decoration: none;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #ff4b33;	
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}

/* Main sidebars */
#main .widget-area ul {
	margin-left: 0;
	padding: 0 20px 0 0;
}
#main .widget-area ul ul {
	border: none;
	margin-left: 1.3em;
	padding: 0;
}
#primary {
}
#secondary {
}

.widget-area {
	-webkit-text-size-adjust: 120%;
}


.entry-title2 {
    color: #000000;
    font-size: 28px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.entry-title1 {
	color: #fff;
	font-size:20px;
	margin-bottom: 0; 
}
.entry-title1 a:link,  
.entry-title1 a:visited {
	color: #fff;
	text-decoration: none;
}
.entry-title1 a:active,
.entry-title1 a:hover {
	color: #ccc;
}
.entry-utility {
	 display: block;
    font-size: 15px;
    height: 24px;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-top: 6px;
	 
}

.entry-meta {
	background-color: #E9EAEB;
    display: block;
    font-size: 15px;
    height: 24px;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-top: 6px;
	 
}


.entry-meta abbr,
.entry-utility abbr {
	border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
	border-bottom: 1px dotted #666;
}

.entry-meta a, .entry-utility a{
	 color: #1D7AB7;
    font-size: 14px;
    text-decoration: none;
}
.entry-meta a:hover, .entry-utility a:hover{
	font-size: 14px;
	color: #80C55C;
	text-decoration: none;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden; clear:both;  
}
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #000;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: 50px 0 0 0;
}