/*
THEME NAME: Curlupanddye
THEME URI: http://www.curlupanddye.co.uk
DESCRIPTION: Custom Wordpress theme for Curl Up And Dye by Branigan Interactive
VERSION: 1.0
AUTHOR: Dan Branigan
AUTHOR URI: http://www.branigan.co.uk
TAGS: Curl Up and Dye, Hairdressers, Branigan
*/


@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

/* force vertical scroll in FF */
html {
	min-height: 100%;
	margin: 0 0 1px;
	padding:0;
}

body {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#414141;
	text-align:center;
	margin:0;
	padding:0;
	background:#6b025a url(images/bg-body-purpleflowers.gif) no-repeat center top;
}

#wrapper {
	width:930px;
	margin:0 auto;
	text-align:left;
}

/* header, logo and "call us" section */

#header {
	height:180px;
	margin:0;
	padding:32px 0 0 110px;
	position:relative;
	background:url(images/bg-header.gif) no-repeat center top;
}

#logo h1, #logo div {
	width:235px;
	height:170x;
	margin:0;
}
#logo h1 a, #logo div a{
	display:block;
	width:235px;
	height:170px;
	background:url(images/logo-curlupanddye.gif) no-repeat 0px 0px;
	text-indent:-9999px;
	overflow:hidden;
}


#call-us {
	position:absolute;
	left:430px;
	top:70px;
	width:400px;
	font-family:Arial, Helvetica, sans-serif;
}

#call-us p {
	color:#d20175;
	margin:0 0 4px 0;
}

#call-us p.phone {
	font-size:20px;
	background:url(images/ic-phone.gif) no-repeat 0px 0px;
	padding:2px 0 0 36px;
}

#call-us #email {
	background:url(images/ic-email.gif) no-repeat 0px 0px;
	padding:0 0 0 36px;
	margin-left:10px;
}

#call-us p.address,
#call-us p.social {
	font-size:16px;
}

#call-us p.address a{
	text-decoration:none;
}

#call-us p.social img {
	vertical-align:middle;
}



/* main tab menu */

#main-menu {
	margin:0;
	position:absolute;
	width:480px;
	left:435px;
	bottom:0px;
}

#main-menu ul {
	list-style-type:none;
	padding:0;
	margin:0;
	float:left;
	width:480px;
}

#main-menu li {
	float:left;
	margin:0 0 0 0;
}



#main-menu li.home {
	padding:0;
}

#main-menu a {
	float:left;
	display:block;
/*	background: url(images/nav-icon.gif) no-repeat 0px 0px;*/
	height:28px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:14px;
	text-align:center;
	padding:12px 20px 0 0;
}

#main-menu li.last a{
	padding-right:0px;
}

#main-menu a:hover {
	color:#FF6600;
}

#main-menu li.current a{
	color:#FF6600;
	font-weight:bold;
}

/* main content block  */

#main {
	width:850px;
	padding:25px 38px 0 42px; /* temp bottom padding */
	background:url(images/bg-main.gif) no-repeat center top;
}

/* homepage  */

#home-column1 {
	float:left;
	width:375px;
	margin:0 6px 0 0;
}

#home-team {
	margin:5px 0 0 4px;
}

#home-pix {
	margin:5px 0 0 4px;
}

#home-column2 {
	float:left;
	width:469px;
}

/* homepage - intro */

#home-intro {
	width:469px;
	background:url(images/home-intro-bg-bot.gif) no-repeat center bottom;
	padding:0 0 30px 0;
}

#home-intro .innerwrap{
	background:url(images/home-intro-bg-top.gif) no-repeat center top;
	padding:20px 20px 0 20px;
}

#home-intro h2{
	margin:0 0 10px 0;
	color:#f60;
	font-size:24px;
}

#home-intro p{
	font-size:13px;
	line-height:1.4em;
}

/* homepage - latest */

#home-latest {
	float:left;
	width:273px;
	background:url(images/home-latest-bg-bot.gif) no-repeat center bottom;
	padding:0 0 30px 0;
	margin:0 7px 0 0;
}

#home-latest .innerwrap{
	background:url(images/home-latest-bg-top.gif) no-repeat center top;
	padding:20px 20px 0 20px;
}

#home-latest h2{
	margin:0 0 10px 0;
	color:#f60;
	font-size:20px;
}

#home-latest .teaser {
	padding:0 0 20px 0;
}

#home-latest .teaser img {
	float:left;
}

#home-latest .teaser a {
	display:block;
	font-size:11px;
	margin:0 0 0 60px;
	color:#414141;
}

#home-latest .teaser a:hover {
	color:#d20175;
	background:url(images/arrow-teaser.gif) no-repeat right center;
	text-decoration:none;
}

/* homepage - salon pix */

#home-salonpix {
	float:left;
	width:189px;
}

/* homepage - shop */

#home-shop {
	float:left;
	width:375px;
	background:url(images/home-shop-bg-bottom.gif) no-repeat center bottom;
	padding:0 0 30px 0;
}

#home-shop .innerwrap{
	background:url(images/home-shop-bg-top.gif) no-repeat center top;
	padding:20px 20px 0 20px;
}

#home-shop h2{
	margin:0 0 4px 0;
	color:#f60;
	font-size:20px;
}

#home-shop p{
	font-size:11px;
	margin:0 0 12px 0;
}

/*featured designer */

#featured-designer .designer-thumbnail img {
	float:left;
	margin:0 20px 0 0;
}

#featured-designer h3 {
	margin:0 0 20px 0;
}


/* content pages - main page */

#page {
	width:850px;
	margin:0 0 0 0;
	padding:0 0 60px 0;
	background:url(images/bg-page-bottom.gif) no-repeat center bottom;
}

#page .innerwrap{
	margin:0 0 0 0;
	padding:40px 30px 0 70px;
	background:url(images/bg-page-top.gif) no-repeat center top;
}

#page h1, #page-header {
	font-size:36px;
	font-weight:normal;
	color:#f60;
	margin:0 0 20px 0;
}

#page h2 {
	font-size:20px;
	color:#8d0075;
	margin:0 0 6px 0;
}

#post-32 h2 {
	clear:left;
}

#page h3 {
	font-size:16px;
	color:#8d0075;
	margin:0 0 2px 0;
}

#page h2 a,
#page h3 a {
	text-decoration:none;
}



#content {
	float:left;
	width:450px;
	margin:0 70px 0 0;
}


#content p{
	line-height:1.5em;
	margin:0 0 1.5em 0;
}

#content a {
	text-decoration:underline;
}

#content strong a {
	text-decoration:none;
	color:#414141;
}

#content ul {
	margin:0 0 2em 0;
	padding:0 0 0 1.1em;
}

#content li {
	margin:0 0 0.6em 0;
}

#contentli ul {
	margin:0.6em 0;
}

.alignleft {
	float:left;
}

#content .alignleft {
	margin:0 20px 0 0;
}

#post-32 .alignleft {
	float:left;
	margin:0 10px 40px 0;
}

/*price-list page*/

#post-20 ul,
#post-1105 ul {
	list-style-type:none;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	width:500px;
}

#post-20 li,
#post-1105 li {
	margin:0 0 2px 0;
	padding:4px 6px;
	text-align:right;
	background:#fee3f9;
}

#post-20 li strong,
#post-1105 li strong {
	float:left;
	font-weight:normal;
}



/* used to style sitemap */

#page-text .ddsg-wrapper ul {
	margin:0 0 3em 0;
	padding:0 0 0 0;
}

#page-text .ddsg-wrapper li {
	margin:0 0 1.5em 0;
	list-style-type:none;
	padding:0 0 1em 12px;
	background:url(img/arrow-grey.gif) no-repeat 0px 4px;
	border-bottom:1px dotted #662d91;
}

#page-text .ddsg-wrapper li ul {
	margin:1em 0;
	padding: 0 0 0 1em;
}

#page-text .ddsg-wrapper li li{
	margin:0 0 1em 0;
	list-style-type:disc;
	background:none;
	padding:0;
	border:none;
}

#page-text .ddsg-wrapper a {
	text-decoration:none;
}

#page-text .ddsg-wrapper a:hover {
	text-decoration:underline;
}


/* category page */

#category-list {
	font-size:90%;
}

#category-list .post{
	border-bottom:1px solid #fee3f9;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
}

#category-list .post h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:15px;
	font-weight:normal;
	color:#662d91;
	margin:0 0 0.2em 0;
}

#page .post p.date {
	font-size:11px;
	margin:-6px 0 10px 0;
}

#category-list #feedback {
	font-size:11px;
	margin:0.5em 0 0 0;
}

#category-list .entry a {
	display:block;
	text-decoration:none;
	color:#414141;
}

#category-list .entry a:hover {
	color:#d20175;
	background:url(images/arrow-teaser.gif) no-repeat right center;
}

#page-text p.wp-caption-text {
	font-size:10px;
	font-weight:bold;
	margin-bottom:1em;
}

.category-thumbnail {
	float:right;
	margin:0 0 10px 20px;
}

/* single posts */


#page p.date-header {
	font-size:11px;
	margin:-10px 0 10px 0;
	color:#d20175;
}

p.postmetadata {
	margin:1em 0;
}

/* comments */

#respond, #comments {
	border-top:1px solid #fee3f9;
	padding:20px 0 0 0;
}


form#commentform {
	font-size:12px;
}

form#commentform label {
	color:#662d91;
	display:block;
	margin:0 0 3px 0;
}

form#commentform input {
	margin:0 0 8px 0;
	width:210px;
}

textarea#comment {
	margin:0 0 15px 0;
	width:450px;
}
ol.commentlist {
	margin:0 0 1.5em 2.5em;
	padding:0;
}


/* forms */

div.wpcf7 {
	margin: 0;
	background:#eddffb;
}

form.wpcf7-form{
	padding:10px;
}

#page-text div.wpcf7 p {
	margin: 0 0 0.75em 0;
	font-size:11px;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

/* sidebar */

#sidebar {
	width:200px;
	float:left;
	margin:50px 0 0 0;
	padding:0 0 15px 0;
	background:#ff6600 url(images/sidebar-bot.gif) no-repeat left bottom;
	color:#fff;
}


#sidebar ul {
	margin:0;
	padding:20px 15px 0 15px;
	list-style-type:none;
	background:#ff6600 url(images/sidebar-top.gif) no-repeat left top;
}

#sidebar li ul {
	margin:15px 0 0 15px;
	padding:0;
	background:none;
	list-style-type:disc;
}

#sidebar li {
	margin-bottom:10px;
	border-bottom:1px dotted #f9e200;
	padding-bottom:10px;
}

#sidebar li ul li{
	border:none;
}

#sidebar li a {
	color:#fff;
}




/* footer */


#footer {
	margin:0;
	font-size:11px;
	color:#ff6600;
	background:url(images/bg-footer.gif);
	height:60px;
}

#footer p {
	padding:0 0 0 50px;
}

/* typography */

a {
	text-decoration:none;
	color:#d20175;
}

a:hover {
	text-decoration:underline;
	color:#FF6600;
}

a.link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}


/* generic styling */

a img {
	border:none;
}


.clearfix:after {
    content: ".";
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* yodelayheehoooooooo */