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, font, img, ins, kbd, q, s, samp, small, strike, 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; }

:focus{
	outline: 0; }

body{
	line-height: 1;
	color: #222222;

    	background: #1F1A43;
	 background-image:url(http://gloriatreviweboficial.jjtdigital.com/trevitube/templates/default/images/trevi/back.jpg);
	background-repeat:repeat-x;

	text-align: center; }

table{
	border-collapse: separate;
	border-spacing: 0; }

caption, th, td{
	text-align: left;
	font-weight: normal; 
  vertical-align: top; 
  }

blockquote:before, blockquote:after,
q:before, q:after{
	content: ""; }

blockquote, q{
	quotes: "" ""; }

img{
	vertical-align: bottom; }

body, table, th, td{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 18px; }
	
h3{
	font-size: 12px;
	font-weight: 700;
	margin: 1.2em 0 .4em;
	color: #000; }

h2, h3.icon{
	margin: 2.5em 0 .5em;
	padding: .5em 0 .4em;
	font-size: 14px;
	line-height: 1em;
	font-weight: 400;
	text-transform: uppercase;
	color: #4b0082;
	background: #ffffff;
	border-top: 1px solid #9370db;
	border-bottom: 3px double #9370db; }

h2 a{
	font-size: 10px; }
	
div.inner h2.icon, h2.icon, h3.icon{
	clear: both;
	margin: 0 0 .5em; }

p, ul, ol{
	margin: 0 0 .75em; }

ul, ol{
	padding: 0 0 0 1em; }

li{
	padding: .1em 0; }

html body ul li.lt,
html body ol li.lt{
	border-bottom: 0; }

#thetube .col-s,
#thetube .col-m,
#thetube .col-mf,
#thetube ol, 
#thetube li,
#menu ul, 
#menu li,
#sub ul,
#sub li{
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none; }

a:link{
	color: #000000;
	text-decoration: underline; }

a:visited{
	color: #333; }

a:focus, 
html body a:hover,
a:active{
	color: #191970; }

html body .c{
	clear: both;
	display: block; }
	
html body .c-left{
	clear: left; }

html body .c-right{
	clear: right; }

.col-1, .col-2{
	float: left;
	width: 490px; }
	
.col-1e{
	width: 500px;
	float: left; }
	
.col-1m{
	width: 810px;
	float: left;
	padding: 0;
	margin: 0 10px 3em 10px;}
	
.col-1m .col-m{
	margin: 0; }
		
.col-2s{
	float:	left;
	width: 340px; }
	
.col-3{
	float: left;
	width: 130px;
	padding: 1px 0; }

.col-1{
	clear: both; }

.col-x{
	margin: 0 10px 2em;
	display: block; }

.col-m{
	clear: both;
	margin: 0 10px 3em 10px;
	padding: 1px 0; }

.col-s{
	float: left;
	width: 225px;
	margin: 0 10px 3em 10px;
	padding: 0; }

.col-s1{
	width: 225px;
	margin: 0 10px 3em 10px;
	padding: 0; }

.col-s2{
	width: 470px;
	margin: 0 10px 3em 10px; }

.col-s3{
	width: 715px;
	margin: 0 10px 2em; }

.col-s4{
	width: 960px;
	margin: 0 10px 2em; }

html body .player{
	margin: 0 0px 2em 10px;
	padding: 1px 0; }
	
html body div.player div.inner h2{
	width: 480px; }

.col-x .inner h2.icon{
	margin-right: 0;
	margin-left: 0; }

#rectangle{
	float: left;
	border: 1px dotted #333;
	background-color: #666; }

#insertionMarker{
	display: none; }

html body .half{
	width: 48%; }

html body .left{
	float: left; }

html body .right{
	float: right; }

#wrap{
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding: 0em 0;
	text-align: left;
	background: #ffffff;
	border: 1px solid #9370db;
	border-width: 0 0px; }

#my{
	display: block;
	overflow: hidden;
	margin: 10px 10px 1.3em 10px;
	height: 1.5em;
	line-height: 1.5em;
	
	vertical-align: middle; }

#my img{
	vertical-align: middle;
	
	margin: 1px; }

#my ul.usr{
	float: right;
	height: 1em;
	line-height: 1em;
	text-align: right;
	width: 40%; }

#my ul.usr li{
	margin-right: 1em; }

#my ul.usr li,
#my ul.language li{
	display: inline;
	list-style: none; }

#my ul.language{
	float: right;
	text-align: right;
	height: 2em;
	line-height: 2em; }

#header{
	position: relative;
	margin: -1.5em 0 -3em 10px;
	z-index: 50;
	padding: 0 .8em 0;
	font-size: 2em;
	letter-spacing: -.1em;
	text-transform: uppercase;
	font-weight: 700;
	color: #191970;
	width: 200px; }

#header a{
	background: transparent; }

#menu{
	width: 980px;
	margin: 0 auto;
	clear: both;
	display: block;
	height: 2em;
	background: #eeeeee; 
	   background-image:url(http://gloriatreviweboficial.jjtdigital.com/trevitube/templates/default/images/trevi/fonditoback.jpg);
	background-repeat:repeat-x;
	 }

#menu ul{
	height: 2em;
	padding: 0 1em 0 0;
	text-align: right;
	text-transform: uppercase;
	z-index: 200; }

#menu ul li{
	display: inline;
	font-size: 1.2em;
	list-style: none; }

#menu a{
	position: relative;
	padding: 0 10px;
	line-height: 1.8em;
	background: transparent;
	color: #4b0082;
	font-weight: 400;
	text-decoration: none;
	z-index: 10; }

#menu li.act a{
	color: #191970;
	font-weight: bold;
	text-decoration: underline; }

#menu a:hover{
	text-decoration: underline;
	color: #191970; }

#sub, .sub{
	position: relative;
	width: 960px;
	display: block;
	clear: both;
	height: 25px;
	margin: 0 auto 2em;
	padding: .5em 0 .3em;
	border-top: 3px double #9370db;
	border-bottom: 3px double #9370db;
	background: #ffffff;
	z-index: 60; }

#sub ul{
	float: left;
	width: 600px;
	height: 25px; }

.sub ul{
	float: left;
	height: 25px; }

#sub ul li, .sub ul li{
	display: block;
	float: left;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	font-size: 1em;
	text-transform: none; }

.sub ul li{
	margin: 0 1.5em 0 .5em; }

#sub ul li a{
	display: block;
	line-height: 25px;
	padding: 0 .75em;
	color: #111;
	text-decoration: none; }

.sub ul li a{
	line-height: 25px;
	padding: 0 .75em;
	color: #111;
	text-decoration: none; }

#sub a:hover, .sub a:hover{
	color: #191970;
	text-decoration: underline; }

.sub span.right{
	margin-right: 1em;
	display: block;
	height: 25px;
	line-height: 25px; }

.boxform{
	display: inline; }

.boxform input{
	border: 0;
	background-color: #797979;
	display: inline; }

#mainsearch{
	width: 330px;
	float: right;
	text-align: right; }

#mainsearch, #mainsearch p{
	margin: 0; }

#mainsearch form input, #mainsearch form select{
	margin: -1px 0 0;
	padding: 0;
	vertical-align: middle; }

#mainsearch p{
	display: block;
	height: 25px;
	overflow: hidden;
	margin: 0;
	padding: 0 15px;
	border: 0; }

#mainsearch input, #mainsearch label, #mainsearch select{
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	max-width: 130px; }
	
#mainsearch form input{
	border: 3px double #9370db; }

#mainsearch form input.button{
	border: 0; }

#mainsearch label{
	display: none; }

#thetube{
	width: 960px;
	margin: 3em auto 3em;
	padding: 1px 0 0;
	overflow: hidden;
	border-bottom: 3px double #9370db; }

#thetube h2{
	margin: 0;
	padding: .7em 0;
	font-size: .9em; }

#thetube-featured,
#thetube-top,
#thetube-latest{
	float: left;
	clear: none; }

#thetube-featured{
	width: 480px;
	height: 360px; }

#thetube-top.col-s{
	width: 160px;
	overflow: hidden; }

#thetube-latest.col-m{
	width: 320px;
	float: left; }

#thetube li{
	float: left; }

#thetube-top li,
#thetube-latest li,
#thetube-top li img,
#thetube-latest li img{
	width: 160px;
	height: 120px;
	overflow: hidden; }

#thetube-top li{
	width: 158px;
	height: 118px;
	margin: 0 0 2px 2px; }

#thetube-top li.lt,
#thetube-latest li{
	width: 158px;
	height: 120px;
	margin: 0 0 0px 2px; }

#thetube-latest ol li.ft img{
	width: 320px;
	height: 240px; }

#thetube-latest li.ft{
	width: 318px;
	height: 238px;
	margin: 0 0 2px 2px; }

.pagination, .pagination-bottom{
	position: absolute;
	top: .6em;
	right: .8em;
	text-align: right;
	margin: 0 5px 0 0;
	padding: 0;
	line-height: 1.2em; }

.pagination_over{
	text-align: right;
	margin: 0 5px 0 0;
	padding: 0;
	line-height: 1.2em; }

.pagination-bottom{
	clear: both;
	position: relative;
	top: 0;
	right: 0;
	margin: 0;
	padding: .5em 0 .5em;
	background: #ffffff;
	border-top: 1px solid #9370db;
	border-bottom: 3px double #9370db; }

.pagination span.count,
.pagination-bottom span.count{
	margin: 0 1em; }

.pagination a.rsslink,
.pagination-bottom a.rsslink,
.sort a.rsslink,
.pagination a.rsslink:hover,
.pagination-bottom a.rsslink:hover,
.sort a.rsslink:hover{
	padding: 0;
	background: transparent;
	color: inherit; }

.pagination a,
.pagination-bottom a,
.pagination_over a,
.sort a{
	padding: 2px 5px; }

span.sort{
	float: right;
	font-size: 12px;
	line-height: 16px;
	text-transform: none; }

span.sort a.rsslink{
	margin: 0 0 0 1.25em; }

span.sort form{
	display: inline; }
	
.pagination b,
.pagination-bottom b,
.pagination_over b,
.sort b,
.pagination a:hover,
.pagination-bottom a:hover,
.pagination_over a:hover,
.sort a:hover{
	padding: 2px 5px 1px;
	background: #191970;
	color: #ffffff; }

.pagination form{
	display: inline; }

ul.inner{
	padding: 0;
	list-style: none; }

p.tags{
	line-height: 2em; }

.post{
	margin: 0 0 .5em;
	padding: 0 0 .5em;
	border-bottom: 2px solid #111; }

.media li.file .preview img{
	border: 3px double #9370db;
	padding: 2px; }

ul.visitor{
	list-style: none;
	display: block;
	padding: 0; }

li.user{
	padding: 0;
	margin: .5em 0 0; }

li.user a.avatar{
	display: block;
	float: left;
	margin: 0 1em 0 0; }

li.user a.avatar img{
	display: block;
	width: 50px;
	height: auto;
	border: 5px solid #ffffff; }

li.user cite.about a{
	display: block;
	margin: 0 0 0.2em; }

li.user cite.about a:hover{
	background: transparent; }

li.user cite.about .stats, #mystats strong.stats{
	display: block;
	float: left;
	margin: 0 .5em 0 0;
	text-align: center; }

li.user cite.about .stats img,  #mystats strong.stats img{
	display: block; }

li.user cite.about .stats a{
	display: inline;
	margin: auto; }

#most-active-user ul.media li.file{
	width: 140px; }

#most-active-user ul.media li.file .preview img {
	width: 130px; }

div.user{
	width: 280px;
	float: left; }

div.m_info{
	float: left; }

div.m_info ul.about li{
	text-align: left; }

.m_media{
	float: right; }
	
.m_media .media {
	width: 140px; }

.m_media .media li.file div.about{
	width: 130px; }

.col-2s .col-m .inner .content input,
.col-2s .col-m .inner .content textarea{
	width: 300px; }

div.user ul li a{
	width: 20px; }

div.user ul.about{
	float: left;
	display: block;
	margin: 0;
	padding: 0; }

div.user ul.about li{
	clear: both;
	margin-left: 100px; }

.posts,
.comments,
.users{
	margin: 0;
	padding: 0;
	list-style: none; }

.posts li{
	margin: 0 0 12px;
	padding: 0 0 3px;
	border-bottom: 1px solid #9370db; }

.posts h3{
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px; }

.posts h3 a{
	display: block;
	text-decoration: none; }

.posts cite.about{
	display: block;
	margin: 0 0 6px;
	font-size: 10px;
	color: #4b0082; }

.posts cite.about a{
	color: #4b0082; }

.comments img.avatar,
.users a.avatar img,
a.avatar img{
	padding: 2px;
	border: 3px double #9370db; }

.comments li, #commentform{
	margin: 0 0 3px;
	padding: 9px;
	background: #F2F2F2; }

.comments img.avatar{
	display: block;
	float: left;
	width: 50px;
	margin: 0; }

.comments div.comment{
	margin: 0;
	padding-left: 70px; }

.comments cite.about{
	display: block;
	margin: 0 0 12px;
	line-height: 12px;
	color: #4b0082;
	text-align: left; }

#commentform{
	margin: 12px 0 0; }

.users li{
	margin: 0 0 3px;
	padding: 3px 0 6px;
	border-bottom: 1px solid #9370db; }

.users a.avatar, .user a.avatar{
	display: block;
	width: 120px;
	float: left;
	margin-right: -120px; }

.users a.avatar img{
	display: block;
	width: 50px; }

.users span.user{
	display: block;
	padding-left: 70px;
	line-height: 12px; }

.users span.user a{
	display: block; }

span.o_stats{
	width: 80px;
	display: block; }

.users span.user strong a{
	display: inline; }
	
.users span.user strong	{
	display: inline; }

.users span.user span.stats a{
	display: inline; }

strong.stats{
	display: block;
	text-align: center;
	margin: 0 6px 0 0;
	line-height: 1.6em; }
	
.content .media .about strong.stats img{
	width: 16px; }

.users span.user span.stats strong.stats strong.small{
	float: none;
	margin: 0; }

#chatbox input#chat_text_id{
	width: 135px;
	margin: 0;
	background: #ffffff;
	border: 3px double #9370db;
	color: #333;
	padding: 0px; }
	
#chatbox input.button{
	width: 60px;
	margin: -5px 0 -7px 3px;
	border: 0; }

#chatbox input#chat_text_id:focus{
	border-color: #191970; }

#chatbox cite.about{
	margin: .5em 0 0; }

div.chatform{
	margin: 0 0 5px; }

ul.actions{
	list-style: none;
	margin: 0;
	padding: .25em 0 0;}

ul.actions li{
	padding: 0 1em .25em;
	margin: 0 0 .25em; }

ul.actions a{
	display: block;
	color: #222222; }

#welcome{
	clear: both;
	float: none;
	width: auto;
	padding: 1em; }

#welcome h2{
	margin: 0; }

.comments,
.files,
ul.inner li.comment,
.users-pic ul,
ul.mystats,
#mystats ul,
.media,
.media li,
#kategorien li{
	padding: 0;
	list-style: none; }

.media{
	position: relative; }

.media ul{
	margin: 0 -40px 0 0;
	padding: 0; }

div.content .media.left.add{
	width: 230px; }

#kategorien{
	width:140px;}

#kategorien .inner {
	margin: 0 0 20px 10px; }

#kategorien li{
	display: block;
	float: left;}

#kategorien li img{
	width: 105px;
	height: 80px }

.media li.file,
.users.big li{
	float: left;
	width: 181px;
	margin: 1em 20px 1em 0; }

html body .media li.file.c-left{
	clear: both;
	float: left; }

.media ul.groups li.file{
	height: 225px; }

.media div.g_app{
	float: left;
	margin-right: 25px; }

.col-ms .content ul li img{
	width: 150px; }

.content .media li.file{
	float: none;
	width: 225px;
	margin: 0;
	padding: 5px 0 0;
	border-bottom: 1px solid #9370db; }

.content .media li.file img{
	width: 100%; }
	
.mwimg{
	width: 225px; }

.media li.file .preview img{
	display: block;
	width: 171px;
	height: 125px; }

.media li.file div.about{
	background: #eeeeee;
	color: #4b0082;
	padding: 5px 5px 1px;
	line-height: 1em; }

.media li.file div.about li{
	font-size: 10px;
	line-height: 1em;
	margin: 0;
	padding: 4px 0 2px; }

.media li.file div.about li.rating{
	padding: 5px 0 3px; }

.media ul.history{padding:5px;}

.media ul.history li.file{
	width: 120px;
	height: 150px;
	margin: 10px 0;
	overflow: hidden;
	font-size: 10px; }

.media ul.history li.file .preview img{
	height: 85px;
	width: 100px; }

.media ul.history li.file div.about{
	width: 100px;
	height: 40px;
	overflow: hidden; }

.media ul.history li.file div.about li.rating img{
	width: 14px; }

.media li.file div.about li.rating img{
	width: 16px; }

.media ul.history li.file div.about ul{
	display: none; }

.error{
	display: block;
	padding: .4em;
	margin: .5em;
	border: 3px solid #e1e3e5; }

.bookmark img{
	padding: .5em 2px 0; }

div.about ul{
	position: relative;
	display: block;
	margin: 0 0 .5em;
	padding: 0;
	line-height: 1.3em; }

div.about li{
	display: block;
	position: relative;
	font-weight: 700;
	list-style: none;
	border-bottom: 1px solid #9370db; }

div.about li.lt{
	border: 0; }

div.about li strong{
	font-weight: 400; }

.media div.about li.desc{
	height: 3em; }

.media div.about input{
	width: 95%;
	margin: 0 .5em; }

.col-3.more ul,
.col-3.more li{
	margin: 0;
	padding: 0; }

.col-3.more li{
	display: block;
	padding: 0 0 5px;
	list-style: none;
	overflow: hidden; }

.col-3.more img{
	display: block;
	width:100%; }
	
div.buttons{
	margin: 9px 0; }

div.inner ul li span.plt{
	margin: 2em 1em;
	display: block; }

.descr{
	display: block;
	padding: 0 .2em 1em; }

#topic select{
	width: 400px; }

.g_desc{
	background: #eeeeee;
	padding: .5em;
	display: block; }
	
.g_edit input {
	width:445px; }

ul.g_list{
	list-style: none;
	width: 45%;
	padding: .5em; }

div.about img{
	padding: .2em .3em .4em 0; }

div.inner h2.pad{
	margin-top: 3em; }

div.pad label{
	display: block;
	width: 110px; }

div.pad .check{
	display: block;
	padding: 1em 0 0 100px; }

div.pad .media_list{
	list-style: none;
	padding: 0pt 0pt 1.75em; }

div.pad .media_list li{
	float: left;
	width: 25%; }

div.pad .channel_info{
	list-style: none;
	padding: 0pt 0pt 1em; }

div.pad .channel_info li{
	float: left;
	width: 33%; }

div.profile div.avatar{
	float: left;
	width: 290px;
	margin: 0 30px 0 0; }

div.profile div.avatar img{
	display: block;
	margin: 30px auto;
	border: 5px solid #ffffff; }

div.profile div.about{
	float: left;
	width: 640px;
	padding: 30px 0 0; }

div.profile div.about h3{
	margin: 0 10px 1.5em;
	font-size: 2em; }

div.profile div.about ul{
	float: left;
	width: 280px;
	margin: 0 10px;
	padding: 0 0 30px; }

div.profile div.about ul li.errorfield{
	margin: 0 0 2.5em;
	text-transform: uppercase;
	text-decoration: underline;
	letter-spacing: .3em; }

div.profile div.about .user_info{
	margin: 0 100px; }

div.profile div.about.user_info ul{
	list-style: none;
	width: 700px;}

div.profile .user_info ul li{
	text-align: left;
	height: 1em;
	width: 900px;}
	
div.profile span.p_left{
	padding-right: 2em;
	text-align: right;
	display: block;
	float: left;
	width: 300px; }

div.profile span.p_right{
	display: block; }

div.profile p{
	width: 330px;
	float: left;
	padding: 1em 0;
	margin: 0 0 3em; }

div.profile p{
	width: 330px;
	float: left;
	padding: 1em 0;
	margin: 0 0 3em; }

#myprofile{
	width: 100%; }

.p_avatar{
	float: left;
	width: 270px;
	padding: 10px; }

.p_avatar img{
	margin-bottom: 15px; }

.p_infos{
	float: right;
	padding: 10px;
	width: 646px; }

.p_infos th{
	text-align: right;
	width: 180px;
	padding-right: 5px; }

table.forum td{
	padding: .2em; }

table.forum th{
	background: #eeeeee;
	padding: .1em .5em;
	border-right: 5px #ffffff solid; }

table.forum td{
	height: 100%; }

table.forum span.tdate{
	font-size: 10px;
	display: block; }

p.success_message, p.showerror{
	margin: 1em 10px;
	padding: .5em;
	background: #eeeeee; }

#chat div.chat{
	overflow: hidden; }

.blog_post_text{
	width: 350px;
	height: 5em; }

.blog_com_text{
	width: 350px;
	height: 5em; }

.button{
	width: 70px;
	height:  24px; }
	
.buttons{
	margin: 10px 0 5px; }

#footer{
	clear: both;
	margin: 0em 0px;
	padding: .5em 0;
	background: #eeeeee;
	border-top: 3px double #9370db;
		   background-image:url(http://gloriatreviweboficial.jjtdigital.com/trevitube/templates/default/images/trevi/footer2.jpg);
		   background-position:bottom;
	text-align: center; }

#footer p{
	margin: 0; }

#footer a{
	margin: 0 .5em }

#dragableElementsParentBox{
	width: 980px;
	border: 0; }