/*
*	GENERAL STYLES
*/

html {
	overflow-y: scroll;
}

body, input, textarea {
	font-family: verdana, arial, 'sans-serif';
	font-size: 11px;
	box-sizing: border-box;
}

body {
    background: #000;
    margin: 0;
    padding: 0;
}

table { border-collapse: collapse; }
td, th { padding: 2px 4px; }
table.list td, table.list th { padding: 0 4px }
table.list td { border-bottom: solid 1px #dadada; }
tr td.even { background: #eaeaea; }


div, form, a { padding: 0; margin: 0; }

a:link, a:visited { text-decoration: underline; color: #0066d2 }
a:hover, a:active { text-decoration: underline; color: #00449e }
a img { border: none; }

ul { padding: 0 0 0 16px; margin: 1em 0 0; }
ul.inline { margin: 0; padding: 0; }
ul.inline li { display: inline; padding-left: 16px; }
ul.inline li.first { padding-left: 0; }
li { background-position-y: .4em !important; }

input, textarea { padding: 2px 4px; border: solid 1px; vertical-align: top; margin: 1px 3px 0 0; }
input.invalid { border: solid 2px #fc0000; }
input[type="submit"] { padding: 2px 4px 0 4px; }
input[type="checkbox"] { padding: 0; margin: 4px 2px 0; width: 13px !important; height: 13px !important; }

label { line-height: 1.6em; }

.checkbox-block { display: inline-block; white-space: nowrap; padding-right: 8px; }

.small { font-size: 9px; line-height: 1.4em; }
.pale { color: #999; }
.border-green { border-color: #00c500; }

.bg-white { background: #fff; }
.bg-black { background: #000; }

/*
*	MAIN LAYOUT
*/

#pagewrap {
    width: 100%;
    height: 100%;
    text-align: center;
}

body #page {
    width: 976px;
    padding: 0;
    margin: 0 auto;
    min-height: 600px;
    text-align: left;
}

#header { height: 75px; color: #fff; }
#header #logo { margin: 12px 0 0 16px; }



/*
*	GRID-BASED CLASSES
*	inspired by Mark Boulton's GRIDS ARE GOOD
*	check out my gridder tool at http://www.mikslab.com/tools/gridder
*
*	Grid for this site: unit 80px, gutter: 16px, cols: 10 (width: 976px)
*/

.one-wide { width: 80px; }
.two-wide { width: 176px; }
.three-wide { width: 272px; }
.four-wide { width: 368px; }
.five-wide { width: 464px; }
.six-wide { width: 560px; }
.seven-wide { width: 656px; }
.eight-wide { width: 752px; }
.ten-wide { width: 976px; }

.full-wide { width: 100%; }
.half-wide { width: 50%; }

input.four-wide { width: 358px; } /* to account for padding and border */



/*
*	COMMON LAYOUT CLASSES
*/

div.clear { clear: both; font-size: 1px; line-height: 1px; }
div.left, h1.left, h2.left, h3.left, h4.left { float: left; }
div.clearleft { clear: both; float: left; }
div.right, h1.right, h2.right, h3.right, h4.right { float: right }
div.top { vertical-align: top; }
div.middle { vertical-align: middle; }
div.bottom { vertical-align: bottom; }

td.left, th.left { text-align: left; }
td.center, th.center { text-align: center; }
td.right, th.right { text-align: right; }
td.top, th.top { vertical-align: top; }
td.bottom, th.bottom { vertical-align: bottom; }
td.middle, th.middle { vertical-align: middle; }
table.top td, table.top th { vertical-align: top }
table.middle td, table.middle th { vertical-align: middle }

input.left { float: left; }
input.right { float: right; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.justify { text-align: justify; }

.nomargins { margin: 0 !important; }
.nomargintop { margin-top: 0 !important; }
.nomarginright { margin-right: 0 !important; }
.nomarginbottom { margin-bottom: 0 !important; }
.nomarginleft { margin-left: 0 !important; }

.nopadding { padding: 0 !important; }
.nopaddingtop { padding-top: 0 !important; }
.nopaddingright { padding-right: 0 !important; }
.nopaddingbottom { padding-bottom: 0 !important; }
.nopaddingleft { padding-left: 0 !important; }

.noborders { border: none !important; }

.inline { display: inline; }
.absolute { position: absolute; }
.relative { position: relative; }

.bold { font-weight: bold; }
.nowrap { white-space: nowrap; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }

.hidden { display: none; }

.link, .pointer { cursor: pointer; }

.black70 { background-color: rgba(0,0,0,0.7); color: #eaeaea; }


/*
*	BOX CLASSES
*/

.box { margin: 0 16px 16px 0; }
.box.center { margin: 0 auto; }
.box.first { margin-left: 0 }
.box.last { margin-right: 0 }

.box h2 { margin-top: 0; padding-top: 0; }




.box-top, .box-bottom { line-height: 1px; font-size: 1px; height: 4px; }
.box-content { padding: 10px 16px 11px 16px; }

/* WHITE BOX */
.box.white .box-content { background: #fff; }
/* ten-wide */
.box.white.ten-wide .box-top { background: url('../images/themes/default/bg-box-ten-wide-out-white-top.gif') no-repeat top left; }
.box.white.ten-wide .box-bottom {  background: url('../images/themes/default/bg-box-ten-wide-out-white-bottom.gif') no-repeat bottom left; }


/* GREY BOX */
.box.grey .box-content { background: #eaeaea; }
/* two-wide */
.box.grey.two-wide .box-top { background: url('../images/themes/default/bg-box-two-wide-in-grey-top.gif') no-repeat top left; }
.box.grey.two-wide .box-bottom { background: url('../images/themes/default/bg-box-two-wide-in-grey-bottom.gif') no-repeat bottom left; }
/* three-wide */
.box.grey.three-wide .box-top { background: url('../images/themes/default/bg-box-three-wide-in-grey-top.gif') no-repeat top left; }
.box.grey.three-wide .box-bottom { background: url('../images/themes/default/bg-box-three-wide-in-grey-bottom.gif') no-repeat bottom left; }
/* four-wide */
.box.grey.four-wide .box-top { background: url('../images/themes/default/bg-box-four-wide-in-grey-top.gif') no-repeat top left; }
.box.grey.four-wide .box-bottom { background: url('../images/themes/default/bg-box-four-wide-in-grey-bottom.gif') no-repeat bottom left; }
/* five-wide */
.box.grey.five-wide .box-top { background: url('../images/themes/default/bg-box-five-wide-in-grey-top.gif') no-repeat top left; }
.box.grey.five-wide .box-bottom { background: url('../images/themes/default/bg-box-five-wide-in-grey-bottom.gif') no-repeat bottom left; }
/* six-wide */
.box.grey.six-wide .box-top { background: url('../images/themes/default/bg-box-six-wide-in-grey-top.gif') no-repeat top left; }
.box.grey.six-wide .box-bottom { background: url('../images/themes/default/bg-box-six-wide-in-grey-bottom.gif') no-repeat bottom left; }
/* seven-wide */
.box.grey.seven-wide .box-top { background: url('../images/themes/default/bg-box-seven-wide-in-grey-top.gif') no-repeat top left; }
.box.grey.seven-wide .box-bottom { background: url('../images/themes/default/bg-box-seven-wide-in-grey-bottom.gif') no-repeat bottom left; }
/* eight-wide */
.box.grey.eight-wide .box-top { background: url('../images/themes/default/bg-box-eight-wide-in-grey-top.gif') no-repeat top left; }
.box.grey.eight-wide .box-bottom { background: url('../images/themes/default/bg-box-eight-wide-in-grey-bottom.gif') no-repeat bottom left; }

/* DARK GREY BOX */
/* ten-wide */
.box.dark.ten-wide .box-top { background: url('../images/themes/default/bg-box-ten-wide-out-dark-top.gif') no-repeat top left; }
.box.dark.ten-wide .box-bottom { background: url('../images/themes/default/bg-box-ten-wide-out-dark-bottom.gif') no-repeat bottom left; }
.box.dark .box-content { background: #3d3d3d; }






/*
 *	USERBOX STYLES
*/
#userbox .content { text-align: right; }




/*
*	DEFAULT PAGE STYLES
*/

.sport { text-align: center; background: #eaeaea; height: 80px; margin: 0 16px 16px 0; }
.sport h1 { font-size: 1em; margin-top: 32px; }

/* NICE
BUTTON credit to zurb.com */
.nicebutton,
.nicebutton:visited,
button,
.button,
input[type="submit"],
input[type="button"] {
	background: #222 url(../images/gradient.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 5px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-width: 1px;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
/* button hover */
.nicebutton:hover,
button:hover,
.button.hover,
input[type="submit"]:hover,
input[type="button"]:hover { background-color: #111; color: #fff; }
/* button active */
.nicebutton:active,
button:active,
.button:active,
input[type="submit"]:active,
input[type="button"]:active {
	top: 1px;
}
input.nicebutton, button.nicebutton { padding: 10px 16px; }
/*button { border: solid 1px rgba(220,220,220,0.3); border-top: solid 1px rgba(220,220,220,0.4); }*/
/* big button */
.nicebutton.big,
button.big,
.button.big,
input[type="submit"].big,
input[type="button"].big {
	padding: 10px 16px;
	font-size: 1.3em;
	text-transform: uppercase;
}
/* small button */
.nicebutton.small,
button.small,
.button.small,
input[type="submit"].small,
input[type="button"].small {
	padding: 2px 4px;
	font-size: .7em;
}
/* RED BUTTON */
button.red, .button.red, input[type="button"].red {
	background-color: #c50000 !important;
	color: #eaeaea !important;
	border-color: #a50000 !important;
}
button.red:hover, .button.red:hover, input[type="button"].red:hover {
	background-color: #e50000 !important;
	color: #ffffff !imporatant;
	border-color: #c50000 !important;
}

/* UPLOAD BUTTON */
#upload_button,
.upload_button {
	background-color: #eaeaea !important;
}
button.ui-multiselect { line-height: 1.4em; text-shadow: none; }

a.button { color: #fff !important; }


/*
*	ADMIN STYLES
*/
#admin_node_content td input,
#admin_node_content td textarea {
	width: 252px;
}

#node_form table th {
	vertical-align: top;
	text-align: right;
}
#node_form .ui-tabs-panel th {
	width: 176px;
}
#node_form table {
	margin-top: 1em;
}

#admin_node_content #langtab_message {
	position: absolute;
	float: right;
	z-index: 0;
	margin: 0 0 auto auto;
	text-align: right;
	width: 750px;
}
#admin_node_content #langtab_message .box-content {
	padding-top: 0;
	margin-top: 50px;
}

.admin_tags_table tr th {
	text-align: left !important;
}
.admin_tags_table tr th,
.admin_tags_table tr td {
	border-bottom: solid 1px #cacaca;
	/*width: auto !important;*/
}

#node_form input.datepicker {
	width: 80px !important;
}
#node_form input.time,
#node_form input.timepicker {
	width: 40px !important;
	padding: 2px 4px;
}
#node_form #lang_tabs td input,
#node_form #lang_tabs td textarea {
	width: 466px;
}

/* ADMIN attached file list */
#node_form ul.attached_files {
	margin: 0;
	padding: 0;
	background-color: rgba(255, 255, 255, 0.7);
}
#node_form .attached_files li {
	vertical-align: top;
	list-style-type: none;
	background: none;
	padding-left: 0;
	padding-bottom: 8px;
	border-bottom: solid 1px #cacaca;
}
#node_form input.file_caption {
	width: 22% !important;

}
#node_form .attached_files code {
	display: inline-block;
	width: 55% !important;
	overflow-x: hidden;
	vertical-align: top;
	font-size: 11px;
	line-height: 1.4em;
	padding-top: 7px;
}
#node_form .attached_files img,
.attached_files .file_icon {
	height: 16px;
	padding: 6px 0 0 6px;
	vertical-align: middle;
}
#node_form .attached_files .close {
	vertical-align: middle;
	margin: 4px 0 0 4px;
}
#node_form .attached_files .file_caption {
	vertical-align: top;
	margin: 4px 0 0 0 !important;
}

ul.node_files {
	margin: .3em 0 1.7em 0;
}
ul.node_files li {
	list-style-type: none;
	background: none;
	vertical-align: middle;
	padding: 0;
	margin: 0 0 .3em 0;
	line-height: 1.7em;
}
ul.node_files li img {
	vertical-align: middle;
}
ul.node_files li.audio {
	vertical-align: top;
	line-height: 2.4em;
}

/* NAVIBAR */
.navibar {
	margin: 0 0 1.7em 0;
}

.red {
	color: #c50000;
}



/* MENUS */
#header .menu-box {
	height: 38px;
	/*background: url('../themes/default/images/bg_menu.png') no-repeat top left !important;*/
	margin: 0;
	padding: 0;
	color: #333;
	text-transform: uppercase;
	font-size: 20px;
}
#header .menu-box .box-content { }
#header .menu-box a:link, #header .menu-box a:visited { color: #333; }
#header .menu-box a:hover, #header .menu-box a:active { color: #000; }
#header .menu-box ul { padding: 2px 0 0 0; margin: 0; }
#header .menu-box ul li {
	display: inline;
	list-style-image: none;
	padding: 10px 16px 8px 16px;
	margin: 0 0 0 0;
	background: url('../themes/default/images/separator.png') no-repeat 100% 50%;
	list-style-type: none;
	cursor: pointer;
}
#header .menu-box ul li:last-child { background: none; }
#header .menu-box ul li img { vertical-align: top; }

/* PAGETURNER */
.pager a, .pager a:visited {
	font-size: 14px;
	line-height: 1.4em;
	display: inline-block;
	padding: 8px 16px;
	color: #cacaca;
}
.pager a:hover, .pager a.active {
	background-color: #000;
}
.pager a.active {
	top: 1px;
	color: #fff;
}


/* LOGIN */
html#login input[type=text],
html#login input[type=password] {
	width: 96%;
}


/* COMMENT */
.commentnum { color: #999; }
.comment-post-date { color: #999; }

#tags_panel hr { margin: 0; height: 1px; color: #cacaca; background-color: #cacaca; }
.tags { padding: 16px 0; }
.tag { display: block; float: left; padding: 3px 8px 4px 8px; margin: 8px; }

#fancybox-content h1 {
	margin-top: 0;
}
#fancybox-content label {
	white-space: nowrap;
}

.node_body_toolbar {
	margin-bottom: 0 !important;
}