/*  

Theme Name: 	Sparkling Potpourri

Theme URI: 	http://www.sparklingpotpourri.com

Description: 	maid cafe

Author: 	Karim Tsouli, Sue Schoemaker

Author URI: 	http://www.sweetsushi.nl

Tags:		maid, cafe, cute, sweets

Version:	1.0

*/



* {

    margin:		0;

    padding:            0;

}



body, html {
	
	
	background-image:		url(images/bg.jpg);
	
	font-size:				100%;

	font-family:			Arial;
	
	height:					100%;


}



#main {
	height:					100%;
	
	background-image:		url(images/headerbg.jpg);

	background-repeat:		repeat-x;


	
	}

/*----------------------------- wrapper ------*/

#main-wrapper {

	background-image:url(images/logo.png);
	background-repeat: no-repeat;
	background-position:left top;
	width:					800px;
	margin:					0px auto 0px auto;
	height:					100%;


}


/*-------------------------- main divs -------*/


.content {

    width:					450px;
    float:					left;

}

.bigger {

    width:					750px;
    float:					left;

}

.left .content {

    float:					left;

}




#header { 

	background-image:		url(images/balk.png);

	background-repeat:		no-repeat;
	
	height:					37px;
	
	width:					800px;
	
	margin:					80px auto 0px auto;
	position:fixed;
	
}

#welcome {

	background-image:		url(images/welcome.png);

	background-repeat:		no-repeat;
	
	height:					61px;
	
	width:					304px;
	float : right;
	margin:					0px 11px 0px 0px;
	
	position:relative;
	z-index: 5	

}


#header #text {

	font-family:			century gothic;

	font-style:				italic;

}

#header #text h2 {

    font-size:			    20px;

	font-style:				italic;

	color:					#666666;

}


#middle { 
overflow: auto;
	background-image:		url(images/middle.jpg);
	width:					800px;
	margin:					0px auto 0px auto;
	position:absolute;
bottom:0px;
top:217px;
}


ul.links {
list-style:none;
text-align:right;
padding: 100px 0px 0px 0px;


}

.links li   { 
float:right; 
margin:38px 5px 0px 0px;
}

#contact {
background:url(images/contact.png);
background-position: top;
width: 72px;
height: 14px;
display: block;
}

#rules {
background:url(images/caferules.png);
background-position: top;
width: 75px;
height: 14px;
display: block;
}

ul.logolinks {
list-style:none;
text-align:left;
margin:0px 35px 0px 0px;

}

.logolinks li   { 
float:right; margin:6px 8px 0px 0px;
}

#facebook {
background:url(images/facebook.png);
background-position: top;
width: 27px;
height: 27px;
display: block;
}

#hyves {
background:url(images/hyves.png);
background-position: top;
width: 24px;
height: 24px;
display: block;
}

#twitter {
background:url(images/twitter.png);
background-position: top;
width: 24px;
height: 26px;
display: block;
}

#rssfeed {
background:url(images/rss.png);
background-position: top;
width: 24px;
height: 24px;
display: block;
}

ul.topnav   { 
list-style:none;
text-align:left;
margin:1px 0px 0px 10px;

}
.topnav li   { 
float:left; margin:0px 0px 0px 0px;
}

#home {
background:url(images/home.png);
background-position: top;
width: 95px;
height: 37px;
display: block;
}

#home:hover {
background:url(images/home_h.png);
background-position: top;
width: 95px;
height: 37px;
display: block;
}

#home0 #home {
background:url(images/home_h.png);
background-position: top;
width: 95px;
height: 37px;
display: block;
}

#about {
background:url(images/about.png);
background-position: top;
width: 100px;
height: 37px;
display: block;
}

#about:hover {
background:url(images/about_h.png);
background-position: top;
width: 100px;
height: 37px;
display: block;
}

#home1 #about {
background:url(images/about_h.png);
background-position: top;
width: 100px;
height: 37px;
display: block;
}

#ourmaids {
background:url(images/maids.png);
background-position: top;
width: 125px;
height: 37px;
display: block;
}

#ourmaids:hover {
background:url(images/maids_h.png);
background-position: top;
width: 125px;
height: 37px;
display: block;
}

#home2 #ourmaids {
background:url(images/maids_h.png);
background-position: top;
width: 125px;
height: 37px;
display: block;
}

#pictures {
background:url(images/pictures.png);
background-position: top;
width: 110px;
height: 37px;
display: block;
}

#pictures:hover {
background:url(images/pictures_h.png);
background-position: top;
width: 110px;
height: 37px;
display: block;
}

#home3 #pictures {
background:url(images/pictures_h.png);
background-position: top;
width: 110px;
height: 37px;
display: block;
}

#schedule {
background:url(images/schedule1.png);
background-position: top;
width: 121px;
height: 37px;
display: block;
}

#schedule:hover {
background:url(images/schedule1_h.png);
background-position: top;
width: 121px;
height: 37px;
display: block;
}

#home4 #schedule {
background:url(images/schedule1_h.png);
background-position: top;
width: 121px;
height: 37px;
display: block;
}


/*----------------------------- post ---------*/

.post { 
padding:					20px 0px 10px 25px;
width:						450px;
text-align:					justify;

}
	
.page { 

padding:					20px 0px 0px 25px;
width:						450px;
text-align:					justify;


}

.otherpage {
width:						750px;
}


.post-top {


	height:					40px;

	max-height:				40px;

}




* html .post-top {



}

.post-content {



	font-size:				14px;

	color:					#666666;


}

.post-content h4 {

font-size: 16px;
font-style:	italic;
font-weight: normal;

}



.post-content ul, .post-content dl, .post-content ol {

    padding:				5px 0 5px 25px;

}

.post-title {

	padding:                0px 0px 0px 0px;

}


.post-main {

	padding:                0px 0px 0px 0px;

}

.post-title h2{

	font-size:				22px;
	font-weight:			normal;
	font-style:				italic;
	color:					#99003D

}



.post-archive .post-info {

    text-align:				left;
	font-size: 14px;
	

}

.post-date {

	margin: -10px 0px 0px 0px;
    text-align:				right;
	font-size: 10px;
	color:					#99003D;

}

.postline {
background-image:	url(images/line.png);
width: 450px;
height: 1px;
margin : 0px 0px 0px 0px;
}
.post-bottom {

	background-color : #FECCDF;
	padding: 0px 0px 8px 0px;
	margin-top:10px;

}

/*---------------------------- footer --------*/

#footer { 
	margin: 0px auto 0px auto;
padding: 0px 0px 20px 0px;
	width:					765px;
	font-size:				12px;
	text-align: center;
	font-family:			century gothic;
	font-weight:			normal;
height:30px;
}



#footer ul {

    list-style-type:		disc;

	margin:					0px;

}



/*----------------------------- links --------*/

a {

    color:					#99003D;

    text-decoration:		none;

}

.post span {

 color:					#99003D;

    text-decoration:		none;

}



a:hover {

    color:					#ffffff;

    text-decoration:		none;

}

h1 a{

    color:					#99003D;

	text-decoration:		none;

}


h1 a:hover { 

    color:					#99003D;

    text-decoration:		none;

}

h2 a {

    color:					#99003D;

	text-decoration:		none;

}



h2 a:hover {

    color:					#99003D;

    text-decoration:		none;

}



.post-content a, .post-info a {

    border:					0;
	color:					#99003D;
	text-decoration:		none;

	font-size: 14px;


}

#sidebar{
width:					250px;
margin:					20px 0px 0px 60px;
float:					left;

}


#sidebar .top{

	height:					40px;
	max-height:				40px;

}

#sidebar .bottom{

	height:					10px;
	max-height:				10px;
	
}

#sidebar h2{

	font-size:				22px;
	font-weight:			normal;
	font-style:				italic;
	color:					#99003D;


}


#sidebar .textwidget{
	font-size:				16px;

	color:					#666666;
	text-align:				right;

}


#sidebar a:hover{

    color:					#9A003D;

    text-decoration:		none;

}




.post-content a:hover, .post-info a:hover, #sidebar a {

    color:					#666666;

    text-decoration:		none;
	font-size: 14px;
	

}


#footer a {

color: 			#666666;

}
#footer a:hover {

color: 			#9A003D;

}

#twitter_update_list li   { 
margin:10px 0px 10px 0px;
}

#twitter_update_list{
overflow:auto;
	font-size:				16px;
	color:					#666666;

}

#twitter_update_list a{
	font-size:				16px;
	color:					#99003D;

}


.post-comments {
	width:					250px;
	position:				absolute;
	top:					0px;
	left:					2px;
}
* html .post-comments {

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

.sidebar-com {

float : right;

}

#commentsdiv {
	margin:					20px 0px 20px 0px;

}
.commentlist {	
    margin:					10px 0px 0px 0px;
    width:					250px;
}

.commentlist li.comment {
    display: 				block;
	padding:                0px 0px;
	margin:					0px 0px;
	color:					#666666;
	font-size:				12px;
	
}
.commentlist li.comment:after {
    content: 				".";
    display: 				block;
    clear: 					both;
    visibility: 			hidden;
}

.comments {
    position:				relative;
	margin-right: 30px;

}
.comments-textarea { 
    margin:					0px;
    width:					250px;

}
.comments-textarea textarea {
    width:					100%;
	margin:					10px 0 0 0;
}

.comments-title h3 {
    font-size:				18px !important;
    color:					#99003D;
	padding:                0px;
}
.comments-title h4 {
    font-size:				16px !important;
    color:					#99003D;
	padding:                0px;
}
.comment-author {

	width:					250px;
	margin:					0px;
	padding:                0px;
	font-size:				14px;
	min-height:             60px;
	height:					auto !important;
	height:					60px;
}

* html .comment-author {
    width:					250px;
}
.comment-author img {

	padding-top:            15px;
	clear:					both;

}
.comment-author cite {
    font-size:				13px;
}

.comments-content {
    padding:                5px 10px;
}
.comments-inputs {
    margin:					0 0 10px 10px;
}

.comments-inputs input {
    margin:					0 0 3px 0;
}


.comments p {
    padding:                0 0 10px 0;
}

.comments .buttons {
padding-top:10px;

}

.comments a:hover {

color: #666666;

}




/*----------------------------- misc ---------*/

.spacer {

    clear:					both;

}

.justify {

    text-align:				justify;

}

.centered {

    text-align:				center;

}

.navigation .align-right {

    text-align:				center;

    margin:					0 80px;

}



.navigation .align-left {

    text-align:				center;

    margin:					0 -30px;

}



.small {

    font-size:				87%;

}

.uppercase {

    text-transform:			uppercase;

}

.align-left {

    margin:					0 0 0 10px;

	float:					left;

}

.align-right {

    margin:					0 10px 0 0;

	float:					right;

}

img {

    border:					0;

}

.post p {

    padding:                0px 0;

}

blockquote {

	margin: 15px 30px 15px 10px;

	padding-left: 20px;

	border-left: 5px solid #ddd;

	background: #F9F9F9;

	color: #0099CC;

	font-size: 10px;

}

blockquote:hover {

	background: #fff;

}

blockquote cite {

	margin: 5px 0 0;

	display: block;

}



h1 {

    color:			#99003D;

	font-size:		14px;
	

}

h2 {

    color:			#99003D;

	font-size:		18px;

}

h3 {

    color:			#99003D;

	font-size:		30px;
	
	font-weight:	normal;
	
	font-style:		italic;

}

h4 {
    color:			#99003D;

	font-size:		12px;
	
	font-weight:	normal;
	

}

h5 {

    color:			#99003D;

	font-size:		14px;
	
	font-weight:	normal;
	
	font-style:		italic;

}





.clearfix:after {

    content: 				".";

    display: 				block;

    clear: 					both;

    visibility: 			hidden;

    line-height: 			0;

    height: 				0;

}



.clearfix {

    display: 				inline-block;

}



html[xmlns] .clearfix {

    display: 				block;

}



* html .clearfix {

    height: 				1%;

}





.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}



.alignleft {

   float: left;

}



.alignright {

   float: right;

}

img.alignright {

    float: right !important; 

	margin:0 0 0 5px !important;

}



.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

}



.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}



.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}

/*maids*/

.pictureholder {

}


.maid1{
background-image: url(images/maid1_a.jpg);
height: 150px;
width: 150px;
border-width: 5px;
border-style: solid;
border-color: pink;
float: left;
margin: 10px;
}

.maid1 a {
display: block
}

.maid1 img {
width: 100%;
height:100%;
}

.maid1 a:hover img {
visibility: hidden;
}

.maid2{
background-image: url(images/maid2_a.jpg);
height: 150px;
width: 150px;
border-width: 5px;
border-style: solid;
border-color: pink;
float: left;
margin: 10px;
}

.maid2 a {
display: block
}

.maid2 img {
width: 100%;
height:100%;
}

.maid2 a:hover img {
visibility: hidden;
}

.maid3{
background-image: url(images/maid3_a.jpg);
height: 150px;
width: 150px;
border-width: 5px;
border-style: solid;
border-color: pink;
float: left;
margin: 10px;
}

.maid3 a {
display: block
}

.maid3 img {
width: 100%;
height:100%;
}

.maid3 a:hover img {
visibility: hidden;
}

.maid4{
background-image: url(images/maid4_a.jpg);
height: 150px;
width: 150px;
border-width: 5px;
border-style: solid;
border-color: pink;
float: left;
margin: 10px;
}

.maid4 a {
display: block
}

.maid4 img {
width: 100%;
height:100%;
}

.maid4 a:hover img {
visibility: hidden;
}

.maid5{
background-image: url(images/maid5_a.jpg);
height: 150px;
width: 150px;
border-width: 5px;
border-style: solid;
border-color: pink;
float: left;
margin: 10px;
}

.maid5 a {
display: block
}

.maid5 img {
width: 100%;
height:100%;
}

.maid5 a:hover img {
visibility: hidden;
}

.maid6{
background-image: url(images/maid6_a.jpg);
height: 150px;
width: 150px;
border-width: 5px;
border-style: solid;
border-color: pink;
float: left;
margin: 10px;
}

.maid6 a {
display: block
}

.maid6 img {
width: 100%;
height:100%;
}

.maid6 a:hover img {
visibility: hidden;
}

.maid7{
background-image: url(images/maid7_a.jpg);
height: 150px;
width: 150px;
border-width: 5px;
border-style: solid;
border-color: pink;
float: left;
margin: 10px;
}

.maid7 a {
display: block
}

.maid7 img {
width: 100%;
height:100%;
}

.maid7 a:hover img {
visibility: hidden;
}

.maid8{
background-image: url(images/maid8_a.jpg);
height: 150px;
width: 150px;
border-width: 5px;
border-style: solid;
border-color: pink;
float: left;
margin: 10px;
}

.maid8 a {
display: block
}

.maid8 img {
width: 100%;
height:100%;
}

.maid8 a:hover img {
visibility: hidden;
}

.maid9{
background-image: url(images/mascotte.jpg);
height: 150px;
width: 686px;
border-width: 5px;
border-style: solid;
border-color: pink;
float: left;
margin: 10px;
}

.maid9 a {
display: block
}

.maid9 img {
width: 100%;
height:100%;
}

.maid9 a:hover img {
visibility: hidden;
}