/*  
 * Theme Name: 		Very English
 * Theme URI: 		http://www.theenglishguy.co.uk/very-english-wordpress-theme/
 * Description: 	Two columned theme, one main column, one sidebar.
 * Author: 			Richard Dows
 * Author URI: 		http://www.theenglishguy.co.uk/
 * Version:			1.1.4
 * Tags:			two column, web 2.0, seo friendly, widget ready
 */


* {
    margin:					0;
	padding:                0;
}

body, html { 
    background-color:		#fff;
	font-size:				1.1em;
	font-family:			Georgia, serif;
	color:					#333;
}

#wrapper { 
    width:					100%;
	text-align:				center;
	margin:					0 auto;
}

#header {
	width:					400px;
	float:					right;
	margin:					-50px 0 0 0;
	padding:                0 150px 0 0;
	min-height:             60px;
	height:					auto !important;
	height:					60px;
}
*+html #header {
	clear: 					right;
	margin:					5px 0 -25px 0;
	padding:                0 160px 0 0;
}
* html #header, head:first-child #header {
    margin:					0 0 -20px 0;
	padding:                0 150px 0 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  head~body #header { 
    margin:					0 0 -20px 0;
	padding:                0 150px 0 0;
  }
}

#bigbox {
    position:				relative;
	width:					1000px;
	margin:					auto;
}
* html #bigbox {
    margin-top:				50px;
}
*+html #bigbox {
    margin-top:				50px;
}

#topleft { /* the painting image 'The Son of man' */
    background-image:		url(images/topleft2.jpg);
	background-repeat:		no-repeat;
	position:				absolute;
	top:					-75px;
	left:					0;
	z-index:				10;
	width:					282px;
	height:					400px;
}

#bottomright { /* the Union Jack image */
    background-image:		url(images/bottomright.png);
	background-repeat:		no-repeat;
	position:				absolute;
	bottom:					-50px;
	right:					-50px;
	z-index:				10;
	width:					146px;
	height:					147px;
}
* html #bottomright {
    background-image:		url(images/bottomright.gif);
}



/*------------------------------------- content ------*/
#content { 
    position:				relative;
    margin:					75px auto 0 auto;
	z-index:				20;
	width:					800px;
	text-align:				left;
}

#content_head, #content_middle, #content_foot {
    clear:					both;
}
#content_head, #content_foot {
    height:					50px;
}

#content_head { 
    background-image:		url(images/block_top.png);
	background-repeat:		no-repeat;
}
* html #content_head {
    background-image:		url(images/block_top.gif);
}

#content_middle { 
    background-image:		url(images/block_middle.png);
	background-repeat:		repeat-y;
}
* html #content_middle {
    background-image:		url(images/block_middle.gif);
}

#content_foot { 
    background-image:		url(images/block_bottom.png);
	background-repeat:		no-repeat;
	position:				relative;
	z-index:				11;
}
* html #content_foot {
    background-image:		url(images/block_bottom.gif);
}

#content_theme_switcher p {
    margin:					0;
	padding:                0;
}
*+html #content_theme_switcher p {
    margin:					0 5px 0 45px;
}
#content_theme_switcher {
    float:					right;
	margin:					0 75px 0 0;
	width:					225px;
	text-align:				left;
}
#content_theme_switcher select {
    margin:					3px 25px 0 0;
	float:					right;
}

#sidebar {
    width:					200px;
	padding-right:			25px;
	float:					right;
}
@media all and (min-width:0px) {
  head~body #sidebar {
    padding-right:          25px;
  }
}
/* IE6 only */
/*\*/
* html #sidebar { 
	width:					180px;
	clear:					right;
}
/**/

.left, .middle, .right {
	float:					left;
}
.left {
    width:					200px;
	padding:                0;
}
.middle { 
    width:					250px;
}
.right {
	width:					300px;
}



/*------------------------------------- the posts ----*/
#post_block {
	float:					left;
	width:					520px;
}
* html #post_block {
	clear:					left;
}
.post {
	margin:					0 0 10px 40px;
	text-align:				justify;
}

.post-bottom { 
    width:					500px;
}
.post-middle img {
    margin:					0 0 5px 5px;
	padding:				5px;
	border:					1px solid #eee;
}
.post-middle img.invis {
    padding:                0;
	margin:					0;
	border:					0;
}
.post-bottom { 
    padding:                10px 0 2px 0;
}

.postmetadata, .tagmetadata {
    padding:                3px 0 0 0 !important;
}
.postmetadata {
    font-size:				0.9em;
    border-top:				1px solid #111;
	margin:					5px 0 0 0;
}
.tagmetadata {
    font-size:				0.7em !important;
    border-top:				1px solid #111;
	margin:					5px 0 0 0;
	text-align:				center;
}
.tagmetadata img {
    margin:                 3px 0 0 0;
}

.flickr { 
    margin:					0 0 0 40px;
	padding:                0 0 20px 0;
	text-align:				center;
}
.flickr img {
    padding:                3px;
	margin:                 0 3px;
	border:					1px solid #eee;
}



/*---------------------- comments, after the post ----*/
.commentsdiv { 
    width:					520px;
    margin:					0 0 0 25px;
}

.comments-header { 
    background-color:		transparent;
    font-variant:			small-caps;
}
.comments-middle {
    padding:                10px 0;
}
.comments-gravatar {
    float:					left;
	padding:                0 5px 5px 0;
	margin:					9px 5px 5px 0;
	border-right:			1px solid #900;
	border-bottom:			1px solid #900;
}
.comments-bottom {
    font-size:				0.7em;
}  
.comments { 
    margin:					10px 15px 10px 15px;
	padding:                0 5px 10px 10px;
    background-color:		#eee;
    border-top:				2px solid #900;
	border-bottom:			2px solid #900;
}
.owner {
    background-color:		#cff;
}

.commentform { 
	margin:					0 auto;
}
.commentform div {
    padding:				10px 30px;
}
.commentform .commentform-inputs .row { 
    vertical-align:			middle;
	padding:                7px 0 !important;
}
.commentform .commentform-inputs label {
    float:					left;
	width:					80px;
	margin-left:            5px;
    padding:                3px 4px;
	font-size:				0.8em;
}
.commentform .commentform-inputs span, .commentform .commentform-inputs input {
    padding-left:			15px;
}
.commentform .commentform-inputs input {
    padding:                1px 3px;
	border:					1px solid #333;
	font-size:				1.0em;
	width:					125px;
	font-family:			Georgia,"Times New Roman",serif;
	font-stretch:			expanded;
}
.commentform .commentform-textarea {
	text-align:				center;
	margin:					0 auto;
}
.commentform .commentform-textarea textarea {
    width:					460px;
	padding:                5px;
    background-color:		#eee;
    border-top:				2px solid #900;
	border-bottom:			2px solid #900;
	border-left:			1px solid #900;
	border-right:			1px solid #900;
	font-size:				1.0em;
	font-family:			Georgia,"Times New Roman",serif;
}
.commentform .commentform-textarea textarea:hover {
    background-color:		#fff;
	border-color:			#000;
}
.commentform .commentform-buttons {
    width:					420px;
	margin:					0 auto;
	padding:                10px 0 !important;
	text-align:				center;
}
.commentform .commentform-buttons input {
    width:					150px;
	border:					1px solid #000;
	border-right-width:		2px;
	border-bottom-width:	2px;
	padding:                2px 4px;
	background-color:		#fff;
	color:					#000;
	font-size:				0.8em;
}
.commentform .commentform-buttons input:hover {
    border-right-width:		1px;
	border-bottom-width:	1px;
	background-color:		#eee;
	cursor:					pointer;
}

.comments-number { 
    float:					right;
	font-style:				italic;
	font-weight:			bold;
	font-size:				1.8em;
	margin:					0 5px;
}

.comments_icon {
    margin:					3px 0 -3px 0;
}




/*--------------------------------------- footer -----*/
#footer {
    font-size:				0.8em;
	margin:					0 auto 10px auto;
	width:					600px;
	text-align:				justify;
}




/*--------------------------------- miscellaneous ----*/
abbr, acronym {
    border:					0;
	text-decoration:		none;
}
blockquote {
    width:					450px;
    background-color:		#eee !important;
	padding:				0 5px;
	margin:					0 5px 10px 5px;
	border:					1px solid #ccc;
}
.commentsdiv blockquote {
    border-top:				1px solid #000;
	border-bottom:			1px solid #000;
	background-color:		#ddd !important;
}
cite {
    font-style:				italic;
	font-size:				0.9em;
}
p.postmetadata span a, .tagmetadata a, .post-single h2 a {
    text-decoration:		none;
}

h1, h2, h3, h4, p, img {
	border:					0;
}
.post-top h2, .comments-header h2 {
    font-size:				1.4em !important;
}
.post-middle p, .comments-middle p {
    padding:                5px 0 10px 0;
}

#content_theme p {
    font-size:				9px;
	padding:                -2px 0 0 0;
}
#content_theme_switcher form option, #content_theme_switcher form select {
    font-size:				9px !important;
}

.comments-header h2 {
    border-bottom:			none !important;
	padding-left:           15px;
}
.comments-header h2 span {
    font-size:				0.9em !important;
}

h3, h4 {
    font-variant:			small-caps;
}

#sidebar h3 {
    font-size:				0.9em !important;
}

#content ul, #content ol, #content dl {
    margin:					0 0 0 55px;
	font-size:				0.8em;
	list-style-type:		none;
}
#sidebar ol, #sidebar dl {
    margin:					0 0 25px 25px !important;
}
#content ul ul, #content ol ol, #content dl dl, .post-middle ul, .post-middle ol {
    list-style-image:		url(images/blog-smallarrow.gif);
	margin:					0 0 0 35px;
}
.post-middle ul, .post-middle ol {
    margin:					0 0 0 20px !important;
	padding:                0 0 10px 0;
}

#sidebar ul {
    margin:					0 0 25px 0 !important;
	padding:                0 !important;
	list-style-image:		none !important;
}
#sidebar ul li {
    height:					27px;
	margin:					0 0 4px 0;
	padding:                5px 0 0 10px;
	background-image:		url(images/menuitem.jpg);
	background-repeat:		no-repeat;
	background-position:	bottom left;
	background-color:		#fff;
	vertical-align:			middle;
}
#sidebar ul li:hover {
    background-image:		url(images/menuitem_on.jpg);
}
#sidebar ul {
	list-style:				none !important;
}

#sidebar ul a {
    width:					150px;
	display:				block;
	height:					20px;
	max-height:				20px;
	line-height:			20px;
	overflow:				hidden;
}
#sidebar ul a:link, #sidebar ul a:visited {
    color:					#c00;
	text-decoration:		none !important;
}
#sidebar ul a:hover {
    text-decoration:		underline !important;
}


#content h4 {
    margin-left:			40px;
	font-size:				1.2em;
	text-decoration:		underline;
}
#content_foot p {
    margin:					0 50px;
	padding:                4px 0 0 0;
	font-size:				11px;
	text-align:				justify;
}
#content_foot img {
    margin:					0 0 -2px 0;
}
#content .right h4 {
    margin:					0 !important;
}
#content .right p {
    margin:					5px 5px 0 0;
	font-size:				0.8em;
}

.navigation {
	margin:					0 40px 10px 40px;
}

div.ads {
    text-align:				center;
	margin:					0 auto;
}
div.spacer {
    clear:					both;
}
.alignleft {
    float:					left;
	clear:					left;
}
.alignright {
    float:					right;
	clear:					right;
}
span.small {
    font-size:				75%;
}

img#email_icon {
    margin:					0 0 -8px 0;
}
img#comments_icon {
    margin:					0 0 -4px 0;
}

.left h4, .middle h4, .right h4 {
    font-size:				0.7em !important;
}
.left ul, .middle ul, .right ul {
    list-style-image:		url(images/blog-smallarrow.gif);
	font-size:				0.65em !important;
}


/*------------------ colors for columns and links ----*/
a:link { 
	color:					#900;
}
a:visited { 
    color:					#000;
}
a:hover { 
    color:					#c00;
}

h3 a:link {
    color:					#000;
}
h3 a:visited {
    color:					#333;
}
h3 a:hover {
    color:					#666;
}

#content_foot p a {
    text-decoration:		none;
}

.comments-bottom a:link {
    color:					#c00;
}
.comments-bottom a:visited {
    color:					#900;
}
.comments-bottom a:hover {
    color:					#000;
}

a.comments_no { 
    text-decoration:		none;
	font-size:				14px;
}



/*--------------------------- contact page -----------*/
.cform { }
.cform fieldset {
    background-color:		#fff !important;
	border:					none !important;
}
.cform fieldset legend {
    display:				none;
}
ol.cf-ol label { }
ol.cf-ol input[type="text"] { 
	background-image:		url(images/menuitem.jpg);
	background-repeat:		no-repeat;
	background-position:	bottom left;
	background-color:		#fff;
	height:					26px;
	padding:                6px 0 0 4px;
	margin:                 0;
}
ol.cf-ol input[type="text"]:hover {
    background-image:		url(images/menuitem_on.jpg);
}
ol.cf-ol textarea.area {
    width:					275px;
}



/*------------------------------ login ---------------*/
#login { 
    font-size:				0.9em;
}
#login .bigbox { 
    position:				relative;
}
#login .loginbox {
    background-image:		url(images/loginbox.png);
	background-repeat:		no-repeat;
	background-position:	top left;
	width:					346px;
	min-height:             296px;
	height:					auto !important;
	height:					296px;
	position:				relative;
	z-index:				99;
}
* html #login .loginbox {
    background-image:		url(images/loginbox_ie.png);
	background-repeat:		no-repeat;
}
#login .topleft { 
    background-image:		url(images/topleft2.jpg);
	background-repeat:		no-repeat;
	position:				absolute;
	top:					-95px;
	left:					-115px;
	z-index:				10;
	width:					282px;
	height:					400px;
	z-index:				89;
}
#login form {
	margin-left: 			0;
	padding:                50px 40px 20px 40px;
	-moz-border-radius: 	0;
	-khtml-border-radius: 	0;
	-webkit-border-radius: 	0;
	background-color:		transparent !important;
	border-radius: 			0;
}
#login form .submit input {
	font-family: 			"Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	padding:                3px 5px;
	border: 				none;
	font-size: 				13px;
	border-width: 			1px;
	border-style: 			solid;
	-moz-border-radius: 	3px;
	-khtml-border-radius: 	3px;
	-webkit-border-radius: 	3px;
	border-radius: 			3px;
	cursor: 				default;
	text-decoration: 		none;	
	margin-top: 			0px;
}
#login form .submit input:hover {
    cursor:					pointer;
}
#login form .submit { float: right; }
#login #nav {
	margin:					0 -30px 0 30px;
	text-align:				center;
}
#login #backtoblog a {
    top:					2px !important;
	font-size:				14px !important;
}



/*----------- alignments for WP compliance -----------*/
.aligncenter, div.aligncenter {
   display: 				block;
   margin-left: 			auto;
   margin-right: 			auto;
}

.alignleft {
   float: 					left;
}

.alignright {
   float: 					right;
}

.wp-caption {
   border: 					1px solid #ddd;
   text-align: 				center;
   background-color: 		#f3f3f3;
   padding-top: 			4px;
   margin: 					10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 		3px;
   -khtml-border-radius: 	3px;
   -webkit-border-radius: 	3px;
   border-radius: 			3px;
}

.wp-caption img {
   margin: 					0;
   padding:                 0;
   border: 					0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 				11px;
   line-height: 			17px;
   padding:                 0 4px 5px;
   margin: 					0;
}

