/*
Theme Name: Dolly Power
Theme URI: http://dollypower.com.
Description: The default WordPress theme for Dolly Power
Version: 1.0
Author: Rachel Laing
Author URI: http://dollypower.com
Tags: dollypower

*/

/* Generic
================================== */

* {
	margin: 0;
	padding: 0;
	}

img  {
	border: none
	}

/* Typography
================================== */	
body {
	font-family: "Lucida Sans", Arial, sans-serif;
	font-size: 0.75em;
	line-height: 140%;
	}

ul, ol { 
	margin: 0 0 10px 20px;
	}
	
ul ul, ul ol, ol ul, ol ol { 
	margin: 0 0 0 20px;
	}
	
a:hover, a:active { 
	text-decoration: none; 
	}
	
p {
	margin: 0 0 10px 0;
	}

h1, h2, h3, h4, h5 {
	font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-weight: normal;
	margin-bottom: 10px;
	line-height: 140%;
	}
	
h1 {
	font-size: 2em; 
	}
	

h2 {
	font-size: 1.5em;
	letter-spacing: -0.01em;
	}

h3 {
	font-size: 1.3em;
	letter-spacing: -0.01em;
	}

h4 {
	font-size: 1.18em;
	font-weight: bold;
	}
	
a {
    color: #fff;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
	
	
/* Useful
================================== */
.clear-left {
	clear: left;
	}
	
.clear-right {
	clear: right;
	}
	
.clear-both {
	clear: both;
	}
	
.float-left {
	float: left;
	}

.float-right {
	float: right;
	}
	
.margin-left {
	margin-left: 20px;
	}

.margin-right {
	margin-right: 20px;
	}

.photo-left {
	float: left;
	margin-right: 10px;
	}
	
.photo-right {
	float: right;
	margin-left: 10px;
	}
	
.hr hr {
	display: none;
	}
	
.hr {
	clear: both;
	margin-bottom: 10px;
	height: 0;
	overflow: hidden;
	border-bottom: 1px dotted #fff;
	}
	
.center {
	margin: 0 auto;
	text-align: center;
	}


/* Structure
================================== */
body {
	background: #262626 url(images/css-images/background-body.gif) fixed;
	}

.main-wrapper {
	width: 960px;
	margin: 0 auto;
	background-color: #272528;
	}

.main-wrapper .main-inner {
	padding: 10px 20px;
	}
	
.main-wrapper .col-1 {
	width: 272px;
	}
	
.main-wrapper .col-2 {
	width: 587px;
	}
	
.main-wrapper .col-3 {
	width: 899px;
	}
	
/* Header and top navigation
================================== */
.header a:focus {
	outline: none;
	}
	
.header h1 {
	float: left;
	margin: 10px 0;
	}

.header h1 a {
	display: block;
	text-indent: -99999px;
	background: url(images/css-images/top-nav.gif) no-repeat 0 0;
	width: 313px;
	height: 68px;
	}

.header ul.nav {
	list-style: none;
	margin: 0;
	float: right;
	position: relative;
	top: 13px;
	}
	
.header ul.nav li {
	float: left;
	}
	
.header ul.nav li a {
	display: block;
	text-indent: -99999px;
	height: 78px;
	margin-right: 8px
	}
	
.header ul.nav li a.design {
	width: 142px;
	background: url(images/css-images/top-nav.gif) no-repeat -322px 0;
	}
	
.header ul.nav li a.design:hover {
	background: url(images/css-images/top-nav.gif) no-repeat -322px -104px;
	}
	
.page-template-design-php .header ul.nav li a.design,
.page-template-design-php .header ul.nav li a.design:hover {
	background: url(images/css-images/top-nav.gif) no-repeat -322px -204px;
	}

.header ul.nav li a.clubnights {
	width: 233px;
	background: url(images/css-images/top-nav.gif) no-repeat -477px 0;
	}
	
.header ul.nav li a.clubnights:hover {
	background: url(images/css-images/top-nav.gif) no-repeat -477px -104px;
	}
	
.page-template-clubs-php .header ul.nav li a.clubnights,
.page-template-clubs-php .header ul.nav li a.clubnights:hover {
	background: url(images/css-images/top-nav.gif) no-repeat -477px -204px;
	}
	
.header ul.nav li a.dj-agency {
	width: 204px;
	margin-right: 0;
	background: url(images/css-images/top-nav.gif) no-repeat -723px 0;
	}
	
.header ul.nav li a.dj-agency:hover {
	background: url(images/css-images/top-nav.gif) no-repeat -723px -104px;
	}
	
.page-template-djs-php .header ul.nav li a.dj-agency,
.page-template-djs-php .header ul.nav li a.dj-agency:hover {
	background: url(images/css-images/top-nav.gif) no-repeat -723px -204px;
	}

/* Footer and links
================================== */

.footer {
	position: relative;
	background-color: #141314;
	min-height: 20em;
	padding: 0 10px;
	}

.footer .twitter,
.footer .contact {
	color: #fff;
	position: absolute;
	min-height: 18.4em;
	padding: 10px;
	}
	
.footer .contact {
	left: 335px;
	}
	
.footer .twitter h4 {
	display: none;
	}
	
.footer .twitter.chris {
	background: url(images/css-images/chris.png) no-repeat bottom right;
	right: 20px;
	}
	
.footer .twitter.rachel {
	background: url(images/css-images/rachel.png) no-repeat bottom left;	
	}

.footer .twitter .bubble {
	position: relative;
	}
	
.footer .twitter .bubble-inner {
	text-align: center;
	padding: 10px 10px 0 10px;
	width: 199px;
	min-height: 15px;
	}
	
.footer .twitter .bubble-inner a {
	text-decoration: none;
	color: #FFF;
	}
	
.footer .twitter .bubble-bottom {
	height: 50px;
	}
	
.footer .chris .bubble-inner {
	background: url(images/css-images/background-twitter.png) top left no-repeat;
	}
	
.footer .chris .bubble-bottom {
	background: url(images/css-images/background-twitter.png) bottom left no-repeat;
	}
	
.footer .rachel .bubble-inner {
	background: url(images/css-images/background-twitter.png) top left no-repeat;
	}
	
.footer .rachel .bubble-bottom {
	background: url(images/css-images/background-twitter.png) bottom left no-repeat;
	}
		
.footer .twitter.rachel .bubble {
	left: 80px;
	}
	
.footer .contact {

	color: #CFCFCF;
	}
	
.links {
	background-color: #000;
	padding: 10px;
	color: #808080;
	text-align: center;
	}
	
.links a {
	color: #808080;
	}
	
.links ul {
	margin: 0;
	}
	
.links ul li {
	float: left;
	list-style: none;
	}

.links ul li a {
	display: block;
	line-height: 2em;
	margin-right: 10px;
	padding-left: 22px;
	font-weight: bold;
	}

.links ul li a:hover {
	text-decoration: none;
	}
	
.links ul li.last {	
	border: none;
	padding-left: 0;
	}
	
.links ul li.twitter a {
	background: url(images/css-images/twitter.png) no-repeat left center;
	}

.links ul li.lastfm a {
	background: url(images/css-images/lastfm.png) no-repeat left center;
	}
	
.links ul li.flickr a {
	background: url(images/css-images/flickr.png) no-repeat left center;
	}
	
.links ul li.facebook a {
	background: url(images/css-images/facebook.png) no-repeat left center;
	}
	
.links ul li.youtube a {
	background: url(images/css-images/youtube.png) no-repeat left center;
	}
	
.links ul li.linkedin a {
	background: url(images/css-images/linkedin.png) no-repeat left center;
	}
	
/* Feature Boxes
================================== */

.feature-box {
	padding: 10px;
	color: #FFF;
	margin-bottom: 2.5em;
	}
	
.feature-box h2 {
	background-color: #000;
	padding: 2px 7px;
	}
	
.feature-box a {
	padding: 2px 5px;
	background-color: #000;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	font-weight: bold;
	} 
	
.feature-box a:hover {
	background-color: #fff;
	color: #000;
	} 
	
.feature-box a.external {
	background-image: url(images/css-images/external-link.gif);
	background-repeat: no-repeat;
	background-position: 98% -82px;
	padding-right: 24px;
	}
	
.feature-box a.external:hover {
	background-image: url(images/css-images/external-link.gif);
	background-repeat: no-repeat;
	background-position: 98% 2px;
	} 
	
.feature-box a.photo,
.feature-box span.photo {
	padding: 5px;
	background: #fff;
	display: inline-block;
	} 
	
.feature-box a.photo:hover {
	background: #000;
	} 
	
.feature-box .calendar p {
	letter-spacing: -0.04em;
	margin-bottom: 6px;
	}
	
.feature-box .calendar .hr {
	margin-bottom: 6px;
	}

.feature-box .calendar .button {
	text-transform: uppercase;
	margin-top: 2px;
	}
	
/*Homepage - Min-heights */

.feature-box.about {
	min-height: 18em;
	}
	
.feature-box.design,
.feature-box.portfolio {
	min-height: 30em;
	}
	
.feature-box.clubnights {
	min-height: 52em;
	}
	
.feature-box.dj-agency,
.feature-box.playlist,
.feature-box.photos {
	min-height: 33em;
	}
	
.feature-box.playlist a,
.feature-box.photos a {
	background: none;
	padding: 0;
	display: inline;
	}
	
.feature-box .blog ol {
	margin: 0;
	list-style: none;
	}
	
.feature-box .blog ol li {
	margin-bottom: 10px;
	}
	
.feature-box .blog ol li span {
	display: block;
	}

.feature-box.portfolio ul {
	list-style: none;
	margin: 0;
	}

.feature-box .portfolio-inner {
	position: relative;
	}

.feature-box .portfolio-inner .text-wrapper {
	position: absolute;
	top: 10px;
	left: 10px;
	}

.feature-box .portfolio-inner .text-wrapper h3 a {
	margin-bottom: 2px;
	}
	
.feature-box .portfolio-inner .text-wrapper h3 a,
.feature-box .portfolio-inner .text-wrapper h4 a {
	color: #fff;
	background-color: #000;
	padding: 2px 5px; 
	display: inline;
	float: left;
	clear: both;
	text-decoration: none;
	}

.feature-box .portfolio-inner:hover a img {
	border-color: #000;
	}
	
.feature-box .portfolio-inner:hover h3 a,
.feature-box .portfolio-inner:hover h4 a {
	background: #fff;
	color: #000;
	} 

.feature-box  .portfolio-inner .new {
	text-indent: -9999px;
	width: 58px;
	height: 63px;
	display: block;
	position: absolute;
	background: url(images/css-images/new.png) no-repeat top left;
	right: 0;
	top: 0;
	}

	
/* Slideshow */

#slideshow {
	position: relative;
	height: 220px;
	}

#slideshow li {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
	}

#slideshow li.active {
	z-index:10;
	opacity:1.0;
	}
	
#slideshow li.last-active {
	z-index:9;
	} 
	
.feature-box.playlist ul,
.feature-box.photos ul {
	margin: 0;
	list-style: none;
	}
	
.feature-box.playlist ul img,
.feature-box.photos ul img {
	height: 75px;
	width: 75px;
	border: 5px solid #fff;
	}
	
.feature-box.playlist ul li,
.feature-box.photos ul li {
	float: left;
	margin: 0 2px;
	}
	
.feature-box.playlist ul a:hover img,
.feature-box.photos ul a:hover img {
	border-color: #000;
	}
	
/* Featurebox colours
================================== */
.colour-0 {
	background: #fff;
	color: #000;
	}
	
.colour-0 h2 {
	color: #fff;
	}
	
.colour-0 a {
	background: none;
	margin: 0;
	padding: 0;
	text-decoration: underline;
	color: #2385E9;
	}

.colour-0 a:hover {
	background: none;
	text-decoration: none;
	color: #2385E9;
	}
	
.colour-1 {
	background: #844ACC;
	}

.colour-2 {
	background: #90BB37;
	}
	
.colour-3 {
	background: #00C9BC;
	}
	
.colour-4 {
	background: #FF53B9;
	}
	
.colour-5 {
	background: #EA7439;
	}
	
.colour-6 {
	background: #EDB84B;
	}
	
.colour-7 {
	background: #CB32CB;
	}
	
.colour-8 {
	background: #F04E49;
	}
	
.colour-9 {
	background: #2D8EE8;
	}


/* Texture
================================== */

.main-wrapper,
.footer,
.links  {
	background-image: url(images/css-images/background-noise.png);
	} 
	
/* Design blog index
================================== */
.colour-0 h2 a {
	display: block;
	color: #FFF;
	text-decoration: none;
	}
	
.colour-0 h2 a:hover {
	color: #98C63A;
	}

/* Design blog comments
================================== */
.postmetadata-wrapper,
.comment {
	background: #828182;
	padding: 10px;
	margin: 10px 0;
	color: #fff;
	}
	
.colour-0 .postmetadata-wrapper a,
.colour-0 .comment a {
	color: #FFF !important;
	}
	
#commentform textarea {
	width: 582px;
	}
	
ol.commentlist {
	list-style: none;
	margin: 0;
	}

.comment cite,
.comment span {
	position: relative;
	top: -15px;
	}
	
.comment cite {
	margin-left: 3px;
	font-style: normal;
	}
	
.comment.odd {
	background: #828182;
	}

.comment.even {
	background: #454445;
	}
	
.comment.comment-author-admin {
	background: #00C9BC;
	}
	
/* Design blog sidebar
================================== */	
#sidebar ul {
	list-style: none;
	margin: 0;
	clear: both;
	}
	
#sidebar ul,
#sidebar .widget_tag_cloud div {
	margin-bottom: 20px;
	}
	
#sidebar li {
	margin-bottom: 2px;
	}

#sidebar .widget_tag_cloud div {
	padding: 10px 0;
	text-align: center;
	}
	
#sidebar .widget_tag_cloud a {
	display: inline;
	} 


/* Clubnights 
================================== */	

/*Min-heights */

.feature-box.about-clubnights {
	min-height: 17em;
	}
	
.feature-box.clubnight {
	min-height: 42em;
	}
	
.feature-box.urls {
	min-height: 24em;
	}
	
.feature-box.calendar {
	min-height: 40em;
	}

.calendar .event-listing a {
	background: none;
	font-weight: normal;
	text-decoration: underline;
	padding: 0;
	}

/* DJ agency 
================================== */	

/*Min-heights */

.feature-box.about-djs {
	min-height: 11em;
	}
	
.feature-box.dj {
	min-height: 32em;
	}
	
/* Design 
================================== */	

/*Min-heights */

.feature-box.about-design {
	min-height: 30em;
	}