/* Page Layout */
html, body { margin: 0px; padding: 0px; text-align: center; background-color: #222; height: 100%; min-height: 100%; }
#page {	min-width: 980px; height: 100%; position: relative; z-index: 10; background: #fff; }
#partner, #network, #site, #navbar, #content { clear: both; width: 100%; }
html>body #content div.lining {	height: auto; }
#partner { height: 100px; }
#footer { height: 250px; }
tr, th, td { vertical-align: top; }
ul li { list-style: none; }
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/* ads */
#Milesplit_Homepage_200x90_ad { margin-top: 4px; float: right; }

/* Page Setup */
hr { width: 100%; height: 0px; display: none; }
body, p, td, li, th, caption, div { font: 12px Arial; }
h1, h2, h3, h4, h5, h6, h7 { margin-top: 0px; }
p { margin-top: 10px; margin-bottom: 0px; }
h1 { font-size: 1.5em; margin-bottom: 20px; padding-top: 20px; }
h2 { font-size: 1.4em; margin-bottom: 15px; padding-top: 15px; }
h3 { font-size: 1.3em; margin-bottom: 12px; padding-top: 12px; }
h4 { font-size: 1.2em; margin-bottom: 10px; padding-top: 10px; }
h5 { font-size: 1.1em; margin-bottom: 7px; padding-top: 7px; }
h6 { font-size: 1em; margin-bottom: 5px; padding-top: 5px;}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { padding-top: 0px; }
section.side ul, section.side li { list-style: none; }
div.atf300, div.atf, div.btf { width: 300px; height: 250px; }

/* Ad bar  */
#partner { background: #000; position: relative; }
#partner .lb { background: #ffffff; width: 728px; height: 90px; margin-top: 7px; float: left; }
#internal { position: absolute; right: 0; top: 0; width: 230px; height: 90px; }
#internal a { display: block; padding: 5px; color: #fff; text-align: right; border-bottom: solid 1px #555; }

/* Network Bar */
#network { background: #ddd; border-bottom: solid 1px #555; }
#networklinks { float: left; height: 30px; width: 625px; line-height: 30px; text-align: left; padding-left: 10px; color: #777; }
#networklinks a:after { display: inline; content:' :: '; }
#networklinks a:last-child:after { display: none; content:''; }
#networklinks a:first-child { font: bold 14px Arial; color: #555; }

/* Account */
#account { margin-left: 575px; text-align: right; padding-right: 20px; line-height: 30px; }
#welcome { display: inline; }
#logout { display: inline; margin: 0; }
#fbconnect { float:right; margin-right:8px; margin-top:6px; width:69px; }

/* dialog window of network sites */
#network_sites { display: none; z-index: 999999; }
#network_sites { background: #efefef; border-bottom: solid 1px #555555; width: 100%; }
#network_sites h1 { margin: 0px; padding: 10px; background: #888888; color: #ffffff; }
#network_sites nav { display: block; width: 800px; margin-left: auto; margin-right: auto; margin-top: 5px; }
#network_sites table { width: 100% }
#network_sites table td { width: 25% }
#network_sites a.close { display: block; padding: 10px; font: bold 14px Arial; color: #aa0000; background: #dfdfdf; margin-top: 10px; }

/* Site bar */
#site { height: 110px; }
#logo { float: left; margin: 0; padding: 0; }
#logo a { display: block; position: relative; background-repeat: no-repeat; }
#logo span { display: none; }
#social { float: right; overflow: hidden; width: 300px; height: 100px; margin: 10px; }
#social div { margin-bottom: 10px; text-align: left; }
#social iframe { width: 100%; }

/* Navigation */
#navbar { position: relative; }
#navbar ul {
	display: table; width: 75%;
	position: absolute; left: 0px; top: 0px; height: auto; overflow: visible;
	padding: 0px; text-align: center; list-style: none;
}
#navbar ul li {
	display: table-cell !important; font: bold 12px Arial; text-align: center;
}
#navbar ul li a { text-decoration: none; }

/* Navbar layout */
#navbar div.lining { width: 100%; }
#navbar ul li a {
	display: block; line-height: 33px; padding-bottom: 2px; font-size: 13px; padding-left: 5px; padding-right: 5px;
	-moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;
}

/* search bar */
#search_nav { display: block; margin: 0; padding: 0; float: right; width: 170px; height: 28px;  }
#search_nav label { width: 160px; height: 22px; float: left; margin-top: 4px; }
#search_nav label input { display: block; margin-top: 2px; width: 170px; font-size: 11px; background: #ffffff; border: solid 1px #888888; border-radius: 5px; padding-left: 15px; padding: 3px; width: 100%; }
/* #search_nav label input:focus { outline: none; } */
#search_nav button { display: none;  }

/* dropdown */
#navbar div.dropdown {
	display: none; position: absolute; background: #efefef;	left: -999px; z-index: 9999; margin-top: -8px; padding: 7px;
	width: 175px; min-width: 175px; border-left: solid 1px #000000;	border-bottom: solid 1px #000000; border-right: solid 1px #000000;
}
#navbar ul li:hover > div.dropdown { display: block; left: auto; width: auto; }
#navbar div.dropdown a { display: block; margin-bottom: 4px; border: solid 1px #efefef; }
div.dropdown { 
	opacity: .97; 
	filter: alpha(opacity=97);
}
div.dropdown strong {
	display: block;
	border: solid 1px #a0a0a0;
	padding: 2px;
	margin-bottom: 4px;
	background: #cdcdcd;
	background-position: 0 -25px;
}

/* Content */
#content { position: relative; }
#content div.lining {
	background-color: #ffffff; padding-bottom: 35px; text-align: left;
	display: table; width: 100%;
}
#content header.body { display: table-caption; }
#content div.group { display: table; width: 100%; }
#content section.body { display: table-cell; vertical-align: top; padding-left: 10px; padding-right: 10px; width: auto; }
#content section.body .lining { padding: 10px; }
#content aside.body {  display: table-cell; vertical-align: top; width: 320px; }
#content aside.body .lining { padding: 10px; }

header.body {
	text-align: center; border-bottom: solid 2px #cdcdcd; margin-bottom: 15px; padding: 7px; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#e0e0e0');
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#e0e0e0)); background: -moz-linear-gradient(top, #FFFFFF, #e0e0e0);
}
header.body h1 { margin: 0px; padding: 0px; font-size: 18px; font-family: Verdana; word-spacing: 50px; letter-spacing: 10px; color: #ababab; text-transform: uppercase; }
header.body .breadcrumbs { margin-top: 15px; }
header.body .breadcrumbs a:after { content: ' > '; }
header.body .breadcrumbs a:last-child:after { content: ''; }

section.side { 
	margin-top: 15px; margin-bottom: 15px; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#FFFFFF');
	background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#FFFFFF), to(#e0e0e0)); background: -moz-linear-gradient(top, #e0e0e0, #FFFFFF);
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}
section.side > div { padding: 10px; }
section.side h2 { margin: 0px; padding: 0px; border-bottom: solid 1px #ababab; margin-bottom: 10px;}
section.side li { margin-bottom: 4px; line-height: 17px; }
section.content { margin-bottom: 15px; clear: left; }
section.content:after { content:''; display: block; clear: left; height: 0px; margin-bottom: 15px; }
.loading { display: block; padding: 50px; background: url('/images/ajax-loader.gif'); background-repeat: no-repeat; background-position: middle middle; }
.loading span { display: none; }


ul.categories { }
ul.categories li { 
	background: #550000; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#550000', endColorstr='#a05555'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#550000', endColorstr='#a05555')"; 
	background: -webkit-gradient(radial, -153 0, 0, 220 -257, 465, from(#550000), to(#a05555)); background: -moz-linear-gradient(top, #550000, #a05555);
	height: 70px; margin-bottom: 5px; padding: 5px; border: solid 2px #000000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align: center; overflow: hidden; 
	-moz-box-shadow:2px 2px 2px #191919; -webkit-box-shadow:2px 2px 2px #191919; box-shadow:2px 2px 2px #191919;
}
ul.categories li a { color: #efefef; }
ul.categories li a:hover { text-shadow: none; }
ul.categories li header { width: 60%; float: left }
ul.categories li header a { display: block; line-height: 70px; }
ul.categories li header h2 { font-size: 20px; letter-spacing: .2em; text-shadow:5px 3px 4px #000000; margin: 0px; padding: 0px; }
ul.categories li div { width: 39%; margin-left: 61%; }
ul.categories li div a, ul.categories li div p { display: block; line-height: 22px; margin-bottom: 2px; color: #ffffff; }
ul.categories li div p a { display: inline; }
ul.categories li div li a {  }

ol.flexsquares { margin-top: 15px; }
ol.flexsquares li { 
	width: 180px; height: 170px; float: left; margin-right: 12px; margin-bottom: 12px; padding: 5px; border: solid 2px #a0a0a0; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; overflow: hidden; cursor: pointer; 
	-moz-box-shadow:2px 2px 2px #cdcdcd; -webkit-box-shadow:2px 2px 2px #cdcdcd; box-shadow:2px 2px 2px #cdcdcd;
}
ol.flexsquares li:nth-child(3n) { margin-right: 0px; }
ol.flexsquares li:nth-child(odd) { background: #efefef; }
ol.flexsquares li:hover { border-color: #252525; background: #cdcdcd; }
ol.flexsquares li figure { }
ol.flexsquares li figure img { width: 120px; height: 90px; }
ol.flexsquares li div { padding: 5px; }
ol.flexsquares li h2 { font-weight: bold; font-size: 14px; margin: 0px; padding: 0px; }
ol.flexsquares li p { padding-top: 5px; }

section.content form.search { 
	padding: 15px;
	background: #d0d0d0; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#efefef', endColorstr='#d0d0d0'); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#efefef', endColorstr='#d0d0d0')"; 
	background: -webkit-gradient(radial, -153 0, 0, 220 -257, 465, from(#efefef), to(#d0d0d0)); background: -moz-linear-gradient(top, #efefef, #d0d0d0);
	border: solid 2px #a0a0a0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align: center; overflow: hidden; 
	-moz-box-shadow:2px 2px 2px #cdcdcd; -webkit-box-shadow:2px 2px 2px #cdcdcd; box-shadow:2px 2px 2px #cdcdcd;
}
section.content form.search h2 { margin: 0px; padding: 0px; color: #777777; margin-bottom: 10px;}
section.content form.search p.textbox { float: left; width: 75%; }
section.content form.search p.button { margin-left: 76%; width: 24%; }
section.content form.search input { width: 100%; line-height: 20px; }
section.content form.search button { width: 100%; height: 20px; }

section.side li strong { display: block; }
section.side li a:after { content: ", "; display: inline; padding-right: 3px; }
section.side li a:last-child:after { content: "."; }

#resultsdiv { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }


/* Footer */

#footer { background-color: #000000; text-align: left; position: relative; z-index: 10; }
#footer .lining { background-image: url('/images/footerbg.png'); background-repeat: repeat-x; padding: 20px; }
#footer .copyright { color: #cdcdcd; font: 12px Arial; padding-top: 7px; }
#footer .copyright a { font-weight: bold; color: #efefef; }
#footer .links { color: #cdcdcd; font: 12px Arial; margin-top: 15px; float: left; width: 130px; padding-left: 13px; }
#footer .links a { color: #cdcdcd; display: block; padding: 1px; }
#footer .links strong {	color: #efefef; }
#footer .logo {	width: 160px; height: 150px; float: left; }
#footer .logo p { color: #cdcdcd; }
#footer .partnerlogo { display: block; width: 115px; height: 30px; float: right; }


/* Rails */
#skin-wrapper { display: block; position: absolute; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 0; background-color: #555; }
#skin-wrapper .left, #skin-wrapper .right { display: block; position: absolute; top: 0; width: 50%; height: 100%; }
#skin-wrapper .left { left: 0; text-align: right; }
#skin-wrapper .right { left: 50%; text-align: left; }
#page { margin-left: auto; margin-right: auto; max-width: 1280px; }
@media only screen and (min-width: 980px) {
	body.skin #page { border-left: solid 1px #000; border-right: solid 1px #000; width: 980px; }
	body.skin #story { padding-left:0; padding-right: 0; }
	body.skin #content { overflow: hidden; }
	#skin-wrapper .left { margin-left: -490px; }
	#skin-wrapper .right { margin-left: 490px; }
}
@media only screen and (min-width: 1280px) {
	#page { border-left: solid 1px #000; border-right: solid 1px #000; width: 1280px }
	body.skin #page { width: 980px; }
}
@media only screen and (min-width: 1500px) {
	#page { border-left: solid 1px #000; border-right: solid 1px #000; width: 1280px }
}
@media only screen and (max-width: 979px) {
	#skin-wrapper { display: none; }
	#skin-wrapper .left { margin-left: -640px; }
	#skin-wrapper .right { margin-left: 640px; }
}

/* Footer buttons */
nav.footer, nav.buttons {
	display: block; position: relative; margin-bottom: 15px;
	height: 40px; border-top: solid 1px #000; background: #000; color: #fff;
}
nav.buttons { margin-bottom: 0px; margin-top: 15px; }
nav.footer li, nav.buttons li {
	display: inline-block; list-style: none; text-align: center; color: #fff; line-height: 40px;
	padding-left: 8px; padding-right: 8px; border-right: solid 1px #000;
}
nav.footer, nav.buttons li a { color: #fff; text-decoration: none; }
nav.footer ul, nav.buttons ul { display: block; height: 40px; }
nav.footer a, nav.buttons a { color: #fff; text-decoration: none; }
nav.footer a.icon:before, nav.buttons a.icon:before { font-size: 1.2em; }
nav.footer ul:first-child, nav.buttons ul:first-child { float: right; }
nav.footer ul:first-child li, nav.buttons ul:first-child li { border-right: none; border-left: solid 1px #000; }

/* Links */
a { text-decoration: none; color: #0000cc; }
a:hover { text-decoration: underline; }
/* clearfix */
div.breaker, .clearer { clear: both; }

/* Printing */
@media print { 
	#site { height: auto !important; border-bottom: solid 3px #000 !important; }
	#site, #logo, #logo a { background: none; margin: 0; padding: 0; float: none; display: block; }
	#logo a span.title { display: block; font-size: 64px; line-height: 200%; text-align: left; }
	#navbar, #content aside.body, #partner, #social, .share, .ad { display: none; }
	#content section.body { display: block; }
	#footer .partnerlogo , #footer .links { display: none; }
	#footer .logo { float: none; height: auto; }
}



/* Emergency Layout
================================================================ */
	
#leftcol {
	width: 635px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
	float: left;
}

#rightcol {
	width: 300px;
	margin-top: 10px;
}

div.withsky #leftcol {
	width: 780px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
}

div.withsky #rightcol {
	margin-top: 10px;
	width: 160px;
}


/* Global
================================================================ */

div.image {
	background-repeat: no-repeat;	
}

div.link {
	cursor: pointer;	
}

div.blog div.post {
	clear: both;
	border-bottom: dashed 1px #cdcdcd;
	margin-bottom: 10px;
	padding-bottom: 4px;
}

div.blog div.post div.meta {
	margin-top: 8px;	
	color: #999999;
	
}

div.blog div.post h1 {
	font: bold 19px Verdana;	
}

div.tabgroup {
	height: 20px;	
}

div.tabgroup div.tab {
	float: left;
	height: 20px; 
	width: 100px;
	text-align: center;
	font: bold 12px Arial;
	line-height: 20px;
	margin-right: 7px;
	color: #000000;
}

div.tabgroup div.tab a:link {
	color: #000000;
	text-decoration: none;
}

div.tabgroup div.tab a:visited {
	color: #000000;
	text-decoration: none;
}

div.tabgroup div.tab a:hover {
	color: #000000;
	text-decoration: underline;
}

div.tabgroup div.on {
	background-image: url(/images/tab-on.png);
	display: block;
}

div.tabgroup div.off {
	background-image: url(/images/tab-off.png);
	display: block;
}

div.tabgroup2 {
	height: 20px;	
}

div.tabgroup2 div.tab {
	float: left;
	height: 20px; 
	text-align: center;
	font: bold 12px Arial;
	line-height: 20px;
	padding-top: 2px;
	color: #000000;
	padding-left: 15px;
	padding-right: 15px;
}

div.tabgroup2 div.tab.on {
	background-color: #ffffff;
	display: block;
}

div.tabgroup2 div.tab.off {
	background-color: transparent;
	display: block;
}

div.content.on {
	display: block;
}

div.content.off {
	display: none;
}

.even { background-color: #ffffff; }
.odd { background-color: #efefef; }

#wall .post {
	margin-top: 10px;	
}
#wall .post .meta { border-top: solid 2px #cdcdcd; background-color: #efefef; padding: 4px; }
#wall .post .message { margin-top: 5px; }

div.column {
	float: left;
	overflow: hidden;
}

.refine {
	border: solid 1px #000000;	
	margin-bottom: 20px;
}

.refine h1 {
	font: bold 13px Arial;
	background-color: #cdcdcd;
	padding: 3px;	
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	border-bottom: solid 1px #000000;
}

.refine table {
	width: auto;	
	margin: 5px;
}

.refine th {
	font: bold 12px Arial;	
	padding-right: 10px;
	padding-top: 2px;
}

.refine td, .refine div.on, .refine div.off {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;	
}

.refine div.off, .refine div.on {
	float: left;	
}

.refine .on { 
	background-color: #000000;
}

.refine .on a { 
	color: #ffffff;
}

/* BBCode
================================================================ */

.bbcode_format_buttons input {
	width: 18px; 
	height: 18px;
	border: solid 1px #000000;
	margin: 0px;
	display: inline;
}

.bbcode_format_buttons input.bold { background-image: url(/images/icons/buttons/bold.png); }
.bbcode_format_buttons input.italic { background-image: url(/images/icons/buttons/italic.png); }
.bbcode_format_buttons input.underline { background-image: url(/images/icons/buttons/underline.png); }
.bbcode_format_buttons input.strike { background-image: url(/images/icons/buttons/strike.png); }
.bbcode_format_buttons input.size { background-image: url(/images/icons/buttons/size.png); }
.bbcode_format_buttons input.fore { background-image: url(/images/icons/buttons/fore.png); }
.bbcode_format_buttons input.center { background-image: url(/images/icons/buttons/center.png); }
.bbcode_format_buttons input.right { background-image: url(/images/icons/buttons/right.png); }
.bbcode_format_buttons input.left { background-image: url(/images/icons/buttons/left.png); }
.bbcode_format_buttons input.img { background-image: url(/images/icons/buttons/img.png); }
.bbcode_format_buttons input.link { background-image: url(/images/icons/buttons/link.png); }
.bbcode_format_buttons input.emoticon { background-image: url(/images/icons/buttons/emoticon.png); }

.bbcode_enabled div.attachment {
	border: dashed 1px #000000; 
	background-color: #ffffff;
	background-image: url(/images/icons/paperclip.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 3px;
	margin: 5px;
	height: 22px;
	
}

.bbcode_enabled blockquote {
	border: solid 1px #000000; 
	background-color: #ffeedd;
	padding: 5px;
	margin: 15px;
}

.bbcode_enabled blockquote .author {
	font-weight: bold;
}