/**************************************************
Hardlines version 1.0

This is a W3C compliant XHTML/CSS template.

You are free to use and modify it under the terms
of the Creative Commons Attribution 3.0 License.
This means you can use it however you want and all
you have to do in return is keep the link back to
my website "www.hewison.net" when you use it.

Please visit my site for more free templates to give
any feedback. I'd love to know if it has been useful
for you.

GLHF :)
**************************************************/

/*** COMMON HTML ***/

body {
	font:78.5%/1.6em Verdana, sans-serif;
	word-spacing:2px;
	color:#333333;
	margin:20px 0 0 20px;
	background:#C0C0C0;
}

* {
	margin:0;
	padding:0;
}

a {
	color:#5A5A5A;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/*** HEADER ***/

#header {
	background-color:#C0C0C0;
}

#header h1 {
	padding:10px 0 10px 0;
	font:170% Verdana;
	text-transform:uppercase;
}

#header h1 a {
	color:black;
	text-decoration:none;
}

.clear {
	clear:both;
}

/*** SIDEBAR ***/

#sidebar {
 	height:610px;
	width:220px;
	float:left;
	background-color:#E1E1E1;
}

#sidebar h1 {
	color:#4B4B4B;
	font:bold 120% Verdana;
	margin:20px;
	padding:10px;
	background-color:#C0C0C0;
}

#sidebar p {
	display:block;
	font:85%/1.4em verdana;
	color:#4B4B4B;
	margin:0 10px 10px 10px;
	padding:0 10px 10px 10px;
	text-align:justify;
}

#sidebar p.links {
	font:110%/1.8em verdana;
	padding:0 10px 10px 10px;
	text-align:right;
}

#sidebar ul,ol {
	margin:0 0 0 30px;
	padding:5px;
}

#sidebar ul li {
	padding:3px;
}

.main {
	display:block;
	overflow:hidden;
	width:660px;
	height:360px;
	border-width:20px 20px 0 20px;
	border-style:solid;
	border-color:#FFFFFF;
	background-color:#FFFFFF;
}

.main img {
	display:block;
	max-height:400px;
	max-width:660px;
	margin-left:auto;
    margin-right:auto
}

.preview {
	display:block;
	overflow:hidden;
	width:660px;
	height:90px;
	margin:20px 0 0 0;
	border-width:20px 20px 0 20px;
	border-style:solid;
	border-color:#FFFFFF;
	background-color:#FFFFFF;
}

.preview img {
	max-height:90px;
	max-width:120px;
}

.preview img, preview img a, preview img a:hover {
	text-decoration:none;
	border:none;
}

/*** CONTENT ***/

#content {
 	height:610px;
	margin:0 0 0 240px !important;
}

#main-panel {
	overflow:hidden;
	width:660px;
	height:auto;
	margin:0;
	padding:10px 20px 0 20px;
	text-align:center;
	background-color:#FFFFFF;
}

#image-nav-controls {
	height:20px;
	width:660px;
	text-align:center;
	display:block;
	margin-left:auto;
    margin-right:auto;
	border-width:0 20px 0 20px;
	border-style:solid;
	border-color:#FFFFFF;
	background-color:#FFFFFF;
}

#gallery-panel {
	overflow:hidden;
	width:660px;
	height:auto;
	margin:0;
	padding:10px 20px 0 20px;
	text-align:center;
	background-color:#FFFFFF;
}

/*** FOOTER ***/

#footer {
	margin:0;
	padding:10px 0 0 0;
	font:70% Verdana;
	color:#808080;
}

#footer a {
	text-decoration:none;
}

/*** END OF STYLESHEET ***/