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; }
html, body {
line-height: 1;
background:#191f2f url(http://www.climbclips.com/templates/climbclips/images/pagebk.png) repeat-y center;
margin:0;
color: #000000;
text-align: center; }
#menu {
width: 960px;
margin: 0 auto;
clear: both;
display: block;
height: 100px;
background: url(../../templates/climbclips/images/header.png);
padding: 1px 1px; }
#wrap {
position: relative;
width: 980px;
margin: 0 auto;
padding: .5em 0;
text-align: left;
background: #646464;
border-width: 0 1px; }
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: Calibri, "Myriad Pro", Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
line-height: 18px; }
h3 {
font-size: 12px;
font-weight: 700;
margin: 1.2em 0 .4em;
color: #313226; }
h2, h3.icon {
margin: 2.5em 0 .5em;
padding: .5em 0 .4em 5px;
font-size: 14px;
line-height: 1em;
font-weight: 400;
color: #382907;
background: #eff1e3 url(../../templates/climbclips/images/orange.png);
border: 1px solid #000000; }
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: #baff00;
text-decoration: underline; }
a:visited {
color: #baff00; }
a:focus,
html body a:hover,
a:active {
color: #ffc34b; }
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 #000;
background-color: #666; }
#insertionMarker {
display: none; }
html body .half {
width: 48%; }
html body .left {
float: left; }
html body .right {
float: right; }
#my {
display: block;
overflow: hidden;
margin: 0 10px 3em 10px;
height: 2.5em;
line-height: 1.5em;
vertical-align: middle; }
#my img {
vertical-align: middle;
margin: 1px; }
#my ul.usr {
float: right;
height: 2em;
line-height: 2em;
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; }
#my span.offline {
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
line-height: 24px;
color: #F00; }
#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: #ecc97f;
width: 200px; }
#header a {
background: transparent; }
#menu ul {
height: 5em;
padding: 0 1em 0 0;
text-align: right;
z-index: 200; }
#menu ul li {
display: inline;
font-size: 1.1em;
list-style: none;
font-style: italic; }
#menu a {
position: relative;
top: 50px;
padding: 0 10px;
line-height: 4.2em;
font-size: 1.2em;
background: transparent;
color: #baff00;
text-decoration: bold;
z-index: 10; }
#menu li.act a {
color: #baff00;
text-decoration: underline; }
#menu a:hover {
text-decoration: underline;
color: #ffc34b; }
#sub, .sub {
position: relative;
width: 960px;
display: block;
clear: both;
height: 25px;
margin: .5em auto 1em;
padding: .5em 0 .3em;
background: url(../../templates/climbclips/images/orange.png);
border: 1px solid #000000;
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: #382907;
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: #fff;
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: 1px solid #d1d7ae;
color: #333; }
#mainsearch form input.button {
border: 0; }
#register_captcha_id {
margin: 3px 0 0;
width: 207px;
}
#mainsearch label {
display: none; }
div.inner {
background: #606a81 url(../../templates/climbclips/images/box.png) repeat-x 0 100%;
border: 1px solid #000000; }
div.content {
padding: 0 5px; }
#thetube {
width: 960px;
margin: 2em auto 2em;
padding: 1px 0 0;
overflow: hidden;
border: 1px solid #000;
background: #929292; }
#thetube h2 {
margin: 0;
padding: .7em 5px;
font-size: .9em;
background: transparent;
border: 0; }
#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; }
.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;
padding: 0 5px 0 0; }
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: #fff;
color: #ecc97f; }
.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 solid #e0e4c9;
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 #000000; }
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; }
#news div.inner div.content.media ul li.user {
width: 110px;
float: left; }
#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 50px;
padding: 0 0 15px;
border-bottom: 4px solid #D9E7C3; }
.posts h3,
.comments h3 {
margin: 0;
padding: 0;
text-transform: uppercase;
font-weight: 400;
font-size: 14px;
line-height: 18px;
border-bottom: 1px solid #5f9ea0; }
.posts h3 span.blog_user,
.comments h3 span.blog_user {
position: absolute;
vertical-align: bottom;
}
.posts h3 span.blog_user span.avatar,
.comments h3 span.blog_user span.avatar {
width: 50px;
overflow:hidden; }
.posts h3 span.blog_user span.avatar img,
.comments h3 span.blog_user span.avatar img {
width: 50px;
}
.posts h3 span.blog_user span.avatar a,
.comments h3 span.blog_user span.avatar a {
display: inline;
}
.posts h3 span.blog_user a.autor,
.comments h3 span.blog_user a.autor {
margin: 0 0 0 10px;
display: inline;
font-size: 11px;
line-height: 14px;
}
.posts h3 a,
.comments h3 a{
display: block;
text-decoration: none; }
.posts h3 a.title,
.comments h3 a.title {
float: right;
margin: 20px 0 0 0; }
.posts span.date,
.comments span.date {
display: block;
text-align:right;
font-size: 10px;
line-height: 14px;
margin: 0 0 6px; }
.posts cite.about,
.comments cite.about{
display: block;
margin: 25px 0 3px;
font-size: 10px;
line-height: 14px;
text-align: right;
color: #8ec200; }
.posts cite.about a,
.comments cite.about a{
line-height: 14px;
color: #8ec200; }
.comments li, #commentform {
margin: 0 0 6px;
padding: 9px;
background: #606A81;
border: 1px solid #a9a9a9; }
#commentform {
margin: 12px 0 0; }
.users li {
margin: 0 0 3px;
padding: 3px 0 6px;
border-bottom: 1px solid #cccccc; }
.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: 1px solid #000000;
color: #333;
padding: 2px; }
#chatbox input.button {
width: 60px;
margin: -5px 0 -7px 3px;
border: 0; }
#chatbox input#chat_text_id:focus {
border-color: #ecc97f; }
#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 }
.content .media .mystats li.file{
height: 290px; }
#latest-comments .content.media li.file{
height: 240px; }
.media li.file,
.users.big li {
float: left;
width: 180px;
margin: 1em 11px 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; }
#dragableElementsParentBox .content .media li.file {
float: none;
width: 210px;
margin: 0;
padding: 5px 0 0;
border-bottom: 1px solid #000000; }
.content .media li.file img {
width: 213px; }
.mwimg {
width: 213px; }
.media li.file .preview img {
display: block;
width: 171px;
height: 125px; }
.media li.file div.about {
background: #606a81;
color: #000000;
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: 118px;
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;
display: block;
clear: both; }
.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 #cccccc; }
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; }
input.errorfield{
margin: 0;
padding: 2px; }
ul.showerror{
list-style: none; }
.showerror,
.errorfield{
margin: 1em 10px;
padding: .5em;
background: #e88;
color: #000; }
.success_message{
margin: 1em 10px;
padding: .5em;
background: #aea;
color: #000; }
#chat div.chat {
overflow: hidden; }
.blog_post_text {
width: 446px;
height: 5em; }
.blog_com_text {
width: 446px;
height: 5em; }
.button {
width: 70px;
height: 24px; }
.buttons {
margin: 10px 0 5px; }
#footer {
clear: both;
margin: 1em 10px;
padding: 1.5em 0;
border: 1px solid #e0e4c9;
text-align: center; }
#footer p {
margin: 0; }
#footer a {
margin: 0 .5em }
#dragableElementsParentBox {
width: 980px;
border: 0; }
img.avatar{
float: left;
width: 100px;
padding: 0 10px 0 0;}
ul.comments li div.comment {
display: block;
float: left; }
ul.comments li div.comment cite.about {
margin: 0;
text-align: left;}
ul.comments li div.comment cite.about span {
text-align: left;}
.playlist ul li{
list-style: none;
float: left;
width: 90px;
margin: 0 8px 0 0; }
.playlist ul li img{
float: left;
width: 90px;
height: 70px; }