/*Stylesheet Master - GymnastTube v1.5 */ * { /* Simple CSS Reset */ margin:0; padding:0; } body { background:#fff; color:#333; text-align:center; } img { border:0; } #admin-note { background:#ffe100; color:#000; display:none; font:normal 12px/1.4 arial,helvetica,sans-serif; margin:0; padding:10px; } #masthead { background:url(/images/bg_masthead.gif) no-repeat 50% 0; font:normal 10px/1.4 arial,helvetica,sans-serif; height:180px; margin:0 0 .5em; text-align:center; } #masthead a { text-decoration:none; } #masthead #hdr { background:url(/images/bg_header.gif) no-repeat 50% 0; height:108px; margin:0 auto; width:960px; } #masthead #hdr h1#logo { background:url(/images/logo_gymnasttube.gif) no-repeat; float:left; height:56px; margin:20px 0; text-indent:-9999px; width:176px; } #masthead #hdr h1#logo a { display:block; height:56px; outline:none; position:relative; width:176px; } #masthead #hdr #utils { color:#fff; float:right; list-style:none; margin:1em 0; text-indent:0; } #masthead #hdr #utils li { display:inline; font-size:120%; padding:0 0 0 1em; } #masthead #hdr #utils li a { color:#fff; } #masthead #hdr #utils li.shop a { background:url(/images/new/ico/cart.png) no-repeat 100% 50%; color:#ffe100; font-weight:bold; padding:0 20px 0 1em; } #masthead #hdr #utils li.shop a:hover { color:#fff; } #masthead #hdr #nav { clear:right; display:block; float:right; list-style:none; position:relative; text-indent:0; top:25px; width:708px; } #masthead #hdr #nav li { display:inline; margin:0; padding:0; } #masthead #hdr #nav li a { background:url(/images/bg_nav.png) no-repeat; color:#fff; display:block; float:left; font-size:130%; font-weight:bold; height:26px; padding-top:12px; width:118px; } #masthead #hdr #nav li a:hover { color:#ffe100; } #masthead #hdr #nav li#currentTab a { background:url(/images/bg_nav_active.png) no-repeat; color:#555; } #masthead #hdr #nav li#currentTab a:hover { color:#ce4034; } #masthead #subnav { background:#e7e7e7 url(/images/bg_subnav.gif) repeat-x 0 100%; font-size:120%; padding:5px; } #masthead #subnav a { color:#555; display:inline; padding:0 3em; } #masthead #subnav a:hover { color:#ce4034; } #masthead #vsearch, #footer #vsearch { background:url(/images/bg_search.gif) repeat-x 0 100%; border:solid #d2d2d2; border-width:1px 0; padding:5px; } #masthead #vsearch input.text, #footer #vsearch input.text { font:normal 130% arial,helvetica,sans-serif; padding:1px; margin:0 .5em 0 0; } #masthead #vsearch select, #footer #vsearch select { font:normal 130% arial,helvetica,sans-serif; margin:0 .5em 0 0; width:125px; } #masthead #vsearch input.button, #footer #vsearch input.button { font:normal 130% arial,helvetica,sans-serif; padding:0 10px; } #footer { clear:both; font:normal 11px/1.4 arial,helvetica,sans-serif; margin:2em 0 0; } #footer #vsearch { font-size:10px; } #footer #links { background:#ebebeb url(/images/new/bg_footer_links.gif) repeat-x 0 0; border-bottom:1px solid #d2d2d2; padding:2em 0; } #footer #links ul { display:block; list-style:none; margin:0 auto 5px; text-align:left; text-indent:0; width:960px; } #footer #links ul li { display:inline; width:960px; } #footer #links ul li a { color:#333; display:inline-block; font-weight:bold; width:100px; } #footer #links ul li ul { display:inline; } #footer #links ul li ul li { border-right:1px solid #d2d2d2; padding:0 5px; width:auto; } #footer #links ul li ul li a { color:#c53e3a;display:inline; font-weight:normal; width:auto; } #copyright { margin:2em 0; } * html #masthead #hdr #nav { top:27px; width:710px; } *:first-child+html #masthead #hdr #nav { top:25px; } * html #masthead #hdr #nav li#currentTab a { background:url(/images/bg_nav_active.gif) no-repeat; } .arrow-general { display:none; } #container { margin:0 auto; width:960px; } #container #leftside { border:solid #c5c5c5; border-width:0 1px 1px; float:left; text-align:left; width:640px; } #container #leftside #banner { display:none; } #container #leftside h3 { background:#fff url(/images/new/bg_content_h3.jpg) no-repeat 100% 50%; border:solid #c5c5c5; border-width:1px 0; font:bold 14px arial,helvetica,sans-serif; padding:7px; text-transform:uppercase; } #container #leftside h4 { font-size:14px; margin:.25em; } #container #leftside #ad { display:none; } #container #leftside #watched-now {} #container #leftside #flagvideo { background:#ffe; border:1px solid #ffe100; font-size:12px; margin:5px; padding:10px; } #container #leftside #recently {} #container #leftside #recently #recently-content {} #container #leftside #recently #recently-content .arrow-general { display:none; } #container #leftside #recently #recently-content .prev, #container #leftside #recently #recently-content .next { float:left; padding:50px 0 0; text-align:center; width:50px; } #container #leftside #recently #recently-content .viewed { color:#555; float:left; font:normal 11px arial,helvetica,sans-serif; padding:5px; width:125px; } #container #leftside #recently #recently-content .viewed a { color:#ce4034; font-weight:bold; display:block; text-decoration:none; } #container #leftside #recently #recently-content .viewed img { border:5px solid #d5d5d5; display:block; } #container #leftside #submenu { clear:both; } #container #leftside #submenu #tabmenucontainer { background:#fff url(/images/new/bg_content_h3.jpg) no-repeat 100% 50%; border:solid #c5c5c5; border-width:1px 0; font:bold 14px/1.2 arial,helvetica,sans-serif; height:30px; text-transform:uppercase; } #container #leftside #submenu #tabmenucontainer ul { list-style:none; margin:0; padding:0; text-indent:0; } #container #leftside #submenu #tabmenucontainer ul li { display:inline; margin:0; padding:0 !important; } #container #leftside #submenu #tabmenucontainer ul li a { border-right:1px solid #c5c5c5; color:#333; display:block; float:left; padding:7px 14px; text-decoration:none; } * html #container #leftside #submenu #tabmenucontainer ul li a#featuretab { padding:3px 14px !important; } * html #container #leftside #submenu #tabmenucontainer ul li a { padding:7px 14px; height:18px; } #container #leftside #submenu #tabmenucontainer ul li a:hover { background:#fff; } #container #leftside #submenu #subcontent { padding:10px; } #container #leftside #submenu #subcontent #tab-featured, #container #leftside #submenu #subcontent #tab-toprated, #container #leftside #submenu #subcontent #tab-mostview { font-family:arial,helvetica,sans-serif; } #container #leftside .video { clear:both; margin:0 0 10px; padding:0 0 10px; } * html #container #leftside .video, *:first-child+html #container #leftside .video { border-bottom:0; display:block; } #container #leftside .video img { float:left; } #container #leftside .video .details { float:right; width:490px; } #container #leftside .video .details a { color:#c53e3a; } #container #leftside .video .details h4 { font-size:15px; } #container #leftside .video .details h4 a { color:#c53e3a; text-decoration:none; } #container #leftside .video .details div { font-size:11px; } #container #leftside .video .details .duration { background:url(/images/new/ico/clock.gif) no-repeat 0 50%; float:left; font-weight:bold; padding:0 0 0 20px; } #container #leftside .video .details .ratings { float:right; text-align:right; width:200px; } #container #leftside .video .details .ratings img { float:none; } #container #leftside .video .details .desc { clear:both; margin:15px 0 .5em; } #container #leftside .video .details .tags { background:url(/images/new/ico/tag_purple.png) no-repeat 0 50%; padding:3px 0 3px 20px; } #container #leftside .video .details .tags img { display:none; } #container #leftside .video .details .meta {} #container #leftside .video .details .meta .author, #container #leftside .video .details .meta .views { padding-right:15px; } #container #leftside #video { font:normal 62.5%/1.4 arial,helvetica,sans-serif; text-align:center; } #container #leftside #video .videoplayer { margin:5px auto; width:450px; } #container #leftside #video .meta { } #container #leftside #video .meta ul { font-size:120%; list-style:none; margin:.5em 0; padding:0; text-indent:0; } #container #leftside #video .meta ul li { display:inline; padding:0 1em; } #container #leftside #video .meta ul li #voteProcess { display:inline; } #container #leftside #video #rate { font-size:120%; } #container #leftside #video #options { font-size:120%; list-style:none; margin:0 0 1em; padding:0; text-indent:0; } #container #leftside #video #options li { display:inline; font-size:110%; padding:0 .5em; } #container #leftside #video #bookmark {} #container #leftside #video #bookmark ul { list-style:none; margin:0 0 1em; padding:0; text-indent:0; } #container #leftside #video #bookmark ul li { display:inline; font-size:110%; padding:0 .5em; width:30px; } #container #leftside #video #bookmark ul li a { color:#333; text-decoration:none; } #container #leftside #video #bookmark ul li img { margin:0 .25em 0 0; vertical-align:middle; } #container #leftside #upload { font:normal 62.5%/1.4 arial,helvetica,sans-serif; } #container #leftside #upload table.webform { border:0; border-collapse:collapse; border-spacing:0; font-size:120%; margin:10px; width:100%; } #container #leftside #upload table.webform td { padding:3px 3px 3px 0; vertical-align:top; } #container #leftside #upload table.webform th { font-weight:bold; padding:3px 3px 3px 0; vertical-align:top; width:120px; } #container #leftside #upload table.webform label { display:inline; padding:0 0 1em; } #container #content { font:normal 62.5%/1.4 arial,helvetica,sans-serif; margin:0 auto; text-align:left; width:100%; } #container #content h1 { color:#5b5ca9; font-size:300%; font-weight:bold; letter-spacing:-1px; margin:0; } #container #content p { font-size:120%; margin:0 0 1em; } #container #content ul { font-size:120%; list-style:square; margin:0 0 .5em 2em; padding:0; text-indent:0; } #container #content ul li {} #container #content ul li ol, #container #content ul li ol, #container #content ul li ol li ol, #container #content ul li ol li ul { font-size:100%; list-style:upper-alpha; margin:0 0 .5em 2em; padding:0; text-indent:0; } #container #content ul li dl { clear:left; margin:0; padding:0; text-indent:0; } #container #content ul li dl dt { float:left; font-weight:bold; width:75px; } #container #content ul li dl dd { margin:0 0 0 75px; } #container #content ul li p { font-size:100%; } #container #content ul.options { list-style:none; margin:0 0 1em; padding:0; text-indent:0; } #container #content ul.options li { display:inline; padding:0 2em 0 0; } #container #content ul.mostactiveuser { list-style:none; margin:0 0 1em; padding:0; text-indent:0; } #container #content ul.mostactiveuser li { display:block; float:left; margin:0 2em 2em 0; width:120px; } #container #content ul.mostactiveuser li img { display:block; } #container #content ul.topwatched { list-style:none; margin:0 0 1em; padding:0; text-indent:0; } #container #content ul.topwatched li { display:block; float:left; margin:0 2em 2em 0; width:120px; } #container #content ul.topwatched li img { } #content hr { background:#e6e6e6; border:0; height:1px; margin:1em 0; } #container #browse { background:#e6e6e6; border:1px solid #d5d5d5; float:right; margin:0 0 1em 1em; padding:10px; width:200px; } #container #content #channels {} #container #content #channels .channel { border:1px solid #e6e6e6; float:left; height:200px; margin:0 .5em .5em 0; padding:10px; width:150px; } #container #content #channels .channel .img { height:75px; margin:0 0 .5em; overflow:hidden; text-align:center; } #container #content #channels .channel .details { margin:0; } #container #content #channels .channel .details h4.title { color:#c53e3a; font-size:13px; margin:0; } #container #content #channels .channel .details a { color:#c53e3a; text-decoration:none; } #container #content #channels .channel .details div { font-size:11px; } #container #content #channels .channel .details .duration { background:url(/images/new/ico/clock.gif) no-repeat 0 50%; float:left; font-weight:bold; padding:0 0 0 20px; } #container #content #channels .channel .details .ratings { float:right; text-align:right; width:200px; } #container #content #channels .channel .details .ratings img { float:none; } #container #content #channels .channel .details .desc { clear:both; margin:15px 0 .5em; } #container #content #channels .channel .details .tags { background:url(/images/new/ico/tag_purple.png) no-repeat 0 50%; padding:3px 0 3px 20px; } #container #content #channels .channel .details .tags img { display:none; } #container #content #channels .channel .details .meta { font-size:11px; } #container #content #channels .channel .details .meta .author, #container #content #channels .channel .details .meta .views { padding-right:15px; } #container #content #groups {} #container #content #groups .group { border:1px solid #e6e6e6; float:left; height:310px; margin:0 .5em .5em 0; padding:10px; width:150px; } #container #content #groups .group .img { height:75px; margin:0 0 .5em; overflow:hidden; text-align:center; } #container #content #groups .group .details { margin:0; } #container #content #groups .group .details h4.title { color:#c53e3a; font-size:13px; margin:0; } #container #content #groups .group .details a { color:#c53e3a; text-decoration:none; } #container #content #groups .group .details div, #container #content #groups .group .details p { font-size:11px; } #container #content #groups .group .details .duration { background:url(/images/new/ico/clock.gif) no-repeat 0 50%; float:left; font-weight:bold; padding:0 0 0 20px; } #container #content #groups .group .details .ratings { float:right; text-align:right; width:200px; } #container #content #groups .group .details .ratings img { float:none; } #container #content #groups .group .details .desc { clear:both; margin:15px 0 .5em; } #container #content #groups .group .details .tags { background:url(/images/new/ico/tag_purple.png) no-repeat 0 5%; font-size:11px; padding:3px 0 3px 20px; } #container #content #groups .group .details .tags img { display:none; } #container #content #groups .group .details .meta { font-size:11px; } #container #content #groups .group .details .meta .author, #container #content #groups .group .details .meta .views { padding-right:15px; } #container #content #groups .group .details ul { font-size:11px; } #container #content #members { margin-top:2em; } #container #content #members .member { border:1px solid #e6e6e6; float:left; height:180px; margin:0 .5em .5em 0; padding:10px; width:150px; } #container #content #members .member .img { height:125px; margin:0 0 .5em; overflow:hidden; text-align:center; } #container #content #members .member .details { margin:0; } #container #content #members .member .details h4.title { color:#c53e3a; font-size:13px; margin:0; } #container #content #members .member .details a { color:#c53e3a; text-decoration:none; } #container #content #members .member .details div, #container #content #members .member .details p { font-size:11px; } #container #content #members .member .details .desc { clear:both; margin:0 0 .5em; } #container #content #members .member .details .tags { background:url(/images/new/ico/tag_purple.png) no-repeat 0 5%; font-size:11px; padding:3px 0 3px 20px; } #container #content #members .member .details .tags img { display:none; } #container #content #members .member .details .meta { font-size:11px; } #container #content #members .member .details .meta .author, #container #content #members .member .details .meta .views { padding-right:15px; } #container #content #members .member .details ul { font-size:11px; } #container #content #search {} #container #content #search p { font-size:12px; } #container #content #search #tags { background:#e6e6e6; border:1px solid #d5d5d5; float:right; margin:0 0 1em 1em; padding:10px; width:200px; } #container #content #search #tags ul { font-size:11px; list-style:none; margin:0 0 1em; padding:0; text-indent:0; } #container #content #search #tags ul li { display:inline; padding:0 1em 0 0; } #container #content #search #tags ul li a { color:#777; text-decoration:none; } #container #content #videos .video { float:left; margin:0 1em 1em 0; width:120px; } #container #content #videos .video.large { width:380px; } #container #signup {} #container #signup .content { font-family:arial,helvetica,sans-serif; padding:10px; } #container #signup .content p { font-size:12px; margin:0 0 1em; } #container #signup .content ul { font-size:12px; list-style:square; margin:0 0 1em 2em; padding:0; text-indent:0; } #container #signup .content .req { clear:left; font-size:12px; padding:5px; } #container #signup .content label { float:left; padding:7px 7px 7px 0; width:150px; text-align:right; } #container #signup .content input.text, #container #signup .content textarea.text { font-size:14px arial,helvetica,sans-serif; padding:5px; width:200px; } #container #signup .content textarea.text { height:60px; width:400px; } #container #signup .content .captcha { float:right; } #container #signup .content .agreement { clear:both; } #container #signup .content .note { font-size:11px; text-align:center; } #container #signup .content .message {} #container #signup .content .message label { font-size:11px; font-weight:bold; } #container #signup .content .message blockquote { background:#e6e6e6; border:1px solid #d5d5d5; margin:10px; padding:15px; } #container #signup .submitbutton { text-align:center; } #container .errorbox { background:#ffc url(/images/new/ico/exclamation.png) no-repeat 10px 50%; border:1px solid #ffe100; font:bold 11px/1.4 arial,hevetica,sans-serif; margin:0 0 1em; padding:10px; } #container .msgbox { background:#ebffa4 url(/images/new/ico/accept.png) no-repeat 10px 50%; border:1px solid #8cc507; font:bold 11px/1.4 arial,hevetica,sans-serif; margin:0 0 1em; padding:10px; } #container #rightside { float:right; text-align:left; width:300px; } #container #rightside #ad { background:#000; display:block; height:250px; margin:0 0 10px; width:300px; } #container #rightside #login, #container #rightside #userinfo { background:#c53e3a; color:#fff; margin:0 0 10px; } #container #rightside #login #login-title, #container #rightside #userinfo #title { background:#c53e3a url(/images/new/bg_login_title.jpg) no-repeat; color:#fff; display:block; font:bold 14px arial,helvetica,sans-serif; margin:0; padding:7px; position:relative; text-transform:uppercase; } #container #rightside #userinfo #title a { color:#fff; } #container #rightside #login #login-content, #container #rightside #userinfo #userinfo-content { background:#c53e3a url(/images/new/bg_login_content.jpg) no-repeat 50% 100%; color:#fff; font:bold 14px arial,helvetica,sans-serif; margin:0; padding:15px; } #container #rightside #login #login-content label { font-size:10px; text-transform:uppercase; } #container #rightside #login #login-content input.logintext { border:0; font:normal 12px arial,helvetica,sans-serif; margin:0 0 3px; padding:5px; width:260px; } #container #rightside #login #login-content .forgot { color:#fff; float:left; font-size:10px; position:relative; text-decoration:none; top:10px; } #container #rightside #login #login-content input.loginbutton { float:right; } #container #rightside #userinfo #userinfo-content .picture { float:left; } #container #rightside #userinfo #userinfo-content .picture img { border:0; } #container #rightside #userinfo #userinfo-content .details { font-size:11px; font-weight:normal; margin-left:85px; } #container #rightside #userinfo #userinfo-content .details h4 { font-size:13px; } #container #rightside #userinfo #userinfo-content .details ul { list-style:none; margin:0 0 5px; padding:0; text-indent:0; } #container #rightside #userinfo #userinfo-content .details ul a { color:#ffe100; text-decoration:none; } #container #rightside #statistic, #container #rightside #populartags, #container #rightside #online, #container #rightside #vote, #container #rightside #adv, #richfooter { display:none; } #container #rightside #details { background:#e6e6e6; border:1px solid #d5d5d5; font:normal 62.5%/1.4 arial,helvetica,sans-serif; margin:0; } #container #rightside #details h3 { background:#d5d5d5; color:#333; font-size:130%; font-weight:bold; padding:5px; text-transform:uppercase; } #container #rightside #details table.video-info { background:#fff; border:1px solid #d5d5d5; border-collapse:collapse; border-spacing:0; font-size:110%; margin:10px; width:280px; } #container #rightside #details table.video-info th { border:solid #d5d5d5; border-width:1px 0; font-weight:bold; padding:5px; } #container #rightside #details table.video-info td { border:solid #d5d5d5; border-width:1px 0; padding:5px; } #container #rightside #details table.video-info .meta {} #container #rightside #details table.video-info .meta ul { list-style:none; margin:0; padding:0; } #container #rightside #details table.video-info .meta ul li { display:inline; padding:0 .25em; } #container #rightside #details #prevmovie, #container #rightside #details #playmovie, #container #rightside #details #nextmovie { float:left; } #container #rightside #details #prevmovie img, #container #rightside #details #playmovie img, #container #rightside #details #nextmovie img { padding:5px; vertical-align:middle; } #container #rightside #details #tags { font:normal 62.5%/1.4 arial,helvetica,sans-serif; padding:10px; } /* Fixes, Hacks and Whatnot */ .clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height:1%; } .clearfix { display:block; } /* End hide from IE-mac */