@charset "utf-8";
/* CSS Document */

/*  
Theme URL: http://www.cat-writer.co.uk/
Description: Cat Writer - Yasmin Donlon.
Author: Joshua Gutteridge (Skyte Media)
Author URL: http://www.skytemedia.com/

Copyright (c) Yasmin Donlon.

*/

/* Generic
---------------------------------------------------------------------------------*/
body {
	padding: 0;
	margin: 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #DDD;
}

/* Font and Typography
---------------------------------------------------------------------------------*/
h1 {
	margin: 20px;
	padding: 0;
	font: 20px Arial, Helvetica, sans-serif;
	color: #333;
}

h2 {
	margin: 20px;
	padding: 0;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #333;
}

p{
	font: 12px/20px Arial, Helvetica, sans-serif;
	color: #333;
	margin: 20px;
	padding: 0;
}

/* Links
---------------------------------------------------------------------------------*/
a:link, a:active, a:visited {
	text-decoration: underline;
	color: #333;
}

a:hover {
	text-decoration: underline;	
	color: #000;
}

/* Layout
---------------------------------------------------------------------------------*/
#wrapper {
	width: 800px;
	margin: 0 auto;
}

#header {
	width: 760px;
	background-color: #FFF;
	padding: 20px;
	margin: 20px 0;
}

.header_left {
	float: left;
	font-size: 24px;
}

.header_left a:link, .header_left a:visited {
	text-decoration: none;
}

.header_right {
	float: right;
	font-size: 16px;
	padding-top: 10px;
}

.header_img {
	margin-bottom: 20px;
}

#menu {
	width: 240px;
	float: left;
	background-color: #EEE;
}

#menu ul {
	padding: 20px 20px 10px 20px;
	margin: 0;
}

#menu li {
	padding-bottom: 10px;
	margin: 0;
	list-style-type: none;
	font-size: 14px;
}

#menu li a{
	text-decoration: none;
}

#menu li a:hover{
	text-decoration: underline;
	list-style-type: circle;
}

#content {
	width: 540px;
	float: right;
	background-color: #FFF;
}

#content li {
	padding: 10px 0;
}

#footer {
	width: 800px;
	clear: both;
	padding: 20px 0;
}

#gallery {
	padding: 0 0 0 20px;
}

#gallery img{
	padding: 0 20px 20px 0;
}

/* Clearfix
---------------------------------------------------------------------------------*/
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */