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

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

body {color: #000;font: normal 62.5%/100% "Trebuchet MS", Arial, Verdana, Lucida, Helvetica, Sans-Serif;
  text-align: center;
  background:#000 url("images/bg_body.jpg") top center repeat-y;}

#container {display:block;width: 1046px;margin:0 auto;text-align: left;
  overflow:hidden;
  background: url("images/bg_container.jpg") top center no-repeat;}

/* >>> HEADER <<< */
#header {height:168px;text-align:center;}

#logo span {position:absolute;left:-9999px;width:0px;overflow: hidden;}
#logo {display:block;position:relative;margin:0 auto;width:756px;height:168px;}
#logo a:link,#logo a:visited,#logo a:hover, #logo a:active {display:block;width:756px;height:168px;
  background: url("images/logo.jpg") top left no-repeat;}


/* >>> SIDEBAR <<< */
#sidebar {float: left;width:174px;text-align:left;}  
  
ul#navmenu {float:left;height:272px;width:174px;margin-top:20px;}
ul#navmenu li {width: 100%; /*For KHTML*/list-style: none;float: left;}
ul#navmenu li {float: left;margin:10px 0 15px 0; /*For IE 7 lack of compliance*/display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/position: relative;}
/* Root Menu */
ul#navmenu a {display: block;color:#000;text-align:center;
  font: bold 36px/36px "Times New Roman", Times, serif; text-decoration: none;height: auto !important;
  height: 1%; /*For IE*/background: url("images/bg_nav_li.gif") top left no-repeat;}
/* Root Menu Hover Persistence */
ul#navmenu li.current_page_item a,
ul#navmenu a:hover {color: #900;}  
  
/* >>> CONTENT <<< */
#content-wrap {zoom:1;}
#content-wrap:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
 
#content {float:left;position:relative;width:656px;min-height:510px;padding:0 25px;}
#p2 #content  {width:706px;padding:0;}
#p8 #content  {width:696px;padding:0 0 0 10px;}

#slideshow {display:block;width:706px;height:512px;}

h1,
h2, 
h3, 
h4,
h5,
h6  {line-height:1.2em;color: #000;margin:25px 0 20px 0;
  font: bold 56px/42px "Times New Roman", Times, serif;}

h1.title {}
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:#900;text-decoration:none;border-bottom:1px solid #900}
#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 #900;background:#900}


#content .post {padding:14px 0 10px 0;border-bottom:1px solid #FCBA63;}
#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;}
#content .post-excerpt {margin-left:170px;}
#content .no_image .post-excerpt {margin-left:0;} 

#content blockquote {margin:40px 15px 25px 15px;padding: 15px;display: block; border-left:4px solid #369ff0;
  background:#e9e8e8;}
#content cite {display: block;text-align:right;font-weight:bold;}	

div#popup {background:#EFEFEF;border:1px solid #999999;margin:0px;padding:7px;width:180px;}
#map {margin:10px 25px;width: 600px;height: 400px;border: 5px solid #900;}
#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 .alignleft img,
#content img.alignright,
#content img.alignleft {margin-bottom:15px;border:4px solid #730000;}
p.wp-caption-text {padding: 4px;text-align:center;color:#666;font-weight:bold;border:1px solid #1b3e93;
  background-color: #FCBA63;}


/* >>> SIDEBAR 2<<< */
#sidebar2 {float: right;width:166px;}   
#sidebar2 p span {position:absolute;left:-9999px;width:0px;overflow: hidden;}
#sidebar2 p {display:block;margin:99px auto;width:166px;height:68px;
  background: url("images/bg_telephone.jpg") top left no-repeat;}



/* >>> WONDERLAND FOOTER <<< */
#wonderland-footer {clear: both;text-align:center;zoom:1;padding:0 0 40px 0;
  background: url("images/bg_wonderland-footer.png") bottom center no-repeat;}

#wonderland-footer p strong {font-size:1.6em;font-weight:normal;}
#wonderland-footer p {font-size:1.4em;line-height:1.6em;}

/* >>> FOOTER <<< */
#footer {clear: both;text-align:center;height:100px;padding:15px 0 0 0;
  background: url("images/bg_footer.jpg") top center no-repeat;}

#footer p {font-size:1.1em;}

#footer  ul {dispaly:block;width: 454px; /*For KHTML*/margin-left:300px;
  list-style: none;height: 25px;text-align:center;}
#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 #000;}
#footer li.page-item-20 {border-right:none;}
/* Root Menu */
#footer li a {padding: 0;float: none !important; /*For Opera*/float: left; /*For IE*/
  display: block;color: #000;font: normal 14px/12px Arial, Verdana, Helvetica, sans-serif;
  text-decoration: none;height: auto !important;height: 1%; /*For IE*/}

#footer li a:hover {color: #900;border-bottom:1px solid #900;}

#footer p a:link,
#footer p a:visited {color: #000;}  
#footer p a:hover,
#footer p a:active {color: #900;border-bottom:1px solid #900;}  

/* >>> FORM <<< */
form {padding: 20px 30px 0 30px;}
#content form p {margin: 3px 0 10px 0; padding: 0px;font-size:1.7em;}
form p label {float: left; width: 110px;font-weight:bold;}
form input { color: #000000; padding: 4px;background-color: #FFFFFF; border: 2px solid #730000; width: 350px;}
form input.small { color: #000000; background-color: #FFFFFF; border: 2px solid #730000; width: 50px;}
form textarea { color: #000000; background-color: #FFFFFF; border: 2px solid #730000; width: 400px; height: 180px; }
form select {background-color: #FFFFFF; border: 1px solid #4d5755; font-size: 10px;}
form input.checkbox {color: #000000; background-color: #FFFFFF; border: 2px solid #000; width: 20px;}
form input.submit {width: auto; margin-left: 110px; color: #fff;  background-color: #730000;
  border: 1px solid #000; padding:5px 10px; font-size:14px;}
  
#content .wpcf7-mail-sent-ok,
#content .wpcf7-validation-errors {font-size:1.4em;padding:8px 10px;color:#fff;
  border: 2px solid #000 !important;background:#730000;}

#content span.wpcf7-not-valid-tip {border: 1px solid #730000;left: 40%;}
