/*
Theme Name: Quirky Boutique Theme
Theme URI: http://www.quirkyboutique.com
Description: Custom theme for Quirky Boutique
Version: 1.0
Author: Paul Maloney
Author URI: http://www.tropicaweb.co.uk
Tags: pink, multi, wide, grunge

*/



/* -- GENERAL -- */

html { min-height: 100%; margin-bottom: 1px; }
html { overflow: -moz-scrollbars-vertical !important; }

body {
background: #6c5da9 url('img/dampurple.jpg');
color: #ffffff;
margin:0;
padding:0;
}

a {color: #e91b85; text-decoration:none;}
a:hover {color: #fff; text-decoration:none;}

img {border: 0;}
img a {border: 0;}
img a:hover {border: 0;}

#switcher {margin: 10px 0 15px 25px;}
#switcher img {display:inline; margin: 0 20px 0 0;outline:none;}


/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {	margin-left:5px;padding:0;}
li {list-style-type:none;}
.disc {list-style-type:disc}
/* lists inside posts */
.entry-content {margin-left: 10px;}
.entry-content ul ol {margin-left:0;}
.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;}

/* -- HEADINGS -- */
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
h2.entry-title {font-size:180%;}
h2#comments{margin:20px auto 10px;font-size:140%;}
h3 {margin-top: 25px;}
/* headings inside posts */
.entry-content h3 {font-size:140%;}
.entry-content h4 {font-size:120%;}
.entry-content h5 {font-size:100%;}
.entry-content h6 {font-size:90%;}

/* -- SIDEBARS --*/


/* -- POSTS -- */
.post-index {margin:0 0 10px;}
#post-single {margin:0 0 20px;}
.posts-wrap {float:left; clear:none;}
.post {margin-bottom: 40px; margin-top: 0px;}




/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}


/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
div.reply {}
textarea#comment {overflow:auto}

/* -- MAIN -- */

#wrapper {
width:980px;
margin:10px auto;
padding:0;
}

#container {
font:15px Helvetica,Arial,sans-serif;
width:980px;
background: url('img/mid.png');
color: #ffffff;
margin:0 auto;
text-align:left;
padding-top: 22px;
}

#container li {list-style-type:none;}

#main{
width:950px;
margin:0 auto;
padding-top:10px;
}

#header {
width:980px;
height:196px;
background: url('img/top.png') no-repeat;
margin:0 auto;
padding:0;
}

#headerimg {padding-top: 60px; border:0; margin:0;}

h1 {color: #ffffff;}

h2 {color: #ffffff;}
h2 a {color: #ffffff;}
h2 a:hover {color: #e91b85;}

#left {
float:left;
width:580px;
margin-left:25px;
_margin-left:15px;
}

#left p{
margin-bottom:5px;
}

#sidebar {
float:right;
width:300px;
margin-right:10px;
font:15px Helvetica,Arial,sans-serif;
}

#sidebar p{margin-bottom: 20px;}

.pages li {background: #2babee; padding: 6px; font:20px Helvetica,Arial,sans-serif; color: #000; font-weight: 900; margin-bottom: 20px;}

#sidebar h2.pink {background: #e91b85; padding: 6px; font:20px Helvetica,Arial,sans-serif; color: #000; font-weight: 900; margin-bottom: 20px;}


.blue {margin-bottom: 10px; background: url('img/sblue.jpg'); width: 300px; height: 50px;}
.blue h2 {font:20px Helvetica,Arial,sans-serif; color: #fff; font-weight: 900; padding: 13px 0 0 15px;}


.pink {margin-bottom: 10px; background: url('img/spink.jpg'); width: 300px; height: 50px;}
.pink h2 {font:20px Helvetica,Arial,sans-serif; color: #fff; font-weight: 900; padding: 13px 0 0 15px;}


.green {margin-bottom: 10px; background: url('img/sgreen.jpg'); width: 300px; height: 50px;}
.green  h2 {font:20px Helvetica,Arial,sans-serif; color: #fff; font-weight: 900; padding: 13px 0 0 15px;}


.purple {margin-bottom: 10px; background: url('img/spurple.jpg'); width: 300px; height: 50px;}
.purple h2 {font:20px Helvetica,Arial,sans-serif; color: #fff; font-weight: 900; padding: 13px 0 0 15px;}


.yellow {margin-bottom: 10px; background: url('img/syellow.jpg'); width: 300px; height: 50px;}
.yellow h2 {font:20px Helvetica,Arial,sans-serif; color: #000; font-weight: 900; padding: 13px 0 0 15px;}
.yellow h2:hover {color: #000;}

.blue a {color: #fff;}
.blue a:hover {color: #000;}

.green a {color: #fff;}
.green a:hover {color: #000;}

.pink a {color: #fff;}
.pink a:hover {color: #000;}

.purple a {color: #fff;}
.purple a:hover {color: #000;}

.yellow a {color: #000;}
.yellow a:hover {color: #fff;}

#sidebar a{
text-decoration:none;

border:0px;
}

#sidebar a:hover{
text-decoration:none;

border:0px;
}

#sidebar img{
border:0px;
}



#sidebar ul
{
margin: 15px 0 15px; 10px;
padding-left: 0;
list-style: none;
}

#sidebar li
{
padding-left: 30px;
background-image: url(img/li.jpg);
background-repeat: no-repeat;
margin-bottom: 6px;
}

#sidebar li a {color: #fff;}
#sidebar li a:hover {color: #e81d86;}


.s {
width: 240px; 
_width: 200px;
padding: 4px; 
font:21px Helvetica,Arial,sans-serif;
border: 0;
color: #1a1a1a;

}
.searchform {width: 278px; margin: 1px; background: #fff; border: 1px solid #1a1a1a;}

.mainform {width: 278px; margin: 5px 0 20px 10px;}

.go {height: 30px; width: 30px;}

.sform {
float:left;
width:220px;

}

.sformicon {
float:right;
width:30px;
margin-left:5px;
margin-right: 5px;
padding-top: 3px;

}

.radiobuttons {margin-top: 5px; color: #fff;}

.clearer {clear:both;}

#footer {
height:145px;
width:980px;
background: url('img/foot.png');
margin:0 auto;
font:14px Helvetica,Arial,sans-serif;
}

#footerinner {width: 950px; margin-left: 20px; padding-top: 60px;}


.page-title {margin-bottom: 20px; background: url('img/pink.jpg'); width: 592px; height: 50px;}
.page-title2 {margin-bottom: 20px; background: url('img/purple.jpg'); width: 592px; height: 50px;}
.page-title h2 {font:20px Helvetica,Arial,sans-serif; color: #fff; font-weight: 900; padding: 15px 0 0 15px;}
.page-title2 h2 {font:20px Helvetica,Arial,sans-serif; color: #fff; font-weight: 900; padding: 15px 0 0 15px;}

.page-titles {width:580px; background: #2babee; padding: 6px; font:20px Helvetica,Arial,sans-serif; color: #000; font-weight: 900; margin-bottom: 20px;}
h4 {font:18px Helvetica,Arial,sans-serif; color: #fff; font-weight: 900; margin: 20px;}

h2 {font:30px Helvetica,Arial,sans-serif; color:#fff;}
h2.search {font:30px Helvetica,Arial,sans-serif; color:#fff;}

.cartl {float: left; width: 80px; margin-right: 30px; margin-top: 5px;}
.cartr {float: left; width: 190px; _width: 150px; padding-top: 2px;}
.ecart {}
.empty {margin-left: 15px;}

.footinl {float: left; width: 230px; margin-left: 5px;}
.footinl img{margin-left: 6px;}
.footinr {float: right; margin-right: 20px; margin-top: 10px;}


.wp-pagenavi { text-align: right; float: left; width: 570px; font-size: 11px; margin-bottom: 20px; margin-left: 30px; font-size: 14px;}
.wp-pagenavi span.pages { float: left; }
.wp-pagenavi a { text-decoration: none; padding: 4px; margin-left: 10px; }
.wp-pagenavi a:hover { }
.wp-pagenavi .current { font-weight: 900; padding: 4px; margin-left: 10px; }



/* comments */

#comments {margin-top: 10px;}

#comment-box{
 border-top:1px solid #fff;
 border-bottom:1px solid #fff; 
 }

#comment-box h3{
margin-top: 10px;
 }
 
form p{
 margin:0 0 5px 0;
 padding:0;
 } 
 
#comment-box input {
 width: 220px;
 margin: 2px 0 10px 0;
 border-top: 1px solid #fff;
 border-left: 1px solid #fff;
 border-bottom: 1px solid #fff;
 border-right: 1px solid #fff;
 height:20px;
 font-size: 12px;
 color:#000;
 padding:5px 0 0 5px;

 }
 
small {font-size: 13px;
 font-weight: bold;}

#comment-box label {
 display: block;
 font-size: 15px;
 font-weight: bold;
 margin:0;
 padding:0;
}

#comment-box textarea {
 width: 350px;
 height: 150px;
 display: block;
 border: 1px solid #ddd;
 margin: 0 ;
 padding:5px 0 0 5px;
 color:#000;
font:15px Helvetica,Arial,sans-serif;
 } 
 
input#submit-comment{
 font:16px Helvetica,Arial,sans-serif;
 font-weight: bold; 
 color:#000;
 width:155px;
 height:30px;
 margin:10px 0 0 0; 
 padding:0;
 border: 1px solid #fff;
 background:#000;
 color: #fff;
 margin-bottom: 10px;
cursor: pointer;
 }
 
input#submit-comment:hover{
 font:16px Helvetica,Arial,sans-serif;
 font-weight: bold; 
 width:155px;
 height:30px;
 margin:10px 0 0 0; 
 padding:0;
 border: 1px solid #fff;
 background:#e91b85;
 color: #fff;
 margin-bottom: 10px;
cursor: pointer;
 }





ol.commentlist{
 margin:0;
 padding:0;
 list-style:none;  
 } 
  
ol.commentlist p{

 line-height:1.7em; 
 }
   
ol.commentlist li{
 border:1px solid #fff;
 padding:10px;
 margin-bottom:15px;
 }
 
#content .commentlist ul li{ 
 list-style:none;
 }

.comment-author cite {
 float:left;
 margin-right:5px;
 font-style:normal;
 color:#fff;
 }
 
.comment-author img {
 padding:5px;
 border:1px solid #fff;
 background:#fff; 
 float:right;
 }
 
#respond:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.children {
 padding: 0;
 margin:0;
 } 

ul.children{
 list-style:none;
} 
 
ul.children li{
 margin:10px 0;
}

/* end comments */


/* author */

.author strong a {color: #fff; text-decoration:none; font-weight: bold; font-size: 16px;}
.author strong a:hover {color: #e91b85; text-decoration:none; font-weight: bold; font-size: 16px;}

.author { 
position: relative; 
display: block; 
padding: 15px; 
margin: 25px 0 25px 0; 
background: #000;  
border:1px solid #fff;
}

.author a {color: #e91b85; text-decoration:none; font-weight: bold; font-size: 13px;}
.author a:hover {color: #fff; text-decoration:none; font-weight: bold; font-size: 13px;}

.author { position: relative; display: block; padding: 15px; margin: 15px 0 25px; }
.author p { font: 12px/18px "Helvetica Neue",Helvetica,Arial,sans-serif; padding: 2px 0 0 0; }
.author img { float: left; border: 1px solid #fff;}
.author .author-text { padding: 0 0 0 100px; }

.pdata {width: 592px; height:39px; background: url('img/pdata.jpg'); margin: 10px 0 10px; 0;}
.pdatatext {padding: 11px 0 0 12px; color: #fff;}
.pdatatext a {color: #000;}
.pdatatext a:hover {color: #fff;}

.share h2 {font-size: 13px;}
.share {margin: 20px 0 25px 0; border: 1px solid #fff; background: #000; padding: 10px 10px 5px 10px;}
.share img {border:0; padding-left: 6px;}



.thumb {float: left; width: 150px; height: 150px; margin-right: 20px; padding-top: 10px;}
.thumb img {border: 2px solid #e81d86;}


.text {float: right; width: 400px;}
.read {margin-top: 15px;}

.searchres {width: 600px;}
.simg {width: 60px; height: 60px; float: left; margin: 0 0 10px 15px; border: 1px solid #fff;}
.stext {width: 500px; float:left; margin: 0 0 10px 20px; padding-top: 0;}
.stext h3{margin:0; padding:10px 0 0 0;}

.checkop {margin-top: 15px; }


.payop {
width: 180px;
height: 90px;
float: left;
margin-left: 10px;
_margin-left: 5px;
}

.payop  a{
display:block;
width: 180px;
height: 45px;
padding:0;
background: url("img/paypal.jpg") 0 0 no-repeat;
text-decoration: none;

}

.payop  a:hover { 
background-position: 0 -46px;

}

.chequeop {
width: 180px;
height: 90px;
float: left;
margin-left: 10px;
_margin-left: 5px;
}

.chequeop  a{
display:block;
width: 180px;
height: 45px;
padding:0;
background: url("img/cheque.jpg") 0 0 no-repeat;
text-decoration: none;

}

.chequeop  a:hover { 
background-position: 0 -46px;

}


.contop {
width: 180px;
height: 90px;
float: left;
margin-left: 10px;
_margin-left: 5px;
}

.contop  a{
display:block;
width: 180px;
height: 45px;
padding:0;
background: url("img/cshop.jpg") 0 0 no-repeat;
text-decoration: none;

}

.contop  a:hover { 
background-position: 0 -46px;
}

.socials {float: right; width: 220px; padding: 110px 15px 0 0;}
.socials img {border:0;}

#fabo {
width: 50px;
height: 50px;
float: left;
margin-right: 2px;
}

#fabo a{
display:block;
width: 50px;
height: 50px;
padding:0;
background: url("img/fabo.png") 0 0 no-repeat;
text-decoration: none;
}

#fabo a:hover { 
background-position: 0 -51px;
}


#mysp {
width: 50px;
height: 50px;
float: left;
margin-right: 2px;
}

#mysp a{
display:block;
width: 50px;
height: 50px;
padding:0;
background: url("img/mysp.png") 0 0 no-repeat;
text-decoration: none;
}

#mysp a:hover { 
background-position: 0 -51px;
}

#twitt {
width: 50px;
height: 50px;
float: left;
margin-right: 2px;
}

#twitt a{
display:block;
width: 50px;
height: 50px;
padding:0;
background: url("img/twitt.png") 0 0 no-repeat;
text-decoration: none;
}

#twitt a:hover { 
background-position: 0 -51px;
}

#rsss {
width: 50px;
height: 50px;
float: left;
margin-right: 2px;
}

#rsss a{
display:block;
width: 50px;
height: 50px;
padding:0;
background: url("img/rsss.png") 0 0 no-repeat;
text-decoration: none;
}

#rsss a:hover { 
background-position: 0 -51px;
}


#tropica {
width: 100px;
height: 36px;
float: left;
margin-right: 20px;
margin-top: 1px;
}

#tropica a{
display:block;
width: 100px;
height: 36px;
padding:0;
background: url("img/tropica.png") 0 0 no-repeat;
text-decoration: none;
}

#tropica a:hover { 
background-position: 0 -37px;
}


#paypals {
width: 100px;
height: 36px;
float: left;
margin-right: 2px;
}

#paypals a{
display:block;
width: 100px;
height: 36px;
padding:0;
background: url("img/paypals.png") 0 0 no-repeat;
text-decoration: none;
}

#paypals a:hover { 
background-position: 0 -36px;
}

#twitter {
	width: 300px;
}

	#twitter h1 a {
		display: block; margin: 0;
		font: 15px Helvetica, Arial, Sans-Serif; color: rgba(255,255,255,0.2);
		text-decoration: none;
	}
		

	#twitter ul {
		list-style: none; padding: 0px;
		
	}
		#twitter ul li {
			padding: 2px 10px 0 25px;
			
		}
			#twitter ul li a {
				font: 12px Helvetica, Arial, Sans-Serif;
				color: #fff; 
			}
				#twitter ul li a:hover { color: #e91b85; }

		#twitter ul li span {
			font: 16px Helvetica, Arial, Sans-Serif; color: #fff;
		}
			#twitter ul li span a {
				font: 16px Helvetica, Arial, Sans-Serif; color: #e91b85; margin: 0; display:inline;
			}

#twitter ul li span a:hover {
				font: 16px Helvetica, Arial, Sans-Serif; color: #fff; margin: 0; display:inline;
			}


.aligncenter {margin:0 auto; text-align:center;}