/*



Theme Name: Denmark Street



Description: Denmark Street Chippy's styles



Version: 1.0



Author: Helena Boylen



Author URI: http://www.littleblueplane.com



*/



/**************** General rules *********************/

*{font-size:100.01%; margin:0;   padding:0;  }



html, body{font-size:100.01%;padding: 0; margin: 0; }

html { min-height: 100%; margin-bottom: 1px; }

body {line-height:130%;font-family:  Verdana, arial, Tahoma, sans-serif; color: #555;  text-align: center; background:#ABACAC url(/images/back1.gif) top center repeat-y;}

/**************** General Links ***********************************/

a:link            { color: #000; text-decoration: none;border-bottom:1px solid #bf1217;}

a:visited         { color: #000; text-decoration: none;border-bottom:1px solid #eee;}

a:hover, a:focus, a:active {color: white;background-color:#bf1217; border-bottom:1px solid #000;}

/***************** Page Sections *********************/

#container {background-color:white;position:relative;  border-top:1px solid white;margin:0.5em auto;text-align:left;  width:730px;}

#wrapper {background: url(/images/top1.gif) center top no-repeat;width:100%;margin:0 auto;overflow:hidden;}

/********************** Navigation ******************/



#navcontainer {font-size:100%; width: 180px; font-size:110%;font-weight:bold; padding: 0;  margin-bottom: 1em;    color: #555;}

#navcontainer ul {list-style: none;  margin: 0;  padding: 0;  border: none;}

#navcontainer li { border-bottom: 1px solid #ccc;  margin: 0;  list-style: none; }

#navcontainer li a {border-bottom:none; display: block;  padding: 7px .2em 7px 20px;  color: #555;  text-decoration: none;  width: 180px;background: transparent url(/images/greybullet.gif) center left no-repeat;}

#navcontainer li a:focus, #navcontainer li a:hover {border-bottom:none; color: #bf1217;background: transparent url(/images/redbullet.gif) center left no-repeat;}

#navcontainer li li { border-top: 1px solid #ccc;  border-bottom: 0;  margin: 0; font-weight:normal;}

#navcontainer li li a {  padding: 4px .5em 4px 2em; width: 180px;background: transparent url(/images/redbullet.gif) center left no-repeat;}

#navcontainer li li a:focus, #navcontainer li li a:hover {color:#02578e;background: transparent url(/images/redbullet.gif) center left no-repeat;}

#navcontainer li.current_page_item  a  {color:#bf1217;background: transparent url(/images/redbullet.gif) center left no-repeat;}



/***************** Image Replacement ****************/

/* General IR statements */



.replace {position: relative;overflow: hidden;margin: 20px 0 0 0 ;padding:  0;font-size: 100%;}

.replace em {display: block;position: absolute;top: 0; /* left: 0; */ z-index: 1; /* for opera5 (?) and /mac */}



/* General IR statements for IE5.x mac only */

* html>body .replace {position: static;overflow: visible;font-size: 10px;}

* html>body .replace em  {position: static;}

* html>body .replace a {text-decoration: none;}



/* Each pair of statements per instance of IR */

#myh1, #myh1 em {color:#76082d;   background-color:#ebebeb;width: 506px;height: 98px;}

#myh1, #myh1 em {background: url(/images/logo1.gif) top left no-repeat;}



* html>body #myh1 em {/* for ie5.x/mac only */  margin-bottom: -98px;}

/*****************************************************/

img.printlogo {display:none;}

img.headerimg {float:right;}

#leftheader {width:506px;}

#header {border-bottom:2px solid #bf1217;background-color:white;}

#sidebar img {margin:5px 0 0 0;padding:4px;padding:4px;border:1px solid #e2e2e2;color:#333;background:#fff;}

#sidebar  {background-color:white;float:right; width:210px;font-size: .75em;margin-top:10px;}

#mainbox {background-color:white;width:485px;font-size: .75em; margin:0 200px 20px 10px ;clear:left;}

* html #mainbox {margin-top:0;}

#mainbox p, #sidebar p {margin:10px 0 10px 0;}

#mainbox img {float:right; margin:8px 0 8px 8px;padding:4px; border:1px solid #ccc;}

#mainbox img.nofloat {float:none;margin:0;padding:0; border:none;}

#mainbox ul {margin-left:0;padding-left:15px; margin-bottom:20px;list-style-type:square;}

#access {z-index:1;  height:2.5em; font-size:60%;color:#76082d;margin-bottom:20px; margin-top:-5px;padding-bottom:0;}

#access li {float:left;list-style-type: none; padding: 0 2em 0 2em ;}

.searchbox {margin-top:5px;float:right;width:50%; font-size:70%;text-align:right;}

#footer {clear:both;height:3em; padding-top:2em;font-size: 70%;border-top: 1px solid #ccc;background-color:white;}

#footer p {margin:5px 20px 5px 20px;}

#footer .left {float:left; width:40%;text-align:left;margin-left:10px;}

#footer .right {float:right; width:49%; text-align:right;}



h2 {font-size:200%; color: #000;margin:20px 0 15px 0px;font-weight:bold;font-family:"Times New Roman", Georgia, serif;}

h3 {font-size:160%; color: #000;margin:20px 0 15px 0px;font-weight:normal;font-family:"Times New Roman", Georgia, serif;}

h4 {font-size:130%; color:#02578e; margin: 20px 0 0px 0px;}

#top {margin:0 auto; width:700px;height:1.5em;}

#latest {clear:both;margin-top:20px;padding-bottom:10px;}

#latest span {position:absolute;left:-999px;}

#addresslist dl {margin-bottom:10px;}

#addresslist dt {font-weight:bold;font-family:verdana;color:#02578e; font-size:110%;}

.clearfix:after {content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

/* End hide from IE-mac */

#access {height:20px;position:absolute; top:0px; left:0; font-size:60%;color:white;}

#access li {float:left;list-style-type: none; padding: 0 0 0 1em;}

#sidebar img {border:none;margin:0;padding:0;}



#sidebar img.sidebarpic   {margin-left:20px; border:none; padding:0;margin-bottom:10px;}

#sidebar #addresslist  {margin:20px 10px 10px 0px;  padding:0 0 5px 0;}

#latest h3, #sidebar h3 {display:block; background:#bf1217 url(/images/redback1.jpg) left top repeat-y; color:white;padding:2px 5px 2px 5px ;font-family:"Times New Roman", Georgia, serif;font-size:150%;font-weight:normal;margin-bottom:0px;}

#addresslist dt {margin-bottom:10px;}

#latest h3 {margin-top:10px;}





#mainbox #archivelist {list-style-type:none;margin:0; padding:0;}

#mainbox  #archivelist li {padding-left:18px; margin-bottom:5px;background: url(/images/page.gif) 0 5px no-repeat;}

#mainbox #contactlist dt {font-weight:bold;}



#hcard {margin: 0 0 10px 0px; padding: 0;width:90%; }

#hcard dl { margin: 0; padding: 0; }

#hcard dt { font-weight: bold;  margin: 0.3em 0 0 0;clear:left;}

#hcard dd {  padding: 0; margin: 0.3em 0 0 0; }

#hcard dt.first, #hcard dd.first {float:none; width:98%;}

p.date {font-family: "Times New Roman", Serif;font-style: italic; font-size:80%; text-align:center;}

#register {background: url(/images/registermarks.gif) top left no-repeat;width:14px;height:50px;position:absolute; bottom:0px;left:-15px;}

div.articles {border-bottom:1px solid #efefef;padding-bottom:5px;}

#hcard dt.bottom {margin-bottom:10px;}

#map img {border:none;}



/****************** Hours Table ************/

table#hours {width:100%;}

table#hours #r2, table#hours #r3, table#hours #r4, table#hours #r5, table#hours #r6, table#hours #r7, table#hours #r8 {font-weight:bold;}

table#hours td {padding:0 10px 0 0;}

table#hours tr.odd {background-color:#efefef;}



/****************** Forms ****************/


div.wpcf7 {font-weight:bold;color:#555;width:70%;  }
div.wpcf7 {color:#555;padding:0px;font-size:100%;   }
div.wpcf7 fieldset { background-color:black;border:none;   }
div.wpcf7 legend {   display:none;}
div.wpcf7 input {background:#fff;   border:1px solid #ccc;  width:100%;     padding:5px 3px 5px 3px;   vertical-align:middle;  margin:0 0 5px 0; }
div.wpcf7 textarea { background:#FFF;  border:1px solid #ccc;     width:100%;  margin-left:0;    font-size:110%;   padding:3px ;  vertical-align:middle;  }
div.wpcf7 input.wpcf7-submit{   border:1px solid #ff6600 ;clear:both;   color:white;   font-size:100%;   width:30%;  margin:10px 0 20px 0;   font-weight:bold;    background:#b31804 url(/images/greynav1.jpg) left top repeat-x;   }
div.wpcf7 input:hover, div.wpcf7 textarea:hover {  border:1px solid #000;background-color:#efefef; }
div.wpcf7 input.wpcf7-submit:focus, div.wpcf7 input.wpcf7-submit:hover, div.wpcf7 input.wpcf7-submit:active  { border:1px solid #000;clear:both; color:#000;   font-size:100%;   width:30%;  margin:10px 0 20px 0;   font-weight:bold;   background:#ff6600 url(/images/greynav1.jpg) left top repeat-x;  }
.required { color:#c2537a;    font-weight:normal;  margin-left:10px; }
.validationerrors ol {color:#000;   margin-left:15px; padding-left:10px;   margin-bottom:10px;  }
#enquiryErrorID  a:focus, #enquiryErrorID  a:hover, #enquiryErrorID  a:active  { background-color:#538b37;  color:white;   }
div.wpcf7-quiz-label {width:100%;clear:both;}
div.wpcf7 input#quiz {clear:both;}
div.wpcf7 input.wpcf7-quiz {clear:both ! important;border:1px solid red;}
#calculator input#resetbutton {width:100px;margin-top:20px;}
#calculator input {margin-left:0px;margin-right:10px;width:30px;float:left; }
#calculator input#total {float:none;border:none;font-weight:bold;}




/***************** Calculator ********************/

#calculator h3 {text-align:left;}

#calculator fieldset {border:1px solid white;}

#calculator label {float:right; width:92%;clear:left;}

#calculator input {width:2em;float:left;}

#calculator input#total {float:none;width:8em;font-size:150%;margin-top:10px;border:1px solid black;}

#calculator label#totallabel {font-weight:bold;float:none;margin-top:10px;}



#calculator #resetbutton {width:5em;margin-top:10px;}

#calculator strong {font-size:150%;}



div.grey ul li , div.grey ul {list-style-type:none;margin-left:0;padding-left:0;}

div.grey li {}

div.grey {color:#000;padding:15px 0;background-color:#efefef;overflow:hidden;}

#mainbox div.grey p {margin-left:10px;}

#mainbox div.grey img {background-color:white;margin-right:15px;}

#menupage h3 {background-color:#ccc;padding:5px;margin-bottom:0;}



div.sponsor a {border:none;text-decoration:none;background-color:white;}

div.pgm {margin-left:10px;}
