html {
  background:#F3F5F2 url(i/bgshadow_dp31.png) 50% 0;
	height:2900px;	
	font-family:Verdana,Trebuchet,serif;
	font-size:10px;
	line-height:14px
}

body {
	background-repeat:no-repeat;
	background-position:50% 100%;
	font-size:100.01%;
	color:#787878;
	border:0;
	margin:0;
	padding:0
}

h1 {
	border:0;
	margin:0;
	padding:0;
	vertical-align:middle;
	font-family:Verdana,Sans;
	font-size:10px;
	font-weight:bold;
	margin-bottom: 5px;
}

h1 .headerimageshort{
	width: 168px;
	height: 30px;
}

h1 .headerimagemedium{
	width: 346px;
	height: 30px;
}

h1 .headerimagelong{
	width: 524px;
	height: 30px;
}

h1 .headerimageextralong{
	width: 702px;
	height: 30px;
}

h2, .h2 {
	border:0;
	margin:0;	
	padding: 5px 5px 5px 5px;
	vertical-align:middle;
	font-family:Verdana,Sans;
	font-size:10px;
	line-height:14px;	
	font-weight:bold;
	color:#787878;	
	margin-bottom: 5px;
}

h3, .h3 {
	border:0;
	margin:0;	
	padding: 5px 5px 5px 5px;
	vertical-align:middle;
	font-family:Verdana,Sans;
	font-size:10px;
	line-height:14px;	
	font-weight:bold;
	color:#787878;	
	margin-bottom: 5px;
}

p {
 padding: 0px 0px 5px 0px;
 border:0;
 margin:0;	 
}

#body,div.admin-body
{
  background:#FFFFFF;
	color:#444;
	margin:0 auto;
	width:900px;
	padding:0 0 0;
	position:relative;
	min-height:25em;
	border:0
}

span.right
{
  text-align:right;
	float:right;
	margin:0px
}

span.left {
  text-align:left;
	float:left
}

.leftimage {
  float:left;
	position:relative
}

.rightimage {
  float:right;
	position:relative
}

a {
	color:#B4AAA5;
	text-decoration:none
}

a img {
  border:0
}
a:hover, #topnav a:hover {
  color:#EB008C;
  text-decoration:underline;
}

img {
  vertical-align:top
}

hr.dotted-border {
height: 15px;
  background: #fff url(hr1.gif) no-repeat scroll center;
}


div.dotted-border {
	height:6px;
  margin:0px;
  padding:0px;
  background:url(/i/bgheader_topblank.png) repeat-x bottom left;
}

div.dotted-border hr {
	display: none;
}

#posterpic {
  padding-top:10px;
	padding-bottom:10px
}
#topnav_box {
  font-size:10px;
	margin:0;
	padding:0px;
	top:0px;
	left:0px;
	position:absolute;
	background-color:#ECECEC;
	width:900px;
	height:25px
}

#topnavi {
  padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	position:absolute
}

#topnavi a {
  text-decoration:none
}

/* Main Navigation Style */
#menu { 
  top:31px;
	left:10px;
	padding:0;
	background:url(i/topmenu.png);
	display:block;
	position:absolute;
	width:853px;
	height:21px;
}
#menu li{margin:0;padding:0;list-style:none;position:absolute;top:0}
#menu li,#menu a{height:19px;display:block}
#menu span{display:none}

#menu #issues{left:0;width:105px;}
#menu #posters{left:105px;width:74px;}
#menu #images{left:179px;width:67px;}
#menu #outlets{left:246px;width:71px;}
#menu #events{left:317px;width:62px;}
#menu #win{left:379px;width:44px;}
#menu #designaposter{left:423px;width:167px;}
#menu #designthepack{left:590px;width:150px;}
#menu #designbrief{left:740px;width:113px;}

#menu #issues a:hover{background:transparent url(i/topmenu.png) 0 -22px no-repeat;}
#menu #posters a:hover{background:transparent url(i/topmenu.png) -105px -22px no-repeat;}
#menu #images a:hover{background:transparent url(i/topmenu.png) -179px -22px no-repeat;}
#menu #outlets a:hover{background:transparent url(i/topmenu.png) -246px -22px no-repeat;}
#menu #events a:hover{background:transparent url(i/topmenu.png) -317px -22px no-repeat;}
#menu #win a:hover{background:transparent url(i/topmenu.png) -379px -22px no-repeat;}
#menu #designaposter a:hover{background:transparent url(i/topmenu.png) -423px -22px no-repeat;}
#menu #designthepack a:hover{background:transparent url(i/topmenu.png) -590px -22px no-repeat;}
#menu #designbrief a:hover{background:transparent url(i/topmenu.png) -740px -22px no-repeat;}

#logo { 
	width:142px;
	height:36px;
	margin:0;
	/* top:108px; */
	/* top:75px; */
	top: 111px;
	left:10px;
	position:absolute}

#banner_top {
  width:728px;
	height:90px;
	top: 55px;
	left:162px;
	margin:0;
	position:absolute;
}

#banner_top img {
  border: 1px;
  border-color: black;
}

#banner_bottom {
	float:left;
	width:524px;
	margin:0;
	border: 0px;
}

.banner_micro {
	float:left;
	width:168px;
	margin:0;
	border: 0px;
  margin-bottom: 5px;
}

#banner_side {
	float:left;
	width:168px;
	margin:0;
	border: 0px;
}


#contribute
{
 	width :98px;
	height:97px;
	top: 134px;
	left: 590px;
	z-index: 105;
	margin:0;
	position:absolute;
}

.cornerad {
	top:25px;
	left:800px;
	margin:0;
	position:absolute
}

#gap {
	height:100%;
	width:168px
}

#marginBlk { 
	float:left;
	width:10px;
	height:5px;
}

.margin { 
	float:left;
	width:10px;
	border:0;
	margin:0;	
	height:5px;
}

.magposter {
  float: left;
  width: 346px;  
}

.magposter img.thumbnail {
  border-right : 2px solid #B4AAA5;
  border-bottom: 2px solid #B4AAA5;
}

.magposter img.thumbnail:hover {
  border-right : 2px solid #EB008C;
  border-bottom: 2px solid #EB008C;
}

.thumbnailblk, .iconblk {
  float: left;
  width: 79px;
}

.thumbnailblk img.thumbnail {
  border-right : 2px solid #B4AAA5;
  border-bottom: 2px solid #B4AAA5;
}

.thumbnailblk img.thumbnail:hover {
  border-right : 2px solid #EB008C;
  border-bottom: 2px solid #EB008C;
}

.marginAfterImage { 
	float:left;
	width:8px;
	height:5px;
}

/* Sytlized Divider */
div.dividershort {
  width: 168px;
  height: 11px;
  background: url(i/divider168.png);
}

div.dividermedium {
  width: 346px;
  height: 11px;
  background: url(i/divider346.png);
}

div.dividershort hr, div.dividermedium hr {
  display: none;
}

.blk {
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	margin-right: 10px;
}

.blk-nomargin {
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.colShort {
	width:168px;
}

.colMedium{
	width:346px;
}

.colLong {
	width:524px;
}

.blk .colShort h1,
.blk .colMedium h1,
.blk .colLong h1 {
	background: white url(/i/bgheader.png) repeat-x;
	height: 30px;
  margin-bottom: 10px;
}

.blk .colShort h1 img,
.blk .colMedium h1 img,
.blk .colLong h1 img {
	position: relative;
	top: 5px;
}

.blk .colShort p {
	margin-top: 0px;
  pading-top: 0px;
}

.text-normal {
	font-family:Verdana,Sans;
	font-size:10px;
	line-height:14px;	
}

.blkMedium {
  float: left;
	width:346px;
	margin:0px; 
}

.blkLong {
  float:left;
	width:524px;
	margin:0px; 
}

.blkShort {
  border:0;
	margin:0;	
  float:left;
	width:168px 
}

.blkMax{
  float:left;
	width:702px;
	margin:0px; 
}

.blkMaxExtra{
  float:left;
	width:890px;
	margin:0px; 
}

.vertical_spacing {
  float: left;
  height:5px;
  width: 168px;
	margin:0px; 
}

#columncontent {
	display:block
}

#headingbox {
	padding: 5px 5px 5px 5px;
	vertical-align:middle;
	font-family:Verdana,Sans;
	font-size:10px;
	font-weight:bold;
	color:#787878;
}

#summary {
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
	font-family:Verdana,Trebuchet,serif;
}

.summary {
	padding:3px 0px 3px 0px;
	font-family:Verdana,Trebuchet,serif;
}

.textcontent {
	float: left;
	padding:3px 0px 3px 0px;
	font-family:Verdana,Trebuchet,serif;
}

/* Login box style */
#login {
	float:left;
	width:168px
}

#login form {
  width:158px;
	padding-top:3px;
	padding-left:3px
}

#login #box {
  background:#ECECEC;
	width:168px
}

#login #headingbox {
	background:#ECECEC;
	width:158px
}

#loginBlk {
	float:left;
	width:168px  
}

#loginBlk form {
	margin:0;
  background: #ECECEC;
	padding: 10px 10px 10px 10px;   
}

#loginBlk form label {
	padding-top: 10px;
	padding-bottom: 10px;
}

#loginBlk .logininput {
  font-family:Verdana,Sans;
  font-size:10px;
  width:148px  
}



/* Shopping Cart style */
#cart table {
  font-family: Verdana,Sans
}

#cart th { 
  font-family:Verdana,Sans;
	color:#EB008C;
	background:#ECECEC;
}

#cart td {
  font-family:Verdana,Sans;
	text-transform:uppercase;
}

#cart #row0 {
  background:#FFF0D2;
	font-family:Verdana,Sans;
	text-transform:uppercase;
}

#cart #row1 {
  background:#FFF0F5;
	font-family:Verdana,Sans;
	text-transform:uppercase
}

#cart #qty {
  font-family:Verdana,sans-serif;
	font-size:10px;
	width:25px;
	border:0
}

#buyer { 
  font-family:Verdana,sans-serif
}

#details {
	font-size:13px;
	font-family:Verdana,sans-serif
}

#details input {
	width:50%;
	border:1px solid black;
}

#details input:focus {
	width:50%;
	border:2px solid grey;
}


#box {
  top:36px;
	position:absolute;
	height:24px;
	text-indent:6px;
	vertical-align:top
}

/* Front section styles */

#front_subcontent {
  float:left;
	width:346px
}

/* - Intro block styles */
#front_hello {
  float:left;
	width:346px
}  

#front_hello h2 {
  background:#ECECEC;	
	width: 336px;
}

#front_hello .where a:link, #front_hello .where a:visited, #front_hello .where h2 a:active {
  font-weight: bold;
  color:#351662;
}

#front_hello .issue a:link, #front_hello .issue a:visited, #front_hello .issue h2 a:active {
  font-weight: bold;
  color:#0082DC;
}

#front_hello .poster a:link, #front_hello .poster a:visited, #front_hello .poster h2 a:active {
  font-weight: bold;
  color:#EB008C;
}

/* - Issue block styles */
#front_issue, #issuebody {
  float:left;
	width:346px
}

#front_issue h2 {
  color: #000000;
  font-weight: normal;
  background:#F0FAFF;
	width:336px;
	height: 31px;
}

#front_issue h2 a:link, #front_issue h2 a:visited, #front_issue h2 a:active{
  color: #0082DC;
  font-weight: bold;
}

#front_issue h2 a:hover{
  font-weight: bold;
}

#front_issue h2 div.leftcol {
  float: left;
  background:#F0FAFF;
  width:74px
}

#front_issue h2 div.margin {
  float: left;
  background:#F0FAFF;
  width:10px
}

#front_issue h2 div.rightcol {
  float: left;
  background:#F0FAFF;
  width:237px
}

#issuebody #posterthumb {
  float: left;
  width: 79px
}

#issuebody #frontissuesummary
{
  float: left;
  width: 346px;
  padding-bottom: 10px;
}

#issuebody form
{
  margin: 0px;
  border-top: thin solid #CCCCCC;
  padding: 10px 10px 0px 10px;
	float: left;
	width: 326px;
}

#issuebody form select
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	width: 297px;
	margin: 0;
	position: relative;
	top: -5px;
}

#magtitle a
{
  font-size:18px;
  line-height: 21px;
  font-weight: bolder;
}

/* - Poster block styles */
#front_poster {
  float: left;
	width:168px;
}

#front_poster h2 {
  background:#FFF0F5;
	width:158px;
}

#front_poster h2 a:link, #front_poster h2 a:visited, #front_poster h2 a:active{
  color: #EB008C;
  font-weight: bold;
}

#front_poster h2 a:hover{
  font-weight: bold;
}

/* - Image block styles */
div #front_image {
  float: left;
	width:346px
}

#front_randomimage h2 {
  background:#FFF0D2;
	width:336px;
}

#front_randomimage h2 a:link, #front_image h2 a:visited, #front_image h2 a:active{
  color: #FA961E;
  font-weight: bold;
}

#front_randomimage h2 a:hover{
  font-weight: bold;
}

#front_randomimage .textcontent {
  width: 336px 
}
#front_randomimage #randomimage {
  width:336px
}

/* - END Image block styles */

/* - Blog block styles */
#front_blog h2 {
  background:#f0f2f5;
	width:336px;
}

#front_blog h2 a:link, #front_image h2 a:visited, #front_image h2 a:active{
  color: #6483a2;
  font-weight: bold;
}

#front_blog h2 a:hover{
  font-weight: bold;
}

#front_blog .textcontent {
  width: 336px 
}

/* - END Blog block styles */

#front_extras {
  float:left;
	width:168px 
}

#checkout textarea {
  font-family:Verdana,Sans
}

#middle {
  float:left;
	width:524px
}

#shortBlkHolder {
  float:left;
	width:168px
}

#olympicvis posterOlympic {

}

#posterheadingbox {
	background: #FFF0F5;
	padding: 6px;
	min-height: 22px;
}

#poster_full {
	float: left;
	width: 524px;
}

#poster_full #pic{
	float: left; 
	width: 346px; 
}

#poster_full #info{
	float: left; 
	width: 168px; 
}

#poster_display #thumb {
	height: 346px;
}

#olympicvis {
  	float:left;
		width:524px
}

#olympicvis #headingbox {
  background:#FFF0F5;
	width:514px
}

#olympicvis #aboutuni {
  padding-left:10px
}

#olympicvis #buttonbox {
	background: #FFF0F5;
	vertical-align:middle;
	min-height: 28px;
} 

#dontparty {
	float:left;
	width:524px;
}

#dontparty #headingbox {
	background:#e8f4ee;
	width: 514px;
}

#drinkvoucher #headingbox {
	background:#e8f4ee;
	width:182px;
}

#exhibition {
	float:left;
	width:473px;
}

#exhibition #headingbox {
	background:#fefce5;
	width: 461px;
}

#boxpadding {
	padding: 6px;
}

#sidebar_right, #more {
  float:left;
	width:168px;
}

#column_left {
  float:left;
	width:168px;
}

#sidebar_right #sidecontent{padding-left:6px;padding-right:6px}



#postercomp_summary_status h2 {
  background:#FFBFBF;
  color: #FF0000;
	width:158px;
}

#postercomp_summary_status h2 a:link,
#postercomp_summary_status h2 a:visited, 
#postercomp_summary_status h2 a:active
{
  color: #FF0000;
  font-weight: bold;
}

.leaderinfo a:link, .leaderinfo a:visited, .leaderinfo a:active
{
 	color: #000000;
}

#postercomp_summary_status h2 a:hover{
  font-weight: bold;
}

/*********************************************************************************/
/*CSS Popup Image Viewer */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/ */
.posterleaderboard {
position: relative;
z-index: 0;
}

.posterleaderboard:hover{
background-color: transparent;
z-index: 50;
}

.posterleaderboard span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.posterleaderboard span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.posterleaderboard:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top : 5px;
left: 100px; /*position where enlarged image should offset horizontally */
}
/* END .posterleaderboard */
/*********************************************************************************/


#content {
	position:relative;
	width: 890px;
	top:153px;
	left: 10px;
}

#content {
	float:left;
	float:none;
}

#content:after {
	content:"[DO NOT LEAVE IT IS NOT REAL]";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

#content {
	display: inline-block;
}

/*\*/#content{display:block}/**/