/*
Theme Name: Onyc
Theme URI: 
Description:
Version: 1.0
Author: Darren White
Author URI: 
Tags: 

*/
/* >>> ELEMENTS <<< */
* {margin: 0; padding: 0;}
*.x {display: none;}

body {color: #9E1F63;font: normal 62.5%/100% Arial, Verdana, Lucida, Helvetica, Sans-Serif;text-align: center;
  background:#9E1F63;}

div#container {position:relative;width: 988px;margin:25px auto;text-align: left;
  background: #fff url("images/bg_container.jpg") top left repeat-y;}

/* >>> HEADER <<< */
#header {height:108px;padding:30px 80px 0 35px;background: url("images/bg_header.jpg") top right no-repeat;}
/*#p3 #header {background: url("images/bg_header_home2.jpg") top right no-repeat;}*/

#logo span {position:absolute;left:-9999px;width:0px;overflow: hidden;}
#logo {float:left;width:196px;height:68px;}
#logo a:link,#logo a:visited,#logo a:hover, #logo a:active {float:left;width:196px;height:68px;
  background: url("images/onyc_logo.jpg") top left no-repeat;}
  
#twitter span {position:absolute;left:-9999px;width:0px;overflow: hidden;}
#twitter {position:absolute;top:20px;right:0;width:55px;height:320px;}
#twitter a:link,#twitter a:visited,#twitter a:hover, #twitter a:active {float:left;width:55px;height:320px;
  background: url("images/bg_twitter.jpg") top left no-repeat;}  


ul#navmenu  {position: absolute;top:32px;left:400px;
  width: 500px; /*For KHTML*/list-style: none;height: 60px;padding:6px 9px 0 8px ;
  background: url("images/bg_nav.jpg") top left no-repeat;z-index:10000;}
ul#navmenu  li {margin: 0;border: 0 none;padding: 0;float: left; /*For Gecko*/display: inline;
  list-style: none;position: relative;height:34px;}
  
ul#navmenu ul {width: 274px;list-style: none;display: none;position: absolute;top: 34px;
  left: 8px;border-top:none;border-bottom:none;z-index:100000;}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{clear: both;display: block;font: 1px/0px serif;content: ".";
  height: 0;visibility: hidden;}

ul#navmenu ul li {width: 274px;float: left; /*For IE 7 lack of compliance*/display: block !important;
  display: inline; /*For IE*/height:auto;}  
  
/* Root Menu */
ul#navmenu  a {width:auto;padding: 0 1.2em;float: none !important; /*For Opera*/float: left; /*For IE*/
  display: block;color: #9E1F63;font: bold 14px/34px Arial, Verdana, Helvetica, sans-serif;
  text-decoration: none;height: auto !important;height: 1%; /*For IE*/}
/* Root Menu Hover Persistence */
ul#navmenu  a:hover {color: #FCBA63;}

ul#navmenu .current_page_item {background: #FFE4B0 url("images/bg_nav_left.jpg") top left no-repeat;}
ul#navmenu .current_page_item a {background:  url("images/bg_nav_right.jpg") top right no-repeat;}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {padding:4px 0 4px 25px;float: none;line-height:20px;
  color: #FEE0A2;text-align:left;font: bold 12px/24px Arial, Verdana, Helvetica, sans-serif;
  border:none;border-bottom: 1px solid #fff;
    background:  #9E1F63 url("images/bg_subnav.jpg") repeat-y top left;}

ul#navmenu ul li.page-item-73  a {background: url("images/bg_top_sub_nav.png") no-repeat top left;}
ul#navmenu ul li.page-item-83  a {border-bottom: none;background: url("images/bg_bottom_sub_nav.png") no-repeat top left;}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #FEE0A2 url("images/bg_subnav_hover.jpg") repeat-y top left;color: #9E1F63;}

ul#navmenu ul li.page-item-73  a:hover {background: url("images/bg_top_sub_nav_hover.png") no-repeat top left;}
ul#navmenu ul li.page-item-83  a:hover {background: url("images/bg_bottom_sub_nav_hover.png") no-repeat top left;}


/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {display: none;}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {display: block;}

/* >>> CONTENT <<< */
#content-wrap {zoom:1;margin:0 54px 0 7px;
  background: #FEE0A2 url("images/bg_content-wrap.jpg") top left repeat-x;}
#content-wrap:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
 
#content {float:left;width:580px;min-height:300px;padding:0 66px 20px 49px;}
#p3 #content {width:410px;}
#p10 #content {width:500px;}
#p8 #content {width:660px;}


h1,
h2, 
h3, 
h4,
h5,
h6  {font-size:2.3em;line-height:1.2em;color: #9E1F63;margin:25px 0 5px 0;}

h1 {}
h2 {font-size:1.7em;margin:15px 0 5px 0;}
h3 {font-size:1.5em;margin:15px 0 5px 0;}
h4 {font-size:1.4em;margin:15px 0 5px 0;}
h5 {font-size:1.4em;margin:10px 0 5px 0;}
h6 {font-size:1.2em;margin:10px 0 5px 0;}

#content p,
#content address, 
#content ul,
#content ol {margin:0 0 20px 0;font-size:1.4em;line-height:1.6em;font-style:normal;}
#content ul,
#content ol {margin:0 45px 20px 45px;}
#content ul ul,
#content ul ol,
#content ol ul,
#content ol ol {margin:0 0 0 65px;font-size:0.9em;}

#content h2 a:link,
#content h2 a:visited,
#content h3 a:link,
#content h3 a:visited,
#content p a:link,
#content p a:visited,
#content li a:link,
#content li a:visited {color:#9E1F63;text-decoration:none;border-bottom:1px solid #9E1F63}
#content h2 a:active,
#content h2 a:hover,
#content h3 a:active,
#content h3 a:hover,
#content p a:active,
#content p a:hover,
#content li a:active,
#content li a:hover  {color:#fff;text-decoration:none;border-bottom:1px solid #9E1F63;background:#9E1F63}


#content .post {clear:left;padding:14px 0 10px 0;border-bottom:1px solid #FCBA63;
  min-height:140px;}
#content .post:after /*From IE 7 lack of compliance*/{clear: both;display: block;font: 1px/0px serif;content: ".";
  height: 0;visibility: hidden;}
#content .post h3 {margin:0;}
#content p.post-meta {margin:3px 0 0 0;font-style:italic;}
#content .post .more {text-align:right;}

#content .post img {float:left;padding:4px;background:#FCBA63;zoom:1;}
#content .post-excerpt {margin-left:200px;}
#content .no_image .post-excerpt {margin-left:0;} 

#content blockquote {color:#FB9813;margin:40px 15px 5px 15px;display: block;
  background: url("images/left_quote.png") top left no-repeat;}
#content blockquote p {margin:0;padding:0 24px;background: url("images/right_quote.png") no-repeat bottom right;}
#content p.credit {margin:5px 0 0 0;display: block;text-align:left;font-weight:bold;background:none;}	

div#popup {background:#EFEFEF;border:1px solid #999999;margin:0px;padding:7px;width:180px;}
#map {margin:10px 0;width: 405px;height: 340px;border: 5px solid #ddd;}
#content #map img {background:none;}

hr { clear: both; border: 0; height: 1px; background-color: #FCBA63; color: #FCBA63; margin: 30px 0 0; }

dl { margin-left: 0; font-size:1.2em;line-height:1.6em;}
dl dt { font-weight: bold; margin-top: 15px;color: #1b3e93;}

#content #navigation {margin:0 25px;padding:10px;text-align:right;border-top:1px solid #c0bbbb;}
#content #navigation p {margin:0;}

#content a.top {margin:0 0 0 510px;}

hr {padding: 0;margin: 0 25px 10px 25px;padding: 1px; background: #c0bbbb;line-height: 1px;}

/* images */
#content a img,
#sidebar a img {border:none;}
#content a:hover img {}
#content .alignright {float:right;margin-left: 15px; }
#content .alignleft {float:left;margin-right: 15px;}
#content .alignright img,
#content img.alignright,
#content .alignleft img,
#content img.alignleft {padding:4px;margin-bottom:6px;background:#FCBA63;}
p.wp-caption-text {padding: 4px;text-align:center;color:#666;font-weight:bold;border:1px solid #1b3e93;
  background-color: #FCBA63;}
  
/* >>> SIDEBAR <<< */
#sidebar {float: right;width:230px;padding:28px 0 0 0;text-align:left;}
#p3 #sidebar {width:395px;padding:0;}
#p10 #sidebar {width:300px;}

#sidebar img {padding:4px;margin:0 0 15px 0;background:#FCBA63;}
#sidebar address {padding:0 1.5em 0.75em 1.5em;}

#sidebar p {font-size:1.3em;line-height:1.5em;margin:0.5em 0}

#slideshow {position:absolute;top:80px;left:545px;z-index:1;}

#p2 #sidebar img,
#p73 #sidebar img,
#p75 #sidebar img,
#p77 #sidebar img,
#p79 #sidebar img,
#p81 #sidebar img,
#p83 #sidebar img {position:absolute;top:120px;left:645px;padding:0;margin:0;background:none;z-index:1;}



/* >>> WONDERLAND FOOTER <<< */
#wonderland-footer {clear: both;padding:55px 0 10px 10px;position:relative;
  background: #fff url("images/bg_wonderland-footer.jpg") top right no-repeat;zoom:1;}
#wonderland-footer:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
#wonderland-footer p {color:#FCBB61;font-size:1.3em;line-height:1.3em;}
#wonderland-footer p a {color:#9E1F63;}
#wonderland-footer p a:hover {color:#fff;background:#9E1F63;}

#social {position:absolute;top:20px;left:12px;}
#social img {margin-right:4px;}
#social a img {border:none;}

/* >>> FOOTER <<< */
#footer {clear: both;height:12px;margin:0;padding:30px 5px 0 5px;color:#fff;
  background: #9E1F63 url("images/bg_footer.jpg") top left no-repeat;}

#footer p {clear:left;float:left;width:400px;margin:0 0 0 4px;
  font: normal 11px/15px Arial, Verdana, Helvetica, sans-serif;}

#footer  ul {float:right;width: 300px; /*For KHTML*/list-style: none;height: 25px;}
#footer  li {margin: 0;border: 0 none;padding: 0  5px;float: left; /*For Gecko*/display: inline;
  list-style: none;position: relative;height:14px;border-right:1px solid #fff;}
#footer li.page-item-17 {border-right:none;}
/* Root Menu */
#footer li a {padding: 0;float: none !important; /*For Opera*/float: left; /*For IE*/
  display: block;color: #fff;font: normal 11px/12px Arial, Verdana, Helvetica, sans-serif;
  text-decoration: none;height: auto !important;height: 1%; /*For IE*/
  border-bottom:1px solid #fff;background:#9E1F63;}

#footer li a:hover {color: #9E1F63;border-bottom:1px solid #fff;background:#fff;}

#footer p a:link,
#footer p a:visited {color: #fff;text-decoration:none;background:#9E1F63;border-bottom:1px solid #fff;}  
#footer p a:hover,
#footer p a:active {color: #9E1F63;background:#fff;}  

/* >>> FORM <<< */
form {padding: 20px 30px 0 0;}
form p {margin: 3px 0 10px 0; padding: 0px;}
form p label {float: left; width: 110px;}
form input { color: #000000; padding: 3px;background-color: #FFFFFF; border: 1px solid #9E1F63; width: 250px;}
form input.small { color: #000000; background-color: #FFFFFF; border: 1px solid #9E1F63; width: 50px;}
form textarea { color: #000000; background-color: #FFFFFF; border: 1px solid #9E1F63; width: 300px; height: 140px; }
form select {background-color: #FFFFFF; border: 1px solid #4d5755; font-size: 10px;}
form input.checkbox {color: #000000; background-color: #FFFFFF; border: 1px solid #b0d50a; width: 20px;}
form input.submit {width: auto; margin-left: 110px; color: #fff;  background-color: #9E1F63;
  border: 1px solid #fff; padding:5px 10px; font-size: 12px;}
  
.wpcf7-response-output {font-size:1.4em;}