/*  
 * Theme Name: 		Reclamation
 * Theme URI: 		http://www.theenglishguy.co.uk/reclamation-wordpress-theme/
 * Description: 	A two column theme based on a grunge look.
 * Author: 			Richard Dows
 * Author URI: 		http://www.theenglishguy.co.uk/
 */

* {
    margin:					0;
	padding:                0;
}

body, html {
	font-family:			"Lucida Grande", verdana, sans-serif;
	font-size:				100%;
}

body {
	background-image:		url(images/background.gif);
	background-attachment:	fixed;
	background-repeat:		no-repeat;
	background-position:	bottom left;
}
body.red {
    background-image:		url(images/background-red.gif);
}
body.blue {
    background-image:		url(images/background-blue.gif);
}
body.green {
    background-image:		url(images/background-green.gif);
}



/*----------------------------- wrapper ------*/
#wrap {
    width:					800px;
	margin:					0 auto;
	text-align:				left;
}



/*-------------------------- main divs -------*/
#header {
	padding:                25px 10px;
}
#header h1 {
    font-size:				30px;
	font-family:			Helvetica, Arial, sans-serif;
	font-weight:			bold;
	color:					#70594b;
}
#header h2 {
    color:					#666;
	padding:                0 0 0 50px;
	font-size:				18px;
	font-family:			Arial, Helvetica, sans-serif;
	text-transform:			lowercase;
	font-weight:			100;
}
#header #text {
    margin:					10px 0 20px 210px;
}


#content {
    width:					593px;
	padding:                1px 0 0 0;
	float:					right;
}


#sidebar {
	float:					right;
    width:					183px;
	margin:					-4px 0 0 0;
	padding:                0 10px;
	text-align:				left;
}
#sidebar .block {
	color:					#000;
	margin:					0 0 15px 0;
	padding:                5px 0;
}

#sidebar .block_top, #sidebar .block_bottom {
    height:					5px;
	background-repeat:		no-repeat;
}
#sidebar .block_top { 
    background-image:		url(images/sidebar_top.png);
}
#sidebar .block_middle { 
    background-image:		url(images/sidebar_middle.png);
	background-repeat:		repeat-y;
}
* html #sidebar .block_middle {
    margin-top:				-13px;
	margin-bottom:			13px;
}
#sidebar .block_bottom { 
    background-image:		url(images/sidebar_bottom.png);
}

#sidebar .block_title { 
    height:					35px;
	background-color:		#000;
	margin:					0 0 10px 0;
}
#sidebar .block_title h3 {
    padding:                5px 0 0 0;
	color:					#fff;
	font-family:			sidewalk;
}

#sidebar h3 {
	font-size:				18px;
	font-weight:			bold;
	text-align:				left;
	margin:					0 0 0 5px;
}
#sidebar ul {
    margin:					0 0 0 5px;
	list-style-type:		none;
}
#sidebar ul li {
    padding:                5px 0 5px 0;
}

#searchform input {
	width:					162px;
	margin:					0 6px 0 5px;
	padding:                4px;
}


/*---------------------------- footer --------*/
#footer { 
	margin:					25px 0 10px 5px;
	width:					783px;
}

#footer #footer_top, #footer #footer_bottom {
    height:					5px;
	background-repeat:		no-repeat;
}
#footer #footer_top { 
    background-image:		url(images/footer_top.png);
}
#footer #footer_middle { 
    background-image:		url(images/footer_middle.png);
	background-repeat:		repeat-y;
}
#footer #footer_bottom { 
    background-image:		url(images/footer_bottom.png);
}

#footer #left, #footer #right {
	width:					380px;
	margin:					0 5px 0 0;
}
#footer #left {
	margin:					0 0 0 5px;
}
#footer #right {
	float:					right;
}
#footer #right div {
    background-color:		#f5f5f5;
	border:					1px solid #666;
	width:					378px;
	margin:					10px 0 0 0;
}
#footer #right p {
    padding:                5px;
	text-align:				left;
	color:					#333;
	line-height:			1.8em;
	font-size:				11px;
}


#footer ul {
    list-style-type:		none;
}
#footer ul ul {
    list-style-type:		none;
	margin:					0 20px;
	color:					#333;
	font-size:				14px;
}
#footer ul ul li {
    padding:                5px 0;
	border-bottom:			1px solid #ebe5e0;
}

#footer h2 {
    font-size:				16px;
	font-weight:			bold;
	color:					#000;
	text-align:				left;
	padding:                0 0 10px 20px;
}



/*----------------------------- post ---------*/
.post {
	margin:                 0;
	padding:                0;
}
.post-content {
	line-height:			1.3em;
	padding:                5px 0 0 0;
	margin:					0 0 25px 0;
	font-size:				13px;
	background-image:		url(images/main_middle.png);
	background-repeat:		repeat-y;
}
* html .post-content {
    margin-top:				-13px;
}
.post-content ul, .post-content ol, .post-content dl {
    padding:                5px 5px 10px 35px;
}

.post-main {
    padding:                0 5px 10px 5px;
}

.post-top {
	padding:                0;
	margin:					0;
	background-image:		url(images/main_top.png);
	background-repeat:		no-repeat;
	height:					5px;
}
.post-bottom {
    padding:                0;
	margin:					0 0 25px 0;
	background-image:		url(images/main_bottom.png);
	background-repeat:		no-repeat;
	height:					5px;
}

.post-title { 
    height:					35px;
	background-color:		#000;
	margin:					0 0 5px 0;
}
.post-title h2 a {
    margin-left:5px;
    color:#FFF;
}

.post-title h2 {
    padding:                5px 0 0 0;
}

.posted-by {
    background-color:		#000;
	padding:                0;
	margin:					0;
	height:					20px;
}
.posted-by p {
    padding:                0;
	margin:					0 0 3px 5px;
	color:					#fff;
	line-height:			11px;
	font-size:				11px;
}



/*-------------------------- comments --------*/
#commentsdiv {
	margin:					0;
	width:					593px;
}
.comments {
	width:					593px;
}

.comment .top, .trackback .top, .comment .bottom, .trackback .bottom {
    background-repeat:		no-repeat;
	height:					5px;
}
.comment .top, .trackback .top {
    background-image:		url(images/main_top.png);
}
.comment .middle, .trackback .middle {
    background-image:		url(images/main_middle.png);
	background-repeat:		repeat-y;
}
.comment .bottom, .trackback .bottom {
    background-image:		url(images/main_bottom.png);
}

.comments-title {
    background-color:		#000;
	height:					35px;
	margin:					0 0 10px 0;
}
.comments-title h2 {
    padding:                5px 0 0 0;
}
.comments-middle, .comments-top {
	color:					#000;
	text-align:				left;
}
.comments-number { 
	font-size:				24px;
	font-weight:			bold;
	font-family:			Arial, Helvetica, sans-serif;
	color:					#000;
	float:					right;
	padding:                5px;
}
.comments-poster {
    padding:                3px 0 10px 0;
	width:					150px;
	text-align:				center;
	border-right:			1px solid #000;
}
.comments-text {
    float:					right;
	width:					420px;
	padding:                2px 5px;
}
.comments-author {
    font-size:				18px;
}
.comments-gravatar {
    margin:					0 auto;
}
.comments-date {
    font-size:				11px;
}

.comments-middle {
    padding:                0 0 0 5px;
}
.comments-middle p {
    padding:                2px 0 7px 0;
	font-size:				13px;
	line-height:			1.4em;
}
.comment .comments-middle {
	height:      	        auto !important;
}

.comments-post {
	width:					500px;
	margin:					0 auto;
}

.comment h4 {
    color:					#000;
	font-size:				20px;
	font-family:			Arial, Helvetica, sans-serif !important;
	margin:					0 0 0 5px;
}
.comment h5 { 
    font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	padding:                0 0 10px 0;
}
.comment label {
    width:					100px;
	float:					left;
	margin-left:			5px;
	font-size:				13px;
}
.comment input {
    margin:					0 0 3px 0;
	padding:                1px 3px;
	border:					1px solid #605737;
}

.comments-textarea { }
.comments-textarea textarea {
    width:					498px;
	margin:                 0 auto 35px auto;
	border:					1px solid #605737;
}
.comment input#submit {
	float:					right;
	margin:                 0 50px 0 0;
	padding:                2px 5px;
	font-size:				13px;
	font-weight:			bold;
	font-variant:			small-caps;
}



/*----------------------------- calendar -----*/
#wp-calendar { 
	margin:					0 3px;
	width:					177px;
}
#wp-calendar thead th { 
    border-right:			1px solid #333;
	border-bottom:			1px solid #666;
}
#wp-calendar caption { 
    font-weight:			bold;
}
#wp-calendar tbody td { 
    border-right:			1px solid #333;
	border-bottom:			1px solid #444;
	text-align:				center;
}
#wp-calendar tbody td:hover {
    background-color:		#eee;
}
#wp-calendar tbody td#today {
    background-color:		#eee;
	border-right:			1px solid #600;
	border-bottom:			1px solid #600;
}
#wp-calendar tbody td#today:hover {
    background-color:		#ccc;
}
#wp-calendar tbody td a:link, #wp-calendar tbody td a:visited {
    font-weight:			bold;
}



/*----------------------------- links --------*/
a:link, a:visited {
    color:					#600;
	text-decoration:		none;
}
a:hover {
    color:					#000;
}

.posted-by a:link, .posted-by a:visited {
    color:					#c66;
}
.posted-by a:hover {
    color:					#eee;
}

#sidebar ul a {
    color:					#600;
	text-decoration:		none;
}
#sidebar ul a:hover {
    color:					#000;
}

#footer a, #footer a:visited {
    color:					#333;
}
#footer a:hover {
    color:					#000;
}
#footer #right a:link {
    text-decoration:		underline;
}
#footer #right a:hover {
    text-decoration:		none;
}

.navigation a:link, .navigation a:visited {
    color:					#fff;
}
.navigation a:hover {
    color:					#600;
}



/*----------------------------- misc ---------*/
.spacer {
    clear:					both;
}
.justify {
    text-align:				justify;
}
.navigation {
    text-align:				center;
	height:					30px;
	background-color:		#000;
	color:					#fff;
	padding:                8px 10px 0 10px;
}
abbr, acronym {
    border:					0;
}
.small {
    font-size:				87%;
}
.uppercase {
    text-transform:			uppercase;
}
.centered {
    text-align:				center;
	margin:					0 auto;
}
.align-left {
    margin:					0 0 0 10px;
	float:					left;
}
.align-right {
    margin:					0 10px 0 0;
	float:					right;
}
img {
    border:					0;
}
.post p {
    padding:                5px 0;
}
blockquote {
    background-color:		#eee;
	border-right:			1px solid #333;
	border-bottom:			1px solid #333;
	margin:					5px 25px;
	padding:                2px 5px 5px 5px;
}

.post-main .floatright { 
    float:					right;
}
.post-main .floatleft { 
    float:					left;
}
