/* 
By Mosman Council, Dec 2009
Site engine: Textpattern
Layout framework: 960
Web 2.0 share icons: komodomedia.com
Drape background: prolific-stock (deviantART)
*/

/* 
RULES POST EVENT
*/
p#comments_closed {
display:none;
}
p.mosluv2 {
font-size:18px;
}
p.mosluv2 img {
vertical-align:-1px;
}


p {
margin-bottom:11px;
}
li {
margin-left:15px;
}

a:link { color: #fff; text-decoration:none;border-bottom:1px dotted #ccc; }
a:visited { color: #fff; text-decoration:none;border-bottom:1px dotted #ccc; }
a:hover { color: #dea500; text-decoration:none;border-bottom:1px dotted #dea500; }
a:active { color: #fff; text-decoration:none;border-bottom:1px dotted #ccc; }
a img {border:none !important;}


/* GENERAL IMAGE */

.image-left {
float:left;
margin:5px 13px 5px 0;
}
.image-right {
float:right;
margin:5px 0 5px 13px;
}




body {
background:#000 url(/librarylovers/images/3.jpg) no-repeat 50% 0 fixed;
color:#fff;
padding-bottom:50px;
}
div.container_16 {

}



div#head {
font-family:blackletter;
text-align:center;
line-height:1;
padding:50px 0 24px 0;
}
div#head h1 {
font-size:120px;
margin:0 0 16px 0;
}
div#head h1#site-name a:link {
color:#fff !important;
text-decoration:none !important;
border:none;
}
div#head h1#site-name a:visited {
color:#fff !important;
text-decoration:none !important;
border:none;
}
div#head h1#site-name a:hover {
color:#dea500 !important;
text-decoration:none;
border:none;
}
div#head h1#site-name a:active {
color:#fff !important;
text-decoration:none !important;
border:none;
}
h2#site-slogan {
font-size:45px;
color:#dea500;
}



div#sidebar-1, div#sidebar-2 {
margin:3px 0;
padding:0 9px;
font-size:12px;

}
div#sidebar-1 h3, div#sidebar-2 h3 {
font-size:28px;
color:#dea500;
line-height:18px;
margin:21px 0 12px 0;
}
.sidebar-content {
margin:0 0 33px 0;
}

div#reload {
text-align:center;
}
div#reload a {
margin:0 0 33px 0;
display:block;
background-color:#f16b1a;
color:#fff;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
font-size:16px;
font-weight:bold;
text-decoration:none;
text-transform:lowercase;
line-height:1;
padding:16px 0;
}
div#reload a:hover {
background-color:#fff;
color:#f16b1a;
}



div#content {

}

div#content h2#big {
text-align:center;
font-size:55px;
line-height:1;
padding-bottom:7px;
margin-bottom:0px;
}
div#main-body p {
}

td#mosluv {
padding-top:5px;
font-size:18px;
line-height:1;
font-weight:bold;
}



/* @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{
border:none !important;
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9000px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
	opacity:0.75;
	background: url(/librarylovers/images/15.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 0 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 */

form#txpCommentInputForm {
border:3px dotted #fff;
padding:9px 0 0 9px;
margin:16px 0;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
}


ul.comments_error {
margin-top:15px;
}
ul.comments_error li {
list-style-type:none;
background:transparent url(/librarylovers/images/16.png) no-repeat 0 3px;
margin:0 0 5px 0;
padding-left:25px;
color:white;
font-size:18px;
line-height:1.3;
font-style:italic;
}

form#txpCommentInputForm table td {
padding-bottom:5px;
}
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;
padding-bottom:0;
}
td#mosluv img {
vertical-align:-1px;
}

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:18px/1.4 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
}
form#txpCommentInputForm textarea.txpCommentInputMessage {
width:431px;
height:85px;
}
form#txpCommentInputForm label {
font-weight:bold;
color:#fff;
}
form#txpCommentInputForm small em {
color:#fff;
font-size:11px;
}

a#txpCommentHelpLink {
display:none;
font-size:x-small;
text-transform:uppercase;
text-decoration:none;
color:#fff;
}
a:hover#txpCommentHelpLink {
text-decoration:underline;
}


div.cbox {
min-height:80px;
font-size:18px;
line-height:1.25;
background-color:#eee;
color:#000;
margin:9px 0;
padding:9px 9px 0 9px;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
}
div.cbox img {
float:left;
padding-bottom:9px;
}
div.cbox p {
margin-left:90px;
margin-bottom:5px;
}
div.pree div.cbox {
width:419px;
padding-bottom:0;
margin-top:0;
}

p.comment-meta {
color:#777;
font-size:15px;
padding:5px 0 0 0;
margin:0 0 0 0;
}
p.comment-meta a {
color:#999;
}
p.comment-meta a:hover {
color:#000;
}
#justapreview {
background-color:#dea500;
width:419px;
padding:9px;
text-align:center;
font-size:15px;
font-weight:bold;
-moz-border-radius: 3px; 
-webkit-border-radius: 3px;
}



p#txpCommentInputForm {
text-align:center;
font-size:18px;
line-height:1.3;
padding:24px 0 13px 0;
}




ul.mlink li {
list-style-type:none;
margin-left:0;
padding:0 0 11px 21px;
line-height:1.25;
}
ul.mlink li.icon-email {
background: transparent url(/librarylovers/images/5.png) no-repeat 0 0;
}
ul.mlink li.icon-mr {
background: transparent url(/librarylovers/images/6.png) no-repeat 0 0;
}
ul.mlink li.icon-twitter {
background: transparent url(/librarylovers/images/7.png) no-repeat 0 0;
}
ul.mlink li.icon-flickr {
background: transparent url(/librarylovers/images/8.png) no-repeat 0 0;
}
ul.mlink li.icon-vimeo {
background: transparent url(/librarylovers/images/9.png) no-repeat 0 0;
}
ul.mlink li.icon-blog {
background: transparent url(/librarylovers/images/10.png) no-repeat 0 0;
}
ul.mlink li.icon-teenblog {
background: transparent url(/librarylovers/images/11.png) no-repeat 0 0;
}
ul.mlink2 li {
padding-bottom:6px;
}