/*
Theme Name: Andrew Bellamy
Theme URI: http://www.andrew-bellamy.co.uk/
Description: Andrew Bellamy.
Version: 3
Author: Andrew Bellamy
*/
#andys-crumbs {
	background-color : #fff;
}
* {
	margin : 0;
	padding : 0;
	font-family: Arial, Verdana, sans-serif;
	list-style-type : none;
}

body {
	background-color : #282828;
}
h1 {		
	font-size : 24pt;
	line-height : 30pt;
}
h2 {
	font-size : 20pt;
	line-height : 26pt;
}
h3 {
	font-size : 16pt;
	line-height : 22pt;
}
h4 {
	font-size : 12pt;
	line-height : 18pt;
}
h5 {
	font-size : 8pt;
	line-height : 14pt;
}
h6 {
	font-size : 4pt;
	line-height : 10pt;
}
img {
	border : none;
}
a {
	text-decoration : none;
	color : #00077c;
	padding : 2px;
}
a:hover {
	color : #fff;
	background-color : #00077c;
}
#content #post-content p a.pdf { /*The background image*/
	background: url (images/pdf.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px; /* To center the text vertically with the icon */
}
#content #post-content p.demo {
margin : 10px;
}
#content #post-content p a.txt { /*The background image*/
	background: url(images/txt.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}

#content #post-content p a.zip { /*The background image*/
	background: url(images/zip.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}

#content #post-content p a.email:hover,
#content #post-content p a.external:hover,
#content #post-content p a.pdf:hover,
#content #post-content p a.txt:hover,
#content #post-content p a.zip:hover,
#content #post-content p a.email:hover,
#content #post-content p a.external:hover {
	background-color : #00077c;
}

#container {
    width: 75%;
    margin: 5px auto 0 auto;
    overflow: hidden;
    position: relative;
}
#sidebar {
    width: 17%;
    position: fixed; /*--Fix the sidebar to stay in one spot--*/
    float: left; /*--Keeps sidebar into place when Fixed positioning fails--*/
	background-color : #574E2B;
}
#content {
    float: right; /*--Keeps content to the right side--*/
    width: 75%;
    padding: 5px;
	background-color : #fff;
	margin : 0 0 30px 0;
	text-align : center;
	min-height : 500px;
}


#sidebar h1 {
	text-align : center;
	background-color : #746425;
}
#sidebar h1 a {
	color : #638837;
	padding : 0;
}
#sidebar h1 a:hover { background-color:#746425; }
#sidebar h2 {
	color : #000;background-color : #746425;
	font-size : 12pt;
	line-height : 18pt;
	text-align : center;
}
#sidebar h2 span {
	color : #fff;
}


#sidebar .nav,
#sidebar .search {
	padding : 3px;
	height : 100%;
	min-height : 100%;
}
#sidebar .nav h3,
#sidebar .search h3 {
	clear : both;
}
#sidebar .nav h3:nth-of-type(n) {
	margin-top : 10px;
	padding-top : 5px;
	border-top : 3px solid #746425;
}
#sidebar .nav h3:hover {
	cursor : pointer;
}
#sidebar .nav ul {
	clear : both;
}
#sidebar .nav ul li {
	float : left;
	margin : 3px;
}
#sidebar .nav ul li a {
	padding : 2px;
	float : left;
}
#sidebar .nav ul li a:hover {
	background-color : #00077c;
	color : #fff;
}
#sidebar .search form {
	width : 95%;
	margin : 0 auto;
}
#sidebar .search form label {
	padding : 2px;
	margin : auto;
	color : #e9e9e9;
}
#sidebar .search form input[type="text"] {
	width : 80%;
	color : #a1a1a1;
	padding : 2px 4px;
}
#sidebar .search form input[type="text"]:focus {
	color : #000;
}
#sidebar .search form input[type="text"],
#sidebar .search form input[type="submit"] {
	font-size : 15px;
	border : none;
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
}
#sidebar .search form input[type="submit"] {
	background-color : #989898;
	color : #fff;
	padding : 2px;
}
#sidebar .search form input[type="submit"]:hover {
	background-color : #fff;
	color : #989898;
}
#sidebar #copyright li {
	clear : both;
	margin : 10px 0 0 0;
	width : 100%;
}
#sidebar #copyright li:nth-of-type(n) {
	border-top : 3px solid #746425;
	padding-top : 10px;
}
#sidebar #copyright li:nth-of-type(n+2) {
	margin : 0;
	border-top : none;
	padding-top : 3px;
}
#sidebar #copyright li:nth-of-type(n+3) {
	margin : 0 0 10px 0;
}
#sidebar #copyright li a {
	float : none;
}
#sidebar #copyright a.social {
	padding:0;
}
#sidebar #copyright a.social:hover {
	background-color:#574E2B;
}



#content h3 {
	margin-bottom : 10px;
	text-align : left;
}
#content h4.post-title {
	margin-bottom : 5px;
	color : #746425;
}
#content h4.post-title span {
	margin : 0 10px;
	color : #574e2b;
}
#content ul li {
	padding : 3px;
	margin : 10px 0;
	width : 99%;
}
#content ul li:nth-of-type(n+2) {
	border-top : 5px solid #574E2B;
	padding-top : 15px;
}
#content ul li a.title {
	text-align : center;
	padding : 2px;
}
#content ul li span {
	padding : 5px 0;
	font-size : 8pt;
	float : left;
	text-align : center;
	width : 100%;
}
#content ul li p {
	width : 90%;
	margin : 10px auto 2px auto;
	text-align : center;
	clear : both;
}


#content .post {
	margin : 10px auto;
	width : 90%;
	padding : 5px;
	border : 1px solid #BAA65B;
}
#content .post .post-meta {
	text-align : left;
}
#content .post .post-comment {
	margin : 10px auto;
	width : 95%;
	text-align : justify;
}

#content #post-content {
	padding : 0;
}
#content #post-content h1,
#content #post-content h2,
#content #post-content h3,
#content #post-content h4,
#content #post-content h5,
#content #post-content h6,
#content #post-content p {
	text-align : justify;
	padding : 0 20px;
}
#content #post-content h1,
#content #post-content h2,
#content #post-content h3,
#content #post-content h4,
#content #post-content h5,
#content #post-content h6 {
	margin : 0 0 10px 0;
}
#content #post-content p {
	margin-bottom : 20px;
}
#content #post-content .image img {
	margin : 10px 0 10px 0;
	text-align : center;
}
#content #post-content .image:hover {
	background-color : #fff;
	color : #000;
}
#content #post-content .syntaxhighlighter .lines .line table tr td {font-size:10pt;}
#content #post-tag {
	padding : 10px 0;
	text-align : center;
	font-size : 8pt;
}
#content #post-comments {
	border-top : 5px solid #574E2B;
	border-bottom : 5px solid #574E2B;
}
#content form {
	padding : 10px 0 0 0;
	margin : 0 auto;
	width : 400px;	
}
#content form p {
	margin : 5px 0;
}
#content form label {
	padding : 2px;
	margin : auto;
	color : #e9e9e9;
}
#content form input[type="text"] {
	width : 100%;
	color : #a1a1a1;
	padding : 2px 4px;
}
#content form input[type="text"]:focus {
	color : #000;
}
#content form input[type="text"],
#content form input[type="submit"],
#content form textarea {
	font-size : 15px;
	border : 1px solid #000;
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
}
#content form input[type="submit"] {
	background-color : #746425;
	color : #fff;
	border : none;
	padding : 2px 5px;
	margin : 5px 0;
}
#content form input[type="submit"]:hover {
	background-color : #574E2B;
	color : #fff;
}
#content form textarea {
	width : 100%;
	padding : 2px 4px;
}
#comment-form {margin-top:10px;}
#comment-form div {background-color:#baab74;}
#comment-form div {float:left;width:675px;padding:5px 2px;}
#comment-form div label {float:left;display:block;width:100px;font-weight:bold;padding:0 6px;}
#comment-form div input {padding:3px 2px;width:545px;border:1px solid #000;}
#comment-form div textarea {width:550px;height:100px;border:1px solid #000;}
#comment-form div input[type="submit"] {padding:5px;width:auto;margin:0 0 0 3px;font-size:12pt;}


#content .wp-pagenavi {
	border-top : 5px solid #574E2B;
	padding : 10px 0;
}

#contact { text-align:justify; }
#contact form, #contact form label, #contact form input[type="text"] { width : 100%; }
#contact form label{ color:#000; }
#about { text-align:justify; }
#contact p, #about p { margin:0 0 10px 0; }