/* Site CSS Profile by James Corthell of VNC Web Services */
/* http://www.virtualnightclub.net/ */


/* Reset */
a,div,p,td,li,span{max-height:999999em;}
body * {max-height: 1000000em;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}


/* Global Elements */
body {
	background: #fff;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 150%;
	margin: 8px 0 0 0;
	max-width: 100%;
	padding: 0px;
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
}
a:hover {
	color: #039be5;
	text-decoration: underline;
}
a:active {
	color: #000;
	text-decoration: none;
}


/* Adjust Default Elements */
p {
	margin: 0px !important;
	padding: 0px !important;
	margin-bottom: 10px !important;
}
hr {
	background-color: #e3e3e3;
	color: #e3e3e3;
	margin: 0px !important;
	margin-bottom: 4px;
	padding: 0px !important;
}
pre {
	margin: 0px !important;
	padding: 0px !important;
	margin-bottom: 4px;
}
h1, h2, h3, h4, h5, h6 {
	display: inline;
	font-size: inherit;
	font-weight: bold;
}
ol {
	margin: 0px;
	padding-left: 30px;
}
ul {
	margin: 0px;
	padding-left: 30px;
}
img {
	border: 0px;
}


/* Shorthand */
.ac {text-align:center;}
.al {text-align:left;}
.ar {text-align:right;}

.w33 {width:33%;}
.w50 {width:49%;}

/* general shorthands */
.bold{font-weight:700!important;}
.cp{cursor:pointer;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
.oi{display:inline;}
.nw{white-space:nowrap;}
.nd{text-decoration:none!important;}

.p2{padding:2px!important;}
.p6{padding:6px!important;}
.p10{padding:10px!important;}
.vpad{padding-bottom:4px!important;padding-top:4px!important;}

.lmar{margin-left:10px;}
.rmar{margin-right:10px;}
.vmar{margin:4px 0!important;}

.acvt{text-align:center;vertical-align:top;}
.acvm{text-align:center;vertical-align:middle;}
.acvb{text-align:center;vertical-align:bottom;}

.alvt{text-align:left;vertical-align:top;}
.alvt-pad{padding:8px;text-align:left;vertical-align:top;}
.alvm{text-align:left;vertical-align:middle;}
.alvb{text-align:left;vertical-align:bottom;}

.arvt{text-align:right;vertical-align:top;}
.arvt-pad{padding:8px;text-align:right;vertical-align:top;}
.arvm{text-align:right;vertical-align:middle;}
.arvb{text-align:right;vertical-align:bottom;}

.vam{vertical-align:middle;}

.op5{opacity:0.5;}
.invis{display:none!important;}
.fw{width:100%!important;}
.hw-full{height:100%;width:100%;}
.dblock{display:block;}
.iblock{display:inline-block;}


/* Design Elements */
#main {
}
#header {
/*	padding: 4px 8px; */
	width: 100%;
}
#header-left {
	width: 30%;
}
#logo {
	padding: 4px 8px;
}
#header-right {
	text-align: center;
	width: 70%;
}
#navigation {
	padding: 4px 8px;
}
#navigation ul {
	margin: 0px;
	padding: 3px 0px 0px 0px;
}
#navigation li {
	display: inline;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.5em;
	list-style-type: none;
	margin: 0px;
	padding: 50px 20px;
	white-space: nowrap;
}
#content {
	background: #f5f5f5;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
/*	padding: 4px 8px; */
	width: 100%;
}
#content a {
	color: #039be5;
}
#sub {
	background: #eee;
	border-top: 1px solid #e3e3e3;
	box-shadow: inset 0 -6px 8px -5px #bdbdbd;
	color: #000000;
	height: auto;
	width: 100%;
}
#sub a {
	color: #039be5;
}
#sub-left {
	width: 50%;
}
#sub-right {
	width: 50%;
}
#footer {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.5em;
	padding: 4px 8px;
	text-align: center;
}


.box {
	background: #ffffff;
	border: 1px solid #e3e3e3;
	border-top: 1px;
	border-bottom: 1px;
	-moz-border-top-left-radius: 8px;
	-moz-border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	margin: 8px;
	padding: 8px;
}
.header-name {
	font-family: 'Merriweather', serif;
	font-size: 2em;
	font-weight: 700;
	padding: 8px;
}
.header-name a {
	color: #039be5;
}
.header-slug {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1.5em;
	padding: 8px;
}
.heading {
	font-family: 'Merriweather', serif;
	font-size: 1em;
	font-weight: 700;
}
.sub-box {
	margin: 8px;
}
.table {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.table-row {
	display: table-row;
}
.table-cell {
	display: table-cell;
	text-align: left;
	vertical-align: top;
}


/* Form Data */
.bigbox {
	background: #F8FAF7;
	color: #231f20;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.buttons {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.code {
	max-height: 100px;
	width: 99%;
}
.dropdown {
	background: #F8FAF7;
	color: #231f20;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.formbox {
	background: #F8FAF7;
	color: #231f20;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


/* Formatting */
.strong {
	font-weight: bold;
}
.quote {
	font-style: italic;
}
.weak {
	font-size: smaller;
}
.norm {
	text-decoration: none;
	font-weight: normal;
}
.warning {
	color: #FF0000;
}
.warning a {
	color: #FF0000;
}
.pending {
	color: #B7410E;
}
.pending a {
	color: #B7410E;
}
.positive {
	color: #0000FF;
}
.positive a {
	color: #0000FF;
}


/* Page Selection */
::-moz-selection {
	color: #fff;
	background: #039be5;
}
::selection {
	color: #fff;
	background: #039be5;
}


/* Firefox broken image placeholder support - http://gmtplusone.com/lab/image-placeholder/ */ 
img:-moz-broken,img:-moz-user-disabled{-moz-force-broken-image-icon:1;}
img:-moz-broken:not([width]),img:-moz-user-disabled:not([width]) {width:50px;}
img:-moz-broken:not([height]),img:-moz-user-disabled:not([height]) {height:50px;}


/* Mobile */
@media screen and (min-width: 800px) {
}

@media screen and (min-width: 600px) and (max-width: 799px) {
	#header-left { width: 40%; }
	#header-right { width: 60%; }
	#navigation li { padding: 50px 8px; }
	.mh { display: none !important; }
	.thumb {
		max-height: 175px;
		max-width: 200px;
	}
}

@media screen and (min-width: 400px) and (max-width: 599px) {
	#header-left { width: 50%; }
	#header-right { width: 50%; }
	#navigation { margin-top: -8px; }
	.mh { display: none !important; }
	.thumb {
		max-height: 125px;
		max-width: 150px;
	}
}