/*___ layout.css: Positioning and Layout Styles ___*/

/*___ Section 1: Global Positioning/Layout Styles ___*/

html 
{
}

body 
{
    position        : relative;
    width           : 960px;
    margin          : 0 auto;
}

h1 
{
}

h2 
{
}

h3 
{
    margin-top      : 20px;
}

h4 
{
}

h5 
{
    padding         : 8px 0 2px 0;
}

h6 
{
}

p 
{
}

ul 
{
}

ol 
{
}

li 
{
}

strong 
{
}

em 
{
}

u 
{
}

a 
{
}

a:visited 
{
}

a:hover 
{
}

table 
{
}

tr 
{
}

th 
{
}

td 
{
}

img 
{
}

/*___ Section 2: Site-Specific Positioning/Layout Modules ___*/
#leftside
{
    display         : inline-block;
    position        : relative;
    padding         : 295px 15px 0 15px;
    width           : 613px;
    margin-right    : 17px;
    vertical-align  : top;
    z-index         : 1;
    overflow        : hidden;
}

#rightside,
#rightside_video
{
    position        : relative;
    display         : inline-block;
    margin-left     : -4px;
    width           : 279px;
    padding         : 295px 15px 80px 0;
    vertical-align  : top;
    z-index         : 1;
    zoom            : 1;
}

#fullside
{
    position        : relative;
    padding         : 290px 0 0 0;
    width           : 958px;
}

#fullside.rss,
#fullside.about
{
    width           : 918px;
    padding         : 290px 20px 20px 20px;
}

#fullbox, 
#invitefriend, 
#invitenewfriend,
#myprofile
{
    width           : 952px;
}

.clear
{
    height              : 1px;
}

/*___ Section 3: Unique Element-Specific Position/Layout Styles ___*

/*___ DIV _________________________________________________________________*/
.header
{
    display         : inline-block;
    position        : absolute;
    width           : 960px;
    top             : 0;
    left            : 0;
    z-index         : 2;
}

#footer
{
    padding-top     : 365px;
}

.nav.main
{
    display         : block;
    position        : absolute;
    top             : 98px;
    left            : 486px;
    z-index         : 3;
}

.agenda
{
    display         : block;
    width           : 100%;
    padding         : 0 0 10px 0;
}

div.podcasts
{
    display         : none;
    width           : 83%;
    margin          : 0 15px;
    padding         : 0 10px 10px 10px;
    overflow        : hidden;
}

.podcasts.display
{
    display         : block;
}

#leftside.home
{
    word-spacing    : -1em;
}

.recent
{
    width           : 143px;
    padding         : 0 8px;
    display         : inline-block;
    word-spacing    : normal;
    vertical-align  : top;
    min-height      : 521px;
    overflow        : hidden;
}

.recent:first-child
{
    margin-left     : -8px;
}

.trip
{
    width           : 133px;
    margin-top      : -5px;
    padding         : 5px 5px 0 5px;
    display         : inline-block;
    word-spacing    : normal;
    vertical-align  : top;
    min-height      : 521px;
    overflow        : hidden;
}

#headnav
{
    position        : absolute;
    right           : 0;
    bottom          : -26px;
    width           : 960px;
    margin          : 0;
    z-index         : 3;
}

#navcontainer
{
    width           : auto;
    position        : absolute;
    top             : 43px;
    right           : 3px;
    margin          : 0;
}

#navsubbar
{
    width           : 958px;
}

#richfooter
{
    position        : absolute;
    bottom          : 43px;
    left            : 0;
    height          : 340px;
    width           : 930px;
    padding         : 10px 15px;
    z-index         : 2;
    overflow        : hidden;
}

#top_links
{
    display         : block;
    position        : absolute;
    top             : 5px;
    right           : 10px;
}

#richcontainer
{
    width           : 960px;
}

#news,
#channel,
#tags
{
    width           : 290px;
}

div#containersearch
{
    position        : absolute;
    top             : 200px;
    right           : 0;
    width           : 500px;
    z-index         : 3;
}


div#banner
{
    width           : auto;
}

div.feature
{
    width           : 176px;
}

div#recently
{
    width           : 100%;
}

#login,
#statistic, 
#online, 
#vote, 
#adv, 
#latestvideo, 
#populartags, 
#profiledetail, 
#recenttags, 
#othervideo, 
#relatedvideo, 
#relatedtag, 
#small-rightbox
{
    width           : 100%;
}

#latestvideo-content, 
#profiledetail-content, 
#vote-content, 
#userinfo-content, 
#mediumbox-content, 
#recently-content, 
#fullbox-content, 
#invitefriend-content, 
#invitenewfriend-content, 
#myprofile-content, 
#mostactive-content, 
#topwatched-content,
#othervideo-content, 
#relatedvideo-content, 
#recently-added-content, 
#browsegroup-content,
#sharedetails-content, 
#groupforum-content, 
#grouprecentvideo-content,
#recenttags-content
{
    min-height      : 300px;
}

.side_results
{
    height          : auto;
}

#small-rightbox-content textarea.fullboxtext
{
    width           : auto;
}

#recently, 
#userinfo, 
#mediumbox, 
#mostactive, 
#topwatched, 
#signup, 
#browsegroup, 
#viewvideo, 
#recently-added, 
#myvideo, 
#myfriends, 
#groups, 
#bookmark, 
#videodetails, 
#sharedetails, 
#videocomment 
{
    width           : 100%;
}

#footcontainer
{
    width           : auto;
}

.errorbox,
.msgbox
{
    position        : absolute;
    top             : 290px;
    left            : 20px;
    width           : 606px;
    z-index         : 5;
}

.msgbox + #richfooter + #footer,
.errorbox + #richfooter + #footer
{
	padding-top	: 765px;
}

/*___ SPAN _________________________________________________________________*/
.radio,
.station
{
    display         : block;
}

.agenda h2 > span
{
    display         : block;
}

.date
{
    display         : block;
    margin-bottom   : 5px;
}

.recent h3 span
{
    margin-bottom   : -5px;
}

.trip h3 > span:first-child
{
    display         : block;
    margin-bottom   : 6px;
}

.trip span span
{
    margin-bottom   : -6px;
}

#richfooter p > span
{
    display         : block;
    width           : 100%;
    text-align      : center;
    padding-bottom  : 1em;
}

#richfooter h2 > span
{
    display         : block;
    padding-bottom  : 5px;
}

/*___ H1 _________________________________________________________________*/
.header h1
{
    display         : inline-block;
    margin-top      : 13px;
    vertical-align  : top;
}

/*___ H2 _________________________________________________________________*/
.header h2
{
    display         : inline-block;
    vertical-align  : top;
    margin-top      : 12px;
}

.agenda h2
{
    margin          : 10px 0;
    padding         : 15px 0;
    text-align      : center;
}

#richfooter h2
{
    margin-left     : 465px;
    padding-bottom  : 10px;
}

/*___ H3 _________________________________________________________________*/
#leftside h3,
#fullside h3
{
    margin-bottom   : 15px;
}

.recent h3
{
    margin-bottom   : 0;
}

.trip h3
{
    width           : 133px;
    margin-bottom   : 0;
}

/*___ H4 _________________________________________________________________*/
#leftside h4,
#fullside h4
{
    margin          : 10px 0 2px 0;
    clear           : both;
}

/*___ H5 _________________________________________________________________*/
.podcast h5
{
    margin-left     : 15px;
}

/*___ H6 _________________________________________________________________*/

/*___ H6 _________________________________________________________________*/

/*___ P _________________________________________________________________*/
#leftside p,
#fullside p
{
    padding-bottom  : 10px;
}

.podcast p
{
    margin-left     : 15px;
}

#navsubbar p
{
    width           : auto;
    text-align      : right;
}

#footcontainer p
{
    margin-left     : 80px;
}

#footcontainer .copyright
{
    margin-left     : 60px;
}

/*___ UL _________________________________________________________________*/
.agenda ul
{
    margin          : 0 10px;
}

.listen
{
    float           : right;
}

.links
{
    float           : right;
}

#leftside .listen
{
    padding         : 6px 0 6px 35px;
}

#bookmark ul
{
    overflow        : hidden;
}

#fullside ul,
#leftside ul
{
    margin-left     : 20px;
}

/*___ OL _________________________________________________________________*/

/*___ LI _________________________________________________________________*/
.main li
{
    display         : block;
    width           : 144px;
    margin          : 5px 0;
}

.agenda li
{
    display         : block;
    padding         : 0 0 0 30px;
    margin          : 7px 0;
    min-height      : 24px;
}

.section.podcasts > ul > li
{
    padding         : 10px 0 0 35px;
    margin          : 0 0 10px 0;
    overflow        : hidden;
}

.listen li
{
    display         : inline-block;
    vertical-align  : top;
    margin-bottom   : 0;
}

.listen li:first-child
{
    padding-right   : 5px;
}

#leftside li,
#fullside li
{
    margin-bottom   : 10px;
    list-style-type : circle;
}

.links li
{
    display         : inline-block;
    vertical-align  : top;
}

.links li:first-child
{
    margin-right    : 10px;
}

.sponsors li
{
    display         : inline-block;
    vertical-align  : middle;
    margin          : 5px;
}

/*___ STRONG _________________________________________________________________*/

/*___ EM _________________________________________________________________*/

/*___ U _________________________________________________________________*/

/*___ A _________________________________________________________________*/
.main a,
.main a:visited,
.main a:hover
{
    display         : block;
    width           : 90%;
    padding         : 5px 0 5px 15px;
}


.agenda .podcasts,
.agenda .podcasts:visited,
.agenda .podcasts:hover
{
    display         : block;
    width           : 220px;
    padding         : 5px 0;
    margin          : 20px 0 0 40px;
}

.podcasts .podcasts,
.podcasts .podcasts:visited,
.podcasts .podcasts:hover
{
    float           : right;
    padding         : 1px 6px 3px 6px;
}

.recent > a,
.recent > a:visited,
.recent > a:hover
{
    display         : block;
}

.mms,
.mms:visited,
.mms:hover
{
    overflow        : hidden;
    margin          : 10px 0;
}

.trip a,
.trip a:visited,
.trip a:hover
{
    display         : block;
    margin          : 0 -5px;
    width           : 143px;
    text-align      : center;
}

.upload,
.upload:visited,
.upload:hover
{
    float           : right;
    margin-top      : -10px;
}

.details,
.details:visited,
.details:hover
{
    display         : block;
    position        : absolute;
    bottom          : 20px;
    right           : 10px;
}

#navcontainer a,
#navcontainer a:hover,
#navcontainer a:visited
{
    width           : 80px;
    margin-left     : 4px;
}

a.ad,
a.ad:hover,
a.ad:visited
{
    display         : block;
    width           : 611px;
    height          : 75px;
    margin          : 0 auto 15px auto;
}

/*___ TABLE _________________________________________________________________*/


/*___ TR _________________________________________________________________*/

/*___ TH & TD _________________________________________________________________*/
table td,
table th
{
	padding		: 5px;
}


/*___ IMG _________________________________________________________________*/
.mms img
{
    float           : left;
    margin          : 3px 3px 0 0;
}

/*___ FORM _________________________________________________________________*/
#fullside > form
{
	padding		: 0 20px 20px;
}
/*___ INPUT _________________________________________________________________*/
input[type="button"]
{
    display         : inline-block;
    width           : 80px;
    height          : 30px;
    cursor          : pointer;
}

div#divComments input[type="button"]
{
    width           : auto;
}

#search form input.button
{
    padding-bottom  : 5px;
    margin-top      : 0;
}

textarea.fullboxtext
{
    width           : 400px;
}

/*___ LABEL _________________________________________________________________*/

/*___ BLOCKQUOTE _________________________________________________________________*/
.recent blockquote
{
    display         : block;
    clear           : right;
}

/*___Group/Section/Class_________________________________________________________________*/