@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/grid.css";
/*Layout   */
#page, #logo{width:955px;margin:0 auto;}
#letter{background-color:#EFEFEF;border:1px solid #ADADAD;padding:10px;}
#footer{margin-top:20px;text-align:center;border:1px solid #BFBFBF;padding:7px}
.pic{float:left;padding:7px 10px 7px 0}
#writing, #events p, #contact-us p, #blog-list p, #links p {padding-right:10px;}
#event-list ul {margin:0 0 0 30px; padding:0}
#event-list ul li {padding:0; margin:0}
#main {text-align:justify}
#blog-list h4 {text-align:left}
.all{text-align:right; margin-right:15px}
#contribute-form td {border: none}
#contribute-form {margin-left:110px}
#contribute-form table {border:1px solid #666666;background-color: #DFDFDF;}
#disclaimer {font-size:.9em; padding:0 0 0 20px}
#disclaimer ul li, #disclaimer p {padding:0; margin:0}
#disclaimer ul {margin-left:30px}
/*Top Menu   */#top-nav{width:955px;height:34px;background-image:url(http://ginnymayer.com/images/top-menu.png);background-repeat:no-repeat;margin:0 auto;padding:0}
#top-nav li,#top-nav a{height:34px;display:block}
#but1{width:89px}
#but2{width:133px}
#but3{width:107px}
#but4{width:127px}
#but5{width:157px}
#but6{width:86px}
#but7{width:136px}
#but8{width:118px}
#but1 a:hover{background:url("http://ginnymayer.com/images/top-menu.png") 0 -34px no-repeat}
#but2 a:hover{background:url("http://ginnymayer.com/images/top-menu.png") -89px -34px no-repeat}
#but3 a:hover{background:url("http://ginnymayer.com/images/top-menu.png") -223px -34px no-repeat}
#but4 a:hover{background:url("http://ginnymayer.com/images/top-menu.png") -330px -34px no-repeat}
#but5 a:hover{background:url("http://ginnymayer.com/images/top-menu.png") -458px -34px no-repeat}
#but6 a:hover{background:url("http://ginnymayer.com/images/top-menu.png") -616px -34px no-repeat}
#but7 a:hover{background:url("http://ginnymayer.com/images/top-menu.png") -702px -34px no-repeat}
#but8 a:hover{background:url("http://ginnymayer.com/images/top-menu.png") -835px -34px no-repeat}
/*Bottom Menu  */
#bot-nav{width:950px;height:66px;background-image:url(http://ginnymayer.com/images/bot-menu.png);background-repeat:no-repeat;margin:0;padding:0}
#bot-nav li,#bot-nav a{height:66px;display:block}
#but1-bot a:hover{background:url("http://ginnymayer.com/images/bot-menu.png") 0 -66px no-repeat}
#but2-bot a:hover{background:url("http://ginnymayer.com/images/bot-menu.png") -231px -66px no-repeat}
#but3-bot a:hover{background:url("http://ginnymayer.com/images/bot-menu.png") -472px -66px no-repeat}
#but4-bot a:hover{background:url("http://ginnymayer.com/images/bot-menu.png") -713px -66px no-repeat}
#top-nav span,#bot-nav span{display:none}
#but1-bot,#but4-bot{width:231px}
#but2-bot,#but3-bot{width:241px}
#top-nav li,#bot-nav li{float:left;list-style:none;display:inline}
/*Sitemap  */
#sitemap{margin-top:30px;color:#999;text-align:center}
#sitemap li{display:inline}
#sitemap a{padding:0 15px}
/*Image Replacements  */
#banner{text-align:center;border:solid 1px #d5d5d5;margin:20px 0 0;padding:7px 5px 7px 7px}
#harbor-photo{width:938px;height:203px;overflow:hidden;position:relative;border-bottom:solid 2px #87a0b2}
#harbor-photo span{position:absolute;width:100%;height:100%;left:0;right:0;background:url(http://ginnymayer.com/images/banner.jpg) no-repeat;text-indent:-9999px}
#content .ginny{width:239px;height:19px;overflow:hidden;position:relative}
#content .ginny span{position:absolute;width:100%;height:100%;left:0;right:0;background:url(http://ginnymayer.com/images/titles/from-ginny.png) no-repeat;text-indent:-9999px}
.latest-update {width:168px;height:19px;overflow:hidden;position:relative; padding-top:10px}
.latest-update span{position:absolute;width:100%;height:100%;left:0;right:0;background:url(http://ginnymayer.com/images/titles/latest-updates.png) no-repeat;text-indent:-9999px}
#contact-us h1{width:115px;height:19px;overflow:hidden;position:relative}
#contact-us h1 span{position:absolute;width:100%;height:100%;left:0;right:0;background:url(http://ginnymayer.com/images/titles/contact.png) no-repeat;text-indent:-9999px}
#events h1{width:81px;height:19px;overflow:hidden;position:relative}
#events h1 span{position:absolute;width:100%;height:100%;left:0;right:0;background:url(http://ginnymayer.com/images/titles/events.png) no-repeat;text-indent:-9999px}
#links h1{width:173px;height:19px;overflow:hidden;position:relative}
#links h1 span{position:absolute;width:100%;height:100%;left:0;right:0;background:url(http://ginnymayer.com/images/titles/flickr.png) no-repeat;text-indent:-9999px}
.meet{width:227px;height:19px;overflow:hidden;position:relative}
.meet span{position:absolute;width:100%;height:100%;left:0;right:0;background:url(http://ginnymayer.com/images/titles/meet-ginny.png) no-repeat;text-indent:-9999px}
.comics{width:375px;height:19px;overflow:hidden;position:relative}
.comics span{position:absolute;width:100%;height:100%;left:0;right:0;background:url(http://ginnymayer.com/images/titles/comic.png) no-repeat;text-indent:-9999px}
.contribute {width:139px;height:19px;overflow:hidden;position:relative}
.contribute span{position:absolute;width:100%;height:100%;left:0;right:0;background:url(http://ginnymayer.com/images/titles/contribute.png) no-repeat;text-indent:-9999px}
.contact{width:149px;height:19px;overflow:hidden;position:relative}
.contact span{position:absolute;width:100%;height:100%;left:0;right:0;background:url(http://ginnymayer.com/images/titles/contact-us.png) no-repeat;text-indent:-9999px}
.upcoming{width:224px;height:19px;overflow:hidden;position:relative}
.upcoming span{position:absolute;width:100%;height:100%;left:0;right:0;background:url(http://ginnymayer.com/images/titles/upcoming-events.png) no-repeat;text-indent:-9999px}
.next-event{width:132px;height:18px;overflow:hidden;position:relative}
.next-event span{position:absolute;width:100%;height:100%;left:0;right:0;background:url(http://ginnymayer.com/images/titles/next-event.png) no-repeat;text-indent:-9999px}
.volunteer{width:132px;height:19px;overflow:hidden;position:relative}
.volunteer span{position:absolute;width:100%;height:100%;left:0;right:0;background:url(http://ginnymayer.com/images/titles/volunteer.png) no-repeat;text-indent:-9999px}
.endorsements{width:182px;height:19px;overflow:hidden;position:relative}
.endorsements span{position:absolute;width:100%;height:100%;left:0;right:0;background:url(http://ginnymayer.com/images/titles/endorsements.png) no-repeat;text-indent:-9999px}
.issues{width:116px;height:19px;overflow:hidden;position:relative}
.issues span{position:absolute;width:100%;height:100%;left:0;right:0;background:url(http://ginnymayer.com/images/titles/issues.png) no-repeat;text-indent:-9999px}
.campaign{width:241px;height:19px;overflow:hidden;position:relative}
.campaign span{position:absolute;width:100%;height:100%;left:0;right:0;background:url(http://ginnymayer.com/images/titles/campaign.png) no-repeat;text-indent:-9999px}
.threefive{width:288px;height:19px;overflow:hidden;position:relative}
.threefive span{position:absolute;width:100%;height:100%;left:0;right:0;background:url(http://ginnymayer.com/images/titles/35th.png) no-repeat;text-indent:-9999px}
.logo-pic{width:473px;height:72px;overflow:hidden;position:relative}
.logo-pic span{position:absolute;width:100%;height:100%;left:0;right:0;background:url(http://ginnymayer.com/images/logo.png) no-repeat;text-indent:-9999px}
/*Links  */
a:link,a:visited,a:active{color:#6ba4dc;font-weight:700;text-decoration:none}
a:hover{text-decoration:underline}
/*Typography  */
p, #writing, #blog-list{color:#6C6C6C;}
#event-list h3 {margin-top:15px}
#footer p{font-size:.9em;margin-bottom:0}
#contact-us,#events,#links,#blog-list,#content, #comic{margin-top:30px}
#comic img {margin-left:100px}
.comic-link {
	color: #6C6C6C;
	padding:3px;
	border: solid 1px #999;
	font-size:1.5em;
	font-weight:bold;
	background-color: #F3F3F3;
}
#comic ul {margin-left:60px}
#links ul {list-style:none; margin:0}
#links ul li {padding-bottom:15px; line-height:1.7em}
.design, .date {font-size:.9em;margin-top:10px;text-align:right}
#writing.comic-list {margin:0 0 5px}
.title {margin-top:20px}
/*Flickr*/
#flickr {width:310px}
#flickr a img {border:0;float:left;margin:0 0px 10px 10px;padding:2px;width:75px;height:75px;background-color: #999;}