/*

Theme Name: TechmaniaWP

Theme URI: 

Description: A plain 2 column theme based on Techmania theme 

Version: 1.1

Author: StyleShout, ported by Navjot Singh

Author URI: 

*/

 

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

   HTML ELEMENTS

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



/* Top elements */

* { margin:0; padding: 0; }



body {

	background-color: #5C5C5A;

 	color: #666666; 

 	font: 70%/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.3em;

	text-transform: uppercase;

	color: #339900;

}

h3 {

	font-size: 1.1em;

	text-transform: uppercase;

	color: #333;

	letter-spacing: 1px;

}



h1, h2, h3, p { 

	padding: 0;

	margin: 10px 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;  

	font-weight: bold; 

}



/* 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 4.1em 'Trebuchet MS', Arial, Sans-serif;

	letter-spacing: -2px;

	color: #FFF;

	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: 535px;

	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: 92%;			

}

#footer a { 

	text-decoration: none; 

	font-weight: bold;	

	color: #FFF; 

}

#footer #footer-left {

	width: 68%;

	float: left;

	text-align: left;

	margin: 0; padding: 10px;

}

#footer #footer-right {

	width: 25%;

	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;

}