/* Begin Typography & Colors */
body {
  font-size: 62.5%; /* Resets 1em to 10px */
  font-family: Arial, Sans-Serif;
  color: #555;
}

.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; }

.widecolumn { line-height: 1.6em; }

small {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 0.9em;
  line-height: 1.5em;
}

h1, h2, h3, .inline-widgets #wp-calendar caption, .h1 {
  font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-weight: bold;
}

h1, .h1 {
  font-size: 4em;
  letter-spacing: -.05em; 
}

#headerimg .description, #content { font-size: 1.2em; }

/* h2, h2.pagetitle, h3 { font-size: 1.6em; } */
/* -------------------------POST SECTION TITLES----------------------------------------------------------------- */
 h2, h2.pagetitle, h3 {   font-family: 'Lucida Grande', Verdana, Sans-Serif;
  font-size: 11px;
  border-style: solid;  
  border-width: 0px 0px 0px 0px; 
  border-color: #dddddd;
  padding: 1px 0px; } 

/* -------------------------SIDEBAR SECTION TITLES----------------------------------------------------------------- */
.sidebars h2 {
  font-family: 'Lucida Grande', Verdana, Sans-Serif;
  font-size: 11px;
  border-style: dashed; 
  border-width: 0px 0px 1px 0px; 
  padding: 1px 0px;
}

/*
.sidebars h2 {
  font-family: 'Lucida Grande', Verdana, Sans-Serif;
  font-size: 1.2em;
}
*/
/* --------------------------------------------------------------------- */

/* h3 { font-size: 1.5em; } */
h3 { font-size: 11px; } 

/* h6, .h6 { font-size: 1.0em; } */
h6, .h6 { font-size: 1.0em; }

.inline-widgets h2, .inline-widgets #wp-calendar caption { font-size: 1.4em; }

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description, h6 {
  text-decoration: none;
  color: white;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #333; }

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, .sidebars h2, #wp-calendar caption, cite {
  text-decoration: none;
}

.entry h1 {
  position: static;
/*  font-size: 2em; */
  font-size: 2em;
  color: #333;
}

/* --- SIZE OF TEXT INSIDE OF POST --- */
/* .widecolumn .entry p { font-size: 1.05em; } */
.widecolumn .entry p { 
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  font-family: Verdana;
  letter-spacing: 0px;
}

.commentlist li, #commentform input, #commentform textarea {
  font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li { font-weight: bold; }

.commentlist cite, .commentlist cite a {
  font-weight: bold;
  font-style: normal;
  font-size: 1.1em;
}

.commentlist p {
  font-weight: normal;
  line-height: 1.5em;
  text-transform: none;
}

#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }

.commentmetadata { font-weight: normal; }

.sidebars { font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; }

small, .sidebars ul li, .sidebars ol li, .nocomments, .postmetadata, strike { color: #777; }

code { font: 1em 'Courier New', Courier, Fixed; }

blockquote {
  color: #555;
  font-style: italic;
}

em {
    font-style: normal;
  font-weight: bold;
  }

acronym, abbr, span.caps {
  font-size: 0.9em;
  letter-spacing: .07em;
}

a, h2 a:hover, h3 a:hover { text-decoration: none; }

a:hover { text-decoration: underline; }

#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }

#wp-calendar a { text-decoration: none; }

/* ---------------------------CALENDAR MONTH AND YEAR---------------------------------------- */
#wp-calendar caption { font: bold 11px 'Lucida Grande', Verdana, Arial, Sans-Serif; border-style: solid; border-width: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
/* #wp-calendar caption { font: bold 1.2em 'Lucida Grande', Verdana, Arial, Sans-Serif; } */

#wp-calendar th {
  font-style: normal;
  text-transform: capitalize;
}
/* End Typography & Colors */

/* Begin Structure */
* {
 padding: 0; 
 margin: 0;
}

p { margin: 1em 0; }

body {
  background-color: #FFFFFF;
    background-image: url(http://www.g66.co.uk/blog/wp-content/themes/g66Blog/images/patterns/universalbg.png);
  background-attachment: scroll;
  background-repeat: repeat-y;
      background-position: center;
        text-align: center;
/* -------------------------------------------------------------------- */
  margin: 0 0 60px 0;
}

#page {
/* -------------------------------------- GAP AT VERY TOP -------------------------------- */
/*  margin: 20px auto; */
  margin: 0px auto;
  text-align: left;
  width: 763px; 
}

#header {
  background: url(images/header.png);
    height: 70px; 
/*  height: 228px; */
  width: 763px;
}

#headerimg {
  position: relative;
  left: 6px; 
  top: 0px;
  height: 0px;
  width: 751px;
    background: url('images/blue/head.jpg') bottom center no-repeat;
  } 

#headerimg h1, #headerimg .h1, #headerimg .description { padding-left: 15px; }

#main {
  background: url(images/bg.png);
  /*  width: 733px; */
  width: 733px;

/* ------------------------------------------------------ PADDING UNDER HEADER -------------------------------- */
/*  padding: 9px 15px; */
  padding: 0px 15px;
}

#main>table { width: 100%; }

.narrowcolumn { width: 100%; }

.narrowcolumn, .widecolumn, #sidebar1, #sidebar2 {
  vertical-align: top;
/* ------------------------------------------------------------------PADDING ON TOP CONTENT------------------------------------------- */
  padding: 0px 0px;
}

.narrowcolumn .postmetadata { text-align: left; }

.alt {
  background-color: #fafafa;
  border-top:    1px solid #eee;
  border-bottom: 1px solid #eee;
}

#footer {
  background: url(images/foot.png);
    border: none;
}

/* ------------------------------------ POST BORDERS AND OTHER SETTINGS --------------------------------------- */

.post {
  clear: both; 
  text-align: justify;
  padding: 5px 0px;
  margin: 0 auto 9px auto;
/*  padding: 5px 15px;
  margin: 0 auto 9px auto; */
  background: #FFFFFF; 
  border: 1px solid #555555; 
    border-width: 1px 0px 1px 0px;
  border-style: dotted;
  font-size: 11px;
  font-style: strong;
  font-weight: normal;
  font-family: Verdana;
  letter-spacing: 0px;
  word-spacing: 0px;
  font-weight: 500; 
}

.narrowcolumn .postdata { padding-top: 5px; }

/* .widecolumn .postmetadata { margin: 30px 0; } */
.widecolumn .postmetadata { margin: 30px 0; }

.smallattachment {
  text-align: center;
  width: 128px;
  margin: 5px 5px 5px 0px;
}

.attachment {
  text-align: center;
  margin: 5px 0px;
}

.postmetadata, .entry, .inline-widgets { clear: both; }

#footer {
  margin: 0 auto;
  width: 763px;
  height: 68px;
}

#footer p {
  margin: 0;
  padding: 10px 0 0 0;
  text-align: center;
}


/* ---------------------------------------- SIDEBARS BORDERS AND WIDTH ----------------------------------- */
.sidebars {
/*  width: 210px; */
  width: 180px;
  background: #FFFFFF;
  border: 1px solid #555555;
  border-width: 0px 0px 0px 1px;
  margin: 0px 0px 0px 5px;
  padding: 0px 0px 0px 0px;
}
/* End Structure */



/* Begin Headers */
h1, .h1 { padding-top:  15px; }

h2.pagetitle {
  margin-top: 30px;
  text-align: center;
}

.sidebars h2 { margin: 5px 0 0 0; }

h3.comments { margin: 40px auto 20px; }

h1, h6 { 
  position: absolute;
  z-index: 100;
}

.h1, .h6 { color: #000; }

.text-shadow    { position: absolute; top: +2px; left: +2px; color: #333; }
.text-stroke-tl { position: absolute; top: -1px; left: -1px; }
.text-stroke-tr { position: absolute; top: -1px; left: +1px; }
.text-stroke-bl { position: absolute; top: +1px; left: -1px; }
.text-stroke-br { position: absolute; top: +1px; left: +1px; }

#headerimg .description, .h6 { 
  padding-top: 60px; 
  padding-left: 15px;
  font-weight: bold;
}
/* End Headers */


/* Begin Images */
/* ----------------------------------- STANDARD POST IMAGE -------------------------------------- */
/* p img { max-width: 95%; } */
p img { border: 1px solid #D1D1D1; border-width: 1px 1px 1px 1px; align: center; }

.entry img {
  float: none;
  margin: 3px 10px 3px 0px;
  }

img.nofloat, .smallattachment img, .attachment img, .entry img.wp-smiley { float: none; }

.entry img.wp-smiley {
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
}

img.noborder {
  background: inherit;
  border: 0;
  padding: inherit;
}

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto; 
  float: none;
  border: 1px solid #D1D1D1;
/*  padding: 0px 15px 0px 15px; */
  margin: 10px auto 10px auto; 
}

img.alignright, img.alignleft {
  display: inline;
}

.alignright { float: right; }

.alignleft { float: left }
/* End Images */


/* Begin Lists */
ol, ul { padding: 0 0 0 20px; }

ol ol, ol ul, ul ul, ul ol { padding: 0 0 0 10px; }

ul {
  margin-left: 0;
  list-style: none;
  list-style-type: circle;
} 

li { margin: 3px 0 4px 5px; }

.postdata ul, .postmetadata li {
  display: inline;
  list-style-type: none;
  list-style-image: none;
}

.sidebars li {
  list-style-image: url(images/blue/bullet1.gif);
  margin: 0 0 15px 25px;
}

.sidebars ul, .sidebars ol { padding: 0; }

.sidebars ul li {
/*  list-style-type: circle; */
/*  list-style-image: none; */
  list-style-image: url(images/blue/bullet2.gif);
  margin: 0;
}

ol li, .sidebars ol li {
  list-style: decimal outside;
  list-style-image: none;
}

.sidebars p, .sidebars select { margin: 5px 0 8px 0; }

.sidebars ul, .sidebars ol { margin: 5px 0 0 5px; }

.sidebars ul ul, .sidebars ol { margin: 0 0 0 10px; }

.sidebars ul li, .sidebars ol li { margin: 3px 0 0 0; }
/* End Entry Lists */

/* Begin Form Elements */
/* ------------------------------------- SEARCH ------------------------------------ /*
#searchform {
  margin: 0 auto;
/*  padding: 0 3px; */
  padding: 0 0px; 
  text-align: center;
}

#content #searchform {
  margin-bottom: 10px;
  text-align: left;
}

.sidebars #searchform #s {
  border: 1px dashed #ddd; 
/* 
  width: 140px; 
  padding: 2px;
*/
  width: 124px;
  padding: 1px;

}

#content #searchform #s {
  border: 1px dashed #bbb; 
  width: 200px;
  padding: 2px;
}

.sidebars #searchsubmit, #content #searchsubmit {
  position: relative;
  top: 6px;
}

.entry form { text-align: center; }

select { width: 130px; }

#commentform { 
  margin-bottom: 1em;
/*  width: 99%; */
  width: 99%; 
}

#commentform input {
  width: 170px;
  padding: 2px;
  margin: 5px 5px 1px 0;
}

#commentform textarea {
  width: 100%;
  padding: 2px;
}

#commentform #submit {
  margin: 0 1em 0 0;
  float: right;
}
/* End Form Elements */



/* Begin Comments*/
.alt {
  margin: 0;
  padding: 10px;
}

.commentlist {
  text-align: justify;
    margin-left: 3em;
    margin-bottom: 15px;
}

.commentlist li {
  margin: 15px 0 3px 0;
  padding: 5px 10px 3px 10px;
  list-style: decimal outside;
}

.commentlist p { margin: 10px 5px 10px 0; }

#commentform p { margin: 5px 0; }

.nocomments { text-align: center; }

.commentmetadata { display: block; }

.authorcomment {
  background: #EEE;
  color: #000;
  border-top:    1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
/* End Comments */

/* ---------------------------------------- CALENDAR ----------------------------------------------- */

/* Begin Calendar */
#wp-calendar {
  empty-cells: show;
  margin: 0 !important; margin-top: -1.5em;
  width: 155px;
}

#wp-calendar caption {
/* ---------------------------------------- GAP BELOW MONTH AND YEAR TITLE ------------------------ */
/*  margin-top: -1.2em; */
  margin-top: -15px;
}

/* dirty fix for the event calendar plugin */
div#wp-calendar caption { padding-top: 1.5em; }
div#wp-calendar .nav {
  margin: 0;
  position: relative;
}
/* end */

/* #wp-calendar #next a {
  padding-right: 10px;
  text-align: right;
}

#wp-calendar #prev a {
  padding-left: 10px;
  text-align: left;
}
*/

#wp-calendar #next a {
  padding-right: 5px;
  text-align: right;
  font-size: 10px; 
  font-style: normal; 
  font-weight: 500; 
  font-family: verdana; 
}

#wp-calendar #prev a {
  padding-left: 5px;
  text-align: left;  
  font-size: 10px; 
  font-style: normal; 
  font-weight: 500; 
  font-family: verdana; 
}

#wp-calendar a { display: block; }

/* ---------------------------------- TODAYS MARK --------------------------------- */
#wp-calendar #today { 
background: #ffffff; 
background-image: url('http://www.g66.co.uk/images/calendartoday.gif');
background-repeat: no-repeat;
background-position: 50% 50%; 
}

/* #wp-calendar #today { background: #fff; } */

#wp-calendar caption {
  text-align: left;
  width: 100%;
}

#wp-calendar th {
  padding: 3px 0;
  text-align: center;
}
#wp-calendar td {
  padding: 3px 0;
  text-align: center;
}
/* End Calendar */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }

acronym, abbr { border-bottom: 1px dashed #999; }

blockquote {
  margin: 15px 10px 0 10px;
  padding: 0 20px 0 20px;
  border: 1px dashed #ddd;
  border-left: 0;
  border-right: 0;
  background: #fff;
}

.center { text-align: center; }

a img { border: none; }

/* --- PREVIOUS AND NEXT POSTS --- */
.navigation .alignleft  { 
  padding: 20px 0;
  width: 50%;
  text-align: left;
  font-size: 11px;
}

/* --- PREVIOUS AND NEXT POSTS --- */
.navigation .alignright {
  padding: 20px 0;
  width: 50%;
  text-align: right;
  font-size: 11px;
}
/* ------------------------------ CALENDAR BOX ON POSTS ----------------------------------------------------------- */
.cal {
  color: #fff;
  text-align: center;
  line-height: 12px;
  font-family: courier;
  padding: 0px;
  padding-top: 1px;
  width: 20px;
}
/* .cal {
  color: #fff;
  text-align: center;
  line-height: 1.4em;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Sans-Serif;
  padding: 1px;
  width: 2.9em;
} */

.calborder {
  display: inline;
  padding: 1px;
  float: left;
  margin-right: 1em;
}

.cal span { display: block; }

.cald {
  font-size: 10px; 
  font-style: normal; 
  font-weight: 700; 
  font-family: verdana; 
  letter-spacing: 2px;
  padding-left: 2px;
  line-height: 12px;
}
.cald2 {
  font-size: 10px; 
  font-style: normal; 
  font-weight: 700; 
  font-family: verdana; 
  letter-spacing: 2px;
  padding-left: 2px;
  line-height: 12px;
}

.calm {
  font-size: 10px; 
  font-style: normal; 
  font-weight: 700; 
  font-family: verdana; 
  letter-spacing: 2px;
  padding-left: 2px;
  line-height: 12px;
}

.caly {
  padding-top: 1px;
  font-size: 7px; 
  font-style: normal; 
  font-weight: 700; 
  font-family: verdana; 
  line-height: 10px;
}

/* .cald {
  font-size: 1.5em;
  letter-spacing: .2em;
  padding-left: .2em
}
.cald2 {
  letter-spacing: 0em;
  padding-left: 0em
}

.calm {
  font-weight: bold;
  font-size: 2em;
  line-height: .7em;
}

.caly {
  font-size: .8em;
  line-height: 1em;
}
*/

.pages {
  display: inline;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: right;
/*  padding: .6em 0; */
  padding: .6em 0;
  width: 100%;
}

.pages li {
  list-style-type: none;
  display: inline;
  margin: 0 1em;
}

.pages a, .pages a:hover {
  font-size: 1.5em;
  font-weight: bold;
  color: #FFF;
  letter-spacing: -.08em !important; letter-spacing: -.1em;
}

.postinfo { padding-bottom: 1em; }

.postinfo h2, .postinfo h3 { line-height: .9em; }

.head_overlay {
  background: url(images/head_overlay.png);
  }

#rss {
  float: right;
  padding-right: 4px;
}

.inline-widgets { padding-left: 0; }

.inline-widgets li { list-style-type: none; }

.inline-widgets li ul { padding-left: 2em; }

.inline-widgets li li { list-style-type: circle; }

.textwidget { padding-right: 10px; }

.googlemap img { background: inherit; }
/* End Various Tags & Classes*/



/* -------------------------- LIGHTBOX CSS --------------------------------------------------- */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.g66.co.uk/blog/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.g66.co.uk/blog/images/prevlabel.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.g66.co.uk/blog/images/nextlabel.gif) right 50% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #EEEEEE;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
        border-style: solid;  
        border-width: 1px 0px 8px 0px; 
        border-color: #EEEEEE;	
	}

#imageData{ padding: 4px 5px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	font-size: 11px; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
/* --------------- BAZ CLASSES AND ADDITIONAL CODE --------------------------- */
img.thumb {
  padding: 1px 1px;
  margin: 5px 5px 5px 0px;
  background: #FFFFFF;
  border: 1px solid; 
  border-width: 1px 1px 1px 1px;
  border-color: #D1D1D1;
/*  align: left; */
}
a.thumb {
  padding: 0px 0px;
  margin: 0px 0px 0px 0px;
/*  align: top; */
}
img.thumbtable {
  padding: 1px 1px;
  margin: 5px 5px 5px 5px;
  background: #FFFFFF;
  border: 1px solid; 
  border-width: 1px 1px 1px 1px;
  border-color: #D1D1D1;
}
table.thumb { 
  margin: 0px; 
  padding: 0px; 
  border: 0px; 
  width: 100%; 
}
img.info {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background: #FFFFFF; 
  border-width: 0px 0px 0px 0px;
  border-color: #D1D1D1;
}
img.bazheader {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 6px;
  background: #FFFFFF;
  position: absolute;
  top: 0px;
  border: 0px;
}
img.baznoborder {
  display: block;
  margin-left: auto;
  margin-right: auto; 
  float: none;
  border: 0px solid #D1D1D1;
/*  padding: 0px 15px 0px 15px; */
  margin: 10px auto 10px auto; 
}