/*
Theme Name: Tech2
Theme URI: http://www.dewdropwebs.com/WPthemes/
Description: "Tech2" is a three-column blue/gray theme suitable for gaming, industrial, or similar sites.
Version: 1.3
Author: DewDrop
Author URI: http://www.dewdropwebs.com
Tags: three column, blue, gray, tech
*/


/* Basics */
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.alignleft {
	float: left;
	}

.alignright {
	float: right;
	}
	
.clearboth { clear: both;}

*{margin:0; padding:0;}

body {
	background: #E0E0D8 url(images/back.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 140%;
	}

img{ border: none; float: left; margin: 0 15px 10px 0;} /*removed padding: 6px;*/
img a{border:none;}
img.left{ float: left; border: none; padding: 8px; margin: 0;}
img.right{ float: right; border: none; padding: 8px; margin: 0;}
img.avatar {float:right; margin:0 0 0 4px; width:50px; height:50px;}

ul{margin:5px 0 5px 20px;}
ol{margin:5px 0 5px 20px;}

blockquote{
	margin:10px 12px 10px 12px; 
	padding:6px;
background: top left no-repeat url("http://www.robotics-toys.com/wp-content/plugins/simple-pull-quote/images/quote.png") #DFDFDF;
	text-indent:20px;
	-webkit-box-shadow: 3px 3px 5px #333;
  	-moz-box-shadow: 3px 3px 5px #333;}
	}

code{
	margin:10px;
	font-family:"Courier New", Courier, monospace;
	}

table {}
td { border: 1px solid #dddddd; }
tr {}

/* Links and Headings */

a, a:link {
	color: #333333;
	text-decoration: none;
}


/*  Container  */

#container {
	width: 970px; 
	margin: 0 auto;
	background: transparent url('images/repeatback.jpg') repeat-y;
	color:#000;	
	}
	
/*  HEADER  */

#header {
	width: 770px; height: 160px;
	background: transparent url('images/headback.jpg') no-repeat;
	padding: 45px 0 0 150px; margin: 0; 
	}	
#header h1 {
	color: #fff;
	font-size: 34px;
	font-weight: bold;
	letter-spacing: 2px;
	margin-top: .5em;
	font-family: "courier new",arial,sans-serif;
	}
#header h1 a {
	color: #fff;
	text-decoration: none;
	}
#header h1 a:hover {
	color: #01AF00;
	text-decoration: underline;
	}
#header h2 {
	font-size: small;
	font-weight: normal;
	font-family: "courier new",arial,sans-serif;
	font-style: italic;
	color: white;
	margin: 12px 0 0 03px;
	}
#hleft { float: left; }
/*#hright { 
	float: right; height: 56px; width: 242px; margin: 0 176px 0 0; 
	background-color: green;
	background: transparent url('images/featherWP.jpg') no-repeat;
	}*/

/*  Menu  */
table#menu { 
	width: 620px;
	border: 1px solid red;
}
#menu tr {height: 31px;}
#menu td.menu-right {
	width:16px;
	background: transparent url("./images/menu-end-left.gif") no-repeat 0 0;
}
#menu td.menu-bar { width: 580px; }
#menu td.menu-left {
width:16px;
	background: transparent url("./images/menu-end-right.gif") no-repeat 0 0;
}

.menu {
	font-size: 14pt;
	font-family: verdana,arial,sans-serif;
	background: transparent url("./images/menu-background.jpg") repeat-x 0 0;
	margin: -40px 0 5px 120px;
	width:580px; 
	height:31px;
}
.menu>ul {
	height: 31px;
	padding-top: 5px;
	list-style: none;
	text-align: left;
}
.menu>ul>li {
	display: inline;
	padding: 8px 20px;
	margin: 0 0px;
}
.menu>ul>a {
	margin: 12px auto;
	text-decoration: none;
	color: #000;
	border: 1px dotted red;
}
.menu a:hover {
	color: #f00;
}

/*add submenu nav*/
.menu ul li ul {	display: none;}
.menu ul li:hover ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 138px;
	display: block;
	float:left;
	position: absolute;
	margin: 6px 0 0 90px;
	background-color: yellow;
	color: #fff;
	font-size: 13pt;
	font-family: verdana,arial,sans-serif;
	z-index: 99;
	 }
	 
.menu ul li:hover li {
    float: none; 
	} 
.menu ul ul li {
	text-align:center; 
border-bottom: 1px solid #000;
border-right: 1px solid #000;
border-left: 1px solid #000;
}
.menu ul  ul li a {
	display: block;
	color: #000; 
	text-decoration: none;
	padding: 5px;
	background-color: transparent;
}

.menu ul ul li a:hover {
	text-decoration: underline;
	border:2px dashed #01AF00;
}	

embed, object {z-index:0;} /*videos should be under the menu*/
	
li.current_page_item a { color: white;  }

/*  Main Content  */

#content { 
	width: 420px; background: transparent;
	padding: 8px; margin: 6px 0 8px 12px; 
	float: left;
	overflow: hidden;
	}
	
.page-format #content {
		width: 600px;
		margin-left: 120px;
	}
	
#content h1 {
	font-size: large; color: #01AF00;
	font-weight: 300;
	margin: 8px 0 6px 0; padding: 4px 0 4px 0;
	border-bottom: 1px solid #green;
	}
#content h2 { font-size: 1.5em; margin: 1em 0 .7em 0; color: #01AF00; }
#content h3 { font-size: small; margin: .5em 0; }
#content h4 { font-size: small; margin: .4em 0; }
#content ol { margin: .5em 4em; }		
#content ul { margin: .5em 4em; }	
#content ul li {
	list-style-type: square;
	}

.entry {
	margin: 6px 0 8px 0 ;
	}	
.entry p {
	margin: 12px 0 0 0;
	}	
.entry a {
	color: #3D00F5;
	text-decoration: underline;
	}
.entry a:hover {
	color: #01AF00;
	text-decoration: none;
	}

.postmetadata{
	clear: both;
	background:#CFCFD1;
	padding:6px; margin: 16px 0;
	border: 1px solid; border-color: #000000 #999999 #999999 #222222;
	}

.post {
margin-bottom: 75px;
}	



div.adtext {
 width: 90%;
 background-color:#bcbdbf;
 padding: 20px;
}

/* Left Sidebar */

#left {
	width: 174px; float:left;
	margin: 0 0 0 56px; padding: 0;
	background: transparent; 
	}
div>#left {
	margin: 0 0 0 110px;
	}
#left h2 {
	color: #44ADF6;
	background: #22252C;
	font-size: 8pt;
	padding: 3px 6px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #fff;
	}
#left p {margin:0 6px 0 12px; padding: 0;}
#left a {color: #000000; text-decoration: none; margin: 0; padding: 0; line-height: 14pt;}
#left a:hover {color: #333; text-decoration: underline;}
#left ul{
	list-style-type:none;
	margin:0 0 12px 0;
	padding:0;
}
#left ul li{
	list-style-type:none;
	margin:0 0 0 12px;
	padding:0;
}
#left ul ul{
	margin:0;
	padding:0;
}
#left ul ul li{
	list-style-type:square;
	list-style-position: inside;
	margin:0 0 0 12px;
	padding:0;
        color: #455A79;
}

/* Right Sidebar */

#right {
	width: 179px; float:left; background: transparent;
	font-size:8pt;
	margin: 0 0 0 50px; 
	padding: 0; 
	}
#right h2 {
	color: #44ADF6;
	background: #22252C;
	font-size: 1.6em;
	padding: 3px 6px;
	margin: 15px 0 5px 0;
	border: 0; 
	}
#right p {padding:0; margin: 0 6px 0 12px;}
#right a {display: block; color: #000000; text-decoration: none; padding: 0 6px 0 3px; margin: 0; line-height: 14pt;}
#right a:hover {color: #333; text-decoration: underline;}
#right ul {
	margin:0 0 12px 0;
	padding:0;
	list-style:none;}
#right ul li {
	margin: 0 0 .7em 1em;
	padding: 0;
	list-style-type: none;
	line-height: .5em;
	text-indent: -1em;
	}
#right ul ul {}
#right ul ul li {}

/*general sidebar*/
#right, #left {text-align: left;}
#right a, #left a {text-decoration: underline; }

/* RSS Widget */

.rsswidget img {
	display: none;
	}
#left h2 a.rsswidget{
	color: #fff;
	text-decoration: none;
	padding: 0;
	margin: 0;
}
#left h2 a.rsswidget a:hover{
	color: #fff;
	text-decoration: none;
	
}
#right h2 a.rsswidget{
	color: #fff;
	text-decoration: none;
	padding: 0;
	margin: 0;
}
#right h2 a.rsswidget a:hover{
	color: #fff;
	text-decoration: none;	
}

/* Calendar Widget */

#wp-calendar {
	margin: 0 auto;
	text-align: left;
	}
	
#wp-calendar a{ 
	margin: 0;
	padding: 0;
	}
	
/* text Widget */

.textwidget {margin:0 12px 0 12px; padding: 0;}

/* Comment Form */

#commentform{
	margin:10px;
	padding:10px;}
#commentbox{
	width:75%;
	min-width:400px;
	margin:5px 5px 0 0;}
#author, #email, #url{margin:5px 5px 0 0;}
#submit{margin:5px 5px 0 0;}

/* Comments */

#comments{
	margin:10px;
	padding:10px;
	}	
ol.commentlist {}
ol.commentlist li {
	background: #ececec;
	margin:10px 0;
	padding:6px;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;}
ol.commentlist li.alt { background: #DAD8D8; }
ol.commentlist a {}
cite {}
small.commentmetadata {}

/* Search */

#searchform {margin:8px 0 8px 12px; padding: 0;}	
#searchform input {
	background-color:#fff;
	font-family: arial, verdana, sans-serif;
	font-size: 8pt;	
	border:1px solid #BCBCBC;
	color: #6A6A6A;
	margin: 4px 0 0 0;
	padding: 2px 2px 2px 4px;
	}	

/* Footer */

#footer {
	background: transparent url('images/footback.jpg') no-repeat;
	clear: both;
	width: 800px; height: 131px; 
	margin-top:15px;
	color: #495991;
	}
#footer p{ margin: 0; padding: 0 0 0 120px; }
#footer a {
	color: #914950;	
	}
	
.navigation { margin: 0; padding: 0; 
margin: 10px 0;
}

/*ad formatting*/
.single-ad { margin: 0; padding: 0; clear:both;}
.single-ad img {}
.single-ad hr { margin: 10px auto; }
.single-ad table {background-color: #ddd;}
.single-ad td {
	padding: 5px 20px 5px 0;
	border-color: #ddd;
}

.single-ad p b { font-size: 2em; }

.single-ad input  {
	width: 100px;
	padding: 7px 0;
	font-size: 16px;
	font-weight:bold;
	border: 2px solid #f00;
}

.single-ad input:hover {
	border: 2px solid #01AF00;
}

.tweets {
background-color: #777;
color: #fff;
}

/*generic style of product table*/
table.prod-list {
margin-bottom: 80px;
background-color: #cfcfd1;
}
.prod-list td { border: 0; margin:0; padding:0;}
.prod-list a {color: #000;}
.prod-list tr.top-row td {border:0; text-align:center; padding:0 5px;background-color: #fff;}
.prod-list tr.mid-row td {text-align:center; padding: 0 5px; background-color: #cfcfd1;}
.prod-list img {margin: 0;}

table.trossen-ad {
margin-bottom: 80px;
background-color: #ddd;
}

.trossen-ad { margin: 0; padding: 0; clear:both;}
.trossen-ad img {}
.trossen-ad hr { margin: 10px auto; }
.trossen-ad table {background-color: #ddd;}
.trossen-ad td {
	padding: 5px 20px 5px 0;
	border-color: #ddd;
}

.trossen-ad td {
 padding: 10px;
}

.catalog-title {
font-size: 1.3em;
}
.catalog-description { 
font-size: .875em;
}

.catalog-button {
	width: 100px;
margin-left: 200px;
	padding: 7px 0;
	font-size: 16px;
	font-weight:bold;
	border: 2px solid #f00;
}

.catalog-button:hover {
border:2px solid #01AF00;
}

/*robot gallery related formatting*/
.robot-gallery-table { width: 500px; border: 1px solid #1400aa;; margin: 10px auto; text-align:center;}
table td {  border: 0;}
td.title { font-weight: bold; background-color: #1400aa; }
td.description { text-align: left; padding: 5px; }

/*social icon widget*/
#social-box img { margin: 0; padding: 0; margin-left: 5px;}

/*twitter widget pro*/
#right .twitterwidget-title { color: #44adf6; }
#right .entry-content { color: #fff; line-height:2em;}
#right .entry-content a {color: #01AF00;}
#right .time-meta a {color: #999;}
#right .from-meta {display: none;}

#right .blogroll { margin-left:14px; background: #1148b7; border: 1px solid #eee; width:157px;}
#right .blogroll li a { display: block; color: #fff;margin-left:5px;}
#right .blogroll li a:hover {color: #C0BFFF;}

/*guide info sidebar*/
#right #wguide p { padding: 0; margin: 0 }
#right #wguide {width:157px;color:#00f;margin-left:3px;text-align:center; font-size:larger;background:#fff; padding:10px 0 10px 0;}
#right #wguide p a {color: #00f;}
#right #wguide img { margin: 0 auto; float:none; }
