html, body, #page {
	background:#92aa61 url(../images/layout/bg.jpg);
	color:#000;
	
	margin:0;
	padding:0;
}
body {
	margin:250px 0 0 0;
}
#page {
	font-size:0.75em;
}
/* LAYOUT */
.wrap {
	margin:0 auto;
	
	width:950px;
	min-width:950px;
}
/* HEADER */
#header {
	width:100%;
	min-width:950px;
	
	margin:0;
	padding:0;

	height:250px;
	background:#aedef1 center top no-repeat;
	
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:50;
}

#header div.wrap {
	position:relative;
}
/* TITLE */
div.logo a {
	width:500px;
	height:100px;
	
	position:absolute;
	top:20px;
	left:0;
	z-index:10;
	
	display:block;
	
	background:transparent url(http://www.threeshires.com/images/layout/title.png) top left no-repeat;
	text-indent:-9999px;
}

#header h1 {
	width:500px;
	height:100px;
	
	position:absolute;
	top:20px;
	left:0;
	z-index:10;
	
	display:block;
	
	background:transparent url(../images/layout/title.png) top left no-repeat;
	text-indent:-9999px;
}
#header h1 a {
	width:500px;
	height:100px;
	
	display:block;
	text-indent:-9999px;
}
/* QUICK LINKS */
#header ul#quick_links {
	position:absolute;
	top:20px;
	right:0;
	z-index:10;
	
	display:block;
}
#header ul#quick_links li {
	height:41px;
	
	margin:0 7px;
	padding:0;
	
	display:block;
	float:left;
}
#header ul#quick_links li a {
	line-height:41px;
	color:#694923;
	text-decoration:none;
	font-weight:bold;
	text-shadow:#fff 0 1px 0;
}
#header ul#quick_links li a:hover { color:#000 }
#header ul#quick_links li a img {
	margin:0 1px 3px 0;
	vertical-align:middle;
}
/* NAVIGATION */
#nav {
	width:100%;
	min-width:950px;
	
	background:transparent url(../images/layout/nav_bg.png) top left repeat-x;
	
	position:absolute;
	top:200px;
	z-index:20;

	font-size:12px;
}
  #nav ul {	
    width:930px;
    min-width:auto;
    height:50px;
    
  	background:none;
  	color:#fffbc2;
	
  	margin:0 auto;
  	padding:0;
	
  	display:block;
  }
    #nav ul li {
    	height:50px;
	
    	margin:0 20px 0 0;
    	padding:0;
	
        position:relative;
    	display:block;
    	float:left;
    }
    #nav ul li.contact { margin-right:0 }
      #nav ul li a {
        margin:0;
        padding:0 20px;
        
        display:block;
        
        text-shadow:#000 0 1px 0;
        text-decoration:none;
        font-weight:bold;
        color:#fffbc2;
        font-size:14px;
        line-height:50px;
      }
      #nav ul li:hover a, #nav ul li a:hover { color:#fff; background:transparent url(../images/layout/nav_bg.png) top left repeat-x; }
      #nav ul li ul {
        min-width:200px;
        width:auto;
        height:auto;
        border-bottom:1px solid #000;
        
        position:absolute;
        top:50px;
        left:0;
        
        background:transparent url(../images/layout/sub_nav_bg.png) repeat;
        display:none;
        
        -webkit-border-bottom-left-radius:4px;
        -webkit-border-bottom-right-radius:4px;
        -moz-border-radius-bottomleft:4px;
        -moz-border-radius-bottomright:4px;
        border-bottom-left-radius:4px;
        border-bottom-right-radius:4px;
        
        -webkit-box-shadow:rgba(0,0,0,0.3) 0 8px 8px;
        -moz-box-shadow:rgba(0,0,0,0.3) 0 8px 8px;
        box-shadow:rgba(0,0,0,0.3) 0 8px 8px;
      }
      #nav ul li.contact ul { right:0; left:auto }
      #nav ul li:hover ul { display:block }
        #nav ul li ul li { height:30px; margin:0; clear:both; float:none; line-height:30px }
        #nav ul li ul li:last-child a {
          -webkit-border-bottom-left-radius:4px;
          -webkit-border-bottom-right-radius:4px;
          -moz-border-radius-bottomleft:4px;
          -moz-border-radius-bottomright:4px;
          border-bottom-left-radius:4px;
          border-bottom-right-radius:4px;
        }
          #nav ul li ul li a {
          	height:30px;
          	margin:0;
          	padding:0 10px;
          	
          	line-height:30px;
          	font-size:12px;
          }
          #nav ul li:hover ul li a { color:#fffbc2; background:transparent }
          #nav ul li ul li:hover a, #nav ul li ul li a:hover { color:#fff; background:transparent url(../images/layout/sub_nav_bg.png) repeat }

/* CONTENT */
#content {
	width:720px;
	
	margin:0 0 10px 0;
	padding:4em 20px 0 20px;
	
	display:block;
	float:left;
	position:relative;
	
	background:transparent url(/images/layout/content_bg.png) top left repeat-y;
}
#content #second_nav {
	width:740px;
	height:1em;
	
	margin:0;        
	padding:1em 0;
	border-bottom:1px solid #e1daae;
	
	position:absolute;
	top:0;
	left:10px;

	list-style:none;
	background:#fffceb;
}
#content #second_nav li {
	margin:0 0 0 10px;
	
	display:block;
	float:left;
	color:#9b9047;
}
#content #second_nav li a { border:0 }
#content #bottom {
	width:760px;
	height:20px;
	
	position:absolute;
	bottom:-20px;
	left:0;
	
	background:transparent url(../images/layout/content_bottom.png) top left no-repeat;
}
#sidebar {
	width:180px;
	
	margin:0 10px 0 0;
	padding:10px 0 0 0;
	
	float:right;

	color:#fffbc2;
}
#footer {
	width:740px;
	
	margin:0;
	padding:10px;
	
	clear:left;
	float:left;
	
	font-size:0.7em;
	font-weight:bold;
	color:#fffbc2;
	text-shadow:#000 0 0 2px;
}
/* TYPOGRAPHY */
#container h1, h2, #container h2 a, #container h3, #container h3 a, #container h4, #container h4 a {
	color:#044119;
	
	font-family:'Helvetica Neue', Helvetica, Arial, Verdana;
	font-style:italic;
	font-weight:bold;
	text-shadow:#fff 0 0 1px;
	text-decoration:none;
	overflow:hidden;
}
#container h2 img {
	vertical-align:middle;
	margin:0 0.3em 0.3em 0;
}
#content h3, #content h3 a {
	color:#10652a;
}
#content p a, #content li a {
	color:#10652a;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px dotted #333;
}
#content p a:hover, #content li a:hover {
	color:#333;
	border-bottom:1px solid #000;
}
#content ul, #content ol {
        margin:0 0 20px 10px;
        padding:0 0 0 5px;
	list-style:circle outside;
}
#content ol { list-style:decimal outside; margin-left:20px }
#content li, #content td, #content th { line-height:1.5 }
  #content li ul, #content li ol, #content li li { margin-bottom:0 }

#content p img, #content video, #content object { margin:0; padding:4px; border:1px solid #ccc; background:#fff }
#content video, #content object { display:block }
  #content p img[align=left], #content p img[style*='float:left'],
  #content video[align=left], #content video[style*='float:left'],
  #content object[align=left], #content object[style*='float:left'] { margin-bottom:20px; margin-right:20px }
  #content p img[align=right], #content p img[style*='float:right'],
  #content video[align=right], #content video[style*='float:right'],
  #content object[align=right], #content object[style*='float:right'] { margin-bottom:20px; margin-left:20px }

#content div.image_with_caption {
	width:auto;
	border:1px solid #ccc;
	padding:4px;
}
#content div.image_with_caption span {
	height:16px;
	
	display:block;
	clear:both;
	
	padding:4px 0 0 0;
	
	font-size:0.8em;
	line-height:16px;
	color:#666;
	overflow:hidden;
}
#content table {
	width:720px;
	
	border:0;
	padding:0;
	margin:0 0 20px;
}
#content table tr {
	border-bottom:1px solid #666;
}
#content table tr th {
	background:#044119;
	color:#fff;
	
	padding:1em 0.25em;
	
	font-weight:bold;
	font-size:1.2em;
}
#content table tr td {
	background:#fff;
	color:#333;
	
	padding:0.25em 0.5em;
	font-size:1em;
}
#content table tr td.first, #content table tr td:first-child {
	background:#eee;
	color:#000;

	font-weight:bold;
}
#content form {
	margin:0;
	padding:0;
}
#content form input, #content form textarea {
	display:block;
	clear:left;
	
	font-size:1em;
	font-family:inherit;
}
#content form div.row {
	padding:1em 0 0 0;
}
#content form label {
	display:block;
	font-weight:bold;
	padding-bottom:0.5em;
}
#content form .hide {
	display:none;
}
#content .comment {
	padding:2em 1em 0 1em;
	
	font-size:0.9em;
	background-color:#eee;
	border-bottom:1px dotted #ccc;
	
	
	position:relative;
}
#content .comment .author, #content .comment .datetime {
	display:block;
	
	position:absolute;
	top:0;
	left:1em;
	
	font-weight:bold;
}
#content .comment .datetime {
	left:auto;
	right:1em;
}
#comments { clear:both }
#sidebar {
	width:180px;
}
#sidebar h2 {
	clear:both;
	color:#fffbc2;
	text-shadow:#000 0 1px 0;
}
#sidebar p {
	color:#fff;
	text-shadow:#000 0 0 2px;
}
#sidebar p strong {
	color:#fffbc2;
}
#sidebar p a {
	color:#fff;
	text-decoration:none;
}
#sidebar p a:hover {
	color:#fffbc2;
}
#sidebar .news_container {
	margin:0 0 10px 0;
}
#sidebar .news_container a {
	margin:0 0 10px;
	padding:0 0 0 26px;
	
	display:block;
	clear:both;

	background:transparent url(/images/icons/16/41.png) center left no-repeat;
	color:#fffbc2;
	text-decoration:none;
	text-shadow:#364901 0 1px 0;
	font-weight:bold;
	line-height:1.5;
}
#sidebar .news_container a:hover { color:#fff; text-shadow:#000 0 1px 0 }
#sidebar .news_container a span {
	display:block;
	clear:left;
	font-size:0.8em;
	font-weight:normal;
	line-height:1.6em;
}
#sidebar .weather_container {
	width:170px;

	padding:1px;
	
	background:#fff;
	color:#000;
	border:1px solid #6b7b49;
}
#sidebar .weather_container .weather_item {
	width:33px;
	
	border-left:1px solid #6b7b49;
	
	display:block;
	float:left;
}
#sidebar .weather_container .weather_item.wi_3 {
	width:56px;
}
#sidebar .weather_container .weather_item:hover {
	background:#eee;
	cursor:pointer;
}
#sidebar .weather_container .weather_item:first-child {
	width:34px;
	border-left:0;
}
#sidebar .weather_container .weather_item.wi_3:first-child {
	width:56px;
}
#sidebar .weather_container .weather_item span {
	width:33px;
	
	border-top:1px solid #6b7b49;
	
	display:block;
	clear:both;
	
	font-size:0.7em;
	text-align:center;
}
#sidebar .weather_container .weather_item.wi_3 span {
	width:56px;
}
#sidebar .weather_container .weather_item:first-child span {
	width:34px;
}
#sidebar .weather_container .weather_item.wi_3:first-child span {
	width:56px;
}
#sidebar .weather_container .weather_item span.symbol {
	margin:4px 0;
	border-top:0;
}
#sidebar .weather_container .weather_item span.name {
	padding:3px 0;
	font-weight:bold;
	font-size:0.8em;
}
#sidebar .weather_container .weather_item span.temp, #sidebar .weather_container .weather_item span.time {
	padding:3px 0;
}
#sidebar .weather_container .weather_item span.day {
	background:#fffde0;
	color:#000;
}
#sidebar .weather_container .weather_item:hover span.day {
	background:#fffbba;
}
#sidebar .weather_container .weather_item span.night {
	background:#0a272b;
	color:#fff;
}
#sidebar .weather_container .weather_item:hover span.night {
	background:#000;
}
#sidebar .weather_source {
	font-size:0.8em;
	line-height:1.5em;
	text-align:right;
	color:#fffbc2;
	margin:0 10px 10px 0;
}
#sidebar .weather_source a {
	color:#fffbc2;
}
#sidebar .photo_container {
	margin:0 0 10px 0;
}
#sidebar .photo_container a {
	width:50px;
	height:50px;
	
	margin:3px 6px 3px 0;
	padding:1px;
	
	background:#fff;
	border:1px solid #6b7b49;
	
	display:block;
	float:left;
}
#sidebar .video_container {
	width:170px;
	
	margin:0 0 10px 0;
	padding:1px;
	
	background:#fff;
	color:#000;
	border:1px solid #6b7b49;
}
#sidebar form {
	margin-bottom:2em;
}
#sidebar label {
	display:block;
	clear:both;
	
	margin:0.5em 0;
	
	text-shadow:#364901 0 1px 0;
}
#sidebar input {
	width:100%;
}
#sidebar #checker { display:none }
#sidebar input[type=submit] { width:auto; margin:1em 0; float:right; }

#content blockquote {
	margin:10px 0;
	padding:10px 10px 10px 68px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;

	display:block;
	clear:both;

	background:#f7f7f7 url(../images/layout/quotes.png) 10px 10px no-repeat;
	font-weight:normal;
}
	#content blockquote p { margin-bottom:0 }
	#content blockquote strong,
	#content blockquote em,
	#content blockquote cite { text-align:right; display:block; clear:both; font-weight:bold }

#content strong, #content em, #content a { line-height:inherit }

/* Safari Optimisations */
#sidebar h2 { -webkit-text-stroke:1px transparent }
@media only screen and (max-device-width:480px) { #sidebar h2 { -webkit-text-stroke:0 black } }