/* ##############################################
#												#
#	Rocketeer Basic								#
#	Author: Gavin Weeks							#
#	Platform: Rocketeer by Gavin Weeks			#
#												#
###############################################*/

/* RESET DO NOT EDIT */
@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('../fonts/websymbols-regular-webfont.eot');
    src: url('../fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/websymbols-regular-webfont.woff') format('woff'),
         url('../fonts/websymbols-regular-webfont.ttf') format('truetype'),
         url('../fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



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,
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%;
	font-family: inherit;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

img {display: block}
/* STYLES START */


html {background: #000 url(../images/bg.jpg) no-repeat; }
body {
	color: #666;
	font-size: 13px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	}

a {
	color: #53349d;
	text-decoration: none;
	font-weight: bold;
	-webkit-transition: color 0.1s ease-in-out;
	-moz-transition: color 0.1s ease-in-out;
	-o-transition: color 0.1s ease-in-out;
	-ms-transition: color 0.1s ease-in-out;
	transition: color 0.1s ease-in-out;
	}

	
a:hover {color: #333;}

p {
	line-height: 20px;
	margin-bottom: 10px;
	}

h2 {font-size: 17px; line-height: 20px; font-weight: normal; color: #53349d; margin-bottom: 10px; text-shadow: 0 1px 0 #fff;}

h3 {
font-size: 17px; margin-bottom: 10px; letter-spacing: -1px; color: #333	;
}

ul.achievements, ol {
	margin-bottom: 15px;
}

ul.achievements li {
	line-height: 15px;
	background: url(../images/star.png) no-repeat left center;
	padding-left: 20px;
}

ol {
	list-style-position:inside;
}

ol li {
	line-height: 15px;
	list-style-type: upper-latin;
}

h1 a, h2 a, h3 a, h4 a {font-weight: normal}

.web-symbol {font-family:WebSymbolsRegular !Important; font-weight: normal !Important }

.clear {clear:both; overflow:hidden;}

.meta {line-height: 1; color: #999; font-size: 11px; font-weight: normal; display: block; margin-bottom: 5px}
.meta a {font-weight: normal;}

.flag {float: left; margin-right: 5px;}

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

.button {line-height: 24px; height: 24px; padding: 0 10px; border: solid 1px #ccc; border-bottom: solid 1px #aaa; box-shadow: inset 0 1px 0 #fff; border-radius: 5px; color: #666; font-weight: bold; text-shadow: 0 1px 0 #fff; font-size: 11px; font-family: helvetica, arial;
	background: #ddd;
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ccc));
}
	.button:hover {cursor: pointer; color: #333;
		background: #ccc;
		background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#bbb));
	}
	.button:active {
		border-bottom: solid 1px #999;
		background: #ddd;
		background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa));}


#wrapper {
	width: 1000px; 
	padding: 0px;
	background: inherit;
	overflow: hidden;
	margin: 60px auto 20px auto;
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
	}


#content-wrapper {overflow: visible; position: relative; float: left; margin-bottom: 10px;}

#content {
	float: left;
	margin-bottom: 0px;
	padding: 20px;
	margin-top: 10px;
	overflow: hidden;
	min-height: 300px;
	background: #fff url(../images/noise.png) repeat;
	}	
	#content.has-side {width: 659px; float: left; border-right: solid 1px #ddd;}
	#content.no-side {width: 1000px;}

#content section {clear: both; display: block; }

#sidebar, #sidebar-facebook {
	width: 280px; 
	padding: 0px;
	margin-top:10px;
	float: right;
	background: #fff url(../images/noise.png) repeat;
	clear: both;
	}
	
	
#sidebar-wrapper {
	float: right;
	padding: 0px;
}

h1 {font-size: 24px; margin-bottom: 20px; letter-spacing: -1px; color: #333}


#userbar {position: fixed; top: 0; left: 0; width: 100%; height: 40px; z-index: 9999; box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	background: #222;
		background: url(../images/leiste-schwarz.jpg) repeat-x top;
	background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
}
#userbar #userbox {width: 1000px; margin: 0 auto;}

#userbar #userbox .loggedout {float: right;}
#userbar #userbox .loggedout li {float: left;}
#userbar #userbox .loggedout li a {color: #fff;  font-size: 11px; line-height: 40px; margin-left: 20px; text-transform: uppercase; font-weight: bold; display: block}
#userbar #userbox .loggedout li a:hover {color: #9375db}

#userbar #userbox .loggedin {float: right;}
#userbar #userbox .loggedin .user-thumb {float: left; width: 30px; height: 30px; margin-right: 10px; border-radius: 3px;}
#userbar #userbox .loggedin .username {color: #fff; line-height: 30px; font-weight: bold;}
#userbar #userbox .loggedin .web-symbol {color: #fff;}

#userbar #userbox .loggedin .dropuser {position: relative; height: 30px; padding: 5px 10px;}
#userbar #userbox .loggedin .dropuser .dropdown {opacity: 0; position: absolute; right: 0; top: 40px; background: #5c3da5; min-width: 150px; border-radius: 0 0 5px 5px; box-shadow: 0 3px 3px 0px rgba(0,0,0,0.5)}
#userbar #userbox .loggedin .dropuser:hover {background: #5c3da5;}
#userbar #userbox .loggedin .dropuser:hover .dropdown {opacity: 1}
#userbar #userbox .loggedin .dropuser .dropdown li a {display: block; height: 30px; line-height: 30px; padding: 0 10px; font-size: 11px; color: #fff; border-top: solid 1px #7f61c2;}
#userbar #userbox .loggedin .dropuser .dropdown li a:hover {color: #333}

#header {
	padding: 20px; 
	overflow: hidden;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #999;
	background: #eee; url(../images/noise.png);
	margin-bottom: 10px;
}
#header .logo {float: left; font-size: 30px; text-shadow: 0 1px 0 #fff;}
#header .logo a {color: #333}
#header .logo a:hover {color: #999}

#header .ttesports {float: right; margin-top: 4px; margin-right: 10px;}

nav {display: block; overflow: hidden;
	background: #222;
	text-transform: uppercase;
	font-weight: bold;
	background: url(../images/leiste-schwarz.jpg) repeat-x top;
	background: -webkit-gradient(linear, left top, left bottom, from(#1f1f1f), to(#000));
}
nav ul li {float: left; border-right: solid 1px #333;}
nav ul li a {line-height: 40px; padding: 0 20px; color: #fff; font-weight: bold; border-right: solid 1px #000; display: block}
nav ul li.active a {color: #9375db;}

nav ul li a:hover {
	color: #9375db;
}

.intro {margin-bottom: 20px; padding: 0px 0;}
.intro h1 {margin-bottom: 5px; font-size: 34px; font-weight: bold; color: #5334b8; letter-spacing: -2px;}
.intro h2 {font-size: 15px; line-height: 20px; font-weight: normal; color: #666}

#carousel {
	color: #333; width: 701px; height: 300px; position: relative; overflow: hidden;
	}
	#carousel .carousel-copy {
		position: absolute; bottom: 0px; left: 0px; width: 680px; padding: 20px;
		background: url(../images/bg-black-trans.png);
		color: #fff;
		
		} 

	#carousel ul {position: absolute; width: 2000em; overflow: hidden}
	#carousel ul li {float: left; position: relative}
	#carousel h2 {font-size: 22px; margin-bottom: 5px; font-size: #fff; text-shadow: none;}
	#carousel h2 a {font-weight: bold; font-size: #fff;}
	#carousel p { margin: 0; line-height: 18px;}

	#carousel .slideshow, #carousel .slideshow li {width: 701px !Important;}

	#carousel_surround {position: relative; flaot: left; width: 700px; height: 300px; margin-bottom: 0px; margin-top: 10px; }
	#carousel_surround .next, #carousel_surround .prev {height: 80px; width: 30px; position: absolute; z-index:999; font-size: 35px; cursor: pointer; font-family: WebSymbolsRegular; text-align: center; color: #ccc;}
	#carousel_surround .next {top: 100px; right: 20px; }
	#carousel_surround .prev {top: 100px; left: 20px;}
	#carousel_surround .next:hover, #carousel_surround .prev:hover {color: #fff;}
	
	.carousel-nav {position: absolute; z-index: 999; margin: 0 auto;overflow: hidden; top: 20px; left: 20px; height: 15px; width: 100%;}
	.carousel-nav li {float: left;}
	.carousel-nav li a {width: 15px; height: 15px; display: block; text-indent: -9999px; border-radius: 15px; margin-right: 10px; background: rgba(255,255,255,0.3);}
	
	.carousel-nav li.activeSlide a {background: #fff; width: 15px; height: 15px; border: 0 !important;}


.widget {padding: 0; margin-bottom: 10px;}
.widget h2 {line-height: 30px; font-weight: bold; font-size: 11px; text-transform: uppercase; margin: 0; padding: 0 10px; text-shadow: 0 1px 0 #000; 	background: #5a3ba4;
		color: #fff;
		background: url(../images/leiste-lila.jpg) repeat-x top;
		background: -webkit-gradient(linear, left top, left bottom, from(#4c2f97), to(#6e4db5));
}
.widget ul li {list-style: none; overflow: hidden; border-bottom: solid 1px #eee; background: #fff; padding: 10px; margin: 0; margin-top: 1px;}
.widget ul li:nth-child(even) {background: #f5f5f5}
.widget ul li:hover {background: #eee;}
.widget ul li:last-child {margin-bottom: 0}
.widget ul li h3 {font-size: 16px; margin-bottom: 7px; letter-spacing: normal;}
.widget ul li h3 a {font-weight: bold}
.widget ul li .rf-thumb {float: left; margin-right: 10px;}

.sidewidget h2 {margin-bottom: 0}
.sidewidget ul li {padding: 5px 10px; border-width: 0 0 1px 0; border-radius: 0}
.sidewidget ul li h3 {font-size: 12px; margin-bottom: 4px; letter-spacing: normal;}
.sidewidget ul li .rf-thumb {width: 24px; border: solid 1px #ddd;}
.sidewidget ul li .meta {margin: 0; font-size: 10px}


	
footer {
	background: #000 url(../images/black-stripe.gif) repeat;
	margin-top: 10px;
	padding: 20px;
	overflow: hidden;
	clear: both;
	text-shadow: 0 1px 0 #fff;
	
	}
	footer p {margin: 0}
	footer p.copyright {float: left;}
	footer p.rocket-link {float: right;}

/* -------------------------------- */	
/* SECTION SPECIFIC */
/* -------------------------------- */

#page-title {font-size: 24px; margin-bottom: 20px; letter-spacing: -1px; color: #333;
	}


.page img {max-width: 980px; height: auto}
.has-side.page img {max-width: 660px}


/* -------------------------------- */
/* COMMENTS */
/* -------------------------------- */

#comment-form {
	padding: 0 0 10px 0; overflow: hidden;
	margin-top: 10px;
	}
#comment-form h3 {font-size: 13px; margin-bottom: 10px; font-weight: bold; background: #f5f5f5; line-height: 30px; padding: 0 10px; border-bottom: solid 1px #ccc;}
#comment-form h4 {text-align: center; font-size: 14px; color: #333; text-transform: none; margin-bottom: 0px; font-weight: normal}
#comment-form textarea {width: 98.5%; margin-bottom: 10px; font-size: 12px; line-height: 20px; padding: 3px; height: 120px;}
	
	
#comment-form #user-info {float: left; width: 45px; margin-right: 20px; margin-left: 0px;}
#comment-form #user-info a {display: block}
#comment-form #user-info img {float: left; width: 50px; height: 50px; margin-bottom: 5px;}
#comment-form #write-comment {float: left; width: 75%}

#the-comments {}
#the-comments li {overflow: hidden; padding-bottom: 0px;}
	#the-comments .comment-author {padding: 0px; overflow: hidden; margin-bottom: 10px;}
		#the-comments .meta {background: none; font-size: 10px; color: #999; height: 16px; margin-bottom: 0px; display: block; padding: 0; line-height: 1 }
		#the-comments .comment-author a img {width: 40px; float: left; margin-right: 10px;}
		#the-comments .comment-author h3 {margin-bottom: 0px; margin-top: 5px }
			#the-comments .comment-author h3 a {font-family: museo-sans-rounded, Helvetica, Arial; font-size: 18px; font-weight: normal;}
		#the-comments .comment-author .name {display: block; font-weight: normal; color: #999; font-size: 11px; margin-bottom: 3px;}
		#the-comments .comment-author .team {display: block; font-size: 11px;}
.comment-date {color: #999; margin-bottom: 10px; font-size: 11px; border-bottom: solid 1px #eff2f7; padding-bottom: 5px; position: relative}
.comment-number {position: absolute; right: 0px; top: 0;}

#the-comments .the-comment {position: relative}
#the-comments .the-comment img {max-width: 450px;}
#the-comments .meta {float: right; text-align: right; padding-bottom: 5px; margin-top: 10px}
	
#the-comments .edit-options {overflow: hidden; display: none; width: 100%; position: absolute; bottom: 0px; right: 0px }
#the-comments .edit-options li {border: 0; padding: 0; float: right;}
#the-comments li:hover .edit-options {display: block;}
	
/* -------------------------------- */
/* ARTICLES */
/* -------------------------------- */

.articles ul#the-articles {}
.articles ul#the-articles li { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.articles .rf-thumb {float: left; margin-right: 10px; width: 160px;}
.articles .user-thumb {float: left; margin-right: 10px; width: 80px;}
.articles h2 {margin-bottom: 8px; line-height: 1; text-transform: none; font-size: 14px;}
.articles h2 a {font-weight: bold;}
.articles p {margin: 0}

.has-side .widget ul li {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
.has-side .widget ul li:hover {background: #fff; }


#authors li {float: left; margin-right: 5px; margin-bottom: 5px; list-style: none;}
#authors li img {border: solid 3px #d8e0ef; width: 40px; height: 40px;}

#the-title {font-size: 30px; color: #333; font-weight: bold; margin-bottom: 10px;}
#the-title .category {font-size: 20px; height: 30px; line-height: 32px;}

.the-category {color: #999; float: right;}
.the-category span {color: #666}

article {
	margin-bottom: 25px;	
}

.is-article p {margin-bottom: 20px;}

#the-post {}
#the-post img {display: inline; max-width: 660px; height: auto; margin-bottom: 10px;}

.date {color: #999; font-size: 11px; margin: 10px 0 10px 0; display: block; line-height: 25px; position: relative; background: #fff; border-radius: 5px; padding: 0 10px; text-shadow: 0 1px 0 #fff;}
.date .category {float: right; padding: 0; color: #999; font-size: 11px; margin-left: 20px; }

#post-meta {}
	#post-meta .author-avatar img {height: 25px; float: left; margin-right: 10px; border: solid 3px #ddd;}
	#post-meta .author-meta {font-size: 11px;  margin-top: 10px;font-family: Helvetica, Arial; color: #999; font-weight: normal}
		#post-meta h4.author-meta {font-size: 11px; margin-top: 3px;color: #999; font-weight: normal;}
	#post-meta .author-meta a {font-size: 18px; font-weight: bold }
	
	#post-meta .sharing { float: right; width: 400px; margin: 0}
	#post-meta .sharing span { margin-bottom: 0px}
	#post-meta p {float: right; width: 400px;}

/* -------------------------------- */
/* USER PROFILES */
/* -------------------------------- */

.user-profile .user-image {float: left; margin-right: 20px; max-width: 250px; border: solid 5px #ddd;}
.user-profile h1 {font-size: 40px; margin-bottom: 5px; line-height: 1;}
.user-profile h1 .flag {margin-top: 13px;}
.user-profile p.full-name {font-size: 20px;}
.user-profile .widget {overflow: hidden}
.user-profile .quick-info {margin-bottom: 10px;}
.user-profile .quick-info li {line-height: 20px;}
.user-profile .quick-info li span {margin-right: 10px; color: #999; float: left; width: 25px;}

.profile-edit {float: left; width: 640px;}
.photo-edit {float: right; width: 280px; padding-left: 20px;}
.photo-edit img {width: 200px; border: solid 5px #ddd}

/* -------------------------------- */	
/* FORMS */
/* -------------------------------- */

#sign-in {margin: 0 auto; padding: 0 20px; 
	-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;
	overflow: hidden;
	}
#sign-in-form {float: left; width: 710px; padding: 20px ; border-radius: 3px; background: #fff;}
#social-sign-in {margin-top: 0px; padding: 20px; float: right; background: #fff; border-radius: 3px; width:390px}

fieldset legend {font-weight: bold;}

.form-row {padding: 5px 0; overflow: hidden; margin-bottom: 0px;}
.form-row .form-half {float: left; width: 50%;}
.form-row label {font-size: 12px; line-height: 20px; text-align: left; margin-right: 20px;display: block;float: left; width: 150px;font-weight: normal; color: #666; font-family:museo-sans-rounded,  Helvetica, Arial; padding: 0;}
.form-row label.long {float: none; margin-bottom: 10px;}
.form-row input[type="text"], .form-row input[type="password"] {border: 1px solid #ddd; background: #fff; border-radius: 0px; 
	padding: 7px 10px;
	font-size: 11px; color: #666; font-weight: bold;
	width: 50%;
	margin: 0 !important;
	}
.form-row input[type="text"]:focus, .form-row input[type="password"]:focus {color: #333; background: #f5f5f5;}
.form-row textarea {width: 418px !important; height: 100px;}
.form-row.textarea .formtextarea {float: left;}

.password-fill {padding: 10px; border: solid 1px #ddd; border-radius: 5px; margin-bottom: 20px;}
.password-fill .fyi {color: #999; background: #f5f5f5; border-radius: 5px; line-height: 25px; padding: 0 10px; font-size: 11px; text-shadow: 0 1px 0 #fff;}

#social-signin {margin-top: 20px;}
#social-signin h3 {margin-bottom: 10px;}
#social-signin ul li a {margin-right: 10px;}

.button.twit {width: 134px; height: 26px; background: url(../images/buttons/twitter.png) no-repeat -3px -3px; border: 0; text-indent: -9999px; display: block; border-radius: 0;}
	.button.twit:hover { background: url(../images/buttons/twitter.png) no-repeat -3px -34px;}
	.button.twit:active { background: url(../images/buttons/twitter.png) no-repeat -3px -3px;}

.button.fb {width: 134px; height: 26px;background: url(../images/buttons/facebook.png) no-repeat -3px -3px; border: 0; text-indent: -9999px; display: block; border-radius: 0;}
	.button.fb:hover { background: url(../images/buttons/facebook.png) no-repeat -3px -34px;}
	.button.fb:active { background: url(../images/buttons/facebook.png) no-repeat -3px -3px;}

.pagination {overflow: hidden; margin-bottom: 10px;  padding: 5px; background: #eee; border-radius: 5px;}
.pagination li {border: 0 !important; margin-bottom: 0 !important; float: left; margin-right: 5px; padding: 0 !important;}
.pagination li a {padding: 0px 9px 0px 9px; display: block; background: #fff; line-height: 23px; color: #666 !important; font-weight: bold; font-size:10px; border-radius: 3px;}
.pagination li a:hover {background: #53349d; color: #fff !important }
.pagination li .web-symbol {font-size: 8px; font-weight: normal !important;}
.pagination li.current {padding: 0 9px 0 9px !important; background: #333; line-height: 23px; color: #fff !important; font-weight: normal; font-size:10px; border-radius: 3px; font-weight: bold}


ul.streamlist li {
	background: #fff;
	margin: 0px;
	margin-bottom: 1px;
}

ul.streamlist li a {
	font-weight: normal;	
}

ul.streamlist li a:hover {
	color: #333;	
}

a.playerbox:link, a.playerbox:visited {
	display: block;
	background: #fff;
	padding: 12px;
	width: 120px;
	text-align: center;
	color: #6b38b7;
	text-decoration: none;
	margin-bottom: 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

a.playerbox:hover {
	background: #2f2089 url(../images/ai-navi-bg.jpg) repeat-x;
	color: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.playerbox span.player {
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}

.playerbox img {
	margin-bottom: 10px;	
}

ul.playerlist {
	margin: 0px;
	padding: 0px;
	display: block;
}

ul.playerlist li {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	list-style-type: none;
	margin-right: 15px;
}

::selection { background: #5a3ba4; color: #fff; }

div.error {
	background: #ffcccc;
	border: 1px solid #ff9999;
	padding: 10px;
	margin-bottom: 10px;
	color: #ff6666;
}