#header ul.menu{
position:absolute;
top:58px;
left:5px;
width:800px;
overflow:visible;
list-style:none;
padding:0;
margin:0;
}

/*Header stylesheet*/
#header ul.menu li{
float:left;
width:97px;
height:37px;
margin-right:2px;
}

#header ul.menu li a{ 
width:97px; 
height:37px; 
display:block; 
text-indent:-20000px; 
}
#header ul.menu li a:hover{
 width:97px; 
 height:37px;
 }

#header ul.menu li.home a{ 
background:url(/images/home.jpg) 0 0 no-repeat; 
}
#header ul.menu li.home a:hover{
background:url(/images/home_over.png) 0 0 no-repeat;
}

#header ul.menu li.electronics a{
background:url(/images/electronics.jpg) 0 0 no-repeat; 
}
#header ul.menu li.electronics a:hover{
background:url(/images/electronics_over.png) 0 0 no-repeat;
}

#header ul.menu li.howto a{
background:url(/images/howto.jpg) 0 0 no-repeat; 
}
#header ul.menu li.howto a:hover{
background:url(/images/howto_over.png) 0 0 no-repeat;
}

#header ul.menu li.tools a{
background:url(/images/tools.jpg) 0 0 no-repeat; 
}
#header ul.menu li.tools a:hover{
background:url(/images/tools_over.png) 0 0 no-repeat;
}

#header ul.menu li.knowledge a{
background:url(/images/knowledge.jpg) 0 0 no-repeat; 
}
#header ul.menu li.knowledge a:hover{
background:url(/images/knowledge_over.png) 0 0 no-repeat;
}

#header ul.menu li.forum a{
background:url(/images/forum.jpg) 0 0 no-repeat; 
}
#header ul.menu li.forum a:hover{
background:url(/images/forum_over.png) 0 0 no-repeat;
}

#header ul.menu li.news a{
background:url(/images/news.jpg) 0 0 no-repeat; 
}
#header ul.menu li.news a:hover{
background:url(/images/news_over.png) 0 0 no-repeat;
}

#header ul.menu li.shop a{
background:url(/images/shop.jpg) 0 0 no-repeat; 
}
#header ul.menu li.shop a:hover{
background:url(/images/shop_over.png) 0 0 no-repeat;
}
#feedimg img{
	width:32px;
	height:32px;
}
/*End of header stylesheet*/


#content{
	width:65%;
	position:relative;
	margin:1% 0% 1% 1%;
	padding: 1% 2% 1% 2%;
	left:1%;
	clear:both;
	float: left;
	border-top:#D2D2D2 double 2px;
	border-bottom:#D2D2D2 double 2px;
	border-right:#D2D2D2 double 2px;
	background:url(/images/left_border.png) 0 0 repeat-y;
	min-height:600px;
	text-align:justify;
	position:relative;
}

/* Content Style */
#addthisstyle{
	z-index:1;
}
div{
padding:0px; 
margin-left:0px;
}

img{
padding:0px 3px 3px 3px;
border:0;
}

/*Heading & Title*/
h1, h2, h3, h4{
	color:#333;
}

h1{
	font-size:1.8em;
	padding: 3px 0 3px 1%;
	margin:5px;
	border-bottom: 2px solid red; display: inline;
}

h2{
	font-size:1.5em;
	padding: 2px 0 2px 0;
	margin:15px 0 15px 3%;
	border-bottom: 2px solid #09C; display: inline; 
}

h3{
	font-size:1.3em;
	padding: 2px 0 2px 0;
	margin:5px 0 5px 3%;
	border-bottom: 1px groove #666; display: inline; 
}
h3 a{
	color:#333;
}

h4{
	font-size:1.2em;
	padding: 2px 0 2px 0;
	margin:5px 0 5px 4%;
}

h4 a{
	color:#008000;
}

h5{
	font-size:1.1em;
	padding: 2px 0 2px 4%;
}

h6{
	font-size:0.8em;
	font-weight:bold;
	padding: 2px 0 2px 6%;
}

p{
	line-height:1.5em;
	padding:2px 0 0 5%;
	font-weight:normal;
}

p a{
font-size:1em; 
color:#008000; 
text-decoration:underline;
}

p a:hover{ 
text-decoration:none;
color:#09C; 
}

title{
}

/*List*/
ul{
list-style-type:none;
margin-left:3%;
padding-left:3%;
left:3%;
list-style:outside;
line-height:1.6em;
}

ul.sub{
list-style-type:none;
padding-left:20%;
list-style:circle;
}

li{
font-size:100%;
}

li a{
color:#008000;
text-decoration:underline;
}

li a:hover{
text-decoration:none;
color:#09C;
}

ol{
padding-left:10%;
}

.clear {
clear: both; margin: 0px; height:0
}

/*End Content style*/

<!--Text Style-->
.centered{
	text-align:center;
	margin:10px;
}
.right{
	text-align:right;
	margin:10px;
}

.left{
	text-align: left;
	margin:10px;
}
/*End Text Style*/

/*Right sidebar and new post*/
#rightbar {
	float: left;
	width: 25%;
	vertical-align:top;
	margin: 1% 0% 1% 1%;
	position:relative;
	min-width:220px;
	display:block;
}
/*#bartogglebtn{
	margin-top:96px;
	position:absolute;
	right:0;
	margin-right:50px;
	display:none;
}
#bartogglebtn a{
	color:#FEFEFE;
	font-size:0.9em;
}*/
#newpost{
	background:#262626;
	border:inset;
	border-color:#D2D2D2;
	border-style:solid;
	font-size:1em;
	margin-bottom:1%;
	margin-left:1%;
	color:#AAA;
	padding:1em 1em 1em 1em;
	text-align:left;
}
#newpost h2{
	color:#DDD;
}
#newpost h3{
	font-size:1em;
	color:#CCC;
}

#newpost p{
	padding:3px 0 0 10px;
	font-size:0.9em;
}

#newpost h3 a{
	color:#dddddd;
	text-decoration:none;
}

#newpost h3 a:hover{
	color:#0099cc;
}
#paypalform p{
	margin:1%;
	width:80%;
}
#paypalform select{
	margin:1%;
	width:90%;
}
/*End of rightbar and newpost*/
#sidebar a {
text-decoration:none;
}

#sidebar li {
list-style:none;
}

/* FOOTER */

#footer{
background:#EEE url(/images/footer.gif) 0 0 repeat-x;
height:100px; 
clear:both; 
margin:15px auto 0 auto;
}

#footer p{
padding: 25px 0 0 0; 
font:12px/16px 'Open Sans', Tahoma, Geneva, sans-serif; 
font-weight:normal; 
text-align:center; 
color:#848484;
}

#footer p a{
font-size:1em;
font-family:'Open Sans', Tahoma, Geneva, sans-serif; 
font-weight:normal; 
color:#848484; 
text-decoration:none; 
padding: 0 3px;
}

#footer p a:hover{
text-decoration:none; 
color:#6CC;
}

#postfooter{
	width:100%;
	margin:0 auto;
	text-align: center;
	padding: 0 0 2% 0;
	visibility:hidden;
}

/* This is just to preload the hover images*/
.preload {
position:absolute;
top:0px;
left:0px;
width:1px;
height:1px;
visibility:hidden;
overflow:hidden;
display:none;
}


/*Style for Navigation in each page -Previous- & -Next- */
#navi{
	color:#999;
	text-align:center;
	padding-bottom:10px;
	font-size:1.0em;
}

#navi a:link{
	color:#008000;
}

/*Topic tables with links*/
#link-box
{
	font-size: 1.2em;
	margin: 1% 1% 1% 5%;
	width: 90%;
	text-align: left;
	border-collapse: collapse;
	border: 7px solid #CCC;
}
#link-box th
{
	font-weight: bold;
	padding: 8px;
	background: #333;
	color: #66CCCC;
}
#link-box td
{
	padding: 8px;
	background: #FFF; 
	border: 1px solid #CCC;
	color: #060;
	width:30%;
}

#link-box a
{
	color: #060;
	display:block;
}

#link-box td:hover
{
	background: #222; 
}

#underline
{
	border-bottom:groove;
	border-color:#006;
	border-width:medium;
	margin-left:30%;
	margin-right:30%;
	width:30%;
	text-align:center;
	padding:25px 0 0 0;
	}
#headertable
{
	font-size: 1em;
	margin:5px 5px 5px 5%;
	width: 85%;
	text-align: center;
	font-weight:bold;
}
#headertable td
{
	border: solid thin #666;
}

#headertable tr a
{
color:#008000;
text-decoration:underline;
}

#col-header
{
	background-color:#999;
	color:#000;
	width:20%;
	font-weight:normal;
	text-align:left;
	padding-left:1%;
}
#row-header
{
	background-color:#999;
	color:#000;
	font-weight:normal;
	text-align:center;
}

pre {
	border: solid 1px #CCC;
	font-size: 1.1em; 
 	color: #0000FF; 
	padding: 0px 5px 0px 3%;
	margin: 0px 0px 0px 5%; 
	background-color: #EEE;
	overflow-x: auto; /* To use horizontal scroller if needed */
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	}
.src {
	color: #0000FF;
	font-family: monospace;
	}	
.comment {
	color: #063;
	}
	
.calc {
 	color: #930; 
	}
	
/* Following css styles to display an image on hyperlink */
#img_pop{
position: relative;
z-index: 0;
}

#img_pop:hover{
text-decoration: none;
background-color: transparent;
z-index: 50;
}

#img_pop span{
position: absolute;
visibility: hidden;
background-color: #282828;
color: #ffffff;
text-decoration: none;
text-align:center;
padding: 5px;
border: 1px solid #000000;
left: 75px;
}

#img_pop span img{
padding: 3px;
border-width: 0;
}

#img_pop:hover span{
visibility: visible;
left: 75px;
top: 0;
}

/* End image pop on hyperlink */

img.cent {display: block;
margin-left: auto;   
margin-right: auto; 
}

/* Font and Format for message at bottom of site */
#btm_msg{
	color:#900;
	font-size:0.9em;
	font-weight:bold;
}

#topad{
	display:block;
        padding-left:2px;
}

/* Media queries follows */
@media screen and (max-width: 780px) {
body{
	min-width:99%;
	width:99%;
	margin:0 auto;
	overflow-y: scroll;
	overflow-x: hidden;
	font-size: 1em;
}
#rightbar{
	display:block;
}
.logo{
	left:5px;	
}
.logo img{
	width:65%;
	left:1%;
	padding-left:1%;
}
h2{
	font-size:1.1em;
}
h3{
	font-size:1.0em;
}
h4{
	font-size:0.9em;
}
#searchform {
	margin-right:1%;	
	margin-top:18px;
}
#header {
	height:150px;	
}
#header ul.menu {
	width:100%;
	background-color:#454545;	
	left:0;
	padding-bottom: 3px;
    padding-top: 3px;
}
#content {
	width: 92%;
	margin-bottom:20px;
}
img{
	width:65%;	
	padding:1% 15% 1% 15%;
	height:auto;
}
#rightbar{
	background: none repeat scroll 0 0 #262626;	
	margin: 3%;
	width: 94%;
	border: 2px solid #CCCCCC;
}
#newpost {
	border:none;
}
#leftonright{
	float:left;
	width:48%;
}
#rightonright{
	float:right;
	width:48%;
}
#addthisstyle{
	top:10px;
	position:absolute;
}
#gplusst{
	padding-top: 25px;
}
#bartogglebtn{
	display:none;
}
#link-box {
    border: 1px solid #CCCCCC;
	padding:0px;
	margin:1% 0px 1% 2%;
	font-size:0.7em;
}
}

/* Media queries follows */
@media screen and (max-width: 480px) {
body{
	min-width:99%;
	width:99%;
	margin:0;
	padding:0;
	border:0;
	overflow-y: scroll;
	overflow-x: hidden;
	font-size: 1.2em;
}	
#header, #wrapper, #footer, #searchform, .logo{
	border:0;
	margin:0;
	padding:0;	
}
#header ul.menu li {
    margin: 2px 2px 3px 3px;
}
.logo {
	top:0;
	left:0;
	position:absolute;
	width:100%;
}
.logo img{
	width:60%;
}
#searchform {
	float:left;
	margin-top:10px;
	left:0;
	position:relative;
}
#topad{
	display:block;
        padding-left:8px;
}
#bottomad{
	display:none;
}
#content{
	margin-top: 45px;	
}
#leftonright{
	float:left;
	width:99%;
}
#rightonright{
	float:right;
	width:99%;
}
#bartogglebtn{
	display:none;
}
h2{
	font-size:0.9em;
}
h3{
	font-size:0.9em;
}
h4{
	font-size:0.8em;
}
}