/*
Theme Name: Red
Theme URI: http://www.lionelmann.com/
Description: Header and 2 column centre layout
Version: 1
Author: Lionel Mann
Author URI: http://www.lionelmann.com/
*/

/* ************** STRUCTURE ************** */

body {
	font-size: 75%; /*62.5% Resets 1em to 10px */
 	font-family:  'Lucida Grande','Trebuchet MS',Verdana; 
        color: #565252;
        background: url("/wp-content/themes/letter/images/bg_map2.jpg");
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: top center;
	text-align: center;
 	line-height: 1.7em;
	margin: 0;
	padding: 0;
}

#wrapper {
	margin: 0px auto;
	padding: 0;
	width: 758px;
        background: url("/wp-content/themes/letter/images/pageback.gif");
}

#title {
	background: url("/wp-content/themes/letter/images/bg_header10.jpg") no-repeat top center;
        margin: 0;
	padding: 0;
        height: 199px;
}

/*IE*/
#content {
	margin: 0px auto;
	padding-top: 15px;
        padding-left: 10px;
        padding-right: 10px;
	width: 710px;
        text-align:left;
}

/*Firefox*/
html>body #content {
	margin: 0px auto;
	padding-top: 15px;
        padding-left: 20px;
        padding-right: 20px;
	width: 710px;
        text-align:left;
}

#feature {
        width: 490px;
        float:left;
}

#leftcolumn_home {
        width: 235px;
        float:left;
}

#rightcolumn_home {
        width: 235px;
        float: left;
        margin-left:20px;
        margin-right:19px;
}

/*IE*/
#leftcolumn {
        float: left;
        margin-right: 9px;
	width: 490px;
        text-align:left;
}

/*Firefox*/
html>body #leftcolumn {
        float: left;
        margin-right: 20px;
	width: 490px;
        text-align:left;
}

/*IE*/
#aboutus_left {
        float: left;
        margin-right: 9px;
        padding-top: 20px;
	width: 350px;
        text-align:left;
}

/*Firefox*/
html>body #aboutus_left {
        float: left;
        margin-right: 19px;
	width: 350px;
        text-align:left;
}

/*IE*/
#aboutus_right {
        float: right;
        padding-top: 20px;
	width: 340px;
        text-align:left;
}

/*Firefox*/
html>body #aboutus_right {
        float: right;
	width: 340px;
        text-align:left;
}

#leftcolumn_wide {
        float: left;
        margin: 0;
	width: 100%;
}



#sidebar {
        float: right;
        width: 200px;
}

p img {
        padding: 5px;
        margin: 0px 14px 10px 0px;
        border: 3px solid #E7E4E3;
}

hr {
        clear:both; 
        border-top: 1px solid #474444; 
        border-bottom: 0px; 
        border-left: 0px; 
        border-right: 0px;
}

/* **************** FOOTER *************** */

#footer {
        background: url("/wp-content/themes/letter/images/bg_footer3.jpg") no-repeat top center;
        width: 758px;
	text-align: center;
	clear: both;
	margin:0px;
	padding:0px;
        font-size: 1.0em;
       
}

#footer p { 
	padding-top: 12px;
        color: #CFCFC8;
}


#footer h2 { 
	padding-left: 20px; 
        padding-top:40px;
        color: #FFFFFF;
        text-align: left;
}

#footer ul { 
        color: #FFFFFF;
        text-align: left;
}


/* *************** HEADERS *************** */

h1, h2, h3 {
	font-family: Georgia, Times,'Trebuchet MS',Verdana, Sans-Serif;
	font-size: 1.7em;
        font-weight:normal;
}

h1 {padding-top:0px;}

h2.pagetitle {
	text-align: right;
	border-bottom: 1px solid #817878;
	color: #c38c53;


	margin-top: 0;
	padding-bottom: 5px;
        margin-bottom: 0px;
}

img.lefth2img {
	margin: 0;
	padding: 0;
}

#sidebar h2 {
        font-size: 1.3em;
        margin: 0;
	padding: 0 0 3px 0;
	color: #817878;
        /*font-weight: normal;*/
	font-family: 'Trebuchet MS',Georgia, 'Lucida Grande', Verdana;
        border-bottom: 1px solid #E7E4E3;
}
.post h1 { display: inline; padding: 0; margin: 0;}
.post h2 { display: inline;}
.post small { display: block; }

.post h3 {
	font-size: 1.5em;
	padding: 0;
	margin: 15px 0 0 0;
}


/* ****************** POST ****************** */

.post {
	font-size: 1.1em;
	text-align: left;
}

.post small {
        font-size: 0.9em;
	padding-bottom: 9px;
}

.postmetadata {
        font-size: 0.9em;
	clear: both;
	text-align: left;
	padding-bottom: 20px;
	padding-top: 0px;
        border-bottom: 1px solid #817878;
}

blockquote {
	margin: 15px 30px 0 0;
	padding-left: 15px;
	border-left: 4px solid #2C7EA9;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

/* ************* SIDEBAR LISTS ************** */

#sidebar ul, #sidebar ul ol {
        width: 200px;
	margin: 0px;
	padding: 0px;
}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 20px;
        text-align:left;
}


#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
}




/* *************** SEARCHFORM *************** */

#searchform {
	margin: 0;
	padding: 0; 
	text-align: center;
}

form#searchform input:focus {
	border: 2px solid #6C894A;
	margin: 1px;
}

#searchform input { 
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	border: 1px solid #399CC6;
	margin: 2px;
}

#searchform #s {
	width: 115px;
	padding: 2px;
}

#searchsubmit { display: none; }

/* **************** COMMENTS **************** */

h2.respond {
	clear: both;
	display: inline;
	margin-top: 20px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	color: #B66811;  
        text-align:left;
}

/* Forms */

form#commentform input:focus, form#commentform textarea:focus {
	border: 2px solid #6C894A;
	margin: 2px;
        text-align:left;
}

#commentform input, #commentform textarea { 
	/*font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;*/
	/*border: 1px solid #399CC6;*/
	/*margin: 2px;*/
	width: 200px;
        text-align:left;
}

/* Comments */

.alt {
	background-color: #817878;
	border-top: 1px solid #136284;
	border-bottom: 1px solid #136284;
}

.commentlist cite {
	display:block; 
        background: #B66811;/*#D17D22;#E98A35;#993300;*/
        border-bottom: 1px solid #136284;
        padding:3px 10px 3px; 
        margin:-10px -10px 10px; 
        font-style:normal;
}

html>body .commentlist {
	padding: 0;
	margin: -5px;
	text-align: left;
}

.commentlist {
	padding: 0;
	margin: -10px;



	text-align: left;
}

.commentlist li {
	margin: 5px 0 10px 5px;
	padding: 10px;
	list-style: none;
}

.commentlist p { margin: 0 0 15px 0; }


.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: block;
        color: #FFFFFF;
}

.commentmetadata a {
        color: #FFFFFF;
text-decoration:underline;
}

cite {color:#FFFFFF;}


#geoMashup {
        border: 1px solid #474444;
        margin-bottom: 20px;
        }

/* **************** CONTACT FORM **************** */

.contactform {
        margin-top: 15px;
	position: static;
	overflow: hidden;
        background-color: #FFFFFF;
        border: 1px solid gray;
        height: 100%;
}

/* **************** TOP NAV MENU **************** */
#outerNav {
	width: 758px;
        height: 35px;
        margin: 0px auto;
        padding: 0;
        border: none;
        background: url("/wp-content/themes/letter/images/bg_topnav4.gif") no-repeat bottom center;
}

#nav {
	width: 758px;
        font-family: 'Lucida Grande','Trebuchet MS', Verdana;
        font-size: 1.1em;
	margin: 0 auto;
	font-weight: bold;
	padding: 0;
}


/*IE*/
#nav ul {

	float: left;
	margin: 0 0 0 8px;
	vertical-align: bottom;
	padding: 0;
}

/*Firefox*/
html>body #nav ul {
	float: left;
	margin: 0 0 0 20px;
	vertical-align: bottom;
	padding: 0;
}

#nav li {
	float: left;
	margin-left: 4px;
	padding: 0 0 0 8px;
	background: url(/wp-content/themes/letter/images/norm_left.gif) no-repeat left bottom;
        list-style-type: none;
        list-style-image: none;
}
	
#nav ul li a, #nav strong, #nav span {
	float: left;
	padding: 4px 16px 9px 9px;
	background: url(/wp-content/themes/letter/images/norm_right.gif) no-repeat right bottom;
	color: #B66811; 
	display: block;
	font-size: 90%;
}

#nav ul li a:hover {
        color: #874D0D;
	text-decoration: none;
	}	

#nav ul #current {
	background: url(/wp-content/themes/letter/images/norm_left_on.gif) no-repeat left bottom;
	float: left;
	margin-left: 4px;
	padding: 0 0 0 8px;
	}

#nav ul #current a {
	color: #FFF;
	background: url(/wp-content/themes/letter/images/norm_right_on.gif) no-repeat right bottom;
	display: block;
	padding: 4px 16px 9px 9px;
	}
	
#nav ul #current a:hover {
	color: #FFF;
	text-decoration: none;
	}	

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #nav a {float:none;}
  /* End IE5-Mac hack */


/* **************** LINKS **************** */

.sidebar, a {
       color: #B66811; 
       text-decoration: none;
}

.sidebar, a:hover {
       text-decoration: underline;
}

ul#arrow li{
	background: url(/wp-content/themes/letter/images/arrow.gif) no-repeat left;
	text-indent: 16px;
}

ul#link li{
	background: url(/wp-content/themes/letter/images/link.gif) no-repeat left;
	text-indent: 16px;
}


/*
ul#plus li {
	background: url(/wp-content/themes/letter/images/plus.gif) no-repeat left;
text-indent: 16px;
}
*/
ul#flag li{
	background: url(/wp-content/themes/letter/images/flag.gif) no-repeat left;
	text-indent: 16px;
}

ul#feed li{
	background: url(/wp-content/themes/letter/images/feed.gif) no-repeat left;
	text-indent: 16px;
}

ul#photo li{
	background: url(/wp-content/themes/letter/images/photo.gif) no-repeat left;
	text-indent: 16px;
}

ul#travellist li{
	background: url(/wp-content/themes/letter/images/greenarrow.gif) no-repeat left;
	text-indent: 16px;
        list-style-type: none;
	margin-left: -18px;
	padding: 0px;
}

#footer a {
	color: #CFCFC8;
	text-decoration: underline;
}

#footer a:hover {
	color: #CFCFC8;
	text-decoration: none;
}

cite a {
       color:#FFFFFF;
}

.postmetadata a {
        color: #B66811; 
}

.postmetadata a:hover {
        text-decoration: underline;
}

h2 a {       
color: #B66811; /*#98570E;DC4200;*/
}

h2 a:hover {
        font-weight:normal;
}


.postspermonth {
	margin: 5px 0 10px 0;
	list-style: none;

	padding-left: 25px;
}

.kgarchives ul {
	margin: 5px 0 10px 0;
	list-style-type: none;
        list-style-image: none;
	padding-left: 25px;
}

#wpig img {
margin: 0px 8px 8px 0px;
border: 5px solid #E7E4E3;
}

#wpig img:hover {
margin: 0px 8px 8px 0px;
border: 5px solid #C6C5C4;
}