/* Generic styling */

body {
  width: 974px;
  margin: auto;
  text-align: center;
}

#wrapper {
  position: relative;
  text-align: left; 
}

#content {
  position: relative;
  left: 10px;
  width: 954px;
  margin-top: 10px;
}

#article {
  width: 644px;
  float: left;
}

.fashionheader {
  width: 644px;
  height: 58px;
  margin-top: 0px;
  margin-bottom: 5px;
  background: url(http://accessmag.com/wordpress/wp-content/uploads/2010/01/FASHION.jpg) no-repeat;
}

.musicheader {
  width: 644px;
  height: 58px;
  margin-top: 0px;
  margin-bottom: 5px;
  background: url(http://accessmag.com/wordpress/wp-content/uploads/2010/01/MUSICREVIEWS.jpg) no-repeat;
}

.videoheader {
  width: 644px;
  height: 58px;
  margin-top: 0px;
  margin-bottom: 5px;
  background: url(http://accessmag.com/wordpress/wp-content/uploads/2010/01/VIDEOS.jpg) no-repeat;
}

.dvdheader {
  width: 644px;
  height: 58px;
  margin-top: 0px;
  margin-bottom: 5px;
  background: url(http://accessmag.com/wordpress/wp-content/uploads/2010/01/DVDREVIEW.jpg) no-repeat;
}

.interviewheader {
  width: 644px;
  height: 58px;
  margin-top: 0px;
  margin-bottom: 5px;
  background: url(http://accessmag.com/wordpress/wp-content/uploads/2010/01/INTERVIEWS.jpg) no-repeat;
}

.movierevheader {
  width: 644px;
  height: 58px;
  margin-top: 0px;
  margin-bottom: 5px;
  background: url(http://accessmag.com/wordpress/wp-content/uploads/2010/01/MOVIEREVIEWS.jpg) no-repeat;
}

.techheader {
  width: 644px;
  height: 58px;
  margin-top: 0px;
  margin-bottom: 5px;
  background: url(http://accessmag.com/wordpress/wp-content/uploads/2010/01/TECH.jpg) no-repeat;
}

.featuresheader {
  width: 644px;
  height: 58px;
  margin-top: 0px;
  margin-bottom: 5px;
  background: url(http://accessmag.com/wordpress/wp-content/uploads/2010/01/FEATURES.jpg) no-repeat;
}

.contestheader {
  width: 644px;
  height: 58px;
  margin-top: 0px;
  margin-bottom: 5px;
  background: url(http://accessmag.com/wordpress/wp-content/uploads/2010/01/CONTESTS.jpg) no-repeat;
}

#archivetitle {
  position: relative;
  width: 240px;
  left: 400px;
  top: 18px;
}


p {
  margin-top: 8px; 
}

.hr {
  position: relative;
  width: 100%;
  height: 7px;
}

img.alignright {
  margin: 3px;
}

img.alignleft {
  margin: 3px;
}

textarea.comments {
  width: 632px;
  height: 100px;
}

#access_comments {
  padding: 5px;
}

#article a {
  padding: 1px;
}

.alignleft {
  float: left; 
}

.alignright {
  float: right; 
}

.field {
  display: block;
  margin-top: 5px;
  padding: 5px;
}

.hentry {
  padding-top: 1px;
  padding-right: 5px;
  padding-bottom: 1px;
  padding-left: 5px;
  margin-bottom: 5px; 
}

/* header.php */

#header {
  position: relative;
  height: 210px;
  width: 974px;
}

#ad_block_banner {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 728px;
  height: 90px;
}

#contests {
  position: absolute;
  top: 10px;
  left: 748px;
  width: 216px;
  height: 90px;
}

#logo {
  position: absolute;
  top: 110px;
  left: 10px;
  width: 728px;
  height: 90px;
}


#search_box {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 350px;
  height: 25px;
}

#search_text {
  position: absolute;
  left: 35px;
  width: 200px;
  height: 18px;
  bottom: 0px;
  padding-top: 3px;
}

#search_button {
  position: absolute;
  left: 250px;
  width: 100px;
  height: 24px;
  bottom: 0px;
  padding-top: 1px;
  padding-bottom: 3px;
}

#download_link {
  position: absolute;
  top: 110px;
  left: 748px;
  width: 216px;
  height: 90px;
}

#menu {
  text-align: center;
}

#menu ul {
  padding-left: 10px; 
  padding-right: 10px; 
  padding-top: 5px; 
  padding-bottom: 5px;
  margin: 0px;
}

#menu ul li {
  list-style-type: none;
  display: inline;
  padding: 0px;
  margin: 0px;
}

/* index.php */

#content_one {
  position: relative;
  height: 527px;
}

#cover {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 377px;
  height: 507px;
}

#features_index {
  position: absolute;
  top: 10px;
  left: 397px;
  width: 237px;
  height: 487px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#features_index_content {
  position: absolute;
  width: 237px;
  height: 487px;
  overflow: hidden;
}

.feature_index {
  position: relative;
  width: 227px;
  height: 89px;
  margin-bottom: 10px;
}

.feature_index_desc h2 {
  margin-top: 0px;
  margin-bottom: 5px;
}
 
.feature_index_image {
  position: absolute;
  width: 109px;
  height: 89px;
}

.feature_index_desc {
  position: absolute;
  left: 123px;
  width: 109px;
  height: 89px;
  overflow: hidden;
}

#sidebar_index {
  position: absolute;
  top: 10px;
  left: 664px;
  width: 300px;
  height: 507px;
}

#content_two {
  position: relative;
  height: 547px;
}

#content_two h2 {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}

#departments {
  position: absolute;
  top: 0px;
  left: 10px;
  width: 317px;
  height: 547px;
}

#department_content {
  position: relative;
  height: 500px;  
  width: 317px;
  overflow: hidden;
}

.department {
  position: relative;
  width: 302px;
}

.department_image {
  width: 300px;
  height: 72px;
  margin-bottom: 5px;
}

.department_text {
  width: 302px;
}

.department_text h3 {
  margin-top: 0px;
  margin-bottom: 0px;
}

#reviews {
  position: absolute;
  top: 0px;
  left: 327px;
  width: 317px;
  height: 537px;
  overflow: hidden;
}

#reviews_content {
  position: relative;
  height: 500px;  
  width: 317px;
  overflow: hidden;
}

#concerts {
  position: absolute;
  top: 0px;
  left: 654px;
  width: 145px;
  height: 547px;
}

#concert_content {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 145px;
  height: 500px;
  overflow: hidden;
}

#concert_content ul {
  margin-top: 10px;
}

#concert_content li {
  margin-top: 0px;
  margin-bottom: 10px;
  margin-right: 5px;
}

#top_ten {
  position: absolute;
  top: 0px;
  left: 809px;
  width: 145px;
  height: 547px;
}

.top_ten_item {
  position: relative;
  height: 40px;
  width: 145px;
  padding-top: 10px;
}

.top_ten_number {
  position: absolute;
  text-align: right;
  width: 40px;
}

.top_ten_song {
  position: absolute;
  left: 45px;
  width: 100px;
}

/* sidebar.php and index.php */

#video {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 300px;
  height: 247px;
}

#ad_block_rectangle {
  position: absolute;
  top: 257px;
  left: 0px;
  width: 300px;
  height: 250px;
}

/* sidebar.php */

#sidebar {
  width: 290px;
  padding: 5px;
  float: right;
}

#sidebar_wrapper {
  position: relative;
  top: -5px;
  left: -5px;
  width: 300px;
  height: 617px;
}

#signup_block {
  text-align: center;
  position: absolute;
  top: 510px;
  left: 0px;
  width: 300px;
  height: 200px;
}

.sidebar_department {
  position: relative;
  width: 290px;
}

.sidebar_department_image {
  top: 0px;
  left: 0px;
  width: 288px;
  height: 69px;
  margin-bottom: 5px;
  overflow: hidden;
}

.sidebar_department_text {
  top: 82px;
  left: 0px;
  width: 290px;
}


.sidebar_department_text h3 {
  margin-top: 0px;
  margin-bottom: 0px;
}

h2.sidebar_heading {
  margin: 0px;
  margin-bottom: 5px;
  padding: 5px;
  height: 18px;
}

/* footer.php */

#footer {
  clear: both;
  text-align: center;
}


/* jScrollPane (in index.php) */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 9px;
}