/* 
By Mosman Council, Dec 2009
Site engine: Textpattern
Layout framework: 960
Web 2.0 sharing: komodomedia.com
See also: credits in page footer

COLOURS
green  8bb452
green2 00645b
pink   ed1e79
orange f16b1a
*/

body {
background:transparent url(/teens/images/141.gif) fixed;
padding-bottom:50px;
}
div.container_16 {
background-color:#fff;;
}
.container_16 {
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
}

p {
margin-bottom:13px;
}

a:link { color: #f16b1a; }
a:visited { color: #f16b1a; }
a:hover { color: #000; }
a:active { color: #f16b1a; }


/* HEADER */

#header {
height:150px;
}
#header div.container_16 {
background-color:transparent;
}

#header a:link { color: #fff; }
#header a:visited { color: #fff; }
#header a:hover { color: #000; }
#header a:active { color: #fff; }

#header h1 {
font-size:30px;
font-weight:normal;
}


/* POST BOX */

.post-box {
margin:13px 0 37px 0;
}

.post-box h2 {
font-weight:normal;
margin-bottom:9px;
font-size:36px;
line-height:1.2;
}
.post-box h2 a {
text-decoration:none;
color:#000;
}

.post-box .post-meta {
color:#999;
font-size:11px;
border-top:1px dotted #999;
border-bottom:1px dotted #999;
padding:5px 0;
margin:0 0 13px 0;
}
.post-box .post-meta p {
margin-bottom:0;
}
.post-box .post-meta .comment-meta {
float:right;
}
.post-box .post-meta .comment-meta img {
float:left;
padding:3px 3px 0 0;
}
.post-box .post-meta a {
color:#999;
}
.post-box .post-meta a:hover {
color:#000;
}


div.star-rating img {
margin:0 9px 13px 0;
}
p.reviewed-by {
font-style:italic;
color:#555;
}

.article_img {
float:right;
margin:5px 0 5px 13px;
}


/* ARTICLE NAV */

ul.nav {
margin:0;
border-top: 0px dotted #999;
list-style-type:none;
padding:0 0 40px 0;
}
li.nav-left,
li.nav-rite {
padding:0;
margin:0;
font-size:16px;
}
li.nav-left a,
li.nav-rite a {
color:#999;
text-decoration:none;
} 
li.nav-left a:hover,
li.nav-rite a:hover {
color:#000;
text-decoration:underline;
} 
li.nav-left {
float:left;
}
li.nav-rite {
float:right;
}



/* ARCHIVE */

h4.archive {
margin:10px 0;
}
div.line-loose {
line-height:1.75;
}


/* AD BOX */

div.ad-box {
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
background-color:#8bb452;
margin:10px 0 0 0;
height:122px;
}
div.abt {
margin-top:15px;
}
div.abb {
margin-bottom:20px;
}
div.abt, div.abb {
background-color:#f16b1a;
}
div.nextreads {
height:210px;
margin-top:15px;
}
div.nextreads iframe {
margin-left:10px;
}
div.ad-box h4 {
padding:10px 10px 0 0;
line-height:1.3;
margin:0;
font-weight:normal;
font-size:21px;
}
div.nextreads h4 {
padding-bottom:5px;
padding-left:10px;
color:#fff;
}
div.ad-box p {
margin:0;
padding:5px 10px 0 0;
line-height:1.4;
}

div.ad-box a:link { color: #fff; text-decoration:none; }
div.ad-box a:visited { color: #fff; text-decoration:none; }
div.ad-box a:hover { color: #fff;text-decoration:underline; }
div.ad-box a:active { color: #000; }

div.ad-box img {
float:left;
margin:10px;
}

.border-simple img {
border: 1px solid #8bb452;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
}
a:hover.border-simple img {
border: 1px solid #fff;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
}

div.abt .border-simple img,
div.abb .border-simple img {
border: 1px solid #f16b1a;
}
div.abt a:hover.border-simple img,
div.abb a:hover.border-simple img {
border: 1px solid #fff;
}

/* EVENT BOX */

div.events {
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
background-color:#00645b;
margin:15px 0 0 0;
padding:10px 10px 3px 10px;
color:#fff;
}
div.events h4 {
font-weight:normal;
margin:3px 0 10px 0;
color:#8bb452;
}
div.events li {
list-style-type:none;
padding:10px 0 0 0;
margin:0 0 10px 0;
border-top:1px dotted #fff;
}
div.events li a {
font-size:18px;
line-height:1.3;
}
div.events li p {
margin:3px 0 0 0;
}
div.events li em {
font-size:14px;
color: #8bb452;
}

div.events a:link { color: #fff; text-decoration:none; }
div.events a:visited { color: #fff; text-decoration:none; }
div.events a:hover { color: #fff;text-decoration:underline; }
div.events a:active { color: #000; }


/* GENERAL IMAGE */

.image-left {
float:left;
margin:5px 13px 5px 0;
}
.image-right {
float:right;
margin:5px 0 5px 13px;
}


/* FOOTER STYLES */

#footer {
margin:0 0 0 0;
color:#fff;
}
#footer .container_16 {
background-color:#000;
}

#footer h4 {
font-weight:normal;
color: #fff;
margin:27px 0 0 0;
}
#footer h5 {
font-weight:normal;
color:#8bb452;
margin:13px 0 7px 0;
}

#footer a:link { color: #ed1e79; }
#footer a:visited { color: #ed1e79; }
#footer a:hover { color: #fff; }
#footer a:active { color: #ed1e79; }

#footer ul li {
font-size:12px;
list-style-type:none;
padding:0 0 5px 0;
margin-left:0;
}

#footer ul.xt {
margin-top:-11px;
}

#footer ul.wet_recent_comments {
font-style:italic;
}
#footer ul.wet_recent_comments cite {
font-style:normal;
}


/* @group Social Bookmarks - by http://www.komodomedia.com */

.social_bookmarks{
	padding: 0.5em 0;
	height: 16px;
	margin-top: 0.5em;
}
.social_bookmarks ul, 
.social_bookmarks li{
	padding: 0 !important;
	margin: 0;
	list-style-type: none;
	display: inline;
	background: 0 !important;
	border: 0 !important;
}
.social_bookmarks ul{
	display: block;
}
.social_bookmarks a{
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9000px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
	opacity:0.75;
	background: url(/teens/images/137.png) 0 0 no-repeat;
}

.social_bookmarks a:hover{
	opacity: 1;
}
.social_bookmarks .stumble_upon a{
	background-position: -16px 0;
}
.social_bookmarks .digg a{
	background-position: -32px 0;
}
.social_bookmarks .design_float a{
	background-position: -48px 0;
}
.social_bookmarks .technorati a{
	background-position: -64px 0;
}
.social_bookmarks .twitter a{
	background-position: -80px 0;
}
.social_bookmarks .newsvine a{
	background-position: -96px 0;
}
.social_bookmarks .yahoo_buzz a{
	background-position: -160px 0;
}
.social_bookmarks .reddit a{
	background-position: -128px 0;
}
.social_bookmarks .facebook a{
	background-position: -144px 0;
}
.social_bookmarks .rss a{
	background-position: -112px 0;
}
.social_bookmarks .design_moo a{
	background-position: -176px 0;
}

/* @end */


/*
FLICKR PHOTO BADGE
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
#flickr_badge_wrapper {
margin:15px 0 15px 0;
}
.flickr_badge_image {
float:left;
margin:0 8px 8px 0;
}
.flickr_badge_image img {
border: 2px solid #8bb452 !important;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
}
.flickr_badge_image a:hover img {
border: 2px solid #3993ff !important;
}
#flickr_badge_image4, #flickr_badge_image8 {
margin-right:0;
} 
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}




/* COMMENTS FORM */

h4#comment {
font-weight:normal;
margin-top:21px;
color:#999;
}
form#txpCommentInputForm {
background-color:#8bb452;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
padding:16px 0 7px 16px;
margin-top:27px;
}
p.comment-meta {
color:#999;
font-size:11px;
padding:0 0 5px 0;
margin:0 0 13px 0;
}
p.comment-meta a {
color:#999;
}
p.comment-meta a:hover {
color:#000;
}
p.comments_error, div.comments_error {
color:#ff0000;
margin-bottom:21px;
font-size:21px;
line-height:1.4;
}
ul.comments_error li {
list-style-type:none;
background:transparent url(/images/152.png) no-repeat;
margin:0 0 5px 0;
padding-left:36px;
color:white;
font-size:21px;
line-height:1.5;
}

form#txpCommentInputForm table td {
padding-bottom:6px;
}
form#txpCommentInputForm table td.tdtextarea {
text-align:right;
}
form#txpCommentInputForm table td.tdinput {
width:165px;
}
form#txpCommentInputForm table td.tdremember label {
font-weight:normal;
}
form#txpCommentInputForm table td.tdsubmit {
padding-top:15px;
}

form#txpCommentInputForm input.comment_name_input,
form#txpCommentInputForm input.comment_email_input,
form#txpCommentInputForm input.comment_web_input {
width:150px;
}
form#txpCommentInputForm textarea, 
form#txpCommentInputForm input {
font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
}
form#txpCommentInputForm textarea.txpCommentInputMessage {
width:543px;
height:200px;
}
form#txpCommentInputForm label {
font-weight:bold;
color:#fff;
}
form#txpCommentInputForm small em {
color:#fff;
font-size:11px;
}

a#txpCommentHelpLink {
font-size:x-small;
text-transform:uppercase;
text-decoration:none;
color:#fff;
}
a:hover#txpCommentHelpLink {
text-decoration:underline;
}



/* POST YOUR REVIEW FORM */

form.zemContactForm {
background-color:#eee;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
padding:0 0 21px 16px;
margin-top:27px;
}

form.zemContactForm ul.zemError {
padding-top:21px;
}
form.zemContactForm ul.zemError li {
list-style-type:none;
background:transparent url(/images/152.png) no-repeat;
margin:0 0 5px 0;
padding-left:36px;
font-size:21px;
line-height:1.5;
}

form.zemContactForm label {
font-weight:bold;
}
form.zemContactForm label.zemRequirederrorElement {
color:#b00;
}
form.zemContactForm input,
form.zemContactForm textarea {
font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
margin:3px 0 9px 0;
}
form.zemContactForm textarea {
width:543px;
height:200px;
}
form.zemContactForm option {
font:15px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
}
form.zemContactForm input.zemSubmit {
margin:21px 0 5px 0;
}

div.zemThanks {
font-weight:normal !important;
color:#b00;
font-size:21px;
}

/* LINK MODULE */

div.link-module {
margin:7px 0 0 0;
}
div.link-module h3 {
font-weight:normal;
margin:0 0 7px 0;
padding:0;
color:#8bb452;
font-size:25px;
}
div.link-module ul {
margin:0;
padding:0;
font-weight:normal;
}
div.link-module li {
list-style-type:none;
padding:0;
margin:0 0 3px 0;
color:#555;
}
div.link-module li strong {
font-size:18px;
line-height:1.1;
font-weight:normal;
text-decoration:none;
}
div.link-module li strong a {
text-decoration:none;
}
div.link-module li p {
margin:3px 0 13px 0;
}

div.linklist-module  {
background-color:#eee;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
padding:13px 16px 16px 16px;
margin-top:0px;
}
div.db-module {
background-color:#8bb452;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
padding:16px 16px 21px 16px;
margin-top:13px;
}
div.db-module a {
color:#000;
}
div.db-module a:hover {
color:#fff;
}
div.db-module h3 {
margin:0 0 11px 0;
color:#fff;
font-weight:normal;
font-size:25px;
}