*{margin:0;padding:0;}
body{background-color:#999;color:#111;
font:18px Georgia,Cambria,"Times New Roman",Times,serif; 
line-height:28px; background: url(/wp-content/themes/10xtech/images/bg.jpg) repeat top center;}
#wrapper{background-color:#fff;margin:0px auto;max-width:1120px; padding-bottom:0px;}

#topbar {width:100%;height:36px;background-color:#444;}

#topbarleft {float:left;color:#fff;padding:0px 0px 0px 0px;font:16px Arial;font-weight:bold;width:80%;height:36px;}
#topbarright {float:right;color:#fff; font:16px Arial;font-weight:bold;padding:0px 0px 0px 0px;height:36px;}
#header {width:100%;  background:#fff; text-align:center;font-size:16px; }
#header a img {margin:0px;padding:0px;width:100%;}
h2 {font-size:18px; font-weight:bold;}

.youtubevideowrap {width:100%;max-width:720px;padding-bottom:1%;}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:99%;
	height:99%;
}




#navigation{}
#menu{padding:0px;height:36px;}
#menu li{display:inline;list-style:none;font-weight:bold; float:left;margin:0px;padding:0px;height:36px;}
.page_item a:link, .page_item a:visited{color: #fff; display:block;position:relative;padding-right:10px;padding-bottom:0px;padding-left:10px;padding-top:8px;margin:0px;height:28px;}
.page_item a:hover {text-decoration:none;background-color:#a00;}
.current_page_item a:link, .current_page_item a:visited{color: #fff; display:block;position:relative;padding-right:10px;padding-bottom:0px;padding-left:10px;padding-top:8px;height:28px;}
.current_page_item a:hover { text-decoration:none;background-color:#a00;}



#main {padding:0px; margin:auto;background-color:#fff;}
h2 a:link,h2 a:visited{ font-size:18px;  text-decoration:none; font-weight: bold;}
h2 a:hover{text-decoration:underline;}
h3 {font-size:18px;font-weight:bold;color:#999999}
h2.page_title{width:100%;font-weight:bold;font-size:18px;}

/**************** Entry *********************/
.entry{ float:left;width:70%; background-color:#fff; padding:1%;}
.entry h2{padding-bottom:6px;text-align:left;}
.entry p{padding:0 0 10px 0;}
.post{margin:10px; border-bottom:1px solid silver;}
html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; padding-left: 10px; list-style-type: disc;} 
html>body .entry li { margin: 7px 0 8px 10px; }

.entry ol { padding: 0 0 0 15px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }

/**************** Links *********************/
a:link, a:visited{color:#3863A8;text-decoration:none;}
a:hover{text-decoration:underline;}

/**************** Navigation *********************/

.sidebox {background: #fff;
border: 1px solid #C3C3C3;
position: relative;margin-bottom:20px;padding-bottom:5px; word-wrap: break-word;}

/**************** Sidebars *********************/
#sidebar {width:25%; background-color:#fff;float:right; margin-left:0px;  padding:1%;border:0px solid blue;overflow:hidden;word-wrap: break-word;}

#sidebar h2{font-weight:bold;font-size:11px;text-transform:uppercase;background-color:#f0f0f0;padding-left:5px;}
#sidebar ul{list-style-type:none;}
#sidebar ul li{list-style-type:none;margin-left:10px;margin-top:5px;}
#sidebar ul li ul{font-style:normal;list-style-type:none;margin-top:2px;padding:0px;}
#sidebar ul li ul li{border-bottom:0px solid #8CFF8C;display:block;
margin:2px 0px 0px 0;
font-weight:normal;background: url('images/sidebullet.gif') no-repeat 8px 12px;padding: 0px 0px 6px 20px;}
#sidebar ul li ul li a {}
#sidebar ul li ul li a:hover{text-decoration:none;color:#FF9900}
#sidebar p{padding:0 5px;}



/**************** Search *********************/
#topsearch{  padding:5px;}
#topsearch input[type="text"]{ border:1px solid #006699; width:15em; color: #333333;font:1em Verdana;padding:3px;}
#topsearch input[type="submit"] { border:1px solid #006699;color: #333333;font:0.8em;padding:1px;}

/**************** Comments *********************/
#comments {font-weight:bold; padding-top:10px; border-top:1px solid #CCCCCC; margin-top:10px;font-weight:bold;font-size:12px;}
.commentlist{padding:20px;}
#author, #email, #url,#securitycode {color:#666;width:250px;border:1px solid #999999;margin-bottom:0; font-size:11px; background:#fcfcfc;margin-top:1px;padding:3px;}
#submit{font:bold 1em Tahoma;margin-bottom:15px;margin-top:5px;padding:2px;}
#respond{padding-top:20px;padding-bottom:10px; font-weight:bold;}
#comment{width:100%;border:1px solid #999999;}

/**************** Footer *********************/
#footer{font:14px Arial;color:#ffffff; background-color:#444;padding-bottom:8px; padding-top:8px;width:100%; margin:0px 0px; text-align:center;}
#footer a:link, #footer a:visited{color:#ffffff;padding:0px;}


/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 5px 0px 5px 0px; padding:4px 10px 4px 40px; border-left: 0px solid #ddd; background: #f9f9f9 url('images/blockquote.gif') no-repeat;}
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right; padding-right:20px;}
.alignleft{float:left; padding-left:20px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {}
code {font-size:1.0em;color: #000}
img {margin:5px;border:0px solid black;}
img.border {border:1px solid silver;}
div.terminal {font-family:courier new; font-size:11pt; color:#ffffff; background:#000000; padding:5px; margin:5px; border-style:double; border-color:#f0f0f0; width:550; overflow:scroll;text-align:left;}
.dataT {border: 1px solid black;border-collapse:collapse;width:100%;}
.dataT td {padding:5px;}
.dataT td {border-bottom:1px solid black;}

.datagrid {border: 1px solid black;border-collapse:collapse;width:100%;}
.datagrid td {padding:5px;}
.datagrid td {border-bottom:1px solid black;}
img.border{border:2px solid black;}
.entry p.box {border:1px dotted silver; background-color:#f0f0ff; padding:0px 0px 0px 5px;margin:0px 0px 0px 0px;}
.toc { font: 12px Verdana;border: 1px solid #C3C3C3; float:right;width:220px;margin-left:8px;display:block;height:100%;}
.toc h2 {font-weight: bold; font-size: 11px; background-color: #F0F0F0;
         margin: 0;padding: 5px;text-transform:uppercase;}
.toc a {text-decoration:none;}
.toc a:hover{text-decoration:underline;}
html > body .entry .toc ul {margin:0;padding:0;padding-top:5px;padding-bottom:5px;padding-right:5px;}
html > body .entry .toc ul li{ display: block; margin: 2px 0px 0px 0; font-weight: normal; background: url('images/sidebullet.gif') no-repeat 8px 8px;
padding: 0px 0 0px 20px;line-height:20px;
}		 


.main-single-image {
	display:block;width:100%;clear:both;
}

.side-gallery-image {
float: right;width:300px;display:block;
}

.side-gallery-image-small {
float: right;max-width:200px;display:block;
}

.side-gallery-image-small-left {
float: left;width:200px;display:block;
}

.side-gallery-image-left {
float: left;width:300px;display:block;
}

.bottom-gallery-image {
float: left;width:350px;display:block;
}

.side-book {
	float:right;display:block;width:120px;
}

@media screen and (max-width:850px) {

.entry{ float:left;width:98%; background-color:#fff; padding:1%;}
#sidebar {width:98%; background-color:#fff;clear:both;float:none; margin-left:0px; padding:1%;border:0px solid blue;overflow:hidden;word-wrap: break-word;}



}

@media screen and (max-width:500px) {
	.side-gallery-image,.side-gallery-image-left {
	clear:both;float:none;max-width:300px;display:block;
	}
	.toc { font: 12px Verdana;border: 1px solid #C3C3C3; clear:both;float:none;width:90%;display:block;}

	.bottom-gallery-image {
	clear:both;float:none;max-width:350px;display:block;
	}
	
	#topbarright {display:none;}
	
	.side-gallery-image-small,.side-gallery-image-small-left {
	clear:both;float:none;max-width:200px;display:block;
	}
	.single-image-freeform {
	clear:both;float:none;max-width:350px;display:block;
	}

}

@media screen and (max-width:300px) {
	.side-book {
		float:none;display:block;width:120px;clear:both;
	}
}