/* Theme Name: Sweet theme 
Theme URI: http://www.paulmatson.co.uk 
Description: Sweet History website 
Version: 1 
Author: PM 
Author URI: http://www.paulmatson.co.uk

*/

body { font-size: 62.5%; /* Resets 1em to 10px */ 
font-family: Arial, Helvetica, Geneva, sans-serif; 
background: #E8E0E0 url('images/bkg.jpg') repeat-x; 
color: #333; text-align: center;
margin: 0; padding: 0;}

#page { background-color: #FFF; text-align: left; 
 margin: 0 auto; padding: 0; width: 928px;  }

#header { background: #FFF url('images/logo-banner.jpg') no-repeat top center; 
 margin: 0; padding: 0; height: 140px; width: 928px;  font-size: 1.3em;}

#logo { float: left; height: 80px; width: 164px; border: 0; padding: 0; 
margin:40px 0 0 0px; cursor: pointer; display:inline; /* IE Doubled Float-Margin bug */ } 

#logo h1 { margin: 0; border: 0; padding: 0; padding-top: 80px; overflow: hidden; 
height: 0px !important; /* for most browsers */ height /**/:80px; /* for pre 6.0 IE Win */ }

#nav { width:164px; margin:0 0 0 206px; padding-top: 48px;  font-weight: bold; }
#nav a { color: #AB9E9E; border:none; }
#nav a:hover { color: #FF6000; }
#nav .current_page_item a {color: #FF6000; }

ul.navcol { padding:0; margin:0; float:left; width: 82px; list-style-type: none;  }
ul.navcol li {padding-top:5px; }

/* #content { font-size: 1.2em;} */
/* .narrowcolumn .entry { line-height: 1.4em; } */


h1 { font-family: Arial, Helvetica, Geneva, sans-serif; font-weight: bold;
font-size: 4em; padding-top: 70px; margin: 0; }
h1, h1 a, h1 a:hover, h1 a:visited { text-decoration: none; color: white; }

h2, h2 a, h2 a:visited { color: #FF6000;  font-family: Arial, Helvetica, Geneva, sans-serif; font-weight: bold;
font-size: 1.6em; margin: 30px 0 0 0; text-decoration: none; padding:12px 0 0px 0; margin:0 0 6px 0; }


h3 { font-family: Arial, Helvetica, Geneva, sans-serif; font-weight: bold; font-size: 1.5em; line-height: 120%; padding: 4px 0 0 0; margin: 0; }
h3, h3 a, h3 a:visited { color: #968383; }
h3, h3 a, h3 a:hover, h3 a:visited { text-decoration: none; }

/* links */
a { color: #FF6000; text-decoration: none; border-bottom: 1px dotted #3E3E3E;}
a:hover { color: #3E3E3E; border-bottom: 1px dotted #3E3E3E; }


#footer { clear:both; border-top: 1px solid #CCC; height: 46px;  font-size: 1.2em;
padding: 0; margin: 0 0 0 30px; width: 868px; clear: both; color: #999; background-color: #FFF; }
#footer p.fLeft { float: left; margin: 0; padding: 12px 0;   } 
#footer p.fRight { float: right; margin: 0; padding: 12px 0;   } 
#footer a:link, #footer a:visited { margin-left: 10px; color: #999; border-bottom: 1px dotted #CCC; }
#footer a:hover, #footer a:active { color: #FF6000; }

/* Homepage */
#homeTop { height: 292px; width: 868px; margin: 24px 0 16px 30px; position:relative;  }
.homeMap {float:left; margin:0 12px 0 0; padding:0; }
#btnBox {padding:0; position: absolute; bottom:0em; right:0em; width:334px; clear:both; }
.mscapeBtn { float:left;   }
.timelineBtn { float:right;   }

a img.homeMap { border: 4px solid #FF6000; }
a:hover img.homeMap { border: 4px solid #3E3E3E; }

.homeIntro {float:right; width:334px;}

#homeTop p { font-size: 1.6em; line-height: 138%; color: #7E7575; padding:0; margin:0;   }
#homeMain {min-height: 200px; background-color: #F3EEEE; width: 868px; /* 892 - 24 = 868 */ margin: 24px 0 21px 18px; clear:both;
 padding: 21px 12px 21px 12px; }
.homepost { background-color: #FFF; width: 516px; float:left; min-height: 160px;  padding-left: 6px; }
#homeMain p { font-size: 1.3em; line-height: 140%; padding-right: 21px; color: #3E3E3E; }
.landmarks {float:right; width: 340px; background-color: #FFF;  min-height: 160px; }
.landmarks p {text-align: center;}
.thumbs {float:left; margin: 0; padding:0; width: 85px;}
/* end Homepage */

.post hr { display: block; }
.clear { clear: both; }

/* mappage */
#mapPage { width: 868px; margin: 24px 0 16px 30px; position:relative;  }
#map { width:610px; height:580px; margin:15px 0 0 0; padding:0; float:left; }
.mapTxt {font-size: 120%;}
.mappost { float:left; padding-left: 19px; padding-bottom: 20px; font-weight: bold; color: #AB9E9E;  }
.mappost h2 {font-size: 24px;}
#side_bar ol {  padding: 0 0 0 21px; margin: 0; font-size: 1.3em;   }
#side_bar ol li { margin: 0 0 8px 0; padding: 0; }

.mapHelp { background-color: #FFF; width: 334px; float:left; padding-left: 6px; padding-bottom:12px;  }
.mapMore { background-color: #FFF; width: 334px; float:left; padding-left: 6px; margin-left: 12px; display:inline; }
.mapMore h3 {padding: 12px 0 6px 0;}
.mapPrint { width: 164px; float:left;  margin-left: 12px; display:inline; }
.mapMore ul { font-size:1.2em; margin:0; padding:0 0 12px 0; line-height: 135%;}
.mapMore ul li { display:inline;  padding: 0 8px 0 0px; }

/* regular pages */
#pagePic {width: 246px;  float:left; margin: 24px 12px 0 30px; padding-bottom: 24px; }
#contentCol { float: left; padding: 0; margin: 12px 0 12px 0; width: 434px;  }
#contentCol p { color: #666; font-size: 1.3em; line-height: 130%; padding-right:3px; }
#contentCol ul, #contentCol ol { color: #666; line-height: 130%; padding: 3px 3px 12px 3px; margin: 0; font-size: 1.3em;  }
#contentCol ol { color: #666; line-height: 130%; padding: 3px 3px 12px 3px; margin: 0; font-size: 1.3em;  }
#contentCol ul li {  margin: 6px 0 0 12px; padding: 0; }
#contentCol ol li {  margin: 6px 0 0 20px; padding: 0; }
#contentCol ul li a:visited, #contentCol ol li a:visited  { border-bottom:none; }
#contentCol table {color: #666; font-size: 1.2em; line-height: 130%;  }
#contentCol table th {font-size:1.2em; padding: 6px; color: #FFF; font-weight: normal; background-color: #3E3E3E; }
td.stname {width:30%;}
#contentCol table tr { background-color: #E8E0E0; }

#sidebar {width:164px; margin: 24px 0 0 734px; padding-bottom: 21px; }
#sidebar ul {  border: 1px solid #FF6000;  padding: 3px 3px 12px 3px; margin: 6px 0 0 0; font-size: 1.1em; list-style:none;  }
#sidebar ul li { margin: 6px 0 0 0; padding: 0; }
#sidebar ul li a:visited { border-bottom:none; }

h3.sbBtn {width:100%; background-color:#3E3E3E; padding: 3px 0 3px 0;}
h3.sbBtn a, h3.sbBtn a:visited { color: #FF6000; padding:6px; text-decoration:none; }
h3.sbBtn a:hover {color: #FFF;}

p.eduHead {color: #444; margin-top:14px; padding:7px 0 3px 3px; background-color: #E8E0E0; }

.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; } 

/* timeline page */
#timelineCol { float: left; padding: 0; margin: 12px 0 12px 112px; width: 622px;  }
#timelineCol { color: #666; font-size: 1.3em; line-height: 130%; /* padding-right:3px; */ }
.timelineIntro {margin-left: 94px;}
.timelineIntro h3 { font-weight: normal; width:90%; font-size: 1.4em; line-height: 130%; }
table {padding: 0; margin:0; border-collapse: collapse; }
td {vertical-align:top; padding-bottom: 1em;}
th {font-size:1.5em; padding: 2em 0 1em 0; font-weight: normal; }
.tlPic {width:82px;  padding-right:12px; }
.year {width:70px;  padding-right:12px; font-size: 1.5em; font-weight: bold; color:#968383;}
.tlText {width:434px; }

.aboutIntro h3 {  font-weight: normal; width:90%; font-size: 160%; line-height: 130%; margin-bottom: 20px;  }




/* Begin Images */ 
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 0px; margin: 0 0 4px 7px; display: inline; }
img.alignleft { padding: 0px; margin: 0 7px 4px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */


/* Begin Form Elements */ 
#searchform { margin: 10px auto; padding: 0; text-align: left;  }
.searchbox { border: 1px solid #AB9E9E; }
.searchbtn {font-family: Arial, Helvetica, Geneva, sans-serif; color: #3E3E3E;}
select { width: 130px; }
/* End Form Elements */

acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { padding: 5px 14px 14px 21px; margin:0; background-color: #F3E9E9; width:70%;
	 background-image: url(images/blockquote.jpg);
	background-repeat: repeat-x;
	background-position: right bottom; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }