/****
RESET STYLES
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
 margin:0; 
 padding:0; 
} 
table { 
 border-collapse: collapse; 
 border-spacing: 0; 
} 
fieldset,img {  
 border: 0; 
} 
address,caption,cite,code,dfn,em,th,var { 
 font-style: normal; 
 font-weight: normal; 
} 
ol,ul { 
 list-style: none; 
} 
caption,th { 
 text-align: left; 
} 
h1,h2,h3,h4,h5,h6 { 
 font-size: 100%; 
 font-weight:normal; 
} 

.index {
padding-left: 80px;
text-align: right;
}

q:before,q:after { 
 content:''; 
} 
abbr,acronym {
 border:0; 
}
:focus {
 outline: 0;
}

/***
LAYOUT
*/
div#header {
 height: 178px;
 background: url(../img/header-bg.jpg) repeat-x;
 }
div#header-content {
 height: 178px;
 width: 980px;
 margin: 0 auto;
 background: url(../img/header-content-bg.jpg) no-repeat;
 }
div#header-content h1 {
 width: 320px;
 height: 98px;
 margin: 0 auto;
 background: url(../img/heading.gif) no-repeat;
 }
div#header-content h1 span {
 margin: -99999px;
}
div#header-content blockquote, div#header-content q {
 float: right;
 position: relative;
 top: 25px;
 width: 235px;
 height: 152px;
 background: url(../img/quote-box.jpg) no-repeat;
 font-size: .8em !important;
 }
div#header-content blockquote span {
 display: block;
 font-style: oblique;
 color: #0066AA;
 margin-top: 5px;
 }
 
/** NAVIGATION
**/
div#header-content ul#nav {
 width: 535px;
 margin: 25px auto 0 auto;
 padding-left: 35px;
 }
#nav li {
 display: inline;
 /*display: block;
 float: left;
 width: 98px;
 line-height: 2;*/
 padding-top: 35px;
 background: url(../img/tab-shadow-bg.gif) no-repeat bottom;
 }
#nav li#home {
 background: url(../img/tab-shadow-bg-small.gif) no-repeat bottom;
 }
#nav li.active, ul#nav li:hover {
 background: url(../img/tab-bg.gif) no-repeat bottom;
 }
#nav li#home.active, ul#nav li#home:hover {
 background: url(../img/tab-bg-small.gif) no-repeat bottom;
}
#nav a {
 height: 52px;
 }
/** CONTENT
**/
div#photo-bottom {
 background: url(../img/photo-bottom.gif) no-repeat;
 width: 250px;
 height: 144px;
 position: absolute;
 top: 178px;
 margin-left: 30px;
 }

div#content-wrap {
 background: url(../img/gradient.jpg) top repeat-x #fff;
 min-width: 980px;
 }
div#main-content {
 float: left;
 /*padding: 25px 30px 0px 370px;*/
 /*padding-left: 350px;*/
 background: url(../img/tree.gif) bottom left no-repeat transparent;
 width: 100%;
 }
div#footer {
 clear: both;
 background: url(../img/grass.jpg) bottom left repeat-x;
 /*float: left;*/
 height: 93px;
 width: auto;
 margin-left: 350px;
 }
div#meta {
 background: #383838;
 padding: 30px 0 0 15px;
 }
div#meta p, div#meta ul{
 color: #AFB0B0;
 font-size: .8em;
 }
div#meta li {
 padding-left: 30px;
 }
div#meta li.home {
 background: url(../img/icons/home.gif) no-repeat left center;
 }
div#meta li.links {
 background: url(../img/icons/links.gif) no-repeat left center;
 }
div#meta li.real-services {
 background: url(../img/icons/real-services.gif) no-repeat left center;
 }
div#meta li.faq {
 background: url(../img/icons/faq.gif) no-repeat left center;
 }
div#meta li.homophobia {
 background: url(../img/icons/homophobia.gif) no-repeat left center;
 }
div#meta li.safer-sex {
 background: url(../img/icons/safer-sex.gif) no-repeat left center;
 }
div#meta img {
 margin: 0 auto;
 float: right;
 padding-right: 15px;
 }
div#myst,
div#jumpto,
div#contact,
div#feature {
 width: 20%;
 height: 27em;
 margin: 15px;
 float: left;
 }
div#meta div#pennyhaslop {
clear: left;
background: url(http://notsostraight.com.au/img/header-bg.jpg) bottom;
margin-right: 10px;
}
div#pennyhaslop p {
margin: 0;
padding: 7px 15px;
font-size: .6em;
 }
div#pennyhaslop p, div#pennyhaslop a {
color: #383838 !important;
font-family: Georgia, serif;
font-weight: bold;

 }
div#feature,
div#jumpto,
div#contact {
 border-right: 1px dotted #CDCDCD;
 }
div#myst p {
 clear: both;
 margin-bottom: 15px;
 }
div#myst img {
 float: left;
 }
div#meta label {
 color: #fff;
 font-size: .7em;
 float: left;
 margin: 8px 0;
 clear: both;
 }
form select {
 float: left;
 }
div#meta legend {
 margin: -99999px;
}
div#meta input#submit {
 clear: both;
 }
div#meta p {
 margin: .8em 0;
 color: #fff;
 }

div#main-content p,
div#main-content ul,
div#main-content ol,
div#main-content h2,
div#main-content h3,
div#main-content h4,
div#main-content h5,
div#main-content img ,
div#main-content dl,
div#main-content-wrap,
div#main-content blockquote {
 margin-right: 15px;
 margin-left: 360px;
 }
div.clear {
 clear: both;
 background: transparent;
 }
 /*
 **
 TYPOGRAPHY
 **
 */
body {
 font-family: Helvetica, Arial, sans-serif;
}
#main-content , #header{
 color: #424242;
 }
#main-content h2, #main-content h3, div#meta h4 {
 font-family: Goudy, Georgia, serif;
 }
#main-content h2 {
 font-size: 2em;
 text-align: right;
 padding-bottom: 5px;
 border-bottom: 2px solid #CDCDCD;
 margin: 25px 0 25px 10px;
 letter-spacing: .05em;
 }
/*#main-content h3 {
border-bottom: 1px solid #acacac;
border-top: 1px solid #d6d6d6;
}*/
#main-content h3 , div#meta h4{
 font-size: 1.2em;
 padding-bottom: 5px;
 padding-top: 5px;
 /*border-bottom: 2px solid #CDCDCD;*/
 margin: 20px auto 10px;
 letter-spacing: .1em;
 }
#main-content .block-def h3 {
border: none;
}
#main-content h4 {
font-size: .8em;
font-weight: bold;
margin-top: 10px;
}
h3#aconss {
	clear: both;
	}
div#meta h4 {
 color: #57CDF5;
margin-top: 0;
 }
#main-content dt {
 font-size: 1.3em;
 padding-bottom: 3px;
 margin: 10px auto 5px;
 letter-spacing: .05em;
 }
#main-content p,
#main-content ul,

#main-content dl,
#main-content blockquote,
#main-content ol {
 font-size: .72em;
 margin: 5px 15px 5px 0;
 letter-spacing: .03em;
 line-height: 1.5;
 }
#main-content blockquote {
 border-top: 1px dashed #CDCDCD;
 margin-top: 20px;
 padding-top: 20px;
 font-style: oblique;
 }
div#content-wrap div#main-content blockquote p {
 margin-left: 0;
 padding-left: 0;
 font-size: .6em;
 }
#main-content blockquote cite {
 display: block;
 font-style: normal;
 font-weight: bold;
 }
#main-content img {
 border: 1px solid #CDCDCD;
 padding: 5px;
 background: #ffffff;
 }
#main-content ul{
 list-style-type: none;
 padding: 0;
 margin: 0;
}
#main-content li, #meta li{
 background-image: url(../img/arrow.gif);
 background-repeat: no-repeat;
 background-position: left center;
 padding: .4em 0 .4em 1em;
 }
#main-content p.credit {
 padding: 7px;
 margin-top: 20px;
 background: #E0E0E0;
 clear: both;
 }
#main-content p.credit a {
 background: url(../img/new-window-small.gif) no-repeat right center;
 padding-right: 20px;
 }
#main-content p.opinion {
 font-style: oblique;
 }
blockquote p {
 /*font-size: .7em;*/
 margin: 25px 15px 0;
 text-align: left;
 }
#main-content .block-def {
 margin-left: 40px;
 padding: 10px;
 float: right;
 width: 235px;
 background: #4AA4D6;
 color: #fff;
 }
div#main-content .block-def h3, div#main-content .block-def ul {
 margin-left: 0;
 }
#main-content .block-def h3 {
 margin-top: 0;
 }
#main-content .block-def dt {
 color: #424242;
 font-size: 1.8em;
 font-family: Goudy, Georgia, serif;
 margin: 0;
 }
.block-def em {
 font-style: oblique;
 }
div.block-def {
 margin-right: 15px;
 }
div#jump-to, div#aconss {
 float: left;
 margin: 0 0 20px 360px;
 display: inline;
 }
div#jump-to img, div#aconss img {
 margin: 0;
 }
div#jump-to img:hover , div#aconss img:hover{
 background: #CDCDCD;
 }
div#jump-to a, div#aconss a {
 border: none;
 }
div#main-content div.faq-group {
 width: 20%;
 float: left;
 height: 15em;
 margin-left: 20px;
 margin-top: 30px;
 }
div#main-content div.faq-group ul, div#main-content div.faq-group h3 {
 padding: 0;
 margin: 0;
 }
div.link {
 border-bottom: 1px dashed #CDCDCD;
 margin-left: 360px;
 min-height: 150px;
 }
div#main-content div.link p, div#main-content div.link h3, div#main-content div.link img {
 margin-left: 10px;
 }
div.link h3 {
 /*clear: both;*/
 }
div#main-content div.link a img {
 float: left;
 border: 1px solid #CDCDCD;
 }
 
 /*
 **
 VCARD
 **
 */
div#main-content div.vcard img, div#main-content div.link img {
 border: none;
 background: transparent;
 float: right;
 display: block;
 }
div.vcard {
 border-bottom: 1px dotted #CDCDCD;
 margin-left: 360px;
 padding-bottom: 15px;
 margin-bottom: 25px;
 }
div.alt {
 background: url(../img/section-bg.gif) bottom right no-repeat;
 }
div#main-content div.vcard p,
div#main-content div.vcard ul,
div#main-content div.vcard h3 {
 margin-left: 0;
 }

 /*
 **
 LINKS
 **
 */
.link h3 a:link, .link h3 a:visited, .link h3 a:hover, .link h3 a:active {
 background: url('../img/new-window.gif') right center no-repeat;
 padding-right: 30px;
 }
a:link , a:visited{
 text-decoration: none;
 }
a:link {
 color: #454F5F;
 border-bottom: 1px dotted #454F5F;
 }
a:visited {
 color: #6C7B94;
 border-bottom: 1px dotted #6C7B94;
 }
a:hover {
 color: #9E4022;
 border-bottom: 1px dotted #9E4022;
 }
a:active {
 background: #454F5F;
 color: #fff;
 border: none;
 }

ul#nav a:link , ul#nav a:visited, ul#nav a:hover, ul#nav a:active {
 border: none;
 background: transparent;
 }

div#meta a:link{
 color: #fff;
 border-bottom: 1px dotted #fff;
 }
div#meta a:visited {
 color: #A6A7A7;
 border-bottom: 1px dotted #A6A7A7;
 }
div#meta a:hover {
 color: #fff;
 border-bottom: 1px dotted #fff;
 }
div#meta a:active {
 background: #454F5F;
 color: #fff;
 border: 1px solid #454F5F;
 }