/*  
Theme Name: Music Box for Life Phase 2
Theme URI: 
Description: Crumlin Charity Theme
Version: 2.0
Author: GS
*/


/* HTML Elements */
* {margin:0;padding:0;}

body {
font: 12px Arial, Helvetica;
background: #bc9609 url('http://musicboxforlife.com/wp-content/themes/musicbox/style/images/bg.gif') repeat;
color: #333;}

p {font: 12px Arial, Helvetica; padding: 0px 0px 14px 0px; line-height: 1.4em;}
a {outline: none !important;}
a.find-out-more {width: 120px; height: 24px; background: url('images/find-out-more.gif') no-repeat; text-indent: -9999px; display: block;}
a.rss-feed {width: 32px; height: 32px; background: url('images/rss-feed.gif') no-repeat; position: absolute; top: 0px; right: 0px; text-indent: -9999px;}
.bottom {margin-bottom: 10px;}
blockquote p{font: 14px 'Georgia', Arial; color: #333; font-style: italic; line-height: 26px;}


.top {margin-top: 20px;}
#sidebar .top {margin-top: 30px;}

#page {width:998px; margin:0px auto 0px auto; background:#eeeeee; border-left:1px solid #666666; border-right:1px solid #666666;}
.inside {width: 900px; padding: 20px 50px;}

.header {width: 920px; height: 160px; margin: 0px auto 0px auto; position: relative; }

.twitter {position: absolute; top: 14px; right: 0px; width: 446px; height: 145px; background: url('images/twitter-bg.gif') no-repeat;}
.twitter ul {padding: 20px 180px 20px 20px; font: 14px 'Georgia', Arial, sans-serif; font-style: italic; list-style: none;}
.twitter a.follow {width: 75px; height: 24px; background: url('images/follow.gif') no-repeat; display: block; position: absolute; top: 106px; right: 356px; text-indent: -9999px;}
.twitter a.promote-us {width: 137px; height: 24px; background: url('images/button-promote-us.gif') no-repeat; display: block; position: absolute; top: 106px; right: 179px; text-indent: -9999px;}


/*============= FONTS AND LINKS=============*/
a.logo {width: 444px; height: 133px; background: url('images/logo.gif') no-repeat; text-indent: -9999px; display: block; position: absolute; top: 20px; left: 0px;}

h1 {font: 22px Arial;font-weight:bold;letter-spacing:-0.08em;}
h2 {font: 16px Arial;}
h3 {font: 14px Arial; margin-bottom:3px;color:#ff9900; font-weight:bold;}
h4 {font:1.0em Arial;}
h3.cat_title, h3.cat_title a {color:#333;letter-spacing:-0.05em;font-size:0.85em;}

p.readmore a {display: block; width: 100px; height: 20px; background: url('images/button-read-more.gif') no-repeat; float: right; text-indent: -9999px;}

a:link, a:visited {color: #da8920;text-decoration:none;}
a:hover, a:active {color: #da8920;text-decoration:underline;}
a img {border:0;}
a.art-comp {display: block; width: 550px; height: 400px; background: url('images/art-competition.jpg') no-repeat; text-indent: -9999px;
margin-top: 35px;}

h2.how-it-works {width: 310px; height: 39px; background: url('images/heres-how-it-works.gif') no-repeat; text-indent: -9999px;}
h2.select-pay-download {width: 556px; height: 56px; background: url('images/select-pay-download.gif') no-repeat; text-indent: -9999px;}
h2.supported-by {width:216px; height: 39px; text-indent: -9999px; background: url('images/supported-by.gif') no-repeat;}
h2.latest-news {width: 190px; height: 39px; background: url('images/latest-news.gif') no-repeat; text-indent: -9999px;}
h2.featured-artists {width: 310px; height: 39px; background: url('images/featured-artists.gif') no-repeat; text-indent: -9999px;}
h2.buy-now {width: 310px; height: 39px; background: url('images/buy-now.gif') no-repeat; text-indent: -9999px;}
h2.artists {width: 310px; height: 39px; background: url('images/artists.gif') no-repeat; text-indent: -9999px;}
h2.more-info {width: 162px; height: 39px; background: url('images/heading-more-information.gif') no-repeat; text-indent: -9999px;}
h2.star-studded {width: 310px; height: 39px; background: url('images/heading-star-studded.gif') no-repeat; text-indent: -9999px;}
h2.juke-box {width: 310px; height: 39px; background: url('images/heading-music-juke-box.gif') no-repeat; text-indent: -9999px;}
h2.widget {width: 310px; height: 39px; background: url('images/heading-musicbox-widget.gif') no-repeat; text-indent: -9999px;}
h2.artist-profile {width: 310px; height: 39px; background: url('images/heading-artist-profile.gif') no-repeat; text-indent: -9999px;}
h2.become-friends {width:310px; height: 39px; background: url('images/heading-become-friends.gif') no-repeat; text-indent: -9999px;}
h2.search {width:310px; height: 39px; background: url('images/heading-search-results.gif') no-repeat; text-indent: -9999px;}
h2.news-item {width:157px; height: 39px; background: url('images/heading-news-item.gif') no-repeat; text-indent: -9999px; display: block; text-decoration: -9999px;}
h2.advertise {width:310px; height: 39px; background: url('images/heading-advertise-with-us.gif') no-repeat; text-indent: -9999px;}
h2.faqs {width:310px; height: 39px; background: url('images/heading-faqs.gif') no-repeat; text-indent: -9999px;}
h2.thanks {width:310px; height: 39px; background: url('images/heading-thank-you.gif') no-repeat; text-indent: -9999px;}
h2.who-we-are {width:310px; height: 39px; background: url('images/heading-who-we-are.gif') no-repeat; text-indent: -9999px;}
h2.our-story {width:310px; height: 39px; background: url('images/heading-our-story.gif') no-repeat; text-indent: -9999px;}

a.customer-service {width:310px; height: 39px; background: url('images/heading-customer-service.gif') no-repeat; text-indent: -9999px; display: block; text-decoration: -9999px;}

h3.news-title {font-size: 22px; color: #333; width: 100%;}

body#thanks h2.title {width:310px; height: 39px; background: url('images/heading-thank-you.gif') no-repeat; text-indent: -9999px; border: none;}
body#aboutour-guarantee h2.title {width:310px; height: 39px; background: url('images/heading-our-guarantee.gif') no-repeat; text-indent: -9999px; border: none;}
body#who-we-are h2.title {width:310px; height: 39px; background: url('images/heading-who-we-are.gif') no-repeat; text-indent: -9999px; border: none;}
body#faq h2.title {width:310px; height: 39px; background: url('images/heading-faq.gif') no-repeat; text-indent: -9999px; border: none;}
body#press h2.title {width:310px; height: 39px; background: url('images/heading-press-area.gif') no-repeat; text-indent: -9999px; border: none;}
body#join h2.title {width:310px; height: 39px; background: url('images/heading-join-up.gif') no-repeat; text-indent: -9999px; border: none;}
body#share h2.title {width:310px; height: 39px; background: url('images/heading-share.gif') no-repeat; text-indent: -9999px; border: none;}
h2.share {width:310px; height: 39px; background: url('images/heading-share.gif') no-repeat; text-indent: -9999px; border: none;}

body#contact h2.title {width:310px; height: 39px; background: url('images/heading-contact-us.gif') no-repeat; text-indent: -9999px; border: none;}
body#donate h2.title {width:310px; height: 39px; background: url('images/heading-donate.gif') no-repeat; text-indent: -9999px; border: none;}


/*========== GLOBAL NAV ===========*/
.global-nav 	{width: 900px; height: 80px; margin: 10px 0px 0px 0px; }

ul.nav li					{display: inline;}
ul.nav li a					{border: 0px solid red; height: 80px; float: left; text-indent: -9999px;}

ul.nav li.item-1 a			{background: url('images/global-nav-2.gif') no-repeat; 
background-position: 0px 0px; width: 142px;}
ul.nav li.item-1 a:hover	{background-position: 0px -80px;}

ul.nav li.item-2 a			{background: url('images/global-nav.gif') no-repeat; background-position: -142px 0px; width: 120px;}
ul.nav li.item-2 a:hover	{background-position: -142px -80px;}

ul.nav li.item-3 a			{background: url('images/global-nav.gif') no-repeat; background-position: -262px 0px; width: 90px;}
ul.nav li.item-3 a:hover	{background-position: -262px -80px;}

ul.nav li.item-4 a			{background: url('images/global-nav.gif') no-repeat; background-position: -352px 0px;  width: 104px;}
ul.nav li.item-4 a:hover	{background-position: -352px -80px;}

ul.nav li.item-5 a			{background: url('images/global-nav.gif') no-repeat; background-position: -456px 0px;  width: 136px;}
ul.nav li.item-5 a:hover	{background-position: -456px -80px;}

ul.nav li.item-6 a			{background: url('images/global-nav.gif') no-repeat; background-position: -592px 0px;  width: 143px;}
ul.nav li.item-6 a:hover	{background-position: -592px -80px;}

ul.nav li.item-7			{background: url('images/global-nav.gif') no-repeat; background-position: -735px 0px;  width: 165px; height: 80px; float: left;}


/*========CONTENT AREA================*/
.content-area {width: 550px; float: left; margin-bottom: 40px; position: relative;}
a.box {display: block; width: 263px; height: 263px; padding: 2px 2px 2px 2px; float: left; border: 1px solid #333;}

.fourty {margin:0px 10px 10px 0px;background: url('images/album-40.gif') no-repeat 2px 2px;}
.eighteen {margin:0px 0px 10px 0px;background: url('images/album-18.gif') no-repeat 2px 2px;}
.ten {margin:0px 10px 0px 0px;background: url('images/album-10.gif') no-repeat 2px 2px;}
.three {margin:0px 0px 0px 0px;background: url('images/album-03.gif') no-repeat 2px 2px;}


/*
.fourty {background: #d5d2d2 url('images/album-40.gif') no-repeat;}
.eighteen {background: #d5d2d2 url('images/album-18.gif') no-repeat;}
.ten {background: #d5d2d2 url('images/album-10.gif') no-repeat;}
.three {background: #d5d2d2 url('images/album-03.gif') no-repeat;}
*/

p.intro {color: #333; font: 18px 'Georgia', Arial, sans-serif; font-style: italic; z-index: 9999;}

table tr td img {padding:2px; border: 1px solid #ccc; margin: 2px 2px 2px 0px;}
table.social tr td img {border: none; padding-right:10px;}

a.badge {display: block; width: 172px; height: 172px; position: absolute; top: -40px; left: 288px; background: url('images/badge.png') no-repeat;}

/*=============BUY AREA==============*/
table.artists {color: #fff !important; border-collapse: collapse;}
table.artists tr td.col-a {width: 200px;}
table.artists tr td.col-b {width: 330px;}
.payment-wrap p {padding: 0px !important;}
.payment-wrap {float: left; width: 330px; height: 180px; position: relative; color: #fff !important;}

a.buy-now {width: 170px; height: 24px; display: block; background: url('images/button-buy-paypal.gif') no-repeat; float: right; text-indent: -9999px;}
a.credit-card {width: 170px; height: 24px; display: block; background: url('images/button-buy-credit-card.gif') no-repeat; float: right; text-indent: -9999px; margin-bottom:10px;}

a.add-to-cart {width: 120px; height: 24px; display: block; background: url('images/button-add-to-cart.gif') no-repeat; float: left; text-indent: -9999px;  position: absolute; bottom: 0px; left: 0px;}
a.view-cart {width: 120px; height: 24px; display: block; background: url('images/button-view-cart.gif') no-repeat; text-indent: -9999px; position: absolute; bottom: 0px; right: 0px; text-indent: -9999px;}


/*================SCROLLER=================*/
.carousel-wrap {width:900px; height: 310px; margin-bottom:40px; background: url('images/carousel-background.png') no-repeat;}
.infiniteCarousel {width: 900px;position: relative;}
.infiniteCarousel .wrapper {background: none repeat scroll 0 0; margin:0 0 0 50px; min-height:310px; overflow:auto; position:absolute; top:0; width:800px;}
.infiniteCarousel ul a img {border: 5px solid #fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.infiniteCarousel .wrapper ul {width: 9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0;}
.infiniteCarousel ul li {display:block;float:left;height:230px;padding:32px 20px 0;width:230px;}
.infiniteCarousel ul li a img {display:block; cursor: pointer;}
.infiniteCarousel .arrow {background: none repeat scroll 0 0;cursor:pointer;display:block;height:300px;position:absolute;text-indent:-999px;top:0; width:50px;}
.infiniteCarousel .forward {background-position: 0 0; right: 0;}
.infiniteCarousel .back {left: 0;}

/*
.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}
*/


/*============= FOOTER ================*/
.footer {width: 960px; background: #333; margin: 0px auto 0px auto; padding: 10px 20px 20px 20px;}
.footer .inner {background: #eee; -moz-border-radius: 5px;-webkit-border-radius: 5px; padding:10px 20px 20px; width:920px;}
.footer .col-a {width: 265px; min-height:240px; float: left; margin-left: 0px; margin-top: 20px; margin-bottom: 20px; padding: 0px 10px 10px 10px; border-right: 1px solid #ccc;}

.footer .col-b {width: 325px; min-height:240px; float: left; margin-left: 0px; margin-top: 20px; margin-bottom: 20px; padding: 0px 10px 10px 10px; border-right: 1px solid #ccc;}



.footer h3 {background:transparent url(images/heading-whats-inside.gif) no-repeat scroll 0 0; height:39px; margin:10px 0 20px 25px;
text-indent:-9999px; text-transform:uppercase; width:410px;}

.footer h4 {font-weight: bold; text-transform: uppercase;border-bottom:1px solid #333333; font-size:14px; font-weight:bold; margin-bottom:5px; text-transform:uppercase;}
.footer ul 			{list-style: none; margin-left: 0px; margin-bottom: 20px;}
.footer ul li a		{display: block; padding: 5px 2px 5px 0px; color: #333; text-decoration: none; text-indent:20px; background: url('images/footer-bullet.gif') no-repeat 0px 6px;}
.footer ul li a:hover {background: #ddd url('images/footer-bullet-2.gif') no-repeat 0px 6px; color: #333;}
.footer ul li			{padding: 0px 0px 0px 0px; border-bottom: 1px solid #ddd;}

.footer .item-6 {width: 160px; float: left;}
.footer .lower {color: #fff;}
.footer .lower img {border: none;}

.lower .col-a {width: 200px; min-height: 90px; float: left; margin-left: 10px; padding: 10px; border: none;}
.lower .col-a ul li a	{display: block; padding: 5px; color: #fff; background: #333 !important; text-indent: 0px !important;}
.lower .col-a ul li			{padding: 0px 0px 0px 0px; border: none; border-bottom: 1px solid #ddd;}
.lower .col-a ul li a:hover {background: #555 !important; color: #fff;}


/*==============ARTIST PAGES AND SINGLE ENTRY===================*/
.artist-content {width: 550px; float: left; margin-bottom: 100px; position: relative;}

h2.artist-title {text-transform: uppercase; font-size: 30px; color: #333;border-bottom: 1px dotted #999; width: 350px; letter-spacing: -2px;}
.profile-photo {float: left; width: 550px; height: 250px; padding-bottom: 20px;}

.artist-bio {float: left; width:550px; padding-bottom: 40px; text-align: left; position: relative;}
p.FacebookLikeButton {left:300px;margin:0;padding:0;position:absolute;top:7px;}
.more-information {width: 175px; float: right; padding: 0px 0px 20px 20px;}
#artists .entry {float: left; width: 100%;}

a.artist-box {display: block; width: 136px; height: 136px; float: left; border-bottom: 1px solid #eeeeee; border-right: 1px solid #eee;}
.the-walls-block {background: url('images/artist/thewalls-block.jpg') no-repeat;}
.cara-dillon-block {background: url('images/artist/cara-dillon-block.jpg') no-repeat;}
.clive-barnes-block {background: url('images/artist/clive-barnes-block.jpg') no-repeat;}
.luan-parle-block {background: url('images/artist/luan-parle-block.gif') no-repeat;}
.rol-block {background: url('images/artist/rol-block.jpg') no-repeat;}
.juliet-turner-block {background: url('images/artist/juliet-turner-block.gif') no-repeat;}
.minus-circus-block {background: url('images/artist/minus-circus-block.jpg') no-repeat;}
.juno-falls-block {background: url('images/artist/myles-block.gif') no-repeat;}
.the-coronas-block {background: url('images/artist/coronas-block.jpg') no-repeat;}
.jack-l-block {background: url('images/artist/jack-l-block.gif') no-repeat;}

a.visit-website {display: block; width: 162px; height: 20px; background: url('images/visit-website.gif') no-repeat; text-indent: -9999px; margin: 5px 0px;}
a.visit-myspace {display: block; width: 162px; height: 20px; background: url('images/visit-myspace.gif') no-repeat; text-indent: -9999px;}



/*.audioplayer_container {position: absolute; top: 0px; right: 0px;}*/

/*=============COMMENTS===================*/
.comment-wrapper {width: 550px; border-top :1px dotted #ccc; padding: 20px 0px 20px 0px;}


/*=============GENERAL PAGE===============*/
.entry {padding: 0px 0px 0px 0px;}


/*=============SHARE===================*/
.share-content {width: 380px; float: left; padding-left: 20px; border-left: 1px solid #ccc;margin-top: 20px; text-align:justify;}

.sub-nav {width: 130px; float: left; margin-right: 10px; margin-top: 20px;}
body#myspace .sub-nav ul.sub li.item-1 a {background-position: 0px -47px !important;}
body#facebook .sub-nav ul.sub li.item-2 a {background-position: -131px -47px;}
body#twitter .sub-nav ul.sub li.item-3 a {background-position: -294px -47px;}

ul.sub {width: 130px;}
ul.sub li:first-child a {padding-top: 0px !important;}
ul.sub li					{list-style: none; border-bottom: 1px solid #ccc; }
ul.sub li a					{border: 0px solid red; display:block; color: #333; padding: 10px 10px 10px 0px;}
ul.sub li a:hover 		{background: #ddd; text-decoration: none;}
/*
ul.sub li					{display: inline;}
ul.sub li a					{border: 0px solid red; height: 47px; float: left; text-indent: -9999px;}

ul.sub li.item-1 a			{background: url('images/share-nav.gif') no-repeat; 
background-position: 0px 0px; width: 131px;}
ul.sub li.item-1 a:hover	{background-position: 0px -47px;}

ul.sub li.item-2 a			{background: url('images/share-nav.gif') no-repeat; background-position: -131px 0px; width: 163px;}
ul.sub li.item-2 a:hover	{background-position: -131px -47px;}

ul.sub li.item-3 a			{background: url('images/share-nav.gif') no-repeat; background-position: -294px 0px; width: 126px;}
ul.sub li.item-3 a:hover	{background-position: -294px -47px;}
*/


/*=============SHARE===================*/
.large-pod {width: 420px; border: 1px solid #ccc;-moz-border-radius: 5px;-webkit-border-radius: 5px; margin-bottom: 10px; background: #333; padding: 10px; position: relative; float: left;}
.large-pod span.price {position: absolute; top: 10px; right: 20px; color: #fff; font-size: 18px; font-weight: bold;}
.orange {color: #DA8920;}
.large-pod img {float: left;}
.large-pod h3 {border-bottom:1px dotted #CCCCCC; color:#FFFFFF; float:left; font-size:20px; width:100%; margin-bottom: 10px;}
.large-pod h4 {color: #DA8920; font-weight: bold;}
.large-pod p {color: #fff;}
.large-pod a.find-out-more {position: absolute; bottom: 10px; right: 10px;}

.clear {clear: both;}


/*==========CUSTOMER SERVICE==========*/
.3-col {width: 920px; float: left; margin-bottom: 100px; position: relative;}
.large-col-content h4 {font-size: 16px; color: #da8920; margin-bottom: 10px;}
.large-col-content {width: 590px; float: left; padding-left: 20px; border-left: 1px solid #ccc;margin-top: 20px; text-align:justify; margin-bottom:50px;}


.large-sub-nav {width: 270px; float: left; margin-right: 10px; margin-top: 20px;}

.large-sub-nav ul.sub {width: 260px;}
.large-sub-nav ul.sub li:first-child a {padding-top: 0px !important;}
.large-sub-nav ul.sub li					{list-style: none; border-bottom: 1px solid #ccc; }
.large-sub-nav ul.sub li a					{border: 0px solid red; display:block; color: #333; padding: 10px 10px 10px 5px;}
.large-sub-nav ul.sub li a:hover 		{background: #ddd; text-decoration: none;}


/*=======SITEMAP========*/
.blank-page h4 {font-weight: bold; text-transform: uppercase;border-bottom:1px solid #333333; font-size:14px; font-weight:bold; margin-bottom:5px; text-transform:uppercase;}
.blank-page ul 			{list-style: none; margin-left: 0px; margin-bottom: 20px;}
.blank-page ul li a		{display: block; padding: 5px 2px 5px 0px; color: #333; text-decoration: none; text-indent:20px; background: url('images/footer-bullet.gif') no-repeat 0px 6px;}
.blank-page ul li a:hover {background: #ddd url('images/footer-bullet-2.gif') no-repeat 0px 6px; color: #333;}
.blank-page ul li			{padding: 0px 0px 0px 0px; border-bottom: 1px solid #ddd;}






/* Sidebar*/
#sidebar {
	width:320px;
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 50px 0px; position: relative;
	}

#sidebar li {
	list-style:none;
	display:block;
	padding:5px 0px 5px 0px;
	}
	
#sidebar-bottom ul {border-bottom:1px dotted #333; padding: 0px; margin: 5px 0px 5px 0px;}
#sidebar-bottom ul li p {padding:0px 0px 0px 0px !important; margin-bottom: 5px !important; text-align:justify;}
#sidebar-bottom ul li a {font-weight: bold;}

#sidebar li ul li:last-child{list-style:none; border-bottom:0px dotted #ccc; display:block; padding:2px 0px 0px 13px; background:url(images/sub.png) no-repeat 0 0px;}







































/*
code {
	font: 1.0em 'Courier New', Courier, Fixed;
	background:#eeeeee;
	}	

acronym, abbr, span.caps {	
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
	}			

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	padding: 10px 10px 0 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #eee;
	font:1.0em Arial;
	line-height:1.5em;
	margin:10px 0px;
	}
*/




/* Structure */
select {width: 130px;}	
#head {width:960px;margin:0px auto;margin-top:15px;padding:0px;font-size:0.7em;}

.left, .alignleft {float:left;}
.right, .alignright {float:right;}


/* Navigation Bar*/
#navbar {margin:0 auto; margin-top:15px; padding:0px 10px; text-transform: uppercase; background:#2c2c2c url(images/navbar.png);}
#page-bar {width:722px;}
#page-bar ul {list-style: none;}
#page-bar li {float:left;list-style:none;cursor: pointer;display:block;border-right:1px solid #333;}
#page-bar li:hover {background: #ff9900;}
#page-bar a, #page-bar a:visited {margin: 0px;padding:10px 16px;font-weight:bold;color:#FFF;display:block;}
#page-bar a:hover {text-decoration:none;display:block;}

#searchform {float:right;margin-right:10px;margin-top:22px;text-align:right;width:150px;}

/* Dropdown Menus */		
#page-bar li {float: left;margin: 0px;padding: 0px;}
#page-bar li li {float: left;margin: 0px;padding: 0px;width: 122px;text-transform:none;}
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {background: #2B2B2B;width: 122px;float: none;margin: 0px;padding: 5px 10px 5px 18px;border-top: 1px solid #C0C0C0;}
#page-bar li li a:hover, #page-bar li li a:active {background: #666666;padding: 5px 10px 5px 18px;}

#page-bar li ul {position: absolute;width: 10em;left: -999em;}
#page-bar li:hover ul {left: auto;display: block;}
#page-bar li:hover ul, #page-bar li.sfhover ul {left: auto;}



h3#respond {margin-top:0px;padding-top:20px;}
h3#comments {margin-top:32px;padding-left:0px;}
h3.authors {margin-top:15px;}

/* Index Page*/
#logo {width:350px;}
#tagline {margin-top:5px;font-size:1em;color:#333;}
#top {padding:0; border-bottom: 1px dotted #333; margin-bottom:20px;}

#headline {width:550px;float:left;background: #eeeeee;line-height:1.5em;margin:0;}
#headline  div.title {font-weight:bold;font:2.4em arial;letter-spacing:-0.05em;display:block;padding-bottom:5px; text-transform: uppercase;}
#headline div.meta {display:block;margin-top:-5px;padding-bottom:2px;}
#headline p {padding-bottom:15px;}

#featured {width:320px;float:right; position: relative;}
#featured .clearfloat {margin-bottom:4px;border-bottom: 1px dotted #333;padding-bottom: 8px;}
#featured .info {margin-top:5px;padding-top:5px;float:left;width:180px;}
#featured .title {font-weight:bold;}

#headline a img, #featured a img {border:1px solid #ccc;margin-top:5px;margin-right:10px;padding:2px;}
#middle {width: 900px;}

.category {width:164px;float:left;border-top:8px solid #333;margin:0px;padding:5px 10px 10px 10px;background:#fff;}
.category p {margin:0;}
#cat-1, #cat-3, #cat-5  {border-top:8px solid #333333;}
#cat-2, #cat-4 {border-top:8px solid #ff9900;}

.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title {text-transform:lowercase; margin:0; font-weight:bold; font-size:1.5em; letter-spacing:-0.05em;}

#front-popular h3 {color:#fff;}

.category a {color:#333;display:block;background:none;}
.category a:hover {background:none;color:#fff;text-decoration:none;}

#cat-1:hover, #cat-3:hover, #cat-5:hover {background:#333333; color:#fff; }
#cat-2:hover, #cat-4:hover {background:#ff9900; color:#fff; }
#cat-1:hover a, #cat-3:hover a, #cat-5:hover a {background:#333333; color:#fff; }
#cat-2:hover a, #cat-4:hover a {background:#ff9900; color:#fff; }

#bottom {width: 940px;}
#front-list {width:590px;background:#eeeeee;padding:10px;line-height:1.75em;float:left;}
#archive {padding-top:15px;font-size:1.05em;line-height:1.75em;}

#front-list blockquote {padding: 0px 10px 0 10px;}
#front-list .title, #archive .title {font-weight:bold;font:2.0em arial;letter-spacing:-0.05em;}
#front-list .clearfloat, #archive .clearfloat {padding-bottom:10px;border-bottom:1px dotted #ccc;margin-bottom:10px;}
#front-list .spoiler, #archive .spoiler {display:block;margin-top:3px;}
#front-list p, #archive p {margin:0px;padding:0px;}

.author {font-size:0.8em;font-weight:bold;}
.meta {font-size:0.8em;color:#333;}
.meta a {color:#333;}

#headline p, #featured p {margin:0; text-align: left !important;}


/* Content Page*/
#content {
	width:590px;
	background:#fff;
	padding:10px;
	font-size:1.05em;
	line-height:1.75em;
	float:left;
	min-height:400px;
	}

#content .breadcrumbs, #content .breadcrumbs a {
	font-weight:bold;
	color:#333;
	}

#content h2.title {
	font:2.2em arial;
	font-weight:bold;
	letter-spacing:-0.05em;
	border-bottom:1px solid #ddd;
	border-top:3px solid #ddd;
	padding:5px 0px;
	}

.post {
	font-size:1.05em;
	line-height:1.75em;
	}

.post p {
	margin-top:0px;
	}

.post .clearfloat {
	margin: 0px;
	}

.post ul, .post ol, #front-list ul, #front-list ol {
	margin-bottom:15px;
	}

/*.post ul li, #front-list ul li {	
	list-style:square;
	margin-left:30px;
	}*/

.post ol li, #front-list ol li {	
	list-style:decimal;
	margin-left:30px;
	}

.post ol li ul li, #front-list ol li ul li {	
	list-style:square;
	margin-left:20px;
	}

.post img, .post a img, #front-list img, #archive img {
	border:1px solid #ccc;
	margin:0 10px 5px 0;
	padding:2px;
	}

.post .ads {
	margin-top:10px;
	}


#stats {
	margin-top:0px;
	padding:4px 0px;
	text-transform:uppercase;
	font:0.8em Arial;
	display:block;
	}

#stats span {
	padding: 0px 20px 0px 0px;
	}

#stats span a:hover {
	background:none;
	}

#stats span a {
	color:#333;
	}

#stats img, #nav img {
	border:0px;
	margin:0px;
	padding:0px;
	}

#tools {
	width:590px;
	height:25px;
	font-size:0.95em;
	}

#tools a:hover {
	background:none;
	}

.navigation {
	padding:5px 0px;
	text-align:Center;
	}



/* Form Elements */

select {
	border:1px solid #333;
	width:100%
	}
	
.field {
	padding: 2px;
	border:1px solid #333;
	background:#fff;
	font-size:1.0em;
	}

#s {
	padding:1px;
	font-size:11px;
	width:110px;
	}
	
#searchsubmit {
	padding-left:5px;
	}

#commentform input {
	width: 140px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 99%;
	margin-top:5px;
	}



/* Comments*/

.commentlist cite {
	font-style:normal;
	margin-bottom:4px;
	display:block;
	}	

.commentlist blockquote {
	background:#ededed;
	}
			
.commentlist li {
	padding: 10px 0px 10px 0px;
	list-style:none;
	margin-bottom:3px;
	}

.commentlist li li {
	background:none;
	border:none;
	list-style:square;
	margin:3px 0 3px 20px;
	padding:3px 0;
	}

.commenttext {
	padding: 10px 10px 0px 10px;
	background:#f2f2f2;
	border-top:1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width:495px;
	float:right
	}
		
.commentlist cite strong {
	font-size:1.1em;
	}
	
li.my_comment {
	background: #FFF;
	border:none;
	}

li.my_comment cite strong {
	font-size: 1.3em;
	color:#313228;
	}
	
#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}
	
.commentmetadata {
	color:#4d4d4d;
	display: block;
	margin-top:3px;
	text-align:right;
	font-size:0.9em;
	}

.commentmetadata a, .commentmetadata a:visited {
	color:#959382;
	}
	
.commentlist small {
	background:#e9e9e9;
	}

.avatar {
	border:1px solid #bbb;
	margin:0px 10px 0px 0px;
	float:left;
	padding:2px;
	width:55px;
	height:55px;
	}	

#comment {
	width:590px;
	background:#fff;
	}

/* Footer*/

#front-popular {
	font-size:0.7em;
	color:#fff;
	width: 940px;
	background:#2c2c2c url(images/bottombar.png) bottom no-repeat;
	margin: 0 auto;
	padding:10px;
	}

#recentpost, #mostcommented {
	width:280px;
	float:left;
	padding:10px;
	border:1px solid #fff;
	}

#mostcommented {
	margin-left:17px;
	}

#recent_comments {
	width:280px;
	float:right;
	padding:10px;
	border:1px solid #fff;
	}

#recentpost a, #mostcommented a, #recent_comments a {
	color:#fff;
	}

#recentpost ul, #mostcommented ul, #recent_comments ul {
	margin-top:5px;
	}

#recentpost ul li, #mostcommented ul li, #recent_comments ul li {
	list-style:none;
	border-top:1px dotted #fff;
	padding:5px;
	display:block;
	}

#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {
	background:#ff9900;
	color:#fff;
	}

#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {
	border-top:0px dotted #fff;
	}


#footer {
	margin: 0 auto;
	width: 960px;
	font-size:0.6em;
	padding-top:10px;
	padding-bottom:10px;
	}


/* Float Properties*/
.clearfloat:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfloat {
	display: inline-block;
	}


/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}

.clearfloat {
	display:block;
	}