@charset "utf-8";
/* Hippo Screenprinters CSS Document */
* {
	margin : 0;
	padding : 0;
}

html {
	margin : 0;
	padding : 0;
}

body {
	font-family:Arial, sans-serif;
	font-size : 100%; /*16 px : helps IE6 and IE7 do %ages corerctly */
	background: #fff url(images/fade.jpg) top left repeat-x;
}

td {vertical-align:top;}
#wrapper { width : 980px; margin : 20px auto; background-color : #000;}
#left-col { width :  200px; float : left; color : #ed3800; font-size: 15px; line-height : 1.3em;}
#right-col { width : 780px; float : right; }

#st-a { height : 250px; width : 127px;margin : 27px 0 5px 27px;  display : block; float : left; }

#left-col img.action { height : 100px; width : 66px; margin : 20px 79px 0 55px;  display : block; float : left; }
#left-col p { padding : 1em 0 1em 40px; }
#left-col h3 { font-size : 25px; line-height : 1em; color : #f6a000; padding : 25px 0 5px 40px;}

#left-col table.gallery { margin-left : 40px; margin-top : 20px;  clear : both;}

.gallery img.thumbnail { width : 46px; height : 69px; }
.gallery img.thumbnail2 { width : 100px; height : 87px; }
.gallery td.spacer { width : 15px; }
.gallery td.spacer2 { width : 40px; }
.gallery .gallery-caption {color : #e33500; font-size : 14px; line-height : 1.3em; padding : 5px 0 10px; clear : both; text-align:center;}

#welcome { color : #e33500; font-size : 16px; line-height:1em; padding : 35px 0 9px 0; font-weight:bold;}
#hippo-logo {height : 167px; width : 483px; display : block; float : left;}


#menu { clear : both; padding : 26px 0 40px 0;}
#menu ul {list-style:none;}
#menu li { float : left; padding : 0 7px; }
#menu li.first { padding-left : 0;}
#menu li.last { padding-right : 0;}

#menu a, #menu a:link, #menu a:visited, #menu a:focus, #menu a:active { color : #f6a000; text-decoration:none; font-size : 15px; letter-spacing : 1px;	border:0;
	outline:none;}
#menu a:hover  { color : #e33500; text-decoration:underline;	border:0;
	outline:none;}

#headlines { float:right; margin : 0 20px 0 20px; width : 240px; font-size:14px; line-height : 1.5em; color : #999;}
#headlines h2 { font-size : 21px; line-height : 21px; padding : 3px 0 4px 0;}
#headlines h3 { font-size : 17px; line-height : 21px; }
#headlines h4 { font-size : 12px; line-height : 21px; }
#headlines p {padding-bottom : 13px; }
#headlines a { color : #f6a000; text-decoration:underline; }
#headlines a:hover { color : #e33500; text-decoration:none; }
#headlines hr { color : #999; background-color:#999; height:1px;}

#content {	float : left; clear : left; font-size:14px; line-height : 1.5em; color : #f6a000; width : 445px;}
#content h1 {	font-size:24px; line-height : 1.5em; }

#content ul { padding : 0 0 13px 40px; list-style:circle;}
#content p { padding-bottom : 13px;}
#content p.pre { padding-bottom : 0;}
#content a { color : #f6a000; text-decoration:underline; }
#content a:hover { color : #e33500; text-decoration:none; }

.col1 {
	float : left;
	padding-right : 20px;
	width: 260px;
}

.col2 { float : right; width: 260px; }

.rubric {
	font-style:italic;
	clear : both;
	margin-bottom : 0;
}

#artistlist { padding-left : 40px; }

#artistlist a {
	font-weight:bold;
	display : block;
	width:160px; 
	color : #ed3800;
	font-size: 15px;
	line-height: 1.0em;
	padding : 1px 0 ;
	text-decoration:none;
	border:0;
	outline:none;
}

#artistlist a:link, #artistlist a:visited, #artistlist a:focus, #artistlist a:active {
	text-decoration:none;
	border:0;
	outline:none;
}

#artistlist a:hover {
	color : #f6a000;
	text-decoration:none;
	border:0;
	outline:none;
}

img.thumbnail { width : 46px; height : 69px; }



#footer {clear : both; text-align:center; color : #999; font-size:10px; padding : 25px 0;}
#footer a { color : #999; text-decoration:none;}
#footer a:hover { color : #999; text-decoration:underline;}


.clearer {
	clear:both;
	display : block;
	height : 0px;
}