/* Begin Typography & Colors */

body{
font-size:62%;/* Resets 1em to 9px */
font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
background:#8CD600 url(images/blots1.gif) 50% 0 no-repeat;
color:#333;
text-align:center;
margin:0;
padding:0
}
.narrowcolumn,.narrowcolumn p{
font-size:1.2em;
line-height:1.4em
}

.entry p em{
float:left;
width:40%;
font-size:1.2em;
font-weight:900;
color:#8CD600;
line-height:.8em;
text-align:right;
border-right:4px dashed #000;
padding-right:10px;
margin:20px 20px 20px 0
}
.entry strong{
font-weight:900;
text-transform:uppercase
}
.floatt{
float:left;
text-align:right;
padding:30px 0 15px 55px ;
font-size:2em;
line-height:.8;
text-transform:lowercase;
width:280px;
margin:0;
margin-top:70px;
}
.clear{
clear:both
}
small{
font-size:.9em;
line-height:1em
}

#headertop h1{
font-size:1em;
background: #fff
}
.description{
font-size:1.2em;
text-align:center
}
.fir{
font-size:.8em;
position:relative;
margin:0;
padding:0; 
/* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */
}
.fir span{
display:block; 
position:absolute; 
top:0; 
left:0; 
z-index:1;
}
#logobig,#logobig span{
background:url(images/logo_big_es.png) no-repeat center;
width:200px;
height:178px
}

#feature,#feature span{
background:url(images/notophob.png) no-repeat center;
width:179px;
height:209px
}
#diarytt,#diarytt span{
background:url(images/diarytt.png) no-repeat center;
width:100%;
height:192px
}
#bazaartt,#bazaartt span{
background:url(images/bazartt.jpg) no-repeat center;
width:100%;
height:223px
}
#pollstt,#pollstt span{
background:url(images/pollstt.png) no-repeat center;
width:100%;
height:190px
}
#counciltt,#counciltt span{
background:url(images/counciltt.png) no-repeat center;
width:100%;
height:212px
}
#readmorett,#readmorett span{
background:url(images/readmorett.png) no-repeat center;
width:100%;
height:173px
}
#expostt,#expostt span{
background:url(images/expostt.png) no-repeat center;
width:100%;
height:181px
}
#donatett,#donatett span{
background:url(images/donatett.png) no-repeat center;
width:100%;
height:159px
}
#downtt,#downtt span{
background:url(images/downtt.png) no-repeat center;
width:100%;
height:194px
}
#commentform input,#commentform textarea{
background:#8CD600;
font-weight:900;
border:none
}
.commentlist li{
font-weight:bold
}
.commentlist cite,.commentlist cite a{
font-weight:bold;
font-style:normal
}
.commentlist p{
font-weight:normal;
line-height:1.6em;
text-transform:none
}
a{
color:#000;
text-decoration:none
}
a:hover{
color:#8cd600;
text-decoration:underline
}
#wp-calendar #prev a{
font-size:9pt
}
#wp-calendar a{
text-decoration:none
}
#wp-calendar caption{
font-size:1.3em;
font-weight: 900;
text-align:center
}
#wp-calendar th{
font-style:normal;
text-transform:capitalize
}
/* End Typography & Colors */
/* Begin Structure */
body{
margin:0;
padding:0
}
#page{
text-align:left;
margin:0 auto;
background:url(images/footer.gif) bottom right no-repeat;
width:760px
}
#headertop{
padding:0;
margin:0 auto;
width:100%;
background:url(images/tiles.png) repeat-x
}
#headertop ul{
list-style:none
}
#mainmenuhead{
width:183px;
padding:0 0 30px 0;
margin:20px 0 0 0;
float:left;
background: #fff url(images/li_5.gif) no-repeat center bottom;
}
#mainmenuhead li{
font-size:1.9em;
text-transform:uppercase;
font-weight:900;
line-height:.9em;
text-align:center;
}
#mainmenuhead li a{
padding:0 3px !important
}
#mainmenuhead li a:hover{
text-decoration:none;
background:#000;
}
#mainmenuhead .skip{
background: url(images/main_menu_top.png) right bottom no-repeat;
height:53px;
line-height:53px;
padding-left:20px;
font-size: .8em !important;
text-align:left
}
.skip a{
border-bottom:0 !important;
}
#midcolhead{
float:left;
margin:0 0 0 53px;
padding:0
}
#featurehead{
float:left;
margin-top:24px
}
#featurehead a{
text-align:center;
padding-top:100px;
display:block
}
.narrowcolumn{
float:left;
padding:0 0 333px 30px;
margin:0px 0 0;
width:470px;
background:url(images/bgd_maincol.png) bottom right no-repeat;
}
.datepost{
float:left;
position:relative;
display:inline;
width:4em;
padding:6px 6px 46px 6px;
text-transform: uppercase;
background:#8dd603 url(images/date_bgd.png) no-repeat center bottom;
margin-top:65px;
margin-left:30px;
text-align:center;
font-weight:900;
}
.giant {
position:relative;
display:inline;
font-size:2.8em;
line-height:1em;
text-align:center;
margin:0
}
.subdata{
line-height:.9em;
font-size:1em
}
.post, .resultsearch{
background: url(images/heads/rotate.php) no-repeat;
}

#footer{
margin:0 auto;
width:760px;
clear:both
}
#footer p{
margin:0;
padding:20px 0;
text-align:center
}
/* End Structure */



.description{
text-align:center
}


/* Begin Images */
.post p img{
border:8px solid #8CD600;
max-width:100%;
margin:10px 20px 10px 0;
 float: left;
}
img.alignright{
padding:4px;
margin:0 0 2px 7px;
display:inline
}
img.alignleft{
padding:4px;
margin:0 7px 2px 0;
display:inline
}
.alignright{
float:right
}
.alignleft{
float:left
}
/* End Images */
/* Begin Lists */


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

/* End Entry Lists */
/* Begin Form Elements */
#searchform{
margin:16px;
padding:10px;
text-align:left;
background:#fff url(images/bgd_search.png) 20px 0 no-repeat;
}
#searchform #s{
width:100px;
padding:2px;
border:none;
background:#8CD600
}
#searchsubmit{
background:transparent;
font-size: 1.1em;
font-weight:900;
text-transform:uppercase;
letter-spacing:.1em;
border:none
}
.entry form{
/* This is mainly for password protected posts,makes them look better. */
text-align:center;
border:0
}
select{
width:130px
}
#commentform input{
width:170px;
padding:2px;
margin:5px 5px 1px 0
}
#commentform textarea{
width:360px;
padding:2px
}
#commentform submit{
margin:0;
font-weight:900;
text-transform:uppercase;
border:none
}
/* End Form Elements */
/* Begin Comments*/
.commentlist,.alt{
font-size:.7em
}
.commentlist li{
list-style:none;
padding:0;
margin:0;
}

#commentform p{
margin:0;
font-size:.8em
}
.nocomments{
text-align:center;
margin:0;
padding:0
}
.commentmetadata{
margin:0;
display:block;
width:60%;
padding-bottom:10px;
border-bottom: 1px dashed #8CD600
}
/* End Comments */
/* Begin Sidebar */
#sidebar{
margin-left:545px;
width:190px;
background: url(images/bgd_sidebar.png) center bottom no-repeat;
padding-bottom:154px
}
#sidebar p{
font-size:1em;
padding:5px 15px;
margin:0;
background:#fff;
text-align:center
}
#sidebar form{
margin:0
}
/* End Sidebar */
/* Begin Calendar */
#wp-calendar{
background:#fff;
empty-cells:show;
margin:0 auto;
width:100%;
padding:10px 0;
}
#wp-calendar #next a{
padding-right:15px;
text-align:right
}
#wp-calendar #prev a{
padding-left:15px;
text-align:left
}
#wp-calendar a{
display:block
}
#wp-calendar caption{
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 #999999
}
.center{
text-align:center
}
hr{
display:none;
clear:both
}
a img{
border:none
}
.navigation{
display:block;
text-align:center;
margin-top:10px;
margin-bottom:60px
}

.narrowcolumn p, .postmetadata p, .narrowcolumn ul, .narrowcolumn form, .commentlist,.alt, blockquote{
margin:0;
background:url(images/bgd_coltext.png) right repeat-y;
padding: 10px 30px 10px 20px
}
blockquote, blockquote p{
font-size:.85em !important;
line-height:1em !important
}
.blockquote strong{
font-size:1.2em !important;
}
.narrowcolumn h3{
margin:0;
background:url(images/bgd_h3.png) right repeat-y;
padding:15px 30px 15px 20px;
text-transform:uppercase;
line-height:1em;
color:#8CD600;
}
.narrowcolumn ul {
list-style:none
}
.narrowcolumn ul, .narrowcolumn li {
margin-top:0 !important;
margin-bottom:0 !important;
font-size: 1em;
line-height:1.3em;
font-weight:600
}
.postmetadata {
font-size:.8em !important;
font-weight:900;
color:#999;
line-height:.9em !important;
text-indent:0 !important
}
.postmetadata a, cite{
color:#8CD600;
text-transform: uppercase
}
.contactform {
margin:0 !important;
background:url(images/bgd_coltext.png) right repeat-y;
padding: 15px 25px 15px 20px
}
.contactform input, .contactform textarea{
padding:2px;
border: 3px solid #fff;
background:#8CD600
}
.contactleft {
margin-bottom:.5em;
text-align: left
}
.contactright {
margin-bottom:.5em;
text-align: left
}
.contacterror {
border: 3px solid #ff3333 !important
}
/* sidebar boxes */
.sidecats{
font-size:1em;
font-weight:900;
text-align:center;
margin:0;
padding:0;
 text-transform: uppercase;
}
.sidecats li{
list-style:none;
padding:4px 20px;
background:#fff;
}
.sidecats li a{
display:block;
text-decoration:none;
border-top:1px solid #000;
border-bottom:1px solid #000;
padding:4px;
background:#fff;
letter-spacing:.1em
}
.sidecats li a:hover{
color:#FFF;
background:#8CD600;
}

#sidebartop{
background: url(images/bit_sidebar4.png) right top no-repeat;
padding-top:35px
}
#boxcalendar,#boxsubcats,#boxshop,#boxpoll,#boxcloud,.boxblurb{
margin-top:0 !important;
margin-bottom:0 !important
}
#boxcalendar{
background: url(images/bit_sidebar1.png) center bottom no-repeat;
padding-bottom:117px
}
#boxshop,#boxpoll,#boxexpos,#council{
background: url(images/bit_sidebar2.png) center bottom no-repeat;
padding-bottom:120px
}
#boxshop,#boxdonate,.boxblurb{
background: url(images/bit_sidebar3.png) center bottom no-repeat;
padding-bottom:113px
}
#boxpoll *{
background:#fff;
margin-top:0;
padding-top:0
}
#boxcloud span{
color:#8CD600
}
.mas {
background:#8CD600;
color:#000 !important;
font-weight:900;
padding:2px 8px;
margin-right:1em
}


