/*
	BASICS, ELEMENTS
*/

* { 
	margin: 0;
	padding: 0;
	font-family: Arial,Verdana,sans-serif;
	font-size: 12px;
	color: white;
	list-style: none;
	text-align: left; /* to overwrite the textalign center @ #wrap */
	/* border-color: transparent; */
}
a { text-decoration: none }
a img { border: 0 }
.c { clear: left !important; float: none !important }
.s { clear: left !important; float: none !important; height: 40px; }
.x { height: 40px; }
.hidden { display: none }
.redder {
	color: #f22662;
	font-weight: bold;
}

a.redder:hover {
	color: white;
}
.loader {
	display: block;
	height: 156px;
	background: transparent url(/img/loading.gif) center center no-repeat;
}
input,textarea,option { color: black }

/*
	STRUCTURE
*/

body {
	background: #530018 url(/img/backback.gif) no-repeat center 232px;
	height: auto !important;
}

#outer {
	background: #000 url(/img/rbbcone-back.gif) top center no-repeat;
	padding-bottom: 20px;
	text-align: center; /* this works on IE */
}

/*
	NYC Style
*/

body.battle-red-bull-bc-one-usa-2009 #outer {
	background: #000 url(/img/rbbcone-back-nyc.jpg) top center no-repeat;
	padding-bottom: 20px;
}

body.url-pages-japan #home,
body.battle-red-bull-bc-one-usa-2009 #home {
	background: url(/img/rbbcone-logo-nyc.gif) no-repeat 0 7px;
	padding-bottom: 20px;
}

body.url-start #header #topnav form input,
body.url-blogs #header #topnav form input,
body.battle-red-bull-bc-one-usa-2009 #header #topnav form input {
	background: url(/img/searchbar-back-nyc.jpg) top left repeat-x;
}


/* CURRENT 2010! */
/* JAPAN STYLES */

body.url-battle-red-bull-bc-one-tokyo-2010 #home,
body.url-start #home,
body.url-blogs #home,
body.url-pages-japan #home {
	background: url(/img/rbbcone-logo-japan-1.png) no-repeat 0 7px;
}

body.url-battle-red-bull-bc-one-tokyo-2010,
body.url-start,
body.url-blogs,
body.url-pages-japan {
	background: #d6cbb6 url(/img/japan-background-paper.jpg) no-repeat top center;
}

body.url-battle-red-bull-bc-one-tokyo-2010 #outer,
body.url-start #outer,
body.url-blogs #outer,
body.url-pages-japan #outer {
	background: url(/img/japan-content-top.png) no-repeat center 26px;
	padding-bottom: 0;
}

body.url-battle-red-bull-bc-one-tokyo-2010 #footer,
body.url-start #footer,
body.url-blogs #footer,
body.url-pages-japan #footer {
	background: url(/img/japan-content-bottom.png) no-repeat top center;
	height: 40px;
}

body.url-battle-red-bull-bc-one-tokyo-2010 #footer a,
body.url-start #footer a,
body.url-blogs #footer a,
body.url-pages-japan #footer a {
	color: #000;
}

body.url-battle-red-bull-bc-one-tokyo-2010 #header #topnav *,
body.url-start #header #topnav *,
body.url-blogs #header #topnav *,
body.url-pages-japan #header #topnav * {
	color: #000;
}

body.url-battle-red-bull-bc-one-tokyo-2010 #header #topnav a:hover,
body.url-battle-red-bull-bc-one-tokyo-2010 #footer a:hover,
body.url-start #header #topnav a:hover,
body.url-blogs #header #topnav a:hover,
body.url-start #footer a:hover,
body.url-blogs #footer a:hover,
body.url-pages-japan #header #topnav a:hover, 
body.url-pages-japan #footer a:hover {
	background-image: none;
	text-decoration: underline;
}

body.url-battle-red-bull-bc-one-tokyo-2010 #header #topnav form input,
body.url-start #header #topnav form input,
body.url-blogs #header #topnav form input,
body.url-pages-japan #header #topnav form input {
	background-image: none;
	background-color: #fff;
	-moz-box-shadow:inset 1px 1px 3px #aaa;
	-webkit-box-shadow:inset 1px 1px 3px #aaa;
}

body.url-battle-red-bull-bc-one-tokyo-2010 form button,
body.url-start-japan #header #topnav form button,
body.url-blogs #header #topnav form button,
body.url-pages-japan #header #topnav form button {
	background: url("/img/highlight-black.gif") repeat-x scroll left center transparent;
}



/*
	START STYLES
*/

body.url-start .threecol,
body.url-pages-japan .threecol {
	clear: left;
	padding-top: 40px;
}


#wrap {
	width: 980px;
	margin: 0 auto; /* this doesn't work on IE */
	position: relative;
	min-height: 300px;
	text-align: left;
}

#home {
	width: 225px;
	float: left;
	height: 229px;
	visibility: hidden;
	display: block;
	background: url(/img/rbbcone-logo.gif) no-repeat 0 7px;
}

#header {
	margin-left: 255px;
	height: 125px;
}


.cake-sql-log {
	margin: 0pt auto;
	width: 980px;
	background: black;
	border: 1px solid white;
}




/*
	HOME
*/

#home img {
	position: relative;
	top: 7px;
	/* left: 14px; */
	border: 0;
	display: none;
}




/*
	HEADER
*/


#header #topnav {
	height: 40px;
	position: relative;
}

#header #topnav form {
	width: 237px;
	padding: 7px 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 40px;
}

#header #topnav form input {
	border: 1px solid white;
	background: url(/img/searchbar-back.gif) top left repeat-x;
	line-height: 14px;
	padding: 3px;
	width: 200px;
	color: white;
	float:left;
	font-family: Arial;
}

#header #topnav form button {
	width: 22px;
	height: 22px;
	margin-left: 1px;
	border: 1px solid white;
	float:left;
	background: url(/img/highlight-red.gif) center left repeat-x;
}

#header #topnav form button:hover {
	background: url(/img/highlight-black.gif) center left repeat-x;
}


#header #topnav form button span {
	display: block;
	width: 14px;
	height: 12px;
	margin-left:1px;
	float:left;
	background: url(/img/arrow-right.gif) center center no-repeat;
}

#header #topnav div {
	text-align: right;
}

#header #topnav a {
	text-transform: uppercase;
	font-size: 12px;
	padding: 2px 5px;
	/* border: 1px solid transparent; */
	position: relative;
	top: 12px;
}

#header #topnav a.special {
	font-weight: bold;
}

#header #topnav a.selected,
#header #topnav a:hover {
	/* border-color: white; */
	background: url(/img/highlight-red.gif) center left repeat-x;
}


#header #usernav {
	height: 40px;
	position: relative;
}

#header #usernav #user_sign_up {
	font-size: 12px;
	padding: 13px 0;
}

#header #usernav #user_sign_up a {
	
}

#header #usernav #user_credentials {
	width: 420px;
	position: absolute;
	top: 0;
	left: 0;
	height: 40px;
}

#header #usernav #user_credentials div {
	font-size: 12px;
	padding: 13px 0;
}

#header #usernav #user_credentials img {
	width: 20px;
	height: 20px;
	border: 1px solid white;
	display: block;
	margin: -4px 10px 0 0;
	background: black;
	float: left;
}

#header #usernav #user_credentials div span {
	text-transform: uppercase;
}

#header #usernav #user_credentials a span {
	font-size: 10px;
	text-transform: none;
	padding-left: 10px
}

#header #usernav #user_credentials a:hover span {
	text-decoration: underline;
}



#header #usernav #user_buttons {
	margin-left: 490px;
}

#header #usernav #user_buttons a {
	font-size: 12px;
	margin: 9px 0;
	padding: 3px 5px;
	display: block;
	/* border: 1px solid transparent; */
	float: left;
}

#header #usernav #user_buttons a:hover {
	/* border-color: white; */
	background: url(/img/highlight-red.gif) center left repeat-x;
}



#header #mainnav {
	height: 45px;
}

#header #mainnav a {
	font-size: 16px;
	margin: 9px 1px 9px 0;
	padding: 3px 12px;
	display: block;
	/* border: 1px solid transparent; */
	float: left;
	text-transform: uppercase;
	font-weight: bold;
}

#header #mainnav a:hover, #header #mainnav a.selected {
	/* border-color: white; */
	background: url(/img/highlight-red.gif) center left repeat-x;
}


/*
	MAIN
*/

#main .adminbutton {
	padding: 3px 5px;
	margin-top: 5px;
	border: 1px solid white;
	display: block;
	float: left;
	font-size: 11px;
	background: url(/img/highlight-black.gif) center left repeat-x;
}

#main .adminbutton:hover {
	background-image: url(/img/highlight-red.gif)
}

#main .adminbuttons {
	margin: 10px 0;
}

#main .adminbuttons .adminbutton {
	margin-right: 10px;
}

#main #title {
	height: 100px;
	margin-left: 255px;
}

#main #title h1 {
	font-size: 36px;
	/* text-transform: uppercase; */
	white-space: nowrap;
	overflow: hidden;
	margin-top: 4px;
	text-shadow: #000 -2px -2px 3px;
}

#main #title h2, 
#main #title h2 a {
	font-size: 14px;
	text-shadow: #000 -1px -1px 2px;
	padding-right: 5px;
}
#main #title h2 a {
	text-decoration: underline;
}
#main #title h2 a:hover {
	text-decoration: none;
}

#main #title img {
	float: right;
	background: black;
	border: 1px solid white;
	width: 80px;
	height: 80px;
	margin: 5px 10px 0;
}



.col {
	margin-bottom:20px;
}

#main .col, #main .col1, #main .col2,
#main .one_quarter_col,
#main .three_quarter_col {
	float: left;
	margin-right: 40px;
	overflow: hidden;
}
#main .twocol .col {
	width: 470px;
}

#main .threecol .col {
	width: 300px;
}



#main .col2 {
	width: 640px;
}

#main .col1 {
	width: 298px;
}

#main .one_quarter_col {
	width: 210px;
}
#main .three_quarter_col {
	width: 730px;
}


#main .leftcol, #main .threecol .leftcol, #main .twocol .leftcol {
	width: 300px;
	margin-right: 40px;
}
#main .centercol, #main .threecol .centercol, #main .twocol .centercol {
	width: 384px;
	margin-right: 40px;
}
#main .rightcol, #main .threecol .rightcol, #main .twocol .rightcol {
	width: 216px;
}

#main .leftcentercol, #main .threecol .leftcentercol, #main .twocol .leftcentercol {
	width: 724px;
	margin-right: 40px;
}

#main .lastcol {
	margin-right: 0 !important;
}



#main .col .movie a {
	display: block;
	width: 468px;
	height: 202px;
	overflow: hidden;
	position: relative;
	text-align: center;
	margin: auto;
}

#main .col .movie a img {
	width: 466px;
	height: 200px;
	border: 1px solid #fff;
}

#main .col .movie a:hover img {
	border: 1px solid #F22662;
}



#main .leftcol .textblock {
}
#main .centercol .textblock {
}
#main .centercol .rightcol {
}




#main #content h2, #main #content h2 * {
	margin-bottom: 10px;
	font-size: 16px;
	/* text-transform: uppercase; */
	font-weight: bold;
}


#main #content h2 a:hover {
	color: #F22662;
}

#main #cake_error {
	border: 1px solid white;
	background: black;
	position: relative;
	top: 20px;
	clear: left;
	margin-bottom: 20px;
	padding: 10px;
}

p a {
	text-decoration: underline;
}

	/*
		MAIN : CONTENT
	*/

	#content {
		margin-top: 20px;
	}
	
	#content p {
		margin-bottom: 10px;
	}
	
	#content h3 {
		margin: 0 0 5px 5px;
		font-weight: normal;
	}
	
	#content a.more { 
		/* display: block;*/ /* < sucks on the start page */
		margin: 0 0 0 5px;
		font-weight: bold;
		width: 100% !important;
	}
	
	
	#content dl {
	}
	#content dl dt {
	}
	
	#content dl dd, #content dl dd a {
		font-weight: bold;
	}
	#content dl dd {
		margin-bottom: 10px;
	}
	
	#content dl dd a {
		text-decoration: underline;
	}
	#content dl dd a:hover {
		text-decoration: none;
	}
	
	
	
	#content button {
		border: 1px solid white;
		background: url(/img/highlight-red.gif) center left repeat-x;
		display: block;
		width: 100%;
		height: 22px;
		cursor: pointer;
		text-align: center;
	}
	#content button:hover {
		background-image: url(/img/highlight-black.gif);
	}
	
	#content .info ul {
		margin: 0 0 0 13px;
	}


	#content .info li {
		list-style-position: outside;
		list-style-type: square;
		margin: 5px 0;
	}
	
	#content .info a {
		text-decoration: underline;
	}
	#content .info a:hover {
		text-decoration: none;
	}
	
	
		/*
			twitter
		*/
		#content #twitter {
		}
		
		#content #twitter li {
			margin-bottom: 20px;
		}
		
		#content #twitter li a {
			display: block;
		}
		#content #twitter li span a {
			display: inline;
			text-decoration: underline;
		}
		
		#content #twitter #profileLink {
			color: #00bbff;
			font-weight: bold;
		}
	


		/*
			filters
		*/
		
		#content .filters {
			margin-bottom: 60px;
		}
		
		#content .filters a {
			display: block;
			/* border: 1px solid transparent; */
			padding: 3px 5px;
			margin-top: 1px;
			font-weight: bold;
		}
		#content .filters li li a {
			font-size: 10px;
		}
		

		#content .filters a.selected {
			display: block;
			border: 1px solid white;
			background: url(/img/highlight-black.gif) center left repeat-x;
		}
		
		#content .filters ul a.selected {
			border: 0;
		}


		#content .filters a:hover {
			display: block;
			/* border-color: white; */
			background: url(/img/highlight-red.gif) center left repeat-x;
		}
		
		#content .filters .filter-grid li {
			float: left;
			/* width: 20px;
			height: 20px; */
		}
		#content .filters .filter-grid li a {
			width: 20px;
			height: 20px;
			padding: 0;
			text-align: center;
		}
		#content .filters .filter-grid li a * {
			position: relative;
			top: 4px;
			font-size: 10px;
		}
		
		
		
		/*
			comments
		*/
		
		#content .comments {
			
		}
		
		#content .comments .comment {
			margin-bottom: 40px;
		}
		
		#content .comment .text {
			display: block;
			padding: 10px;
			border: 1px solid white;
			background: black;
		}
		
		#content .comment .from {
			height: 60px;
			position: relative;
			display: block;
			top: 0;
		}
		
		#content .comment .from .speech {
			display: block;
			width: 27px;
			height: 29px;
			position: absolute;
			top: -11px;
			left: 20px;
			background: transparent url(/img/comment-black.gif) top left no-repeat;
		}
		
		#content .comment .from .detail {
			display: block;
			overflow: hidden;
			margin-left: 50px;
			margin-top: 10px;
			padding: 5px;
			position: relative;
		}
		
		#content .comment .from a.detail {
			/* border: 1px solid transparent; */
		}
		#content .comment .from a.detail:hover {
			background: url(/img/highlight-red.gif) center left repeat-x;
			/* border-color: white; */
		}
		
		#content .comment .from .detail img {
			width: 40px;
			height: 40px;
			float: left;
			margin-right: 10px;
			border: 1px solid white;
		}
		
		#content .comment .from .detail img.flag {
			width: 16px;
			height: 11px;
			position: absolute;
			right: -5px;
			top: 5px;
		}
		
		#content .comment .from .detail .user .name {
			display: block;
			font-size: 14px;
			white-space: nowrap;
			font-weight: bold;
		}
		
		#content .comment .from .detail .user {
			margin-left: 40px;
			display: block;
		}
		
		#content .comment .from .detail .user .tagline {
			display: block;
			white-space: nowrap;
			
		}
		
		#content .comment .header {
			
		}
		
		#content .comment .header span {
			padding-right: 10px;
		}
		
		
		#content .comment-new {
			margin-bottom: 40px;
		}
		
		#content .comment-new .from {
			margin-bottom: 10px;
		}
		
		#content .comment-new .create {
			padding: 10px;
			background: white;
		}
		
		#content .comment-new .create textarea {
			width: 100%;
			height: 60px;
			border: 0;
		}
		
		#content .comment-new .from .speech {
			background-image: url(/img/comment-white.gif);
		}
		
		
		
		
		
		/*
			list
		*/
	
		#content .list-box {
			height: 630px;
		}
	
		#content .list {
			overflow: hidden;
		}
	
		#content .list li {
			margin-bottom: 10px;
			/* width: 640px; */
		}
	
		
		#content .list li a {
			display: block;
			/* border: 1px solid transparent; */
			position: relative;
			height: 52px;
		}
		
		#content .list li a:hover {
			/* border-color: white; */
			background: url(/img/highlight-red.gif) center left repeat-x;
		}
		
		#content .list li a span {
			display: block;
			overflow: hidden;
			white-space: nowrap;
		}
		
		#content .list li a .inner {
			padding: 5px;
		}
		
		#content .list li a img.logo {
			position: absolute;
			left: 5px;
			top: 5px;
			width: 40px;
			height: 40px;
			border: 1px solid white;
			background: url(/img/anonymous.gif) 0 0 no-repeat;
		}
		
		#content .list li a img.flag {
			position: absolute;
			right: 5px;
			top: 5px;
			width: 16px;
			height: 10px;
			border: 1px solid white;
		}
		
		#content .list li a .title {
			font-weight: bold;
		}
		
		#content .list li a .title, #content .list li a .description, #content .list li a .location {
			margin-left: 50px;
			line-height: 12px;
		}
		
		#content .list li a .description,
		#content .list li a .location {
			font-size: 10px;
		}

		#content .list-2col {
			margin-left: -40px;
		}
		
		#content .list-2col .loader {
			margin-left: 40px;
		}
	
		#content .list-2col li {
			float: left;
			width: 300px;
			margin-left: 40px;
			overflow: hidden;
		}
	
		#content .list-navi-top, #content .list-navi-bottom {
			border: 1px solid white;
			background: url(/img/highlight-black.gif) center left repeat-x;
			display: block;
			height: 20px;
		}
		
		#content .list-navi-top {
			margin-bottom: 10px;
		}
		
		#content .list-navi-top span, #content .list-navi-bottom span {
			height: 20px;
			display: block;
			background: url(/img/arrow-up.gif) center center no-repeat;
		}
		#content .list-navi-bottom span {
			background-image: url(/img/arrow-down.gif);
		}
		
		#content .list-navi-top:hover, #content .list-navi-bottom:hover {
			background-image: url(/img/highlight-red.gif);
		}
		
		#content .list-navi-top-disabled, #content .list-navi-bottom-disabled {
			background-image: url(/img/highlight-black.gif) !important;
			cursor: default;
		}
		
		#content .list-navi-top-disabled span {
			background: url(/img/arrow-up-disabled.gif) center center no-repeat;
		}
		#content .list-navi-bottom-disabled span {
			background: url(/img/arrow-down-disabled.gif) center center no-repeat;
		}


		/*

		Lists Page Navigation

		*/

		.list-numbers {
			text-align: center;
			margin: 4px 0;
		}

		.list-numbers span {
			padding: 1px 6px;
			margin: 0 2px;
			font-size: 10px;
		}

		.list-numbers a {
			font-weight: bold;
			font-size: 10px;
		}

		.list-numbers span.current {
			color: #F22662;
			font-weight: bold;
		}

		.list-numbers span a:hover {
			color: #F22662;
		}


		
		/*
			arrowlist
		*/
		
		#content .arrowlist {
			
		}
		
		#content .arrowlist a {
			display: block;
			/* border: 1px solid transparent; */
		}
		#content .arrowlist a:hover {
			display: block;
			background: transparent url(/img/highlight-red.gif) center center repeat-x;
			/* border: 1px solid white; */
		}
		
		#content .arrowlist a.video {
			line-height: 20px;
		}
		
		#content .arrowlist a.blog {
			margin-bottom: 10px;
			padding: 5px 0;
		}
		
		#content .arrowlist a span {
			display: block;
			padding-left: 15px;
			font-weight: bold;
			background: transparent url(/img/arrow-right.gif) 5px center no-repeat;
		}
		
		#content .arrowlist a.video span {
			padding-left: 20px;
			background: transparent url(/img/videobullet.gif) 5px 6px no-repeat;
		}
		
		#content .arrowlist a em {
			display: block;
			padding-left: 15px;
			font-style: normal;
			font-size: 10px;
		}
		
		
		/*
			voters
		*/
		
		#content .voters {
		}
		
		#content .voters .voterlist {
			/* height: 220px; */
			overflow: hidden;
		}
		
		#content .voters .voterlist a {
			float: left;
			/* width: 54px;
			height: 55px */;
		}
		#content .voters .voterlist a img {
			border: 1px solid white;
			width: 40px;
			height: 40px;
			margin: 5px;
		}
		#content .voters .voterlist a:hover {
			/* border-color: white; */
			background: url(/img/highlight-red.gif) center left repeat-x;
		}
		
		
		#content .voters a.more {
			margin: 0 0 10px 0;
		}


		/*
			carousel
		*/
		
	
		#content .jcarousel-container {
			position: relative;
		}
		
		#content .jcarousel-container img {
			border: 1px solid white;
		}
		
		
		#content .jcarousel-next, #content .jcarousel-prev {
			background: url(/img/highlight-black.gif) center left repeat-x;
			border: 1px solid white;
			display: block;
		}
		
		#content .jcarousel-next span, #content .jcarousel-prev span {
			display: block;
			width: 100%;
		}
		
		#content .jcarousel-container .jcarousel-next:hover,
		#content .jcarousel-container .jcarousel-prev:hover {
			background-image: url(/img/highlight-red.gif);
		}
		#content .jcarousel-container .jcarousel-next-disabled,
		#content .jcarousel-container .jcarousel-prev-disabled {
			background-image: url(/img/highlight-black.gif) !important;
		}
		
		#content .jcarousel-container li {
			width: 98px;
			height: 98px;
		}
		
		#content .jcarousel-container li a  {
			width: 82px;
			height: 82px;
		}
		
		#content .jcarousel-container li img {
			width: 80px;
			height: 80px;
		}
		
		#content .jcarousel-container li a {
			display: block;
			padding: 5px;
			margin: 5px;
			/* border: 1px solid transparent; */
		}
		#content .jcarousel-container li a:hover {
			/* border-color: white; */
			background: url(/img/highlight-red.gif) center left repeat-x;
		}
			
		#content .jcarousel-list {
			position: absolute;
		}
		
		
			/*
				carousel : horizontal
			*/
			
			
			#content .jcarousel-container-horizontal {
				width: 980px;
				height: 104px;
				overflow: hidden;
			}
			
			#content .jcarousel-container-horizontal li {
				width: 104px;
			}
			
			#content .jcarousel-container-horizontal .jcarousel-clip {
				width: 935px;
				height: 104px;
				overflow: hidden;
				margin-left: 22px;
				position: relative;
			}
			
			#content .jcarousel-container-horizontal .jcarousel-next, 
			#content .jcarousel-container-horizontal .jcarousel-prev {
				width: 20px;
				margin-top: 5px;
				height: 90px;
				position: absolute;
			}
			
			#content .jcarousel-container-horizontal .jcarousel-next span, #content .jcarousel-container-horizontal .jcarousel-prev span {
				width: 20px;
				height: 102px;
			}
			
			#content .jcarousel-container-horizontal .jcarousel-next {
				right: 0px;
			}
			#content .jcarousel-container-horizontal .jcarousel-prev {
				left: 0px;
			}
			
			#content .jcarousel-container-horizontal .jcarousel-prev span {
				background: url(/img/arrow-left.gif) center 43px no-repeat;
			}
			#content .jcarousel-container-horizontal .jcarousel-prev-disabled span {
				background: url(/img/arrow-left-disabled.gif) center 43px no-repeat;
				cursor: text;
			}
			
			#content .jcarousel-container-horizontal .jcarousel-next span {
				background: url(/img/arrow-right.gif) center 43px no-repeat;
			}
			#content .jcarousel-container-horizontal .jcarousel-next-disabled span {
				background: url(/img/arrow-right-disabled.gif) center 43px no-repeat;
				cursor: text;
			}
			
			
			
			/*
				carousel : vertical
			*/
			
			#content .jcarousel-container-vertical {
				width: 300px;
				height: 360px;
				overflow: hidden;
			}
			
			#content .jcarousel-container-vertical .jcarousel-next, #content .jcarousel-container-vertical .jcarousel-prev {
				height: 20px;
				width: 296px;
			}
			
			#content .jcarousel-container-vertical .jcarousel-next {
				position: absolute;
				bottom: 0;
			}
			
			#content .jcarousel-container-vertical .jcarousel-prev span {
				height: 20px;
				background: url(/img/arrow-up.gif) center center no-repeat;
			}
			
			#content .jcarousel-container-vertical .jcarousel-prev-disabled span {
				background: url(/img/arrow-up-disabled.gif) center center no-repeat;
				cursor: text;
			}
			
			#content .jcarousel-container-vertical .jcarousel-next span {
				height: 20px;
				background: url(/img/arrow-down.gif) center center no-repeat;
			}
			#content .jcarousel-container-vertical .jcarousel-next-disabled span {
				background: url(/img/arrow-down-disabled.gif) center center no-repeat;
				cursor: text;
			}
			
			#content .jcarousel-container-vertical .jcarousel-clip {
				height: 300px;
				overflow: hidden;
				margin-left: 3px;
				margin-top: 10px;
			}
			
			#content .jcarousel-container-vertical .jcarousel-clip .jcarousel-list {
				position: relative;
			}
			
			#content .jcarousel-container-vertical li {
				float: left;
			}
			
			#content .jcarousel-container-vertical li a {
				margin: 2px
			}






/* footernav */

#footer {
	padding: 8px 0;
	position: relative;
	text-align: center;
}

#footer div {
	width: 980px;
	text-align:left;
	margin: 0pt auto;
}

#footer div#footernav {
	display: block;
	width:780px;
	height: 18px;
	float: left;
}

#footernav a {
	padding: 1px 3px;
	margin: 0 15px 0 0;
	text-transform: uppercase;
	font-size: 10px;
}

#footernav a:hover,
#footernav a.selected {
	background: url(/img/highlight-red.gif) center left repeat-x;
}


#footernav a.mailto_link {
	text-transform: none;
}

#footernav mailto_link:hover {
	text-decoration: underline;
	background-image: none !important;
}


/*
	FOOTER social icons
*/

#footer #social_icons {
	display: block;
	float: left;
	text-align:right;
	width: 200px;
	height: 18px;
}

#footer #social_icons #share_this {
	margin: 0 -7px 0 0; /* dirty HACK to align sharethis button */
	padding: 0px;
}

#footer #social_icons #share_this a.stbutton {
	padding: 4px 5px 5px 22px; /* dirty HACK to align sharethis button */
}


/*
	OTHER
*/

#comment_captcha {
	background: black;
	border: 1px solid white;
	margin: 10px ;
}

#comment_captcha img {
	display: block;
	margin: 0 auto;
}

.form * {
	color: black;
}

.form {
	background: white;
	padding: 0px;
}

.form .inner {
	margin-top: 5px;
}

.form .limited {
	max-height: 65px;
	overflow: auto;
}

.form .row, .form .input {
	display: block;
	margin-bottom: 25px;
}

.form .row span, .form .row, .form .input label {
	display: block;
	color: #666;
}

.form .checkbox label {
	display: inline;
	margin-left: 5px;
}

.form .row span.content {
	display: inline;
}

.form .limited .row {
	margin-bottom: 6px;
}

.form .error-message {
	color: red;
	height: 15px;
	display: none;
}



.form .checklist .input {
	margin: 0 0 0 10px;
}

/* .form .text {
	width: 99%;
	font-size: 16px;
	border: 1px solid #333;
} */
.form .text input, .form .password input, .form .input textarea {
	width: 98%;
	font-size: 12px;
	padding: 1px;
	border: 1px solid #333;
}

.form .submit {
	display: block;
	margin-top: 10px;
	border: 1px solid white;
	background: url(/img/highlight-black.gif) center left repeat-x;
	color: white;
	font-weight: bold;
	padding: 4px;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
}
.form button.submit {
	width: 100%;
}
.form .submit:hover {
	background: url(/img/highlight-red.gif) center left repeat-x;
}

.form a {
	text-decoration: underline;
}

.form h1 {
	font-size: 18px;
	text-transform: uppercase;
	overflow: hidden;
	white-space: nowrap;
}

.form h3 {
	color: #333;
	font-size: 12px;
	font-weight: normal;
}

.form .bbcode textarea {
	height: 400px;
}


.form .previewbox {
	height: 80px;
	text-align: center;
	margin-top: 10px;
}


.form .previewbox img {
	width: 80px;
	height: 80px;
}

.form #player_control * {
	font-size: 10px;
	text-decoration: none;
}

.form #player_control .selected {
	text-decoration: underline;
}

.form #media_info * {
	font-size: 10px;
}

.form #media_info .row {
	float: left;
	width: 49%;
	/*height: 25px;*/
	overflow: hidden;
}



.form #upload_buttons {
	position: relative;
	height: 22px;
	padding: 0;
	border: 0;
	margin-bottom: 10px;
}

.form #upload_buttons #upload_text,
.form #upload_buttons #upload_flash {
	display: block;
	width: 350px;
	height: 22px;
	text-align: center;
	color: white;
	position: absolute;
	top: 3px;
	left: 0;
}

	/*
		form sortable-list
	*/
	.form .sortable-list {
	}
	.form .sortable-list .sortitem {
		cursor: move;
	}
	

	/*
		form photolist
	*/
	
	.form .photolist {
		height: 370px;
		overflow: auto;
		padding: 10px;
		border: 1px solid #ccc;
	}
	
	.form .photolist .photo {
		height: 100px;
		width: 80px;
		position: relative;
		float: left;
		display: block;
		padding: 1px;
	}
	
	.form .photolist .photo img {
		width: 80px;
		height: 80px;
	}
	
	.form .photolist .photo:hover {
		background: #ccc;
	}
	
	.form .photolist .photo .actions {
		display: block;
		position: relative;
		height: 10px;
		font-size:10px;
	}
	
	.form .photolist .photo .actions a {
		position: absolute;
		text-decoration: none;
		font-weight: bold;
		font-size:10px;
	}
	
	.form .photolist .photo .actions .edit {
		left: 5px;
	}
	
	.form .photolist .photo .actions .delete {
		right: 5px;
		color: red;
		font-size:10px;
	}

	/*
		form videolist
	*/
	
	.form .videolist {
		height: 350px;
		overflow: auto;
		border: 1px solid #ccc;
	}
	
	.form .videolist .video {
		display: block;
		padding: 5px 0 5px 15px;
		height: 50px;
	}
	
	.form .videolist .video:hover {
		background-color: #ccc;
	}
	
	.form .videolist .video img {
		width: 40px;
		height: 40px;
		float: left;
	}
	
	.form .videolist .video .info {
		margin-left: 45px;
		display: block;
	}
	
	.form .videolist .video .title {
		display: block;
	}
	
	.form .videolist .video .actions {
		display: block;
	}
	
	.form .videolist .video .actions a {
		text-decoration: none;
	}
	
	.form .videolist .video .actions a.delete {
		color: #f22662;
	}
	
	
	/*
		form uploader
	*/
	
	.form .uploader-progress {
		height: 250px;
		border: 1px solid #ccc;
		padding: 5px;
		overflow: auto;
	}
	
	.form .uploader-progress .queue {
		padding: 5px;
		height: 40px;
	}
	
	.form .uploader-progress .queue .progress {
		height: 40px;
		width: 40px;
		display: block;
		float: left;
	}
	
	.form .uploader-progress .queue .progress .progress_percent {
		height: 40px;
		display: block;
		background: url(/img/highlight-red.gif) center left repeat-x;
	}
	
	.form .uploader-progress .queue .info {
		height: 40px;
		margin-left: 45px;
		white-space: nowrap;
		overflow: hidden;
		display: block;
		line-height: 12px;
	}
	
	.form .uploader-progress .queue .info .filename {
		font-weight: bold;
		display: block;
	}
	
	.form .uploader-progress .queue .info .status {
		color: #333;
		display: block;
	}
	
	.form .uploader-progress .queue .info .action {
		color: red;
		display: none;
	}
	
	.form .uploader-progress .queue .info .error {
		color: red;
		display: none;
		font-size: 10px;
	}
	
	
	/*
		form associated-selects
	*/
	
	.form .associated-selects {
		position: relative;
	}
	
	.form .associated-selects, .form .associated-selects select {
		height: 150px !important;
	}
	
	.form .associated-selects .select-left, .form .associated-selects .select-right {
		position: absolute;
		width: 45%;
		top: 0;
		height: 100%;
	}
	
	.form .associated-selects .select-right {
		right: 0;
	}
	
	.form .associated-selects select {
		height: 100%;
		width: 100%;
	}
	
	.form .associated-selects .title {
		display: block;
	}
	
	.form .associated-selects .move-left, .form .associated-selects .move-right {
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -10px;
		width: 20px;
		background: url(/img/highlight-black.gif) center left repeat-x;
		color: white;
		height: 40px;
		display: block;
	}
	
	.form .associated-selects a.move-left:hover, .form .associated-selects a.move-right:hover {
		background-image: url(/img/highlight-red.gif);
	}
	
	.form .associated-selects .move-left span, .form .associated-selects .move-right span {
		display: block;
		width: 20px;
		height: 40px;
		background: url(/img/arrow-left.gif) center center no-repeat;
	}
	
	.form .associated-selects .move-right span {
		background: url(/img/arrow-right.gif) center center no-repeat;
	}
	
	.form .associated-selects .move-left {
		margin-top: -30px;
	}
	.form .associated-selects .move-right {
		margin-top: 20px;
	}







#stframe { height: 400px !important}

#flashMessage, #validationMessage {
	height: 150px;
	width: 100%;
}
#flashMessage .inner, #validationMessage .inner {
	width: 980px;
	margin: 0 auto;
	
	padding-top: 20px
}
#flashMessage .inner *, #validationMessage .inner * {
	color: white;
	font-size: 16px;
	text-shadow: #000 1px 1px 1px;
}

#flashMessage .inner h1, #validationMessage .inner h1 {
	font-size: 28px;
	text-shadow: #000 -1px -1px 1px;
}
#flashMessage {
	background: green;
}
#validationMessage {
	background: red;
}


/* esher custom */


/* used in Terms */

.liststyle {
	list-style-type: disc; /* doenst work, doesnt matter at all */
}

.liststyle li {
	margin: 15px;
}



/* download Wallpapers etc   */

.downloadlist {
	padding: 0px;
	margin: 0 0 0 -16px;
	clear: both;
}

ul.downloadlist li {
	display: block;
	float: left;
	width: 140px;
	padding: 2px;
	margin: 0 0 15px 22px;
}

.downloadlist img {
	border: 0;
}

.downloadlist li a {
	display: block;
	text-decoration: none;
	font-size:10px;
	padding: 0 2px;
	border: 0;
}

.downloadlist li a:hover {
	background: url(/img/highlight-red.gif) center left repeat-x;
	color: #fff;
}

.downloadlist li a span {
	float: right;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
}

.downloadlist li a:hover span {
	color: #fff !important;
}

/* About */


.about_sidebar {
	float: left;
	width: 250px;
}

.about_sidebar ul li {
	margin: 0 0 10px 0;
	font-size: 10px;
}

.about_sidebar ul li a {
	font-size: 10px;
	text-decoration: underline;
}

.about_sidebar ul li a:hover {
	text-decoration: none;
}

.about_content {
	float: left;
	width: 660px;
	margin-left:5px;
}

.about_content p {
	font-size:14px;
	line-height: 22px;
}

.about_content p a {
	font-size:14px;
	line-height: 22px;
	text-decoration: underline;
}

.about_content p a:hover {
	text-decoration: none;
}

.about_content p strong {
	font-size:14px;
}

/*

BB-Code Editor Helper

*/

.bbcode-actions {
	margin: 0 0 5px 0;
}

.bbcode-actions a {
	text-decoration: none;
	margin: 0 5px 0 0;
	padding: 1px 4px;
	background-color: #eee;
}

.bbcode-actions a:hover {
	background-color: #aaa;
}




/*

Single Blog Entry Content

*/


#content_content * {
	font-size: 16px;
	line-height: 24px;
}

#content_content h1 {
	font-size: 18px;
}

#content_content p a {
	text-decoration: underline;
}

#content_content p a:hover {
	text-decoration: none;
}

#content_content hr {
	border: 1px solid white;
	margin: 20px 5px;
}

/*

Video & Photo Edit

*/

#media_edit {
	position: absolute;
	top:2px;
	left: 50%;
	padding: 2px 4px;
	text-decoration: none;
	font-weight: bold;
	color: #f22662;
}

#media_edit:hover {
	color: #000;
}


/*
Javascript Time Ticker
*/

.battle_timer {
	font-size: 10px;
}


/*

Game

*/

#game_site_container {
	height: 550px;
	position: relative;
	top: -110px;
	margin-bottom: -130px;
}

#game_site_container object {
}