
@import "/v4/css/form.css";

html, body {
	padding:0; margin:0;
}

body{
	fo1nt-size:17px;
	line-height:150%;

	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,'Mercury SSm A', 'Mercury SSm B', georgia, serif;
	font-weight: 300;
	font-style: normal;
    color:#494949;
/*
	font: 14px/24px 'ProximaNovaRegular',Helvetica,Arial,sans-serif;
	font-family: ProximaNovaRegular, Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 24px;
	color: #555;*/

}

a {
    text-decoration:underline;
    cursor:pointer;
    color:#494949;
	padding:2px;
}

a:hover{
    color:#fff;
    background-color:#494949;
}

/*

layout

*/

.airlock {		

}

.content {
	width:60%;
	padding:0;
	clear:none;
	float:left;
	margin-left:20px;
}
.sidebar, .infobar {
	padding:0;	margin:0;
	float:right;
	clear:none;
	font-size:75%;
	line-height:150%;
}

.infobar {
	margin-top:40px;
	height:80px;
}

.sidebar em {
	color:silver;
}

.footer {
	clear:both;
	text-align:center;
	padding-top:20px;
	margin-top:40px;
	float:left;
	border-top: solid 1px #555;
	background-color:#f5f5f5;
	padding:15px;
	font-size:120%;
	
	font-family: Geneva,Verdana,'Mercury SSm A', 'Mercury SSm B', georgia, serif;

	width:100%;
}

h1 {
	display:none;
}

.heading p {
	padding:0; margin:0;
}

.heading h2 {
	font-size:180%;
	font-weight:normal;
}

.sidebar em {
	display:none;
}

.sidebar h2 {
	clear:both;
	font-size:120%;
	text-align:center;
	padding:0; margin:0;
	font-weight:bold;
	margin-top:40px;
	margin-bottom:20px;
}

.sidebar p {
	width:45%;
	float:right;
	margin-right:5px;
	padding:0;margin:0;
	margin-top:10px;
}

.sidebar a {
	text-decoration:none;
	colo1r:#555;
	border-bottom:#f3cEc2 solid 1px;
}

.post {
	margin-top:60px;
	border-bottom: 1px solid #DBD9D4;
}

 h3 {
	font-family:arial;
	color:#ceffe; 
	font-size:x-large;
	font-weight:bold;
	letter-spacing:-1px;
	clear:both;
}

.post h3 a {
	text-decoration:none;
}

.com_info {
	font-size:90%;
	color:#024;
}

.clink {
	color:blue;
}

.post img, .item_body img  {
	width:98%;
/*	max-width:98%;
	max-height:98%;*/
}

.post .thumb, .item_body .thumb {
	width:35%;
	float:right;
	margin:15px;
}

code {
	color:brown;
	font-size:80%;
	line-height:0;
}

/*

Custom

*/

.top {
	height:290px;
	display:none;
	background-position:center center;
	background-repeat:repeat;
	border-top:5px #024 solid;
	display:block;	
}

.bottom {
	height:100px;
	background-position:center top;
	background-repeat:repeat;
}

/**/
.top, .bottom {
	background-image: url(/v4/image/masthead/2013/2013_11_24.jpg);
}

/*

menu

*/

.menu {
	text-align:center;
	padding:5px;
	border-bottom: solid 1px #ddd;
	font-weight:bold;
	background-color:#f5f5f5;
}
.menu ul {
  list-style: none;
  padding-left: 0px;
  margin:0px;
}
.menu li {
	font-size: 15px;
	margin-bottom: 15px;	
	padding-left:15px;
	display:inline;
	text-transform:uppercase;
	float:right;
}
.menu a {
	text-decoration:none;
}
/*

misc

*/

.af label {
	font-size:70%;	
	font-family:verdana;
	width:160px;
	border:1px red solid;
}


.thumb_list p {
/*
	bord1er-bottom: solid 1px #cce7eF;
	cl1ear:both;
	pad1ding-bottom:5px;
	ma1rgin-top:5px;
	*/
}

.important {
	margin: 5px;
	padding: 5px;
	background-color: #eef7ff;
	border: solid 1px #c0d3e2;
	background: #eef7ff url(/v4/image/ninjabg.gif) repeat;
}

.smilies {
	max-width:16px;
}

.pbread {
	color:#c33E22;
}

.clear{
	clear:both;
}

/*

icon

*/
.icon, .icon a {
	width:42px; 
	height:35px;
	clear:none;
}

.icon {
	float:left;
	margin-right:5px;
	bor1der:2px #f5f5f5 solid;
	background-image:url(/v4/image/noicon.jpg);
	background-position:center center;
	background-repeat:no-repeat;
}

.icon a {
	border:0px #024 solid;
	display:block;
}

.icon a, .icon a:visited, .icon a:hover, .icon a:active {
	border:0px #024 solid;
}

/*

list

*/

.list {
	font-size:90%;
	clear:both;
	width:100%;
	border-top:#f5f5f5 solid 3px;
	border-bottom:#f5f5f5 solid 3px;
	margin-top:5px;
}

.list_item {
	padding:3px;
	margin-left:3px;
	padding-top:10px; 
	float:left;
	display:block;
	width:48%;
	min-height:70px;
	clear:none;
	background-color:white;
	bord1er:solid #f5f5f5 2px;
	
	line-height:120%;
}


.list_item p {
	font-size:90%;
	margin: 3px;
}

.list_item h3 {
	padding:0;
	margin:0;
}

.list_item h3 a {
}

#user .list_item {
	min-height:140px;
}

#user .list_item h3  {
	text-align:center;
}

/*

Pagenator

*/
.pagenav {
	clear:both;
	margin:50px;
	margin-left:0;
	margin-right:0;
	padding-top:25px;
	font-weight:bold;
	font-size:140%;
	font-family:arial;
	text-decoration:none;
	clear:both;
	border-top:2px solid #F34E32;
}

.pagenav a:hover {
	background-color:#F34E32;
}

.pagenav .n, .pagenav .this-page, .pagenav .end, .pagenav .next {
	padding-left:5px;
	padding-right:5px;
}

.pagenav .this-page {
	font-weight:bold;
	border:3px solid #F34E32;
}

/*

youtube embeds

*/

.youtube_wrapper {
	position: relative;
	cursor: pointer;	width: 100%;
	height: 100%;
}

.youtube_playbutton {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0) url(/v4/image/playbutton.png) center center no-repeat;
	top: 0;
}

.embed_video {
	border:1px red solid;
	width:100%;
	height:300px;
	te1xt-align:center;
}

.embed_video_text {
	font-size:350%;
	overflow:hidden;
	height:280px;
	line-height:100%;
	border:0px solid red;
	padding-left:10px;
}

.cl {
	clear:both;
}
/*

tables

*/
td {
	color:black;
  	li1ne-height:130%;
}
th {
	text-transform:capitalize;
}

table { 
	padding:0px;	
	border-bottom: 2px	#024 SOLID;
}

table td, table th {   
	border-collapse: collapse; 
	BORDER-BOTTOM:  #EFEFEF 0px solid;
	BORDER-LEFT:  #ddd 1px solid;
	BORDER-RIGHT:  #024 1px solid; 
	BORDER-TOP: #EFEFEF 1px solid;
	padding:6px;
	border-right:0px #000 solid; border-left:0px #000 solid;
}

table th { 
	background-color: #f7fefc;
}



.alt td {
	background-color:#fdfef2;
}

.alt2 {
	background-color:#fdfafe;
}

.alt .alt2 {
	background-color:#fdfaf2;
}

table CAPTION { /* <caption> */
	BACKGROUND-COLOR: #006699;
	text-align:left;
	padding:5px;
	margin:0px;
	border: solid 1px #006699;
	FONT: 110% sans-serif; 
	color:white;
}

table td em { 
	text-decoration:none;
	color:#ccc;
	text-align:right;
}

table td em a:link, table td em a:visited, table td em a:hover, table td em a:active { 
	color:#aaa; 
	text-decoration: none; 
	border:0px solid #000;
}

table .icon {
	float:right;
}


/*
div {
	border:1px red solid;
}
*/
/* Responsive Design
------------------------------------------------------------ 


*/


@media screen and (max-width: 5280px) {
	.airlock {
		
	}
	.content {
		width:60%;
		padding:0;
	}
	.sidebar, .infobar {
		width:35%;
		padding:5px;
		margin:0;
		margin-top:70px;
	}
}

@media screen and (max-width:800px) {
	.airlock {
		
	}
	.content {
		width:100%;
		padding:5px; margin:0;
	}
	.sidebar, .infobar {
		width:100%;
		padding:5px;
		padding:0; margin:0;
	}	
	.sidebar .sb_div {
		width:50%;
		padding:5px;
		padding:0; margin:0;
		float:left;
	}
}

