body { font-family: Verdana; font-size: 12px; color: #040601; text-align: center; padding: 0; margin: 0; background-color: #705858; background-image: url('/themes/sxsw/images/body-background.jpg'); background-repeat: repeat-x; }

img { border: 0; margin: 0; padding: 0; }

#container { width: 1020px; margin: auto; padding: 0; }


/* HEADER */

#header { width: 1020px; height: 70px; margin: 0 auto; padding: 0; background-image: url('/themes/sxsw/images/header-background.jpg');  background-repeat: no-repeat; position: relative; }

#header-logo { float: left; margin: 0; padding: 0; }

#header-logo img { width: 285px; height: 63px; margin: 0; padding: 0; border: 0; }

#header-text { padding-top: 15px; margin: 0; font-size: 12px; color: #FFF3C0; position: absolute; right: 35px; }

.name { color: #FCC442; }

.time { color: #E42929; }

#header-text p { text-align: right; margin: 0; padding: 0; }

#header a, #header a:visited { text-decoration: none; color: #333333; }

#header a:hover { text-decoration:none; color: #000000; }


/* CONTENT */

#content { width: 950px; height: 390px; margin: 0; padding-left: 35px; padding-right: 35px; background-color: #FCC442; }

#map { display: none; width: 100%; /*width: 1020px;*/ height: 390px; margin: 0; padding: 0; background-color: #F2EFE8; /*background-color: #FCC442;*/ }


/* CONTENT LEFT */

#content-left { width: 307px; float: left; margin-top: 20px; padding: 0;  }

#content-left img { float: left; margin-bottom: 10px; padding: 0; border: 0;  }

#content-left-wrapper { width: 307px; height: 334px; clear: both; margin: 0; padding: 0; background-image: url('/themes/sxsw/images/left-wrapper-background.jpg'); 
                        background-repeat: no-repeat; text-align: center; }

#interview { width: 293px; height: 242px; margin: 0; padding: 6px; }

#interview img { border: 0; }

#interview-text { margin-top: 5px; padding: 0; }

#interview-text p { font-size: 12px; font-weight: bold; margin: 0; padding: 0; }

#random-question { margin: 0; padding: 0; }

#random-question img { float: right; margin-top: 15px; margin-right: 15px; padding: 0; }



/* CONTENT CENTER */

#content-center { width: 381px; float: left; margin-top: 20px; margin-left: 20px; margin-right: 20px; padding: 0; }

#content-center img { float: left; margin-bottom: 10px; padding: 0; border: 0; }

#content-center-wrapper { width: 381px; height: 334px; clear: both; margin: 0; padding: 0; text-align: center; }

#video { width: 375px; height: 290px; border: 3px solid #D9B40F; margin-bottom: 3px; padding: 0; }

#video img { margin: 0; padding: 0; border: 0; }

#video-left { width: 35px; height: 35px; float: left; margin: 0; padding: 0; }

#video-right { width: 35px; height: 35px; float: right; margin: 0; padding: 0; }

.video-nav { width: 35px; height: 35px; float: left; margin-left: 5px; padding: 0; display: block; }
.rowThumbnail { width: 35px; height: 35px; }

#video-nav { float: left; text-align: center; margin-left: 13px; margin-top: 0; padding: 0; list-style: none; display: block; }
/*
<div class="video-nav">
                  <a href="#">
                    <img src="images/video-nav.jpg" alt="" />
                  </a>
                </div>
*/



/* CONTENT RIGHT */

#content-right { width: 220px; float: right; margin-top: 20px; padding: 0; }

#content-right img { float: left; margin-bottom: 10px; padding: 0; border: 0; }

#content-right-wrapper { width: 220px; clear: both; margin: 0; padding: 0; text-align: center; }

#slideshow { float: left;  width: 215px; height: 287px; margin: 0; padding: 0; border: 3px solid #D9B40F; }

.option { float: left; padding: 0; margin-top: 17px; }


/* WRAPPER BOTTOM */

#wrapper-bottom { width: 1020px; height: 530px; margin: 0; padding: 0; background-color: #705858; }


#wrapper-bottom-left { float: left; width: 270px; height: 409px; margin-left: 20px; margin-top: 35px; margin-bottom: 35px; padding: 25px; background-image: url('/themes/sxsw/images/wrapper-bottom-background.jpg'); 
                        background-repeat: no-repeat; }

#wrapper-bottom-left h1 { text-align: center; margin-bottom: 15px; padding: 0; font-size: 15px; font-weight: bold;  }

.wrapper-bottom-left-content { clear: both; margin: 0; padding-top: 8px; padding-bottom: 8px; }

.hashtag-image { float: left; margin: 0; padding: 0; }

.hashtag-image img { width: 48px; height: 48px; margin-top: 5px; margin-bottom: 5px; margin-right: 10px; padding: 0; border: 0; }

.time { float: right; margin: 0; padding: 0; color: #DF2424; }

#wrapper-bottom-left p { font-size: 9px; line-height: 130%; text-align: left; margin-top: 5px; margin-bottom: 5px; padding: 0; }
                        
                        

#wrapper-bottom-center { float: left; width: 280px; height: 409px; margin-left: 10px; margin-top: 35px; margin-bottom: 35px; padding-top: 25px; padding-bottom: 25px; padding-left: 20px; padding-right: 20px; background-image: url('/themes/sxsw/images/wrapper-bottom-background.jpg'); 
                        background-repeat: no-repeat; }
  
#wrapper-bottom-center h1 { text-align: center; margin-bottom: 15px; padding: 0; font-size: 15px; font-weight: bold;  }

#shoutbox { width: 280px; height: 370px; margin: 0; padding: 0; }

                        
#wrapper-bottom-right { float: right; width: 270px; height: 409px; margin-right: 20px; margin-top: 35px; margin-bottom: 35px; padding: 25px; background-image: url('/themes/sxsw/images/wrapper-bottom-background.jpg'); 
                        background-repeat: no-repeat; }

#wrapper-bottom-right h1 { text-align: center; margin: 0; padding: 0; font-size: 15px; font-weight: bold;  }


#end { clear: both; }

/* MAPVIEW */

#mapview { width: 1020px; height: 30px; clear: both; padding: 0; margin: 0; 
	background-image: url('/themes/sxsw/images/mapview-background.jpg');  background-repeat: no-repeat; }

#mapview img { width: 109px; height: 14px; padding: 0; margin-left: 85px; margin-top: 2px; }
#mapview a { outline: 0; }



/* LINE */

#line { width: 1020px; height: 150px; clear: both; padding: 0; margin: 0; background-image: url('/themes/sxsw/images/line-background.jpg');  background-repeat: no-repeat; }

#line-navigation { width: 21px; float: left; padding-top: 53px; padding-left: 53px; padding-right: 20px; margin: 0; padding-top: 53px; }

#line-navigation img { width: 21px; height: 23px; margin-top: 7px; padding: 0; border: 0; }

.line-div { width: 95px; height: 80px; float: left; padding: 0; margin-top: 45px; margin-left: 5px; margin-right: 5px; background-color: #C280B5; }

#option { float: left; padding: 0; margin-left: 30px; margin-top: 75px; }
