@charset "utf-8";
/* CSS Document */
* { padding:0; margin:0; }

body { font-family:Arial, Helvetica, sans-serif; color:#000; background:fixed url('images/bkgrnd_wall.jpg') top center; font-size:12px; padding-bottom:20px; background-color:#8ca9be }

#Main { width:1000px; margin:0 auto 0 auto;}
#Content .Board { height:1200px; width:1000px; padding-top:4px; position:relative; background: no-repeat url('images/board.jpg') 0px 20px; }
#Content .Board .DL_Logo { width:280px; height:222px; position:relative; top:10px; left:-20px; z-index:901}
#Content .Board .alarm { width:86px; height:114px; position:absolute; top:140px; left:1000px; z-index:756}
.clear { display:block; clear:both; height:1px; overflow:hidden; margin-bottom:-1px; }

#mainContent{left: 34px; width: 928px; position: absolute; top: 254px; height: 850px; text-align:left;}

/* R, L */
#colLefty {
	width: 200px;
	height: 800px;
	padding: 0px 0px 0px 0px;
	float: left;
}

#colMiddle{
	width: 568px;
	height: 800px;
	padding: 0px 0px 0px 0px;
	float: left;
}

#colRighty{
	width: 160px;
	height: 800px;
	padding: 0px 0px 0px 0px;
	float: left;
}

#colLefty ul, #colRighty ul { list-style: none; margin: 0; padding: 0;}
#colLefty li, #colRighty ul  { display: block; list-style: none; float: left; padding: 0px 0px 0px 0px; margin: 0;}
#colLefty li.indent{ padding: 0px 0px 0px 20px;}



a img { border:0; }
a {color:#3c89d5; font-weight:bold; text-decoration:none; cursor:pointer}
a:link{color:#3c89d5; font-weight:bold; text-decoration:none}
a:visited{color:#3c89d5; font-weight:bold; text-decoration:none}
a:hover{color:#b3d9ff; font-weight:bold;  text-decoration:underline}
a:active{color:#b3d9ff; font-weight:bold; text-decoration:underline}
p
	{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	font-size: 11px;
	}

/* Top Content  */
#topTag {position: absolute; top:24px; height:14px; right:38px;}
#topA, #topB, #topC {position: absolute; top:44px; height:200px; }

#topA { left:34px; width:540px;}
#topB { left:582px; width:206px;}
#topC { right:38px; width:160px;}

#topA img{left:0px}

#topB .featured{position:relative; top:10px;}
#topB .video_image{position:relative; padding:10px 0px 0px 0px; width:200px; height:150px}

#topC .featured{position:relative; top:10px;}
#topC .video_image{position:relative; padding:15px 0px;}




.bulletin ul
{margin:-2px 0;padding-top:110px;list-style: none; clear:both;}
.bulletin ul li
{padding:0 0 3px 8px; background: url(http://www.dorm-life.com/images/orange_bull.gif) no-repeat left 5px;font-weight:normal;font-size:12px;line-height:15px;margin:0;}
.bulletin ul li b
{color:#949494;}
.bulletin ul li a
{font-weight:bold;}
.bulletin ul li img
{vertical-align:text-bottom;}

.mid_note, .righty_note {
	float:left;
	z-index: 771;
	width: 492px;
	height: 80px;
	margin: 40px 20px 0px 20px;
	padding: 10px 10px 10px 10px;
	background-color:#FFFFFF;
	text-align:left;
	border-bottom: solid 1px #333333;
	border-right: solid 1px #333333;
}
.righty_note {width:140px; height:auto;	margin: 10px 0px 10px 0px;}
.righty_note ul li {padding:0 0 3px 8px; background: url(http://www.dorm-life.com/images/orange_bull.gif) no-repeat left 5px;font-weight:normal;font-size:12px;line-height:15px;margin:0;}
.ad-right1 { float:left; width:160px; height:auto; padding: 15px 0px;}
.right-item {float:left; width:160px; height:auto; padding: 15px 0px;}


.mid_note ul
{margin:-2px 0;list-style: none; clear:both;}
.mid_note ul li
{padding:0 0 3px 8px; background: url(http://www.dorm-life.com/images/orange_bull.gif) no-repeat left 5px;font-weight:normal;font-size:12px;line-height:15px;margin:0;}
.mid_note ul li b
{color:#949494;}
.mid_note ul li a
{font-weight:bold;}
.mid_note ul li img
{vertical-align:text-bottom;}


#paper_tackLnote{
	z-index: 772;
	left: 10px;
	width: 24px;
	position: relative;
	top: 0px;
	height: 27px;
    display:block;
    background-color: #fff;
	background-repeat:no-repeat;
	background-position:top;
	background-image:url(images/tack.jpg)
}
#paper_wrapper{
	z-index: 71;
	left: 240px;
	width: 460px;
	position: absolute;
	top: 10px;
	margin: 0px;
	padding: 35px 0px 10px 20px;	
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;    
    display:block;
    background-color: #fff;
}

#paper_tackL{
	z-index: 72;
	left: 10px;
	width: 24px;
	position: absolute;
	top: 5px;
	height: 27px;
    display:block;
    background-color: #fff;
	background-repeat:no-repeat;
	background-position:top;
	background-image:url(images/tack.jpg)
}
#paper_tackR{
	z-index: 73;
	right: 18px;
	width: 24px;
	position: absolute;
	top: 5px;
	height: 27px;
    display:block;
    background-color: #fff;
	background-repeat:no-repeat;
	background-position:top;
	background-image:url(images/tack.jpg)
}

.episode{
	z-index: 931; 
	width: 512px; 
	position: relative;
	padding: 10px 28px 10px 28px;
}
.webcam-video { 	
	z-index: 932; 
	width: 60px; 
	position: relative;
	padding: 10px 0px 10px 30px;}
.webcam-post-group{ padding-left: 20px; width:548px; height:128px; display:block; float:left}
.webcam-post{ margin: 0px 0px 0px 0px;padding: 0px; width:128px; height:100px; float: left;}
.more-webcams {float: left; width:530px; height:36px; display:block}
.post-twitter { position:relative; padding-left: 20px; padding-bottom:20px; margin-top:34px; width:548px; float:left}

#episode-top { position:relative; margin:0px; padding: 0px 0px 5px 0px; width:568px; float: left;}
.episode-share, .webcam-share { position:relative; top: 10px; right:28px; z-index: 997; float:right;}
.webcam-share {top:0px;}
.episode-title { position:relative; top: 0px; left:28px; float:left; color:#ffffff; font-weight:bold; font-size:14px; }


.episode-share-below { position:relative; top:0px; right:0px;  width:80px; height:20px; padding:0px 30px 10px 400px; margin:0px; float:right;}

#episode-previous { position:relative; margin:0px; padding: 0px 0px 5px 30px; width:250px; height: 27px; float: left;}
.ep_back { position:relative; top: 0px; float:left;}
.ep_back_link { position:relative; top: 0px; height:27px; float:left; padding-top: 5px;  padding-left: 5px;}

#episode-next { position:relative; margin:0px; padding: 0px 30px 5px 0px; width:250px; height: 27px; float: right;}
.ep_next { position:relative; top: 0px; float:right;}
.ep_next_link { position:relative; top: 0px; height:27px; float:right; padding-top: 5px; padding-right: 5px; }


.episode-share a:link, .episode-share, .episode-share-below a:link, .webcam-share a:link{color:#ffffff; font-weight:bold; text-decoration:none}
.episode-share a:visited, .episode-share, .episode-share-below a:visited, .webcam-share a:visited{color:#ffffff; font-weight:bold; text-decoration:none}
.episode-share a:hover, .episode-share-below a:hover, .webcam-share a:hover{color:#b3d9ff; font-weight:bold;  text-decoration:underline}
.episode-share a:active, .episode-share-below a:active, .webcam-share a:active{color:#b3d9ff; font-weight:bold; text-decoration:underline}

.episode-post{ margin: 0px 0px 0px 0px;padding: 0px; width:128px; height:100px; float: left;}
.episode-post-group{ padding-left: 20px;}
.soc-icon{ margin: 0px 0px 0px 5px;padding: 0px;width:64px; height:64px; float: left;}
.episode-s1 {float:left; width:600px;}

.episode-s2 {float:left; width:600px;}


.ep_back_link a:link, .ep_next_link a:link{color:#ffffff; font-weight:bold; text-decoration:none}
.ep_back_link a:visited, .ep_next_link a:visited{color:#ffffff; font-weight:bold; text-decoration:none}
.ep_back_link a:hover, .ep_next_link a:hover{color:#b3d9ff; font-weight:bold;  text-decoration:underline}
.ep_back_link a:active, .ep_next_link a:active{color:#b3d9ff; font-weight:bold; text-decoration:underline}

.bonus-title {padding: 60px 0px 0px 30px;}
.bonus-image {position: relative; left:0px; padding: 0px 0px 0px 30px;}

	
#floor_memories {position:relative; float:left; padding: 10px 0px 10px 20px; height:20px; top:170px}
.bonus-items{ margin: 0px 0px 0px 0px;padding: 0px; width:540px; height:84px; float: left;}
.bonus-home { margin: 0px 0px 0px 0px;padding: 0px; width:128px; height:100px; float: left;}
#bonus1 {
	z-index: 281;
	width: 128px;
	position: absolute;
	left: 160px;
	top: 745px;
}
#bonus2 {
	z-index: 282;
	width: 128px;
	position: absolute;
	left: 240px;
	top: 750px;
}
#bonus3 {
	z-index: 283;
	width: 128px;
	position: absolute;
	left: 335px;
	top: 740px;
}
#bonus4 {
	z-index: 284;
	width: 128px;
	position: absolute;
	left: 430px;
	top: 745px;
}
#bonus5 {
	z-index: 285;
	width: 92px;
	position: absolute;
	left: 530px;
	top: 745px;
}
#bonus6 {
	z-index: 286;
	width: 92px;
	position: absolute;
	left: 580px;
	top: 745px;
}
#bonus7 {
	z-index: 287;
	width: 92px;
	position: absolute;
	left: 660px;
	top: 750px;
}
#bonus8 {
	z-index: 288;
	width: 92px;
	position: absolute;
	left: 720px;
	top: 750px;
}


/* photo wall  */
.albums { padding-left: 40px; padding-top:30px;}
.photo-album { margin: 0px 0px 0px 8px;padding: 0px;width:214px; height:170px; float: left;}

.ad_home {	z-index: 241; width: 468px;  height: 60px; position: relative; padding: 10px 28px 10px 28px;}



.colA
	{
	padding: 0px 20px 10px 0px;
	text-align: right;
	}
.colB
	{
	padding: 0px 0px 10px 0px;
	text-align: left;
	}


/* shared music  */
#featuredband {position:relative; margin:0px; padding: 0px 0px 5px 0px; width:460px; float: left;}
.bandLeft {float:left; width:310}
.bandRight {float:right; width:150px}





p.band_photo{}

div.band {
	margin-bottom: .5em;
	width: auto;
}
div.bandinner {
	padding: 6px !important;
	text-align: center;
	overflow: hidden;
}
div.tright {
	clear: right;
	float: right;
}


/* footer  */
.footer{
	float:left;
	width:250px;
	height:150px;
	color:#FFF;
}
.footer a {color:#EEE; font-weight:bold; text-decoration:none; cursor:pointer}
.footer a:link, .footer a:visited{color:#EEE; font-weight:bold; text-decoration:none}
.footer a:hover, .footer a:active{color:#b3d9ff; font-weight:bold;  text-decoration:underline}