/*   
Theme Name: motmotmot
Author: Hugh Stimson
Author URI: http://hughstimson.com
with thanks to http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks 
and Delicious - A font by Jos Buivenga (exljbris) -> www.exljbris.nl 
and css by fontsquirrel.com based on the work of Paul Irish. 
*/

@font-face {
	font-family: 'DeliciousHeavy';
	src: url('fonts/delicious-heavy-webfont.eot');
	src: 
	local('Delicious Heavy'), 
	local('Delicious-Heavy'), 
	url('fonts/delicious-heavy-webfont.woff') format('woff'),
	url('fonts/delicious-heavy-webfont.ttf') format('truetype'),
	url('fonts/delicious-heavy-webfont.svg#webfontbWB2OX8E') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
	padding: 0px;
	margin: 0px;
	background-color: #05350d;
	background-image: url('images/backgroundGradient.png');
	background-repeat: repeat-x;
	background-attachment: fixed;
}

/* hack for IE6 */
* html a, 
* html a:visited, 
* html a:active, 
* html a:hover {
	color: black;
}

#contentWrapper, 
#metaMenu {
	min-width: 995px;
	max-width: 1200px;
}

/* hack for IE6 css-discuss.incutio.com/wiki/Star_Html_Hack */
* html #contentWrapper, 
* html #metaMenu {
	width: 995px
}

#adminMenu {
	background-color: #377095;
	padding: 3px 0 7px 0;
	border-bottom: 0px solid #426F8C;
	color: white;
	text-align: right;
	font-family: arial, sans-serif;
	background-image: -moz-linear-gradient(top, #6AB0E0, #4D80A3); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #6AB0E0),color-stop(1, #4D80A3)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#6AB0E0', EndColorStr='#4D80A3'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#6AB0E0', EndColorStr='#4D80A3')"; /* IE8 */

}

#adminMenu ul {
	margin: 0;
}

#adminMenu li {
	display: inline;
	padding: 0 28px 0 0;
}

#adminMenu a {
	color: white;
}

#metaMenu {
	margin: 0 auto;
	padding: 3px 8px 0 0;
	height: 13px;
	text-align: right;
	font-family: arial;
	font-weight: normal;
	text-transform: none;
	color: #5E8A96;
	font-size: 13px;
	word-spacing: 0;
	line-height: 17px;
}

#metaMenu img{
	padding: 8px 0 0 14px;
}

#banner {
	height: 87px;
	background-color: #4A82A7;
	background-image: url('images/mountaincloudtreelinelight.jpg');
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	white-space: nowrap;
}

#banner a,a:hover,a:visited{
	text-decoration: none;
	border: none;
}

h1 {
	font-family: 
	'DeliciousHeavy', 
	'Arial Narrow',
	'Franklin Gothic Medium',	
	arial, 
	sans-serif;
	font-size: 115px;
	font-weight: normal;
	line-height: 115px;
	text-transform: none;
	letter-spacing: -1px;
	word-spacing: -4px;
	padding: 0;
	margin: -19px 0 0 0;
}

/* hack for IE6 css-discuss.incutio.com/wiki/Star_Html_Hack */
* html h1{
	line-height: 80px;
}

#contentWrapper {
	margin: 20px auto;
	padding: 0 0 1px 0;
	background-color: #F2ECDC;
     -moz-border-radius: 2px; /* FF1+ */
  -webkit-border-radius: 2px; /* Saf3-4 */
          border-radius: 2px; /* Opera 10.5, IE 9, Saf5, Chrome */
}

/* Site-wide styling ---------------------------- */

p {
	margin: 28px 0;
	text-align: justify;
}

h2 {
	margin: 0;
	padding: 56px 0 0 0;
	font-family: 
		'DeliciousHeavy', 
		'Arial Narrow',
		'Franklin Gothic Medium',	
		arial, 
		sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 56px;
	line-height: 1;
}

h3 {
	font-family: 'DeliciousHeavy', arial, sans-serif;
	color: black;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	font-size: 26px;
	line-height: 28px;
}

h4 {
	font-family: georgia, serif;
	font-size: 20px;
	line-height: 28px;
	padding: 0;
	margin: 56px 0 28px 0;
	font-weight: bold;
	color: #155666;
}

.clear {
	clear: both;
}

/* Front page styling --------------------------- */

.color1, a.color1, a.color1:visited { 
	color: #8a1c27;
}

.color2, a.color2, a.color2:visited { 
	color: #166B24;
}

.color3, a.color3, a.color3:visited { 
	color: #8E4D1D;
}

.color4, a.color4, a.color4:visited { 
	color: #351565;
}

.color5, a.color5, a.color5:visited { 
	color: #155666;
}

#tagline {
	text-align: center;
	font-family: georgia;
	font-size: 20px;
	font-style: italic;
	padding: 17px 0px 17px 0px;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	color: inherit;
	text-decoration: underline;
}

a:visited {
	color: inherit;
}

.columnWrapper {
	float: left;
}

.column {
	text-align: center;
}
.column h2 {
	text-align: center;
}

#informationColumnWrapper {
	width: 34%;
}
#informationColumn {
	padding: 0px 25px 0px 45px;
}

#updatesColumnWrapper {
	width: 33%;
}

#updatesColumn {
	padding: 0px 25px 0px 25px;
}

#locationContactColumnWrapper {
	width: 33%;
}

#locationContactColumn {
	padding: 0px 45px 0px 25px;
}

#slideshow, #contactInfo {
	margin-top: 80px;
}

.infoPanel {
	margin: 0px auto 0 auto;
	height: 165px;
	text-align: left;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	font-size: 13px;
	line-height: 18px;
}

.infoPanel h4 {
	margin: 4px 0 0 0;
	padding: 0;
	line-height: 22px;
}

.infoPanel a {
	text-decoration: none;
}

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

.infoPanel img {
	float: left;
	margin: 4px 6px 0px 0px;
	height: 68px;
	border: 1px solid #E5DDCB;
}
.infoLinks {
	white-space: nowrap;
	overflow: hidden;
}
#blogHeadlines {
	height: 240px;
	border: 1px solid #C2BCAB;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #80724C;
	background-color: #EBE5D5;
	padding: 10px 0 0 0;
}
.odd, .even{
	padding: 7px 12px 1px 12px;
	font-size: 11px;
	height: 24px;
}
#blogHeadlines .odd{
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #CFC8B7;
	background-color: #EDE7D7;
}
#blogHeadlines .even {
}
#blogHeadlines a{
	color: inherit;
	border: inherit;
}
#blogHeadlines a:hover{
	border-bottom: 1px solid #897445;
	text-decoration: none;
}
#blogHeadlines .status{
	float: right;
	font-family: arial;	
}
#blogHeadlines .title{
	text-transform: uppercase;
	float: left;
	white-space: nowrap;
}
.updateOptions {
	margin: 3px 0 0 0;
	width: 100%;
	text-align: center;
}
.floatLeft {
	float: left;
	clear: left;
}

.floatRight {
	float: right;
	clear: right;
}

#contactInfo {
	text-align: left;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	font-size: 13px;
}

#contactInfo h3 {
	text-align: center;
}

#contactInfo h4 {
	text-align: center;
}

#contactInfo table{
	margin: 0 auto;
}

#contactInfo th {
	font-weight: bold;
	padding-bottom: 9px;
}

#contactInfo td {
	padding-bottom: 9px;
}

#rightsOfNature, #dataAndContacts {
	text-align: center;
	line-height: 18px;
	font-size: 13px;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
}

/* generic page styling ----------------------------------------- */

#contentWrapper p a {
	color: #176D73;
	border-bottom: 1px solid #176D73;
}

#contentWrapper p a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #176D73;
}

#contentWrapper p a:visited {
	border-bottom: 1px dotted #176D73;
}

.post {
	margin: 0 84px 83px 0;
	font-family: georgia, serif;
	font-size: 18px;
	line-height: 28px;
	color: #473C23;
	border-bottom: 0px solid #897445;
}

.post, .navigation, h2 {
	margin-left: 252px;
}

.blog h2, .single h2 {
	margin-bottom: 56px;
}

.post a img {display: block;		/* Stops image links getting text link styles */}

.wp-caption-text {
	font-size: 16px;
	font-style: italic;
	}

.notBlog h3 {
	float: left;
	width: 184px;
	margin-left: -224px;
	margin-top: 54px;
	text-align: right;
	color: #8E4D1D;
}

/* hack for IE6 css-discuss.incutio.com/wiki/Star_Html_Hack */
* html .post h3 {
	margin-left: -110px;
	margin-top: 28px;
}

.notBlog h3 + * {
	margin-top: 84px;
}

.post h3:first-child {
	margin-top: 0;
}

.post h3:first-child + * {
	margin-top: 56px;
}

.backLink {
	float: left;
	width: 212px;
	text-align: right;
	margin-top: 84px;
}

.backLink, .navigation {
	font-family: georgia, serif;
	font-style: italic;
	font-size: 18px;
	line-height: 1;
	color: black;
}

.navigation {
	margin: 0;
	text-align: center;
	width: 100%;
	padding: 28px 0;
}

#editLink {
	margin-left: 252px;
	color: black;
}

#contentWrapper img {
	border: 1px solid #CABA95;
/*	   -moz-box-shadow: 2px 2px 10px #5D593E;
	-webkit-box-shadow: 2px 2px 10px #5D593E;
           box-shadow: 2px 2px 10px #5D593E; */

}

img.alignright {
	float: right;
	margin: 5px 0 0 28px;
}

img.alignleft {
	float: left;
	margin: 5px 28px 0 0;
}

img.alignnone {
	margin: 0 20px 20px 0;
}

img.aligncenter {
	margin: 4px auto;
	text-align: center;
}

blockquote {
	font-style: italic;
	margin: 0 30px;
	font-size: 0.9em;
	line-height: inherit;
}

ol li {
	margin-bottom: 28px;
}

ul li {
	margin-bottom: 0;
}

table {
	margin-bottom: 0px;
	margin-top: 0px;
}

td.category {
	text-align: right;
	padding-right: 5px;
	vertical-align: top;
	white-space: nowrap;
}

td.data {
	text-align: left;
	vertical-align: top;
}

/* blog styling
------------------------------------------ */

.metadata {
	font-family: georgia, 'lucida sans unicode', arial;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
	float: left;
	width: 184px;
	margin-left: -224px;
	text-align: right;
	text-transform: capitalize;
	margin-bottom: 10px;
}

/* hack for IE6 css-discuss.incutio.com/wiki/Star_Html_Hack */
* html .metadata {
	margin-left: -120px;
}

.metadata .flourish {
	font-weight: bold;
	text-transform: lowercase;
	font-style: italic;
}

/* footer ------------------------------------------------------- */

#footer {
	font-family: helvetica, arial;
	font-size: 1px;
	letter-spacing: -0.07em;
	text-align: center;
	color: #05350d;
	margin: 0px 0px 17px 0px;
}
	
a.footer:link		{ color: white; text-decoration: none; font-weight: bold; }    
a.footer:visited { color: white; text-decoration: none; font-weight: bold; }   
a.footer:active  { color: white; text-decoration: underline; font-weight: bold; }
a.footer:hover		{ color: white; text-decoration: underline; font-weight: bold; }
a.footer img { border: none; }