/* ================================ */
/* Robert Banh's Standard CSS File  
/* ================================ */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ================================ */
/* TAGS
/* ================================ */
html { background:#020614 url("/images/mindsai_bckgrd.jpg") no-repeat top center;}
body { font-family:arial, sans-serif; }

a { cursor:pointer; text-decoration:none; }

table { border:1px solid #ccc; border-collapse:collapse; padding:5px; }
th { background:#eff5fc; padding:5px; text-align:center; }
td { padding:5px; }

input[type=text], textarea { width:100% }

/* ================================ */
/* CLASS 
/* ================================ */
.clear { clear:both; }
.small { font-size: 10px; }
.odd { background:#F0F0F0; }
.red { color: #fdd; }
.green { color: #dfd; }

.highlight {padding:5px;background-color:#ffc;border:1px solid #fc6;color:#ad7800;}
.bhighlight {padding:5px;background-color:#DDEEFF;border:1px solid #0167FF;color:#336699;}
.rhighlight {padding:5px;background-color:#F9D9CA;border:1px solid #B3885E;color:#9C2512;}
.ghighlight {padding:5px;background-color:#EEFCE4;border:1px solid #B9F1AE;color:#148700;}

/* ================================ */
/* index page 
/* ================================ */
#wrap {margin:0 auto; }
#container {margin:0 auto; width:1025px; }
#header { height:90px; margin:0 32px; display:block;}
#logo{ width:386px; float:left; margin-top:50px; display:inline; }
#nav { width:500px; float:right; margin-top:50px; display:inline; text-align:right; }
#main_header {margin-top:18px; height:57px; background:url("/images/transparent_nav.png") no-repeat;}
#twitter {float:left; padding:15px 32px;}
#twitter img {float:left;}
#twitter p {width:450px; color:#a3c1fe; font-size:12px; font-weight:bold; line-height:14px;}
#twitter p span {font-size:10px; font-weight:normal;}
#twitter p span a {font-size:10px; font-weight:normal; color:#a3c1fe; text-decoration: none;}
#main_nav {float:right; margin-right:34px; padding-top:5px; }
#main_wrap {padding:32px 0 20px; padding-left:32px; background-color: #090e24;}
#main_gallery {margin:0; padding:0; height: 573px;}
div.gallery { padding-left: 18px !important; }
.gp {display:block; float:left; width:186px; height:178px; overflow:hidden; margin:0 7px 7px 0; border: 3px solid #fff; }
#main_footer {float:right; padding:0 50px 0 0; color: #fff; font-size:12px; }
#main_footer p span { padding: 0 2px; }
#main_footer p span.selected { padding: 0 2px 0 6px; font-weight: bold; color: #eee; }
#main_footer p span a {color:#fff; margin-left:5px; text-decoration: underline;}
#main_footer p span a:hover {color:#83ACFF; }
#main_footer p span a img {vertical-align:bottom; }
#main_footer p span img {vertical-align:bottom; }
#footer {float:right; }
#footer p {font-size:10px; color:#83ACFF; padding: 5px 32px 40px 0; }

h1#page_not_found {
	color: #fff;
}

/* ================================ */
/* about page 
/* ================================ */
.about_icons a {display:block; float:left; padding:10px 0 10px 10px;}
.about_icons img {display:block; border:2px solid #fff; -moz-border-radius:3px; -webkit-border-radius:3px;}
.about_icons img:hover {border:2px solid #83acff;}
#main_about_header { width: 993px; }
#main_about_header  img {vertical-align:top; padding-right:5px;}
#main_about_header  p {color:#fff; font-size:14px; font-weight:bold; float: left; display: block; width: 198px;}
#main_about_header div.dots {
	display: block;
	float: right;
	width: 885px;
	height: 1px;
	border-bottom: 1px dashed #2340e8;
	margin: -7px 38px 0 0;
}
.main_about_col {float:left; margin:10px 20px 30px 0; background:#111936; width:306px; height:512px;}
div.col_pad {padding:20px 10px 5px 20px;}


.main_about_col p.col_header.bio {color:#2340e8; font-size:14px; font-weight:bold; padding-bottom:15px; width: 28px; float: left; display: block; height: 18px;}
.main_about_col p.col_header.links {color:#2340e8; font-size:14px; font-weight:bold; padding-bottom:15px; width: 44px; float: left; display: block; height: 18px;}

.main_about_col  div.dots.bio {
	display: block;
	float: left;
	width: 232px;
	height: 1px;
	border-bottom: 1px dashed #2340e8;
	margin: 9px 0 0;
}

.main_about_col  div.dots.links {
	display: block;
	float: left;
	width: 214px;
	height: 1px;
	border-bottom: 1px dashed #2340e8;
	margin: 9px 0 0;
}

.about_bio {padding-bottom:15px;}
div.col_pad h2 {color:#a3c1fe; line-height:18px; margin-bottom: 0;}
div.col_pad p {color:#749cff; font-size:12px; line-height:18px; padding-bottom:17px;}
div.col_pad span {color:#ef4459; font-weight:bold;}
div.col_pad p.denote {color:#2340e8; margin: 0; padding: 0;}
span.about_links {display:block; width:305px; height:16px; padding:3px 0; margin-left:-20px; font-size:12px;}
span.about_links:hover {background:#cf2535;}
span.about_links span.blue {float:left; padding-left:20px; color:#749cff; font-weight:normal;}
span.about_links span.red, span.about_links span.redi {float:right; padding-right:20px; text-align:right; font-weight:normal;}
span.about_links span.redi {font-style:italic;}

div.col_pad ul {
	font-size: 12px;
	padding: 0;
	margin: 10px 0 16px;
}

div.col_pad ul li {
	width:305px;
	height:16px;
	padding:3px 0;
	margin-left:-20px;
	font-size:12px;
}

div.col_pad ul li:hover {
	background:#cf2535;
}

div.col_pad ul li a {
	display: block;
	float:left;
	padding-left:20px;
	color:#749cff;
	font-weight:normal;
}

div.col_pad ul li span {
	display: block;
	float:right;
	padding-right:20px;
	text-align:right;
	font-weight:normal;
}

div.tinySpace {height:10px;}
.white {color:#fff !important;}


/* ================================ */
/* main nav 
/* ================================ */
/* LEFT */
.main_navL {
	float:left;
	display:block;
	width:10px;
	height:48px;
	background:url("/images/main_navL.png") no-repeat;
}
/* RIGHT */
.main_navR {
	float:left;
	display:block;
	width:10px;
	height:48px;
	background:url("/images/main_navR.png") no-repeat;
}
/* MIDDLE */
.main_navFilter, .main_navM {
	float:left;
	display:block;
	height:48px;
    background:url("/images/main_navM.png") repeat-x;
	padding:18px 10px 0;
	color:#a3c1fe;
	font-size:12px;
}

.main_navM a {
	text-decoration: none;
	color: #fff;
}

.main_navM {
	color:#fff;
}
.main_navM:hover {
	background:url("/images/main_nav_over.png") repeat-x;
}

.main_navM.selected {
	background:url("/images/main_nav_over.png") repeat-x;
}

/* ================================ */
/* global nav
/* ================================ */
#nav ul {
	display:inline;
	list-style-type:none;
}
#nav ul li {
	display:inline;
	color:#83acff;
	font-size:8px;
	margin-left:2px;
}
#nav ul li a {
	color:#83acff;
	font-variant:small-caps;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	vertical-align:middle;
}
#nav ul li a:hover {
	color:#fff;
}
#nav ul li.curr a {
	color:red;
}
#nav ul li span.contact {
	display:inline-block;
	width:70px;
	height:10px;
	background-color:#173fd9;
	text-align:center;
	padding:5px 3px;
}
#nav ul li span.contact a {
	color:#fff;
}
#nav ul li span.contact:hover {
	background-color:#000;
}



/* `Blog Page
----------------------------------------------------------------------------------------------------*/

div#blog_posts {
	width: 634px;
	margin: 0 20px 20px 0;
	float: left;
	display: inline;
	padding: 0;
}

div#blog_posts div.post {
	background-color: #111936;
	width: 598px;
	margin-bottom: 30px;
	padding: 15px 18px 28px 18px;
}

div#blog_posts div.post div.post_wrapper {
	background-color: #1a2d63;
	margin: 0 13px;
	padding: 36px 0 43px;
}

div#blog_posts div.post h2 {
	border-top: 1px dashed #3345fd;
	border-bottom: 1px dashed #3345fd;
	padding: 9px 0;
	color: #fff;
	margin: 0 31px 20px;
}

div#blog_posts div.post img {
	border: 3px solid #fff;
	margin: 0 auto 21px;
	display: block;
}

div#blog_posts div.post p {
	color: #749cff;
	font-size: 12px;
	display: block;
	line-height: 1.5em;
	margin-bottom: 8px;
	padding: 0 31px;
}

div#blog_posts div.post.regular p.content, div#blog_posts div.post.link h2 {
	margin-top: 18px;
}

div#blog_posts div.post a, div#blog_posts div.post a:visited {
	color: #df605a;
	text-decoration: underline;
}

div#blog_posts div.photo {
	
}

div#blog_posts div.regular {
	padding-top: 30px;
}

div#blog_posts div.photo div.red_flag {
	width: 60px;
	height: 43px;
	background: url(/images/red_flag.png) top left no-repeat;
	position: absolute;
	float: left;
	margin: 15px 0 0 -11px;
}

div#blog_posts div.regular div.red_flag, div#blog_posts div.link div.red_flag, div#blog_posts div.video div.red_flag {
	width: 60px;
	height: 43px;
	background: url(/images/red_flag.png) top left no-repeat;
	position: absolute;
	margin: -20px 0 0 -11px;
}

div#blog_posts div.blue_flag {
	background: url(/images/blue_flag.png) top left no-repeat;
	position: absolute;
	height: 35px;
	width: 112px;
	margin: -10px 0 0 542px;
}

div#blog_posts div.red_flag p {
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	margin-top: 5px;
	margin-left: -24px;
}

div#blog_posts div.blue_flag p {
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	margin-top: 13px;
	padding: 0 0 0 20px;
}

div#sidebar {
	width: 270px;
	padding: 16px 19px;
	margin: 0 0 20px 0;
	float: left;
	display: inline;
	background-color: #111936;
}

div.empty_space_small, div.empty_space_medium, div.empty_space_large {
	width: 270px;
	margin-bottom: 18px;
	background-color: #090E24;
}

div.empty_space_small {
	height: 125px;
}

div.empty_space_medium {
	height: 213px;
}

div.empty_space_large {
	height: 305px;
}

img.rss_button {
	border: 0;
	margin-left: 36px;
}

img.rss_button:hover {
	border: 0;
}

div#pagination {
	width: 632px;
	float: left;
	display: inline;
	background-color: #aa0b1a;
	margin-bottom: 20px;
}

div#pagination a {
	padding: 10px 21px;
	display: block;
	font-size: 12px;
}

div#pagination a, div#pagination a:visited {
	text-decoration: none;
	color: #fff;
}

div#pagination a:hover {
	text-decoration: underline;
}

div#pagination div#previous_page {
	float: left;
	width: ;
	display: inline;
}

div#pagination div#next_page {
	float: right;
	width: ;
	display: inline;
	text-align: right;
}
