/* @override http://moyostates.com/wp-content/themes/moyo/style.css */

/*  
Theme Name: MOYO States 2009
Theme URI: http://www.landlockdesign.com
Description: Developed for www.moyostates.com. Social media-enabled theme
Version: 2.0
Author: Scott Nesham
Author URI: http://www.landlockdesign.com

*/

/* @group reset */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

a img, :link img, :visited img {border: solid 2px #ABDDDF;}
a img.nobdr, :link img.nobdr, :visited img.nobdr {border: solid 0px #ABDDDF;}

/* generic styles */

body {background: url(images/background.jpg) repeat-x #081a28 top left; color: #fff; font-family: Helvetica, Arial; font-size: 12px; min-width: 924px;}

p {line-height: 1.3; font-size: 12px; padding-left: 10px;}
h2 { color: #fff; font-size: 30px; margin-bottom: 0px; font-weight: bold; padding-left: 20px; text-decoration: none; display: block; text-transform: uppercase; padding-left: 0px; line-height: .7; margin-top: 20px; text-align: left;}

strong { font-weight: bold;}

a:link, a:visited {color: #F7EA29; text-decoration: none;}
a:hover { text-decoration: underline;}

ul {padding-left: 20px;}
ul li {line-height: 1.2; margin-bottom: 5px; padding-left: 3px;}

ol li {line-height: 1.2; margin-bottom: 5px; margin-left: 30px; font-size: 13px; padding-left: 1px;}


.clear{clear:both;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.fl{float:left;}
.fr{float:right;}
.magic{display:block; text-indent:-9999px; overflow:hidden;}
.underline{text-decoration: underline;}

/* table nonsense */
table{}
tr{}
td{ padding: 5px;}

/* defaults for wordPress */
.storycontent h1 {}
.storycontent h2 { font-size: 18px; line-height: 22px; margin-bottom: 10px;}
.storycontent h3 {font-size: 18px; line-height: 20px; margin-bottom: 10px; color: black; background: #FFBE01; padding: 3px 10px; margin-top: 20px;}
.storycontent h4 {font-size: 14px; line-height: 18px; margin-bottom: 10px;}
.storycontent h5 {}
.storycontent h6 {}

.storycontent p{ padding-bottom: 1em;}
.storycontent ul {padding:10px 0;}
.storycontent ul li{padding:2px 0 4px 5px; list-style-type: disc; margin-left: 20px;}

.alignleft{margin:0 10px 10px 0; float: left;}
.alignright{margin:0 0px 10px 10px; float: right;}

/* @end */


/* @group structural */
#container {padding: 0 30px; margin:-120px auto 0 auto; width: 924px; height: auto;}
.siteWidth {width: 884px; margin-left: auto; margin-right: auto;}
#header {background: url(images/topDecoration.png) center top no-repeat; height:300px;}

#col1{width: 200px; text-align: center; padding-top: 80px;}
#col2{ width: 724px; position:relative; height: auto;}
*+html #col2 {/*if IE */ margin-top:-100px;}
.page #col2{ width: 924px; position:relative; height: auto;}
*+html .page #col2 {/*if IE */ margin-top:0px;}
#col3{background:url(images/rShadow.png) repeat-y; height: 100%; position: relative; width: 220px;}
/* @end */

/* @group Navigation */

/* @group top-level */
#navWrap{background: url(images/navBack.png); height: 66px;}
.home #navWrap{float: none;}
ul#nav{}
ul#nav li {float: left; list-style: none; font-size: 14px; text-transform: uppercase; font-weight:bold;}

ul#nav a {height: 32px; background-repeat: no-repeat; background-position: top center; display: block; padding:18px 12px 0 12px; text-align: center; color: #fff; text-decoration: none; outline: none;}
ul#nav a:hover {background-position: 50% -48px; text-decoration:underline;}

ul#nav li.navLeft{height: 50px; background-image: url(images/nav.png); width: 23px; background-position: left top;}
ul#nav li.navRight{height: 50px; background-image: url(images/nav.png);  width: 23px; background-position: right top;}
/* @end */

/* @group top-level-current */
ul#nav li.current_page_item {}
ul#nav li.current_page_item a {background-position: 50% -48px;}
ul#nav li.current_page_item a:hover {background-position: 50% -48px;}
/* @end */

/* @group sub-nav */
ul#nav ul { background: #333; clear: both; padding: 0 0 20px 0; border-left: solid 1px #fff; border-right: solid 1px #fff; border-bottom: solid 1px #fff;}
ul#nav ul li { float: none; height: 14px; text-align: left;}
ul#nav ul li a{ font-size: 12px; text-align: left;}
ul#nav ul li a:hover{color: #f7ea29; text-decoration:none;}
/* @end */

/* @group current-sub-nav */
ul#nav li.current_page_item ul {}
ul#nav li.current-cat ul li{}
ul#nav li.current-cat ul li a{}
ul#nav li.current-cat ul li a:hover{}

ul#nav li ul li.current_page_item{}
ul#nav li ul li.current_page_item a{}
ul#nav li ul li.current_page_item a:hover{}
/* @end */

/* @group nav-dynamics */
ul#nav ul{ display:none; position:absolute; z-index:500; top:51px; }
*+html ul#nav ul{/*if IE */}
ul#nav li:hover ul{ display:block;}
/* @end */
/* @end */

/* @group logo-control */
#nav a#logo {background: url(images/moyologo.png) no-repeat; width: 130px; height: 147px; position:relative; z-index:400; padding: 0; margin: 0;}
/* @end */

/* @group loop-exclusives-globals */
.entry h3 {font-weight: bold; font-size: 15px; text-transform: uppercase; padding-top: 20px; margin-bottom: 5px; display: block;}

h3 a:link, h3 a:hover, h3 a:visited {text-decoration: none; display: block; font-size: 20px; text-transform: uppercase; line-height: .7; border-bottom: solid 3px #abdddf; color: #abdddf; margin: 15px 7px; padding-left: 10px;}

h3.altPost a:link, h3.altPost a:hover, h3.altPost a:visited {border-bottom: solid 3px #f7ea29; color: #f7ea29;}

.singleTitle a:link, .singleTitle a:hover, .singleTitle a:visited {border-top: #f7ea29; text-transform: uppercase; padding-left: 0px; line-height: .7; border-bottom: none; text-decoration: none; }

.entry {margin: 10px 240px 10px 20px; text-align: justify;}
.entry p { text-align: justify; margin-bottom: 10px;}

.contentThe {border-bottom: #abdddf solid 2px;margin: 10px 7px 5px 7px;}

.altBorder { border-bottom: #f7ea29 solid 2px;}
.h3li{ list-style: none; margin:0 0 10px -20px; padding-left: 0;}
/* @end */

/* @group footer */

#footer {clear: both; text-align: center; padding: 20px 0px;}

/* @end */

/* @group Pages */

/* @group registration */
.entry .regform p, .regform { text-align: left; clear: left;}

.formSection{background: #2a3f4f; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; margin:15px 0; clear: left;}
.regform input{  margin-right: 10px; width: 100px; }
.regform span{ float: left; }
.regform label{width: 70px; display: block; float: left; line-height: 23px;}
.formSection h3{padding: 0 0 3px 0;}
.formSection input, .formSection span{float: none; width: 150px;}
.formSection .additional{width: 150px;}
.your-address input{width: 300px;}
.your-address input{width: 300px;}
.your-city input{width: 203px;}
.your-state input{width: 40px;}
.citystate label.statelabel{ width: 40px;}
*+html .citystate label.statelabel, *+html .citystate .your-state input{/*if IE */ clear:left;}
.citystate{padding: 0 0 10px 10px;}
.citystate label{width: 73px;}
.citystate label, .citystate input{ float: left;}
.zip{clear: left; margin-top: 10px;}
.mmf-checkbox input{width: auto; margin: 5px 0px 0 20px;}
input.fileSub{width: 100px;}
@-moz-document url-prefix() { input.fileSub { margin: 0 0 0 90px;} } 



/* @end */
/* @end */


/* @group sidebars */
.sidebar ul li {
	list-style: none;
}
/* @group leftbar */

/* @group logos */
.logo{background-image:url(images/logos.png);}
.hspin{ height:84px; width:90px; background-position:-11px 0}
.yoyoguy{height:80px; width:80px; background-position: top right;}
.duncan{background-position:-5px -84px; height:45px; width: 100px;}
.onedrop{background-position:-108px -80px; height:50px; width: 77px;}
.yyj{background-position:-11px -130px; height:35px; width: 157px; clear: both;}
.spyy{background-position:-11px -170px; height:60px; width: 157px;}
.moon{background-position:-11px -230px; height:50px; width: 157px;}
.samwich{background-position:-11px -275px; height:60px; width: 90px;}
.citymuseum{background-position:-100px -280px; height:60px; width: 80px;}
.ayya{background-position:-11px -345px; height:70px; width: 100px;}
.nyyl{background-position:-110px -345px; height:72px; width: 70px;}
.savedeth{background-position:-11px -490px; height:40px; width: 150px; clear: both;}
.sbl{background-position:-11px -445px; height:42px; width: 90px;}
.barkspider{background-position:-110px -445px; height:42px; width: 70px;}
.yoyonation{height: 40px; background-position:-12px -525px;}
.ISI{height: 66px; width: 100%; background-position:-12px -560px;}
.iky{height: 40px; width: 100%; background-position:-12px -640px;}
/* @end */
#leftbar li{list-style: none;}


/* @end */

/* @group homebar */
ul#homebar{margin-left:-60px; margin-top: -100px; margin-bottom: 180px;}
*+html ul#homebar {/*if IE */ padding-bottom:20px; margin-top:0px;}
ul#homebar li{float:left; list-style: none; padding: 0; margin: 0;}
.funnelArea{ background: url(images/funnelBack.png) no-repeat left top; width: 580px; height: 130px; margin-left:10px;}
*+html .funnelArea {/*if IE */ margin-left:-30px;}
.funnelArea .contentLoad{list-style: none; padding: 20px 0px; float:left; font-size: 13px; width:360px}
.contentLoad h2{ font-size: 14px; margin: 0; padding: 0 0 5px 0;}
.contentLoad p{ font-size: 13px; margin: 0; padding: 0 0 5px 0;}
ul#homebar .funnelArea ul{padding:12px 0 0 35px; float:left; list-style:none;}
*+html ul#homebar .funnelArea ul{/*if IE */ padding:8px 0 0 35px;}
ul#homebar .funnelArea ul li{ list-style: none; width: 152px; float:none;}
.funnelArea ul li a{ display: block; text-transform: uppercase; font-weight: bold; font-size: 18px; text-decoration: none; padding: 6px 0; line-height:1.53; outline:none; color: #fff;}
*+html .funnelArea ul li a{/*if IE */ line-height:1.50em;}
.funnelArea ul li a:hover{ color:#f7ea29; background-repeat: no-repeat; background-position: right center;}
.funnelArea ul li.one a.current{ background-image: url(images/indicator.png); background-repeat: no-repeat; background-position: right center;}
.funnelArea ul li.two a.current{ background-image: url(images/indicator2.png); background-repeat: no-repeat; background-position: right center; }
.funnelArea ul li.three a.current{ background-image: url(images/indicator3.png); background-repeat: no-repeat; background-position: right center;}

.largeCM{background:url(images/cityMuseumLG.png) no-repeat; width:165px; height: 130px; margin-top:px;}
/* @end */

/* @group rightbar */
ul#rightbar{padding-left:0; list-style: none; }
.rightContent{background: url(images/rightBack.jpg) repeat-x #1d1c1d; margin-left: 15px; border: solid 1px #a09c9c; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; width:205px; color:#fff; min-height: 420px;}

.page-id-19 .rightContent {min-height: 1130px;}
.page-id-21 .rightContent {min-height: 840px;}
.page-id-23 .rightContent {min-height: 445px;}
.page-id-25 .rightContent {min-height: 1465px;}
.page-id-27 .rightContent {min-height: 1315px;}
.page-id-7 .rightContent {min-height: 1215px;}
.page-id-15 .rightContent {min-height: 865px;}

.social{background-image:url(images/social.png); background-repeat:no-repeat; height: 34px; margin-bottom:5px; line-height:40px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
a.social:hover{background-color: #081a28;}
.twitter{background-position:0 2px}
.facebook{background-position:0 -38px}
.email{background-position:0 -77px}
.directions{background-position:0 -118px}
/* @end */

/* @group widgets */
.search { height: 26px; padding-bottom: 10px; padding-right: 10px; text-transform: uppercase; font-weight: bold; margin-left: -5px; width: 220px;}
/* @end */
/* @end */

/* @group unknown */
.avatar {
	float: left;
	margin: 0px 10px 0px 10px;
}


/* formatting styles */

/*two column left image teplate */

.leftImage {
	text-align: left;
	float: left;
	margin-right: 20px;
}

.leftImg {
	text-align: left;
	float: left;
	margin-right: 20px;
}

.rightArea {
	float: right;
	padding-left: 10px;
}

.rightContent h3 {
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 10px;
}
.bottomArea {
	clear: left;
}

.bottomArea h3 {
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
	padding-top: 20px;
	margin-bottom: 5px;
	display: block;
}

.contentThe h3 a:link, .bottomArea h3 a:hover, .bottomArea h3 a:visited {
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
	padding-top: 20px;
	margin-bottom: 5px;
	clear: both;
	display: inline;
	text-decoration: underline;
	border: none;
	color: #abdddf;
}

.altBorder h3 a:link, .bottomArea h3 a:hover, .bottomArea h3 a:visited {
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
	padding-top: 20px;
	margin-bottom: 5px;
	clear: both;
	display: inline;
	text-decoration: underline;
	border: none;
	color: #f7ea29;
}

img {
	border: solid 2px #ABDDDF;
}

.noB {
	border: solid 0px #ABDDDF;
}
/* @end */