/*
Theme Name: Envision 3C
Theme URI: http://www.headsetoptions.org/
Description: This is the 3-column version of Envision, a sleek, sophisticated, neat and clean "Widget" ready WordPress theme with a professional Web 2.0 look by <a href="http://www.headsetoptions.org">Headsetoptions</a> and <a href="http://www.mandarinmusing.com/"> MandarinMusing</a> based on a design by <a href="http://www.styleshout.com/">Erwin Aligam</a>. Ideal for corporate/business blogs. The CSS (stylesheet) and images are released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5 License</a>, while the rest of the theme files are released under a <a href="http://www.gnu.org/licenses/gpl.html">GNU GPL License</a>. What this means is, if you are to use this CSS/images to redesign or redistribute, you are required to link back to the authors in the footer. You can make any changes to the php files any way you like. However, we encourage you to leave the credits for theme authors intact. If you plan on redistributing this theme, ask for permission first.
Version: 
Author: Headsetoptions
Author URI: http://www.headsetoptions.org/
*/


a img{ border:none; }


/* Top Elements */
* { margin: 0; padding: 0; }

body {
	background: #CCC;
	font: 12px Tahoma, arial, sans-serif;
	color: #555; 
	text-align: center;
	direction: rtl;
}

/* links */
a, a:visited {
	text-decoration: none;
	color: #2180BC;
	background: inherit;
}
a:hover {
	color: #88ac0b;
	background: inherit;
	text-decoration: underline;
}

/* headers */
h1, h2, h3 {
	font-family: Tahoma, arial, Sans-serif;
	font-weight: Bold; 		
}
h1 {
	font-size: 130%;	
}
h2 {
	font-size: 120%;
	text-transform: uppercase;
	color: #88ac0b;
}
h3 {
	font-size: 120%;
	color: #666666; 
}

/* images */
img {
	background: #FAFAFA;
   border: 1px solid #E5E5E5;
	padding: 5px;
}
img.float-right {
  margin: 5px 10px 10px 0;  
}
img.float-left {
  margin: 5px 0 10px 10px;
}

h1, h2, h3, p {
	padding: 10px;		
	margin: 0;
}
ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
}
ul li {
	list-style-image: url(images/bullet.gif);
}

li li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: right;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 10px;
 	padding: 0 28px 0 0;  
   border: 1px solid #f2f2f2; 
  	background: #FAFAFA url(images/quote.gif) no-repeat 5px 5px;    
}

/* start - table */
table {
	border-collapse: collapse;
	margin: 10px;	
}
th strong {
	color: #fff;
}
th {
	background: #93BC0C;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;
	color: #FFF;
	text-align: right;
	border-right: 1px solid #B6D59A;
	border-bottom: solid 2px #FFF;
}
tr {
	height: 30px;
}
td {
	padding-left: 11px;
	padding-right: 11px;
	border-right: 1px solid #FFF;
	border-bottom: solid 1px #ffffff;
}
td.first,th.first {
	border-right: 0px;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;
}
/* end - table */

/* form elements */
form {
	margin:10px; 
	padding: 0 5px;
	border: none; 
	background-color: inherit; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding:2px;
	border:1px solid #999;
	font: normal 1em Tahoma, Verdana, sans-serif;
	color:#000;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Tahoma, Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	font: 12px Tahoma; 
	height: 20px;
	margin: 0;
	padding: 2px 3px; 
	color: #FFF;
	background: #8EB50C url(images/button-bg.jpg) repeat-x 0 0;
	border: none;
}

/* search form */
.searchform {
	background-color: transparent;
	border: none;	
	font: 12px Tahoma;
	margin: 0; padding: 5px 0 15px 0;	
	width: 190px;	
}
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox { 
	width: 120px;
	color: #777; 
	height: 18px;
	padding: 2px;	
	border: 1px solid #E5E5E5;
	vertical-align: middle;
}
.searchform input.button { 
font :12px Tahoma ;
	width: 60px;
	height: 24px;
	padding: 2px 5px;
	vertical-align: middle;
}

/********************************************
   LAYOUT
********************************************/ 
#wrap {
	width: 900px;
	background: #CCC url(images/content.jpg) repeat-y center top;
	margin: 0 auto;
	text-align: right;
}
#content-wrap {
	clear: both;
	width: 850px;
	padding: 0; 
	margin: 10px auto;
}
#header {
	width: 900px;
	position: relative;
	height: 103px;
	background: #CCC url(images/header.jpg) no-repeat center top;
	padding: 0;	
	color: #FFF;
	/* font-size: 14px; */
}
#header h1#logo-text {
	position: absolute;
	margin: 0; 
	padding: 0;
	font: bold 30px  Arial, Sans-serif;
	color: #FFF;
	text-transform: none;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 25px; right: 47px;	
}
#header h2#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: normal 12px Arial, Sans-serif;
	text-transform: none;
	color: #FFF;
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: 70px; right: 55px;		
}

#header .description {
	text-decoration: none;
	float:right;
	padding-top: 50px;
	padding-right:300px;
	color: #FFFFFF;
	font-size: 16px;
	font-family:Comic Sans MS;
	}
	
/* header links */
#header #header-links {
	position: absolute;
	top: 20px; left: 30px;	
	color: #C6DDEE;
	font-size: 10px;	
}
#header #header-links a {	
	color: #FFF;
	text-decoration: none;	
}
#header #header-links a:hover {
	color: #D4E59F;	
}

/* Menu */
#menu {
	clear: both;	
	margin: 0 auto; padding: 0;
	background: url(images/menu.jpg) repeat-x 0 0;	
	font: 12px/37px Tahoma, Arial, Sans-serif;
	height: 37px;
	width: 850px;	
}
#menu ul {
	float: right;
	list-style: none;
	margin:0; padding: 0;
}
#menu ul li {
	display: inline;
}
#menu ul li a {
	display: block;
	float: left;
	padding: 0 10px;
	color: #FFF;	
	text-decoration: none;
}
#menu ul li.last a {
	padding-right: 20px;	
}
#menu ul li a:hover {
	color: #D4E59F;	
}
#menu ul li#current a {	
	color: #D4E59F;
}

/* Main Column */
#main {
	float: right;
	/* width: 55%; */
	width: 70%;
	padding: 0; margin: 0 5px 0 0;
	display: inline;
  text-align:justify
}
#main h1 {
	margin-top: 10px;
	font: Bold 140% Arial, Sans-serif;
	color: #88ac0b; 
	padding: 5px 40px 5px 0; 	
	border-bottom: 1px solid #EFF0F1;
		background: #FFF url(images/square-green.png) no-repeat right;
}

#main h1 a {
	margin-top: 10px;
	font: Bold 120% Arial, Sans-serif;
	color: #88ac0b; 
	border-bottom: none;
	background: none;		
}


#main img {
	padding: 1px;
	border: 0px solid #999;
	margin: 0px;
	}


.post-footer {
	background-color: #FAFAFA;
	padding: 5px;
	margin: 20px 10px 0 0;
	border: 1px solid #f2f2f2;
	font-size: 95%;	
	text-align: right;
}
.post-footer .date {
	padding: 2px; 
}
.post-footer .comments {
	padding: 2px; 
}
.post-footer .readmore {
	padding: 2px; 
}

/* Sidebar */	
#sidebar {
	float: left;
	/*width: 42%;
	padding: 0; 
	margin: 0;	
	color: #68774A;	*/
	width: 26.5%;
	padding: 0; 
	margin: 0;	
	color: #68774A;	
}	

.sidebar_left {
	float: right;
	width: 49%;
}	

.sidebar_right {
	float: left;
	width: 48%;
}	

#sidebar h1 {
	margin-top: 10px;
	padding: 5px 5px; 
	font: bold 1.4em Tahoma, Arial, Sans-serif;
	color: #728D26;	
}
#sidebar ul.sidemenu {
	list-style: none;
	text-align: right;
	margin: 7px 0px 8px 4px;
	padding: 0;
	text-decoration: none;		
	background: url(images/dots.jpg) repeat-x right top;
}
#sidebar ul.sidemenu li {
	list-style: none;
	background: url(images/dots.jpg) repeat-x right bottom;
	padding: 4px 5px 4px 0px;
	margin: 0 2px;	
	color: #68774A;	
}
* html body #sidebar ul.sidemenu li {
	height: 1%;
}
#sidebar ul.sidemenu li a {
	text-decoration: none;	
	background-image: none;	
	color: #666666;			
}
#sidebar ul.sidemenu li a:hover {	
	color: #1773BC;	
}

#sidebar img {
	padding: 3px;
	border: 0px;
	margin: 3px;
	background-color: inherit;
}

/* Footer */	
#footer {
	color: #C6DDEE;
	background: #CCC url(images/footer.jpg) no-repeat center top;
	clear: both;
	width: 900px;
	height: 65px;
	text-align: center;	
	font-size: 92%;	
}
#footer a { 
	color: #FFF;
	text-decoration: none; 
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }


#flickr img {
	display: block;
	float: right;
	padding: 0px;
	position: relative;
	height: 55px;
	width: 55px;
	border-width:0;
	margin:2px;
	}

#commentform textarea 
        {
	width: 350px;
	background-color: #F5F5F5;
}