/*


Theme Name: TechmaniaWP


Theme URI: http://www.7cd.us/


Description: A plain 2 column theme based on Techmania theme by Styleshout. <br />Supports Sidebar widgets plugin and Ajax commenting.


Version: 1.1


Author: StyleShout, ported by Navjot Singh


Author URI: http://www.7cd.us/


*/


 


/********************************************


   HTML ELEMENTS


********************************************/ 





/* Top elements */


* { margin:0; padding: 0; }





body {


	background-color: #5C5C5A;


 	color: #666666; 


 	font: 80%/1.5  Verdana, 'Trebuchet MS', arial, sans-serif;


 	text-align: center; 


 	margin: 15px 0;


}  





/* links */


a	{ 


	color: #72A545;


	background: inherit;


	text-decoration: none;


}


a:hover { 


	color: #006699;


	background: inherit; 	 


}


 


/* headers */


h1, h2, h3 {


	font-family: 'Trebuchet MS', Arial, sans-serif;


	font-weight: bold;


}


h1 {


	font-size: 1.5em;	


}


h2 {


	font-size: 1.2em;


	text-transform: uppercase;


	color: #339900;


}


h3 {


	font-size: 1.1em;


	text-transform: uppercase;


	color: #333;


	letter-spacing: 1px;


}





h1, h2, p { 


	padding: 0;


	margin: 12px 15px 12px 15px; 


}


h3 { 


	padding: 0;


	margin: 25px 15px 12px 15px; 


}



ul, ol {


	margin: 10px 30px;


	padding: 0 15px;	


	/*color: #72A545;	*/


}


#ol{


    color: #636563;


}


ul span, ol span {


	color: #666666;


}





/* images */


img {


	border: 0px;


	margin: 5px 10px 10px 0px;


}


img.float-right {


  margin: 5px 0px 10px 10px;  


}


img.float-left {


  margin: 5px 10px 10px 0px;


}





code {


  margin: 5px 0;


  padding: 10px;


  text-align: left;


  display: block;


  overflow: auto;  


  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;


  /* white-space: pre; */


  background: #FAFAFA;


  border: 1px solid #EAEAEA;  


  border-left: 5px solid #72A545;


}


acronym {


  cursor: help;


  border-bottom: 1px solid #777;


}


blockquote {


	margin: 15px;


 	padding: 0 0 0 32px;  	


  	background: #FAFAFA url(images/quote.gif) no-repeat 5px 10px !important; 


	background-position: 8px 10px;


	border: 1px solid #EAEAEA; 


	border-left: 5px solid #72A545;  



}





/* form elements */


form {


	margin:10px 15px; padding: 0;


	border: 1px solid #EAEAEA; 


	background-color: #FAFAFA; 


}


label {


	display:block;


	font-weight:bold;


	margin:5px 0;


}


input {


	padding:3px;


	border:1px solid #eee;


	font: normal 1em Verdana, sans-serif;


	color:#777;


}


textarea {


	width:400px;


	padding:4px;


	font: normal 1em Verdana, sans-serif;


	border:1px solid #eee;


	height:100px;


	display:block;


	color:#777;


}


input.button { 


	margin: 0; 


	font: bolder 12px Arial, Sans-serif; 


	border: 1px solid #EAEAEA;


	padding: 2px 3px; 


	background: #CCC url(images/buttonbg.gif) repeat-x left bottom; 


	color: #333;/* color: #339900; */


}





/* search */


#sidebar #search {


	background: #f2f2f2;


	margin: 0 15px;


	padding: 5px 0;	


}


#sidebar #search img {


	vertical-align: bottom;


}


#sidebar #search .textbox {


	background: #FFF url(images/input.png) no-repeat top left; 


	border: 1px solid #EAEAEA;


	font-size: 11px;


	padding: 3px;	


	width: 110px;


}


#sidebar #search input.searchbutton { 


	margin: 0; 


	font: bold 100% Arial, Sans-serif;


	border: 1px solid #CCC; 


	background: #CCC url(images/buttonbg.gif) repeat-x left bottom; 


	padding: 1px; 


	height: 25px;


	color: #333;	


	width: 55px;


}





#searchform {


	background: #f2f2f2;


	margin: 0 15px;


	padding: 5px 0;	


}


#searchform img {


	vertical-align: bottom;


}


#searchform .textbox {


	background: #FFF url(images/input.png) no-repeat top left; 


	border: 1px solid #EAEAEA;


	font-size: 11px;


	padding: 3px;	


	width: 110px;


}


#searchform input.searchbutton { 


	margin: 0; 


	font: bold 100% Arial, Sans-serif;


	border: 1px solid #CCC; 


	background: #CCC url(images/buttonbg.gif) repeat-x left bottom; 


	padding: 1px; 


	height: 25px;


	color: #333;	


	width: 55px;


}





/*****************************


      LAYOUT 


******************************/


#wrap {


   margin: 0 auto ;


   padding:0;	


   text-align: left;


   background-color:#FFF;


   width: 790px;  	


}


#content-wrap {


	clear:both;


   margin:0; padding:0;


	width: 790px;		


}





/* header */


#header {


	position: relative;


   clear:left;


   width: 790px;


	height: 135px; 


	margin: 0; padding: 0;


	background: #000 url(images/headerbg.jpg) no-repeat left bottom;	


	border-bottom: 3px solid #000;	


}


#header h1#logo-text {


	position: absolute;


	margin: 0; padding: 0;


	font: bolder 3.7em 'Trebuchet MS', Arial, Sans-serif;


	letter-spacing: -2px;

/*
	color: #054d0a;
*/
	color: #ffffff;

	text-transform: none;


	


	/* change the values of top and right to adjust the position of the logo*/


	top: 36px; right: 35px;	


}


#header h2#slogan {


	position: absolute;


	margin: 0; padding: 0;


	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;


	text-transform: none;


	letter-spacing: 1px;


	color: #FFF;


	


	/* change the values of top and right to adjust the position of the slogan*/


	top: 85px; right:35px;		


}





/* menu tabs */


#header #header-tabs {


	position: absolute;


	top: 0; left: 0;


	width: 100%;


	height: 25px;


	background: #000;


   font: bold 1.1em Verdana, Tahoma, 'Trebuchet MS',  Sans-serif;  


} 


#header-tabs ul {		


	margin:0;


   padding:2px 0px 0px 7px;


   list-style:none;


}


#header-tabs li {


	display:inline;


   margin:0;


   padding:0;


}


#header-tabs a {


	float:left;


   background: url(images/tableft.gif) no-repeat left top;


   margin:0;


   padding:0 0 0 4px;


   text-decoration:none;


}


#header-tabs a span {


	float:left;


   display:block;


   background: url(images/tabright.gif) no-repeat right top;


   padding:7px 15px 4px 8px;


   color: #CCC;


}


/* Commented Backslash Hack hides rule from IE5-Mac \*/


#header-tabs a span {float:none;}


/* End IE5-Mac hack */


#header-tabs a:hover span {


	color:#FFF;


}


#header-tabs a:hover {


	background-position:0% -42px;


}


#header-tabs a:hover span { background-position: 100% -42px;}


#header-tabs #current a { background-position:0% -42px; }


#header-tabs #current a span { background-position:100% -42px; color: #FFF;}





/* main content */


#main {


	float: left;


	width: 770px;


	margin: 0; padding: 0;


	background-color: inherit;


}


#main h1 {


	padding: 8px 0 3px 25px;


	text-transform: none;


	background: url(images/square_arrow.gif) no-repeat 0% .7em;


	border-bottom: 2px solid #f2f2f2;	


	color: #339900;	


}	





/* To remove two square arrows in Firefox with a tag in h1 */


#main h1 a{


    background: #FFFFFF;


}





/* sidebar */


#sidebar {


	float: right;


	width: 245px;


	margin: 0 0 10px 0; padding: 0;


	background-color: inherit;	


}


#sidebar h2 {


	padding: 8px 0px 3px 25px;


	background: url(images/square_arrow.gif) no-repeat 0% .7em;


	text-transform: none;	


	color: #339900;


}





#sidebar ul {


	list-style:none;


	margin:10px 15px;


	padding:0;		


}


#sidebar ul li {


	margin-bottom:1px;


	border: 1px solid #f2f2f2;


}


#sidebar ul a {


	display: block;


	font-weight: bold;


	color: #333;


	text-decoration:none;	


	padding: 2px 5px 2px 10px;


	background: #f2f2f2;


	border-left: 5px solid #CCC;	


	


	min-height: 18px;	


}





* html body #sidebar ul a { height: 18px; }





#sidebar ul a:hover {


	padding:2px 5px 2px 10px;


	background: #f2f2f2;


	color: #339900;


	border-left:5px solid #72A545;


}








/* footer */


#footer { 


	clear: both;


	height: 40px;


	color: #CCC;


	background: #000;


	margin: 0;	


	font-size: 82%;			


}


#footer a { 


	text-decoration: none; 


	font-weight: bold;	


	color: #FFF; 


}


#footer #footer-left {


	width: 72%;


	float: left;


	text-align: left;


	margin: 0; padding: 10px;


}


#footer #footer-right {


	width: 21%;


	float: right;


	text-align: right;


	margin: 0; padding: 10px;


}





/* alignment classes */


.float-left  { float: left; }


.float-right { float: right; }


.align-left  { text-align: left; }


.align-right { text-align: right; }





/* additional classes */


.clear {	clear:both;	} 


.hide  { display: none; }


.gray  { color: #CCC; }





.comments { 


	/*color: #333; 


	background: #FFF;*/


	text-align: right; 


	border-top: 1px dashed #EFF0F1;


	border-bottom: 1px dashed #EFF0F1; 


	padding: 5px 0;


	margin-top: 20px;


}





.archive-list {


	margin-top: 1.2em;


}


.archive-list li a img {


	border: 0 solid;


}





/* Fix for Links in Sidebar Widget */


.linkcat {


    list-style:none;


}





.widget


{


    list-style:none;


}