/*
Theme Name: South Hollow
Theme URI: http://dialect.ca/?wp
Description: Another colourful design by <a href="http://dialect.ca/?wp">Dialect</a>.
Version: 1.0
Author: Dialect
Author URI: http://dialect.ca/?wp
Tags: south hollow, colourful, awesome

	Copyright 2009 Dialect Communications Group

*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes: "" ""}

/*
 * Copyright (c) 2008, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.net/yui/license.txt
 * version: 2.6.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
html, body { margin: 0; padding: 0; }


/****** frame ******/
#container {
	width: 960px;
	padding: 0 10px;
	margin: 0 auto;
	
}

#logo {
	float: left;
	width: 310px;
	margin-right: 40px;
	height: 705px;
}

#logo h1 a {
	
	height: 80px;
}


#nav {
	margin-left: 350px;

	width: 540px;
	padding-right: 0px;
	/*background: green;*/
	height: 24px;
	padding-top: 135px;
}


#logo h1 {
	margin-top: 105px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0;
}

#logo h1, #logo h1 a {
	display: block;
	width: 280px;
}


#nav a { padding: 16px; }

#nav .first a { padding-left: 20px; /* to match #content */ }

#content {
	float: left;
	/* total width = 610px */
	width: 520px;
	
	padding-right: 70px;
	
	padding-left: 20px;
	padding-bottom: 50px;

}

.toc .secondary {
	clear: both;
}


.feature.col {
	float: left;
	width: 130px;
	margin-right: 10px;
	padding: 0 25px 0 15px;
}

.feature.col.last {
	margin-right: 0;
	padding-right: 15px;
}

h2, #newsletter_form { clear: left; }

#content:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow:hidden;
}

#footer {
	text-transform: lowercase;
	margin-left: 370px;
	width: 520px;
	
}

#footer p { width: 100%; margin-bottom: 0; text-align: right; font-size: 80%; }

#contact_info {
	float: left;
	width: 160px;
	height: 304px;
	margin: 0 15px 0 0;
	padding: 5px 0 0;

	text-align: right;
}

#contact_info, #map {
	font-size: 85%;
	line-height: 135%; 
}

#contact_info p { margin-bottom: 1.6em; }

#contact_info a { font-weight: bold; }

#contact_map {
	float: left;
	width:  320px;
	height: 304px;	
	padding: 12px 12px 16px;
	background: transparent url("inc/frame_map.png") no-repeat 0 0;
}

#map { width: 320px; height: 276px; }





/****** logo and nav ******/
#logo {
	background: #fff url("inc/paintstroke.jpg") no-repeat -3px 0;
}

#logo h1 {
	background: transparent url("inc/logo.jpg") no-repeat 50% 0;
}

#logo h1 a { text-indent: -9999em; }


#nav, #nav a { color: #000; }

#nav {
	font: normal 115%/100% "Arial", sans-serif;
	text-transform: uppercase;
}

#nav li { float: left; height: 34px; }

#nav a {
	display: block;
	background-image: url("inc/nav.png");
	background-repeat: no-repeat;
	text-indent: -9999em;
	
}

#n_frontpage a { width: 76px; background-position: 0 18px; }
#n_frontpage a:hover { background-position: 0 -171px; }

#n_galleries a { width: 101px; background-position: 0 -34px; }
#n_galleries a:hover, #n_galleries.current_page_item a, #n_galleries.current_page_parent a, #n_galleries.current_page_ancestor a { background-position: 0 -221px; }

#n_newsletters a { width: 133px; background-position: 0 -83px; }
#n_newsletters a:hover, #n_newsletters.current_page_item a, #n_newsletters.current_page_parent a { background-position: 0 -270px; }

#n_contact a { width: 92px; background-position: 0 -127px; }
#n_contact a:hover { background-position: 0 -314px; }

/****** content ******/
h2, a, .lede, h3 a:hover, #footer a:hover { color: #9ebf00; }

em, i { font-style: italic; }

strong, b { font-weight: bold; }

a { text-decoration: none; }

#content, #footer {
	font-size: 90%;
	line-height: 158%;
	color: #8a8a8a;
}

p { margin-bottom: .66em; }

h2 {
	display: block;
	width: 100%;
	margin: 32px 0 19px;
	font: bold 85% "Verdana", sans-serif;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .1em;
	background: #fff url("inc/dots_h.gif") repeat-x 0 55% !important;	
}

h2.first {
	margin-top: 22px;
}

h2 a { width: auto; padding: 0 .5em; background: #fff; }

h3, h3 a { color: #808080; }

h3 { margin-bottom: .1em; font: normal 185%/109% "Arial", sans-serif; }



.lede { margin-top: 22px;font: normal 235%/109% "Arial", sans-serif; }


.feature, .attachment-page .viewport, .notice {
	font: italic 94%/160% "Georgia", serif;
}

.feature {
	margin-bottom: 30px;
	background: transparent url("inc/dots_v.gif") repeat-y 100% 0;
}

.feature, .feature a { color: #999; }

.feature li { margin-bottom: .6em; }

.feature.col.last { background: none; }

.post {
	margin-bottom: 24px;
	padding-top: 24px;
	background: transparent url("inc/dots_h.gif") repeat-x 0 0;
}

.post.first {
	padding-top: 0;
	background-image: none;
}

.post .dt {
	font-style: italic;
	font-size: 98%;
	margin-bottom: .8em;
}

.sh_image.size-medium {
	display: block;
	padding: 6px 0 0 0;
	background: #fff url("inc/frame_194w_t.png") no-repeat 0 0;
}

.sh_image.size-medium img {
	padding: 7px 15px 18px 12px;
	background: transparent url("inc/frame_194w.png") no-repeat 0 100%;
}

a img { padding-top: 0; }

.alignright, .alignleft, .sh_image { display: block; }

.alignright { float: right; margin: 0 0 38px 38px; }

.sh_image.alignright { float: right; width: 191px; margin: 6px 0 38px 38px; }

.alignright .alignright { margin: 0; }

.sh_image.alignleft { float: left; margin: 6px 38px 38px 0; }

.wp-caption-text { margin-bottom: 20px; font: italic 94%/160% "Georgia", serif; }

.gallery .details { font-weight: bold; }


#thumbs { clear: left; }

#thumbs li {
	float: left;
	margin: 0 3px 16px 12px;
}

#thumbs li.last { margin-right: 0; }

#thumbs img, .feature_thumb img {
	display: block;
	width: 88px; height: 88px;
	padding: 11px 15px 18px 11px;
	background: #fff url("inc/frame_82x82.png") no-repeat 0 0;
}

.feature_thumb img {
	float: left;
	margin: -6px 13px 30px -4px;
}

#newsletter_form {
	padding-bottom: 18px;
	background: transparent url("inc/dots_h.gif") repeat-x 0 100%;
}

#newsletter_form input, #newsletter_form p {
	display: block;
	margin: 8px auto;
	text-align: center;
}

#newsletter_form p {

}

#newsletter_form .textbox {
	width: 160px;
	margin: 8px auto;
	text-align: center;
	border: 1px solid #9ebf00;
	font-size: 90%;
	color: #666;
}


/****** overlay ******/


#overlay_bg {
	position:fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index:10;
	opacity:0;
	background: #fff none;
	/*filter:alpha(opacity=0);*/
}

#overlay_window {
	position:absolute;
	/*overflow: auto;*/
	width: 670px;
	left: 50%;
	top: 50%;
	margin-left: -335px;
	z-index: 11;
	opacity:0;
	/*filter:alpha(opacity=0);*/
}





#prev_attachment, #next_attachment {
	display: block;
	width: 40px;
	height: 40px;
	margin-top: 130px;
	padding: 0;
	overflow: hidden;
	float: left;

}

#prev_attachment a, #next_attachment a {
	display: block;
	width: 40px;
	height: 40px;
	padding: 0;
	text-indent: -9999em;
	background: transparent url("inc/icons.png") no-repeat;
}

#next_attachment a { background-position: 0 -80px; }

#prev_attachment a:hover { background-position: 0 -155px; }

#next_attachment a:hover { background-position: 0 -240px; }

.attachment-page { background: #fff none; }




.attachment-page .viewport, .sh_image.size-large {
	display: block;
	padding-top: 18px;
	background: transparent url("inc/frame_519w_t.png") no-repeat 0 0;

}

.attachment-page .viewport {
	float: left;
	margin: 0 25px;
	width: 540px;
	text-align: center;
	color: #999;
}

.aligncenter .sh_image {
	margin: 20px auto;
}

.sh_image.size-large {
	margin: 0 -18px;

}

.attachment-page .viewport img, .sh_image.size-large img {
	display: block;
	margin: 0 auto;
	background: transparent url("inc/frame_519w.png") no-repeat 0 100%;
	padding: 0 27px 25px 21px;
	width: 519px;
}

.attachment-page .viewport {
	background: transparent none;
	
}

.attachment-page .viewport img {
	display: block;
	width: auto;
	background: #fefefe none;
	border: 1px solid #dadada;
	padding: 8px;
	margin: 0 auto;
}

.attachment-page .meta, .attachment-page .desc {
	float: left;
	height: 60px;
	margin-top: 13px;
}

.attachment-page .meta {
	width: 240px;
	margin-right: 40px;
	text-align: right;
}

.attachment-page .desc {
	width: 240px;
	text-align: left;
}



#footer a { color: #999; }


#modalBackgroundOverlay { background-color: #fff; }