@charset "utf-8";
/* CSS Document */

/*
Theme Name: betaPROGRAMMER Clean
Theme URI: http://betaprogrammer.com/clean/
Description: A custom Wordpress Template .
Version: 1.1
Author: Jake DiMare
Designer: Jake DiMare
Tags: two-columns, blue, white, light, right-sidebar, custom-menu 

Clean, Starter WordPress Template by Jake DiMare || http://www.betaprogrammer.com 
*/

/* Containers */

body {
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#b4d1da;
	background-image:url(/clean/wp-content/themes/clean/images/backGradient.png);
	background-repeat:repeat-x;
	font-size:12px;
	margin: 0px;
}

.header {
	background-image:url(/clean/wp-content/themes/clean/images/headGradient.png);
	background-repeat:repeat-x;
	width:100%;
	height:105px;
	margin:0px;
	
}

.headstuff {
	width: 1040px;
	margin:auto;
}

.headerlinks {
	position:relative;
	left: 900px;
	top: -80px;
	width:200px;
}


.wrap {
	width:1040px;
	margin:auto;
	background:#ffffff;
	border:solid;
	border-width:0px 1px 1px 1px;
	border-color:#9ca5a9;
	position:relative;
	top:-2px;
	
}

.logo {
	position:relative;
	top:0px;
	left: -15px;
}

.tagline {
	position:absolute;
	top:-50;
}

.searchdiv {
	position:relative;
	left:850px;
	top:-65px;
	
}

.nav {
	clear:both;
	text-align:center;
	background-color:#4a7683;
	padding:5px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}

.main {
	float:left;
	width:740px;
	background:#fff;
	padding:15px 0px 15px 15px;
	vertical-align:top;
	
}

.leaderboard {
	margin-bottom:15px;
}

.sidebar {
	float:left;
	font-size:11px;
	color: #23252a;
	margin: 20px 5px 0px 5px;
	
	
}

.credit {
	color:#fff;
}

DIV.footer {
	clear:both;
	color:#9ca5a9;
	text-align:center;
	background-color:#4a7683 ;
	padding:5px;
}

.apost {
	margin-bottom:20px;

}

.comments {
	padding-left:75px;
	color:#CCC;
	float:left;
}

.chiclets {
	float:right;
}

.bio {
	padding-left: 10px;
	vertical-align:top;
}

.bannerad {
	position:relative;
	left:600px;
	top:-75px;
}

.codeblock {
	background-color:#b4d1da ;
	background-image:url(images/thing.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding: 18px 5px 15px 45px;
	margin: 0px 10px 0px 5px;
	min-height: 60px;
	font-family:"Courier New", Courier, monospace;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.noteblock {
	background-color:#4a7683 ;
	color:#b4d1da;
	background-image:url(images/note.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding: 18px 5px 15px 45px;
	margin: 0px 10px 0px 5px;
	min-height: 60px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

}

.iframes {
	border:solid;
	border-width:1px;
	background-color:#CCC;
}

.modiframes {
	border:solid;
	border-width:1px;
	background-color:#CCC;
	height:250px;
	width:300px;
}

/* formatting */

h1 {
	font-family:"Arial Black", Gadget, sans-serif;
	color: #9ca5a9;
	text-transform:uppercase;
}

.storytitle {
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	margin:0px;
	font-family:"Arial Black", Gadget, sans-serif;
}

.storycontent {
	font-size:13px;
	font-weight:normal;
	color:#23252a;
	font-family:Verdana, Geneva, sans-serif;
	margin:0px;
}


/* Menu stuff */

#menu {
	padding: 0px 10px 10px 10px;
}

#menu form {
	margin: 0 0 0 13px;
}

#menu input#s {
	width: 80%;
	background: #eee;
	border: 1px solid #999;
	color: #000;
}

#menu ul {
	
	list-style-type: none;
	margin-top: 0;
	padding-left: 3px;
	
}

#menu ul li {
	letter-spacing: 0.1em;
	margin-top: 0px;
	margin-bottom: 3px;
	padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
	
}

#menu ul ul {
	
	list-style-type: none;
	margin-top: 10px;
	padding: 0;
	text-align: left;
}

#menu ul ul li {
	border: 0;
	letter-spacing: 0;
	margin-top: 0;
	padding: 0;
	padding-left: 12px;
	
}

#menu ul ul li a {
	
	text-decoration: none;
}

#menu ul ul li a:hover {
	border-bottom: 1px solid #809080;
}

#menu ul ul ul.children {
	
	padding-left: 4px;
}



/* links */



a {
	color: #4a7683;
	text-decoration:none;
}

a img {
	border: none;
}


a:hover {
	color: #76a56b;
	text-decoration:none;
}



a.footerlinks {
	color: #fff;
	text-decoration:none;
}

a.footerlinks:visited {
	color: #fff;
	text-decoration:none;
}

a.footerlinks:hover {
	color: #9ca5a9;
	text-decoration:none;
}

a.header {
	color: #23252a;
	text-decoration:none;
}

a.header:visited {
	color: #23252a;
	text-decoration:none;
}

a.header:hover {
	color: #9ca5a9;
	text-decoration:none;
}



a.navitem {
	color: #fff;
	text-decoration:none;
	padding: 5px 20px 5px 20px;
}

a.navitem:visited {
	color: #fff;
	text-decoration:none;
	padding: 5px 20px 5px 20px;
}

a.navitem:hover {
	color: #23252a;
	text-decoration:none;
	padding: 5px 20px 5px 20px;
}


a.headernavitem {
	color: #23252a;
	text-decoration:none;
	padding: 5px 10px 5px 10px;
}

a.headernavitem:visited {
	color: #23252a;
	text-decoration:none;
	padding: 5px 10px 5px 10px;
}

a.headernavitem:hover {
	color: #4a7683;
	text-decoration:none;
	padding: 5px 10px 5px 10px;
}
/* Misc */

.screen-reader-text {
     position: absolute;
     left: -1000em;
}

/* Images */
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}