/*  
Theme Name: London Zine Symposium 2008
Theme URI: http://www.londonzineysmposium.org.uk
Description: A theme cobbled together for the Zine Symposium 2008 website.
Version: 0.1
Author: Edd
Author URI: http://heymonkeyriot.lasthours.org.uk

	Zine Symposium v0.1
	 http://www.londonzineysmposium.org.uk

	This theme was designed and built by Edd for the LZS '08 website

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* begin structure */
body { font-size: 62.5%; font-family: Helvetica, Verdana, Arial, Sans-Serif; 	color: #333;	padding: 0px;	margin: 0px;	text-align: center;	background: #CCCCCC; background-image: url('images/background-lines.gif');	background-position: center; background-repeat: repeat-y; }


#container { width: 800px; 	border: 1px; text-align: center;	margin: 0 auto 0 auto; background: #6598ff; }
	
#indexsplash { width: 790px; 	height: 200px;	margin-left: 0px;	float: left; padding: 10px 10px 10px 10px; background-color: white;	}
	
#content { width: 780px; margin-left: 0px; padding: 10px 10px 10px 10px; float: left; text-align: left; background-color: white; }

#side_menu { width: 210px; margin-right: 5px; float: left; }

.box_info { width: 190px; padding: 6px; border: 1px solid white; margin: 8px 0px 12px 8px; }

#main_information { width: 560px; float: right; padding: 10px 10px 10px 10px; background-color: white; text-align: left; margin-bottom: 10px; }

#main_information img { margin: 0px -10px 5px 0px; padding: 0px 0px 0px 0px; text-align: right; }

#footer { width: 805px; display: block; color: white; background: black; margin: 20px 0px -20px -4px; padding: 0px; clear: both;  }
#footer p { color: white; padding: 20px; }
#footer a { text-decoration: none; color: white; }
#footer a:hover { color: #DF0000; text-decoration: underline; }

#header_img {	margin-bottom: 0px; background: #7AA6FF; }
/* #zine-bird { position: absolute; margin: -50px 0px 0 735px !important; margin: 0px 0px 0px 0px !ie; } */
		
#archivenav {	width: 80px;	height: 150px;	float: left;	padding: 4pt;	border: 1px #333 solid;	margin: 0px 20px 10px 0px;	}
		
		/* pageheaders */
.pagehead { padding: 0; left: 0px; margin-bottom: 3px; margin-top: 0px; margin-right: 0px; margin-left: 0px; height:150px; }

#pagehead_404 { background: url(http://londonzinesymposium.lasthours.org.uk/images/symposiumphoto.jpg) no-repeat; }
#pagehead_index { background: url(http://londonzinesymposium.lasthours.org.uk/images/symposiumphoto.jpg) no-repeat; }
		
	/* -- Header navigation bar -- */
#headernav { clear: both; padding: 1px 10px 1px 0px; font-size: 1.5em; color: #C0C0C0; text-align: left; display: block; background-color: black; margin: 0 0 0 -4px; width: 798px; }
#headernav ul { list-style: none; }
#headernav li { display: inline; }
#headernav a, #headernav a:visited { padding: 0; color: white; background-color: black; text-decoration: none; font-weight: bold; }
#headernav a:hover { color: #DF0000; background-color: black; text-decoration: none; }

/* -- side menu navigation -- */
ul#menu { width: 200px; list-style: none; float: right; text-align: right; padding: 10px 6px 0px 0px; margin: 0px; }

ul#menu li { border-top: 1px solid black; }

ul#menu li a { font-size: 10pt; color: white; background-color: black; text-decoration: none; font-weight: bold; display: block; }
ul#menu li a:visited { font-size: 10pt; color: white; background-color: black; text-decoration: none; font-weight: bold; display: block; }
ul#menu li a:hover { color: #DF0000; background-color: white; text-decoration: none; display: block; }

/* fonts and such like */

p { font-size: 10pt; color: #333; }

p .extract  { margin-top: -5px; }

.extract { margin-bottom: 10px; }

.extract_border { border-bottom: 1px solid #C0C0C0; margin-bottom: 15px; }

h1 { font-size: 20px; color: white; padding: 10px; margin: -5px -5px 5px -5px; background-color: #d82c2c; display: block; }

.box_info h1 { font-size: 20px; color: white; padding: 10px; margin: -5px; background-color: #d82c2c; display: block; }

.box_info p { color: white; font-size: 12px; }
.box_info a:visited { color: white; }

#main_information h1 { font-size: 20px; color: white; padding: 10px; margin: -10px -10px 5px -10px; background-color: #d82c2c; display: block; }

h2 { font-size: 18px; color: #800000; margin: 0; font-weight: bold; }
h2 a { text-decoration: none; color: #800000; }
h2 a:visited { text-decoration: none; color: #800000; }

.navigation { width: 80%; font-size: 12pt; }
.previous {float: left; }
.next {float: right; }

h3 { padding: 0px; margin: 0px; font-size: 7pt; font-weight: normal; color: #C0C0C0; margin-bottom: -5px; }
h4 { margin-top: 3px; }

ul { font-size: 10pt; }

#archivenav ul  { list-style: none; }
#archivenav a, a visited { text-decoration: none; }

/* links and stuff */
a { color: black; text-decoration: underline; font-weight: bold;}
a:visited { text-decoration: underline; font-weight: bold; }
a:hover { color: #d82c2c; text-decoration: none; }
a img { border: 0px; }
	
/* images */
#content img { border: 1px solid #333; padding: 5px; margin: 5px; float: left; }

#indexsplash img { border: 1px solid #333; padding: 0; margin-right: 5px; float: left; width: 500px; height: 190px; background-color: white; }

#imagethumbs img { display: inline; }

#imagethumbs { width: 790px; clear: both; display: block; }

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered { display: block; 	margin-left: auto; margin-right: auto; }

img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; float: right;	}

img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; float: left; }

	
.alignright {	float: right;	}

.alignleft {	float: left;	}

/* End Images */

#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0;	}

#commentform textarea {	width: 500px;	padding: 2px;	border: 1px solid black; }

#commentform #submit { margin: 0;	font-family: helvetica, arial, sans-serif; background: white;	width: 50px; text-align: left; border: 1px black solid;	}

/* image headers */
#pagehead_about { background: url(images/pagehead_about.jpg) no-repeat; margin: -10px -10px 5px -10px; height: 169px; }
#pagehead_archives { background: url(images/pagehead_archives.jpg) no-repeat; margin: -10px -10px 5px -10px; height: 169px; }
#pagehead_contact { background: url(images/pagehead_contact.jpg) no-repeat; margin: -10px -10px 5px -10px; height: 169px; }
#pagehead_exhibition { background: url(images/pagehead_exhibition.jpg) no-repeat; margin: -10px -10px 5px -10px; height: 169px; }
#pagehead_stalls { background: url(images/pagehead_stalls.jpg) no-repeat; margin: -10px -10px 5px -10px; height: 169px; padding: 0px; }
#pagehead_workshops { background: url(images/pagehead_workshops.jpg) no-repeat; margin: -10px -10px 5px -10px; height: 169px; }