/*
THEME NAME: Dorothy
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Custom sandbox theme for clickideon.com
VERSION: 1
AUTHOR: <a href="http://madeofpeople.org/">MadeofPeople</a>
AUTHOR URI:
TAGS: sandbox
Template: sandbox
*/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, 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%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img { border:none; }

body, html{	height: 100% }

/* typography.css */
body {
	background: url( "images/wallpaper_tile.gif" );
	font-family:Tahoma, Verdana, Sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #534741;
}

a{
	color: #36561F;
	text-decoration:none;
}

a:hover{
	color: #6E9F37;
	text-decoration: underline;
}

.hidden{
	display:none;
}

#wrapper{
	min-height: 100%;
	background: url( "images/greenPattern.png") repeat-y;
	color: #6E9F37;
	text-decoration: none;
}


#wrapper h1{
	position: absolute;
	width: 300px;
	height: 107px;
	margin: 114px 34px 0 0;
	background: url( "images/dotFortPlaywright.gif" ) top right no-repeat;
}

#container{
	margin:0 0 0 350px;
	font-weight: normal;
}

#content{
	color: #534741;
	padding: 64px 0 64px 64px;
	max-width: 564px;
	min-width: 565px;
}


#content img{
	border:12px #fff solid;
	margin:0 0 0 0 !important;
}


#contactInfo{
	position:absolute;
	top: 40em;
	width: 290px;
	font-size: 1em;
	line-height: 1.5em;
	text-align: right;
	color: #6E9F37;
	padding-right: 34px;
	font-weight: normal;
}
#contactInfo a{
	
}
#contactInfo a:hover{
	color:#fff;
}

#nav{
	margin: 0 0 3em 0;
	padding: 42px 0 0 0;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight:bold;
	line-height:2em;
	height:2em;
}

#nav ul{
	border-top: 1px #dedede solid;
	border-bottom: 1px #dedede solid;
	height: 2em;
	margin: 0  0 0 64px;
	padding-left:1em;
	list-style:none; 
}
#nav li{
	padding:0;
	margin:0;
	float:left;
}

#nav li{
	margin:0 60px 0 0;
}

#nav li + li{
	margin: 0 40px 0 0;
}


#nav li a{
	display:block;
	line-height: 36px;
	padding:0 4px;
	height: 36px;
	text-decoration: none;
	color:#36561F;
}

#nav li a:hover{
	color:#6E9F37;
}


h1, h2, h3, h4, h5{
	font-family: "Gil Sans", Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	margin:0;
	color: #36561F;
}

h1 {
	font-size: 4em;		/* 42px */
	line-height: 4.5em;
}

h2{
	font-size: 3em;		/* 36px */
	line-height: 3.5em;
}

h3 {
	font-size: 1.75em;	/* 27px */
	line-height: 1.5em;
	margin: 0 0 0 0 !important;
}

h4 { 
	font-size: 1.75em;	/* 21px */
	font-size: 2em;
}

h4 {
	font-size: 1.5em;	/* 18px */ 
	font-size: 1.5em;
}

h5{
	font-size: 1.25em;
	font-weight: bold;
	color:#36561F;
}

p {	
	margin:0 0 1em 0; 
	font-size:1.16666666667em
}

blockquote {
	margin:1.5em;
	font-style:italic;
}
strong {font-weight:bold;}
em, dfn {
	font-style:italic;
}
sup, sub {line-height:0;}
address { font-size: 10px; }
ul {list-style-type:disc;}
ol {list-style-type:decimal;}

.clear { clear:both; }

.post{
	margin:0 0 4em 0;
	border-bottom:1px #9e9393 solid;
}
	
#wp-footer{ clear:both; }

.post img.size-thumbnail{ margin: 0 0 26px 0; }

.post ul{
	list-style:none;
	margin:0;
	padding: 0;
}

.post ul li{
	margin:0 0 1.5em 0;
	padding: 0;
}

.clearRight{
	clear:right;
}

div.shadow, div.shadow div, div.shadow div div {
	display:inline-table;
	/* \*/display:block;/**/
}
div.shadow {
	float:left;
	background:url(images/shadow.png) right bottom no-repeat;
	}
div.shadow div {
	background:url(images/corner_bl.png) 4px 100% no-repeat;
	}
div.shadow div div {
	padding:0 4px 4px 0;
	background:url(images/corner_tr.png) 100% 0px no-repeat;
	}
div.shadow div div img {
	display:block;
	}

h3 + p{
	border-top: 1px #5d301d solid;
	padding-top: 1em;
	margin: 1em 0 2em 0;	
}

.event,
.past{
	border-top: 1px #5d301d solid;
	padding-top: 1em;
	margin-top: 3em;
}

.event .description{
	font-size: 1em;
	line-height: 1.6em;
	margin: 1em 0 0 0;
	clear:both;
}

.event h6{
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
}

.event h6.title{
	margin: 0 0 0 18em;
	color: #331a10;
}

.past h6.title{
	color: #90776c !important;
}

.past{
	border-top: 1px #9e9393 solid !important;
	color: #9e9393 !important;
}

.event .date{
	font-weight: bold;
	width:16em;
	float:left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin: 0 !important;
	text-align: left !important;
}

.ngg-thumbnail a{
	display:none;
	border: none !important;
	background:none !important;
	padding: 0 !important;
}

.ngg-galleryoverview{
	clear: none !important;
	margin-bottom: 3em;
}

.ngg-thumbnail img {
	background:none !important;
	border:none !important;
	padding:0 !important;
	margin:0 !important;
	position: static !important;
}


/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width:90px;
	outline: none;

}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover,
#lbNextLink:hover {
	background: #fff;
	opacity: .15;
}

#lbNextLink {
	right: 0;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url( images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
 
.sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px !important;
  z-index: 0;
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */

	.sIFR-active h1 {
		font-size: 4em;		/* 42px */
		line-height: 4.5em;
	}

	.sIFR-active h2{
		font-size: 3em;		/* 36px */
		line-height: 3.5em;
	}

	.sIFR-active h3 {
		font-size: 1.5em;	/* 27px */
		line-height: 2em;
	}

	.sIFR-active h4 {
		font-size: 1.5em;	/* 18px */ 
		line-height: 1.75em;
	}
	
	.sIFR-active h6 {
		font-size: 1em;	/* 18px */ 
		line-height: 1em;
	}
	
	.sIFR-active {
		font-size: 1em;
	}

}