body {
background-image: url(images/background.gif);
background-position: top center;
background-repeat: repeat-y;
}

#wrapper {
width: 840px;
background-color: #fff;
margin: 0em auto;
padding: 10px 0 20px 10px;
background-attachment: fixed;
background-position: center;
overflow: hidden;
}

.grid {
width:70px;
height: 30px;
background-color: #444;
float: left;
}

#main_title {
float: left;
width: 650px;
}

#menu {
clear: left;
}

#menu li {
margin-top: 10px;
}

#menu a span {
display: none;
}

#menu li {
float: left;
}

#menu a {
display: block;
background-color: #dddddd;
height: 25px;
margin-right: 5px;
}

#menu a:hover, #menu .selected {
background-position: 0px 25px;
}

#menu .home { background-image: url("images/menu_home.gif"); width: 50px; }
#menu .about { background-image: url("images/menu_about.gif"); width: 120px; }
#menu .news { background-image: url("images/menu_news.gif"); width: 48px; }
#menu .inspiration { background-image: url("images/menu_inspiration.gif"); width: 79px; }
#menu .sites { background-image: url("images/menu_sites.gif"); width: 69px; }
#menu .entry { background-image: url("images/menu_entryform.gif"); width: 81px; }
#menu .viceland { background-image: url("images/menu_viceland.gif"); width: 156px; }

#content {
clear: both;
padding-top: 20px;
}

.wide_left_column {
width: 490px;
float: left;
}

.thin_right_column {
float: left;
width: 340px;
}

#footer {
width: 830px;
margin: 0em auto;
font-size: 11px;
padding-bottom: 30px;
}

/*
.button {
background-color: #00a7d1;
padding: 4px;
text-decoration: none;
color: #ffffff;
font-weight: bold;
}
*/

/******** Home ***************/

.home_left_col {
width: 335px;
float: left;
padding: 0px 15px 0px 0px;
clear: both;
}

.home_right_col {
width: 480px;
float: left;
}

#home_news_box {
margin-top: 20px;
background-color: #fff;
min-height: 314px;
}

#home_news_box h3 {
padding: 10px 10px 10px 10px;
}

#home_news_box p {
padding: 0px 10px 10px 10px;
}

#home_news_deets {
border-bottom: 1px solid #777;
border-left: 1px solid #777;
border-right: 1px solid #777;
min-height: 140px;
}

#home_news_box .read_more {
padding: 0px 10px 10px 10px;
}

#vice_picks {
margin-top: 20px;
background-color: #fff;
width: 480px;
}

#vice_picks img {
float: left;
margin: 0px;
padding: 0px;
}

#vice_picks ul {
clear: both;
}

#vice_picks li {
float: left;
margin: 0px;
padding: 0px;
}

.homebox_title {
display: block;
padding: 10px 0px 0px 10px;
height: 25px;
margin: 0px;
background-image: url("images/vice_logo_small.gif");
background-position: 420px 9px;
background-repeat: no-repeat;
background-color: #000;
color: #fff;
text-transform: uppercase;
}


/******** Inspiration **/

.inspire_box {
width: 410px;
float: left;
margin: 0px 10px 10px 0px; 
}

.inspire_image {
height: 260px;
background-color: #bbb;
}

.inspire_deets {
background-color: #fff;
border-bottom: 1px solid #777;
border-left: 1px solid #777;
border-right: 1px solid #777;
padding: 10px 10px 5px 10px;
}

/******** About **/

.about_image {
width: 270px;
height: 190px;
background-color: #eee;
margin-bottom: 15px;
float: right;
}


#about_images img {
margin-left: 20px;
}


/******** Sites **/

.site_image {
width: 490px;
height: 320px;
background-color: #cccccc;
float: right; 
clear: left;
margin: 0px 10px 20px 0px;
}

.site_deets {
float: left; 
width: 300px;
}

.site_deets h2 {
margin-bottom: 5px;
}

/******** News **/

.news_preview_box {
margin-bottom: 15px;
}

.news_intro {
width: 390px;
border-left: 1px solid #777;
border-bottom: 1px solid #777;
border-top: 1px solid #777;
padding: 10px;
height: 240px;
float: left;
}

.news_intro_image {
height: 262px;
background-color: #eeeeee;
float: left;
width: 415px;
}

#news_signup {
float: right;
padding-right: 15px;
padding-top: 5px;
}

#news_signup .email {
padding: 3px;
width: 130px;
margin-bottom: 15px;
border: 1px solid #888;
}

#news_signup .submit {
padding: 2px;
width: 30px;
margin-bottom: 15px;
border: 1px solid #888;
}

.news_image {
width: 410px;
float: left;
margin-bottom: 20px;
}

.news_text {
width: 410px;
min-height: 270px;
float: left;
margin-right: 10px;
padding-bottom: 30px;
line-height: 18px;
}

/******** Entry form **/

#entry_form label {
display: block;
margin-bottom :5px;
}

#entry_form input, #entry_form textarea {
margin-bottom: 15px;
border: 1px solid #888;
}

#entry_form input {
padding: 5px;
width: 300px;
}

#entry_form textarea {
width: 500px;
height: 150px;
padding: 5px;
font-family: Arial;
font-size: 12px;
line-height: 16px;
}

#entry_form .submit {
display: block;
width: 100px;
clear: left; 
margin-top: 20px;
}


#entry_form .checkbox {
display: block;
clear: left;
width: 20px;
float: left;
clear: left;
}

#entry_form .mailer_optout {
float: left;
width: 300px;
}

#entry_form .file {
float: left;
width: 300px;
}

.error {
padding: 10px 20px 10px 20px;;
text-align: center;
float: left;
background-color: #FFDFDF;
margin-bottom: 20px;
}

#entry_form {
clear: left;
}

.form_error {
color: #B00F1F;
}

#entry_form .input_error {
border: 1px solid #B00F1F;
}

/******** Entry form **/

#legal .wide_left_column {
padding-top: 20px;
width: 600px;
}


body #legal {
font-size: 10px;
}

#legal ul {
margin-bottom: 10px;
}

/******** Slider **/

/*preload classes*/

.svw { width: 50px; height: 20px; background: #fff; } 
.svw ul { position: relative; left: -999em; } 
 
/*core classes*/

.stripViewer {  
position: relative; 
overflow: hidden;  
margin: 0 0 0px 0; 
} 

.stripViewer ul {
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 

.stripViewer ul li {  
float:left; 
} 

.stripTransmitter { 
position: absolute;
overflow: auto;
width: 1%;
margin: -33px 5px 0px 5px;
} 

.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative;
list-style-type: none; 
} 

.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 5px 5px 0 0; 
} 

.stripTransmitter a{ 
font: bold 11px Arial; 
text-align: center; 
line-height: 22px;
background: #00a7d1; 
color: #fff;
text-decoration: none; 
display: block;
} 

.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #00a7d1; 
} 


/******** Image caption **/

.boxgrid{ 
width: 240px; 
height: 140px; 
float:left; 
background:#161613;
overflow: hidden;
position: relative; 
}

.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}

.boxgrid p { 
padding: 0 10px 0 10px; 
color:#afafaf; 
font-weight:bold; 
font:10pt "Lucida Grande", Arial, sans-serif; 
}

.boxcaption{ 
float: left; 
position: absolute; 
background: #000; 
width: 100%;
height: 100px;
opacity: .8;
padding: 0 0 5px 0;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.captionfull .boxcaption {
	top: 140px;
	left: 0;
}

.caption .boxcaption {
	top: 140px;
	left: 0;
}


/******** Useful **/

.clear {
clear: both;
}