/*
Theme Name: SHPA (South Hobart Progress Association)
Description: by Lemon Pie Design, adapted from Tsokolate by <a href="http://dominor.com" target="_blank">Dominor Web Design </a>
Author: Nicholas King, Lemon Pie Design
Author URI: http://www.lemonpiedesign.com.au
Version: 1.0
Tags: fixed width, three columns

*/

@font-face {
    font-family: 'ashbury-lightregular';
    src: url('fonts/AshburyLig-webfont.eot');
    src: url('fonts/AshburyLig-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/AshburyLig-webfont.woff') format('woff'),
         url('fonts/AshburyLig-webfont.ttf') format('truetype'),
         url('fonts/AshburyLig-webfont.svg#ashbury-lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}


* {
	padding: 0px;
	margin: 0px;
}

html {background: white url(images/sth-hobart-panorama-backdrop.jpg) top center no-repeat; 
background-attachment: fixed;
background-size: cover;
padding:0; 
margin:0;}

body  {font-size: 10px;
color: #000000;
background-color: transparent;
font: 17px/26px Georgia, serif;
padding: 0;
margin: 0;
}

a:link  {color: #0C7B9B; text-decoration: underline;}
a:visited  {color: #0C7B9B; text-decoration: underline;}
a:hover {color: #00C9FF; text-decoration: none;}
a:active  {color: #0079AA; text-decoration: none;}

a img{border: none;}

h1 {font-size: 48px;
font-family: 'ashbury-lightregular', Arial, sans-serif;
line-height: 60px;
font-weight: normal;
margin-top: 15px;
margin-bottom: 15px;
color: #000000;
text-align: left;}

h1.center {text-align: center;}

h1.small_h1 {font: 38px/50px 'ashbury-lightregular', Arial, sans-serif; margin-top: 5px;}

h2 {font-size: 38px;
font-family: 'ashbury-lightregular', Arial, sans-serif;
line-height: 50px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 15px;
color: #000000;
text-align: left;
}

h2.center {text-align: center;}

h3 {font-size: 30px;
font-family: 'ashbury-lightregular', Arial, sans-serif;
line-height: 44px;
font-weight: normal;
margin-top: 16px;
margin-bottom: 12px;
color: #000000;
text-align: left;
}

h3.center {text-align: center;}

table {border-width: 0px 0px 0px 0px;
border-color: #000000;
background-color: transparent;
}

ul, ol {margin: 5px 0 25px 25px;}

ul {list-style: disc outside none;}

ol {list-style: decimal outside none;}

ul.spaced li, ol.spaced li {margin-bottom: 20px;}

p {margin-bottom: 20px;}

p.centred {text-align: center;}

span.bold {
	font-weight: bold;
}

#main h1 a, #main h2 a, #main h3 a {text-decoration: none;} 

.screen-reader-text { /* Gets rid of the label text that sometimes appears. E.g. next to the "Archives" widget. */
     display: none;
}

/* Theme Layout CSS */

#wrap {position: relative;
width: 1220px;
text-align: left;
margin: 0 auto 0 auto;
padding: 0;
}

#header {position: relative;
/*top: 14px;*/
width: 720px;
height: 176px;
padding: 14px 0 0 0;
margin: 0 0 0 260px;
z-index: 99;
}	

#navigation-wrap {float: left;
width: 260px;
background: transparent url(images/white-bg-90pc.png) top left repeat;
border-radius: 60px 0 0 30px;}

#navigation {position: relative;
width: 230px;
font-family: Arial, sans-serif;
font-weight: normal;
margin: 0;
padding: 20px 10px 10px 20px;
z-index: 101;
background: transparent url(images/nav-edge.png) top left no-repeat;
border-radius: 60px 0 0 30px;
z-index: 10;
}

#navigation ul {position: relative;
list-style: none;
padding: 5px 0 15px 0;
margin: 0;
text-align: left;
background-color: transparent;
z-index: 12;}

#navigation ul li {
margin: 0;
/* No padding attribute for this selector as it impacts on the Nice Navigation plugin padding. Padding is set directly from the plugin stylesheet. */
background-color: transparent;
}

#navigation ul li a {display: block;
height: 34px;
font-weight: normal;
font-family: 'ashbury-lightregular', Georgia, serif;
font-size: 18px;
line-height: 40px;
text-decoration: none;
padding-left: 10px;
}

#navigation li.current_page_item {padding-left: 25px;
background: url(/wp-content/themes/SHPA/images/nav-arrow.png) no-repeat -3px 6px;
}

img#nav_logo {margin-bottom: 15px;}

#nav_filigree_top {width: 230px;
height: 19px;
background: transparent url(images/nav-filigree-top.png) top center no-repeat;
}

#nav_filigree_bottom {width: 230px;
height: 10px;
background: transparent url(images/nav-filigree-bottom.png) top center no-repeat;}

#navigation-bottom-cornice {position: absolute;
right: 0;
bottom: -26px;
width: 26px;
height: 26px;
background: transparent url(images/nav-bottom-cornice-opac-90pc.png) top left no-repeat;}

#main {position: relative;
float: left;
width: 700px;
text-align: left;
padding: 0; 
margin: 0; 
background: transparent url(images/white-bg-90pc.png) top left repeat;
}

#watermark_bg_main {position: relative;
width: 650px;
min-height: 1080px; /* This needs to be stay a little more than the full height of the left nav bar when expanded by the Nice Navigation plugin, which the layout currently uses */
padding: 20px 25px 10px 25px;
margin: 0;
background: transparent url(images/mt-wellington-watermark2.png) top center no-repeat;
	/* The following makes long single-word text strings (e.g. urls) wrap properly */
    word-wrap: break-word;
}

/* Meteor Slides plugin styles. This updates the CSS found in the plugin folder. */

#meteor-slideshow {margin: 0 0 30px 0;}

/* Table Styles for TablePress plugin */

#tablepress-1  td.column-1{width: 200px;}

#tablepress-1  td.column-2{width: 300px;}

#tablepress-1  td.column-3{width: 150px;}

/* Gravity Forms styles */

.membership-form {font-family: OpenSansRegular, sans-serif;}

/* Blog and sidebar styles */

#right-sidebar-wrap {float: right;
width: 260px;
background: transparent url(images/white-bg-90pc.png) top left repeat;
border-radius: 0 60px 30px 0;}

#right-sidebar {position: relative;
width: 220px;
font-family: Georgia, serif;
font-size: 14px;
line-height: 20px;
padding: 30px 20px 25px 20px;
margin: 0;
background: transparent url(images/sidebar-edge.png) top right no-repeat;
border-radius: 0 60px 30px 0;
}

#right-sidebar ul, #right-sidebar ol {margin: 0;}

#right-sidebar ul li {
	list-style: none;
}
#right-sidebar li {
	padding-bottom: 2px;
}
#right-sidebar a{
	text-decoration: none;
}
#right-sidebar a:visited{
	text-decoration: none;
}
#right-sidebar a:hover{
	text-decoration: none;
}
#right-sidebar a:active{
	text-decoration: none;
}
#right-sidebar li a:before{
	content: "\bb" "\a0"; /* Escape character (backslash), then hexadecimal for right hand dual arrow, then escape character and hex for non-breaking space */
}

#right-sidebar li a.nomarker:before {content: none;}

#right-sidebar h1, #right-sidebar h2, #right-sidebar h3, #right-sidebar h4{
	font-size: 18px;
	line-height: 28px;
	font-family: Georgia, serif;
	color: #000000;
	margin: 15px 0px 7px 0px;
	padding: 0px;
}

#right-sidebar-bottom-cornice {position: absolute;
left: 0;
bottom: -26px;
width: 26px;
height: 26px;
background: transparent url(images/sidebar-bottom-cornice-opac-90pc.png) top left no-repeat;}

/* End right sidebar styles */

/* General WordPress Styles */

#authorbox {
width: 650px;
margin-bottom: 25px;
line-height: 18pt;
overflow: auto;
}
.author_gravatar {
float: left;
width: 80px;
height: 80px;
margin-right: 5px;
}

.post {
	padding-bottom: 10px;
}
.description {
	font: 18px/22px Georgia, serif;
	padding-left: 10px;
}
img a {
	border: 0px;
}
blockquote {
	margin: 10px;
	font-size: 9pt;
	font-style:italic;
}
blockquote a {
}
/* -- */
.postmetadata {
	padding: 10px 0px;
	font: 17px/22px Georgia, serif;
	margin-bottom: 15px;
}

.posttopdate {
	font: 13px/20px Georgia, serif;
	margin-bottom: 15px; /* I added this div in 'single.php' and 'page.php' to style the date function. The date function was added immediately below the post title, as it wasn't originally found there in this theme - NK. */
}
#date {
	padding-bottom: 5px;
}

#comments {
}

.comment {
	padding: 10px 0px;
}

a.url {text-decoration: underline;}
a:visited.url {}
a:hover.url {text-decoration: none;}
a:active.url {text-decoration: none;}
/* form */
#author, #email, #url, #comment, .s {
	border: 1px solid #0042AA;
	padding: 5px;
	font-size: 12px;
	background-color: transparent;
	border-radius: 3px;
}
#author, #email, #url, #comment {
	padding: 5px;
}
#comment {height: 200px;
	width: 460px;
}
.s {
	padding: 3px;
}

#submit, .searchsubmit {
	background-color: transparent;
	color: #0042AA;
	border: 2px solid #0042AA;
	font-size: 12px;
	padding: 2px;
	margin-top: 3px;
	border-radius: 3px;
}
#submit:hover, .searchsubmit:hover{
	color: #FFFFFF;
	background-color: #0042AA;
}

.navigation_top {
	font-size: 12px;
	line-height: 14px;
	margin: 15px 0 0 0;
}
.navigation_middle {
	font-size: 12px;
	line-height: 14px;
	margin: 0 0 35px 0;
	clear: left; /* This clear is for the purpose of clearing the author image floated in the authorbox. 'overflow: auto' is used also in the authorbox div, but this clear is a (probably needless) backup. */
}

.navigation_bottom {
	font-size: 12px;
	line-height: 14px;
	margin: 10px 0 0 0;
}

.leftlink{
	float: left;
	width: 325px; /* Half of #main div space */
	text-align: left;
	padding: 0;
	margin: 0;
}
.rightlink{
	float: right;
	width: 325px; /* Other half of #main div space */
	text-align: right;
	padding: 0;
	margin: 0;
}

.RSS_subscribe_form {width: 215px; 
	height: 125px;
	padding: 5px 5px 10px 10px;
}
#right-sidebar div.RSS_subscribe_form a:before{
	content: none;
}

/* Footer structure */

#footer_container{position: relative;
min-width: 100%;
min-height: 245px;
padding: 0;
margin: 0;
background: #034C62 url(images/gradient-tile-blue.png) top center repeat-x;
overflow: hidden;
clear: both;
}

#footer_lining {position: relative;
min-width: 100%;
height: 20px;
background: transparent url(images/gradient-lining-blue.png) top center repeat;}

#footer {
position: relative;
width: 660px;
font: 15px/20px 'ashbury-lightregular', Georgia, serif;
background-color: transparent;
color: white;
padding: 15px 20px 20px 20px;
margin: 0 auto 0 auto;
clear: both;
}

#footer a {color: white;}
#footer  a:visited {color: white;}
#footer  a:hover {color: #BBBBFF;}
#footer  a:active {color: #8888FF;}

#shpa-logo-footer {float: right;}

#footer-nav {text-align: center;
padding: 0 0 20px 0;}

#footer-nav ul {padding: 0; margin: 0;}

#footer-nav ul li {display: inline-block; 
padding: 6px 10px 6px 10px; 
white-space: nowrap;
zoom:1; 
*display: inline;
}

p#sponsors {position: absolute; bottom: 130px; left: 20px; font-size: 24px;}

p#copyright {float: right;
text-align: right;
clear: both;
padding: 30px 0 0 0;}

	
/* wp default */
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 0 10px 0 10px;
}
.alignleft {
	float: left;
	margin-right: 10px;
}
.alignright {
	float: right;
	margin-left: 10px;
}
.wp-caption {
	border: 1px solid #0042AA;
	text-align: center;
	background-color: transparent;
	padding-top: 4px;
	margin: 10px;
	/*-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;*/
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

 /* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
 .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
 .clearfix:after { clear: both; }
 /* fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
 .clearfix { zoom: 1; }