/*  
Theme Name: Quentin
Theme URI: http://www.thegirlinthecafe.com
Description: Quentin II in the Cafe theme
Version: 0.1
*/

body {
/*background : #786a52 url(images/bodybackground2.jpg) repeat;*/
background : #e1ddc8 url(images/background_pattern11.png) repeat;
color : #333;
font-family : Verdana;
line-height : 1.5em;
margin : 0 0 0 0;
padding : 0 0 0 0;
}

#header {
background:transparent url(images/header2010.png) no-repeat;
height : 135px;
margin-bottom : 0px;
width : 1000px;
margin-top:0px;
border-left:3px solid #FFFFFF;
border-right:3px solid #FFFFFF;
border-bottom:3px solid #FFFFFF;
}

#wrap {
/*background :  url(images/wrap_bg.jpg) repeat;*/
background : #e1ddc8 url(images/background_pattern11.png) repeat;
margin : 0px auto 0px auto;
padding: 0px 15px 0px 15px;
width : 1002px;
border-left:0px solid #FFFFFF;
border-right:0px solid #FFFFFF;
}

#contentmain {
/* main two content areas without the header*/
background:transparent;
margin : 0;
padding-bottom : 10px;
width : 100%;
}

#contentwrapper {
margin: 0;
padding: 0;
width : 100%;
}

#content {
float : left;
padding : 0;
width : 540px;
margin : 0;
margin-top:24px;
font-size : 0.70em;
/*background-image: url(images/divider_v.png);
background-repeat: repeat-y;
background-attachment: scroll;
background-position: right top;*/
}

/* logo in header */
#logo
{
  background : transparent ;
  margin-bottom:10px;
  margin-top:10px; 
  margin-left:40px;   
  float: left;
  width:367px;   
  height : 115px;
}

/* quote in header */
#punchline
{
 text-align:right;
 margin-top:0px; 
 margin-right:20px; 
 color: #222;
 font-family: Tahoma,Verdana, Helvetica, sans-serif;
 font-size: 0.8em;
 font-weight:normal;
 width:555px;
float: right;
}



a {
color : #A4413D;
text-decoration : none;
border-bottom: 0px dotted #222; 
}

a:hover {
color : #222;
border-bottom: 1px dotted #222;
}

.entrybody a {
font-weight:bold;
}

/*navigation menu top*/
#top_nav { float:left;width:100%; font-family: "Century Gothic",Arial, Helvetica, sans-serif; font-weight: normal;text-decoration: none; margin-top:15px; padding:0px;margin-bottom:0px;}

#top_nav ul {padding-left:0;margin-left:0;color:#A4413D;float:left;width:100%;text-decoration: none;}
#top_nav ul li {float: left; margin: 0 0 0 10px; padding: 0; background: none; text-transform: lowercase; font-size: 1.2em; display:inline;text-decoration: none; font-weight:bold; width:131px;}
#top_nav ul li a { display: block; color: #A4413D; padding: 6px 6px;  text-decoration: none; border-right:2px solid #e5e5e5; }
#top_nav ul li a:hover { color: #A4413D; border-bottom:0px; }		 

.navlist {margin:0px; padding:0px;}

.icongallery img{padding:0px; margin:7px 7px;border:0px;}

h1 a, h2 a
{
border:0px;
}

img, img a {
border : 0;
}

h1 {
font-size : 2.2em;
font-family :  'Century Gothic', verdana;
font-weight : normal;

}

h2 {
font-size : 2.0em;
font-family : 'Century Gothic', verdana;
}


h3 {
font-size : 1.8em;
font-family :  'Century Gothic', verdana;
font-weight : normal;
}

h4 {
font-size : 1.7em;
font-family :  'Century Gothic', verdana;
}
h5 {
font-size : 1.3em;
font-family : 	 'Century Gothic', verdana;
margin-top:10px;
}
h6 {
font-size : 1em;
}

/* TABS main top menu */
#tabs {
height : 40px;
margin : 0 auto -2px auto;
overflow : hidden;
padding : 0;
width : 1000px;
}
#tabs ul {
margin : 0;
padding : 0 0 0 25px;
width : 1000px;
float : left;
}
#tabs li {
display : inline;
height : 32px;
margin : 0;
}
#tabs li a {
background : transparent url(images/bg_sidetab.png) no-repeat;
color : #fff;
font-family : Tahoma, "Trebuchet MS", sans-serif;
font-size : 12px;
font-weight : bold;
float : left;
height : 30px;
padding : 4px 4px 5px 1px;
text-align : center;
width : 80px;
}

#tabs li a:hover {
background : transparent url(images/bg_sidetab.png) no-repeat 0 -34px;
}

.entrytitle h2 {
font-size : 2.2em;
line-height : 1em;
margin : 0;
}
.entrytitle h2 a {
color : #60A5A4;
}
.entrytitle h2 a:hover {
color : #60A5A4;
border:0px;
}
.entrytitle h3 {
color : #999;
font-size : 1.4em;
line-height : 1em;
margin : 0;
}

.entry, .entrybody {
margin-bottom :1em;
padding-top : 1em;
line-height: 1.8em;
}

.entry
{padding-left:15px;
padding-right:15px;
padding-bottom:10px;
margin-bottom:2em;
/*background: #f3f4ed url(images/divider_q.gif) no-repeat left bottom; */
/*background : #e1ddc8 url(images/background_pattern11.png);*/
background : #ffffff;
border:2px solid #e5e5e5;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

.entrybody ul li, .entry ul li   
{   
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0.2em;
	padding-left: 24px; /* space between bullet and text*/
	margin-bottom: 0.5em;
	margin-top: 6px;
	background-image: url(images/girlbullet.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	list-style-type: none;
}

.entrybody ol li, .entry ol li   {
 
 margin-bottom:8px;
 padding-bottom:12px; 
}

.entry blockquote {
background : #f8d3e6;
margin : 0 30px 20px 30px;
padding : 0 0 0 10px;
border : 2px solid #fff;
border-left : 2px solid #40b5b9;
}


.entrymeta {
padding : 3px;
padding-left:10px;
background: #e1ddc8 url(images/background_pattern11.png) repeat;
color:#000000;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;

}

.pinkad {
padding:10px;
/*background-color: #F8D3E6;*/
background-color: #e5e5e5;
border:#40b5b9 solid 2px;
color:#000000;
margin:10px;
font-weight:bold;
-moz-border-radius: 15px;
-khtml-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}

.navigation {
background : #ffffff;
border:2px solid #e5e5e5;
margin-bottom: 5px;
margin-top:0px;
padding:5px 5px 5px 5px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

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


#sidebar_main {
float : right;
margin : 0 0 0 0;
padding : 0 0 20px 0;
width : 440px;
height : 100%;
font-size : 0.70em;
/*background-color:#e5e5e5;*/
}

#sidebar_left {
float : left;
margin : 0;
margin-top:0px;
padding-top :25px;
width : 210px;
}

#sidebar_right {
float : left;
margin-left : 15px;
margin-top:0px;
padding-top : 25px;
width : 210px;
}


.sidebar {
	font-size : 0.85em;
	line-height:1.6em;
}

.sidebar a {
color : #222;
border-bottom:0px dotted #222;
font-weight:bold;

}

.sidebar a:hover {
color : #448DCB;
border-bottom:1px dotted #448DCB;
}

.sidebar h2 {
color : #666;
background-color : #fafafa;
font-size : 13px;
font-family : verdana;
text-align : left;
margin : 0;
padding : 0;
}
.sidebar ul {
list-style-type : none;
margin : 0 0 10px 0;
padding : 0;
}
.sidebar ul li {
border-bottom : 1px dotted #ddd;
margin-bottom : 0.3em;
padding : 0.3em;
}
.sidebar ul li ul {
list-style-type : square;
margin-left : 1.5em;
padding : 0;
border : 0;
}
.sidebar ul li ul li {
border : 0;
}
.search fieldset {
border : 0;
margin : 0;
padding : 0;
}
.searchinput {
border : 1px solid #c3d9ff;
padding : 4px;
width : 125px;
}
.searchbutton {
border : 1px solid #c3d9ff;
margin : 0;
padding : 2px;
}
.commentsblock textarea {
width : 32em;
}
.commentsblock input, .commentsblock textarea {
border : 1px solid #d1d1d1;
font-family: verdana, "Courier New",Courier,mono;
font-size: 1em;
color:#555;
}


input.cafebutton
{
color: #ffffff;
font-weight: bold;
font-family: verdana, courier;
font-size: 1em;
background-color: #448DCB;
border: 1px solid #ffffff;
padding:3px;
}

input.cafebutton:hover
{background : #ffffff;
border: 1px solid #448DCB;
color: #448DCB;
padding:3px;
}


.commentsblock textarea:focus, .commentsblock input:focus {
background : #eee;
}
ol.commentlist {
color : #666;
list-style-type : none;
margin : 0;
margin-top : 1.5em;
padding : 0;
}
.commentlist li {
margin-bottom : 2em;
padding : 0.5em 1em;
}

.alt1, .alt2 {
padding : 0.5em;
}


h3#comments {
font-size : 1.6em;
}
.commentcount {
float : right;
font-size : 20px;
font-weight : bold;
}
.commentcount a {
color : #448DCB;
border:0px;
}
.commentcount a:hover {
color : #32393A;
border-bottom: #32393A dotted 1px;
}
.commenttext {
border-top : 1px solid #ddd;
}

.commentmeta {
font-size:0.8em;
}

.centeredImage a:hover {border: 0px;}
	
a .moretext, a:visited .moretext, .moretext, .more-link
{	background: #448DCB;
	font-weight:bold;
	padding:3px;	
	color:#ffffff;
	}	

a:hover .moretext, a:hover .moretext, a:hover .more-link  
{	background: #ffffff;
	border: #448DCB solid 1px;
	font-weight:bold;
	padding:3px;	
	color:#fff;
	}	


#footer {
clear : both;
color : #999;
margin : 0 auto 0 auto;
padding : 5px 0 10px 0;
text-align : right;
width : 1000px;
}


/**/
.bloque1, .bloquepink {
	margin-bottom: 10px;
	padding-bottom:5px;
	padding-left:8px;
	padding-right:8px;
	padding-top:3px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
	
.bloque1  {
background : #ffffff;
border:2px solid #e5e5e5;
padding:10px;	
}

.bloquepink {
	background: #F8D3E6;
	border:3px solid #ffffff; 
	}

 .bloque1 h3, .bloquepink h3 {
	font-size: 1.9em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 3px;
	font-weight: bold;	
	margin-top:5px;
	padding:0px;
	text-transform: lowercase;
	}

.bloque1 h3 {
	color: #946F5D;
	}

.bloquepink h3 {
	color: #C17084;
	}


/**/
.bloque1 ul li {
	color: #32393a;
	list-style-type: none;
	list-style-image: none;
	margin-bottom:5px;
 	padding-bottom:3px; 	
 	border-bottom : 1px dotted #6c644d;
	}	

.bloque1 ul , .bloquepink ul {
	color: #6c644d;
	padding-bottom: 0px;
	}
	
	
.centeredImage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }	


/* GRAVATARS */
#commentlist li img.gravatar {
	padding: 0px;
	margin: 3px 7px 3px 0;
	display: inline;	
	border: 1px solid #7f7157;
}
.gravatar {	float: left; }


.postavatar {
	padding: 0px;
	display: inline;		
	float: right;
	margin-bottom: 4px;	
	margin-right: 4px;	
	border: 0px SOLID #7f7157;
	
}


/* RATING STARS */
.sr-rating { /* star images */
	 border:0px;}

/* Contact form styling*/

/* 2 cols*/
#contact_left {
 float: left;
}
#contact_right {
  float:right;
 padding-right:40px;
}

.ddfmwrap input
{
 display: block;
 width: 200px;
 margin-bottom: 10px;
 
}

#fm_name, #fm_email, #fm_subject, #fm_verify, #fm_message
{
 background: transparent;
 font-family:"Courier New", Courier, mono;
 font-size: 1em;
 padding: 1px 2px 1px 1px;
 border-width: 0px 0px 1px 0px;
 border-style: solid solid dotted solid;
 border-color:#062425;
}

/* form mail css*/
/* Start of CSS for Dagon Design Form Mailer */

.ddfmwrap {
	text-align: left;
	padding:0px;
	margin:0px;
}

.postcardwrap {
	text-align: left;
	background-color: #ebe8dd;
	background : #f3f4ed url(images/envelope.jpg) no-repeat 0px;
	height:321px;
}


.ddfm {
	margin: 0 auto 0 auto;
	text-align: left;
	padding-top:100px;
	padding-left:20px;
	width: 500px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}
.ddfm form {
	text-align: left;
	width:500px;
}

.fmtext input {
 margin-bottom: 10px;
 background: #F8D3E6; 
}

#fm_message {
	margin-bottom: 10px;
	width:220px;
	border: 1px dotted #062425;
}
.fmtext .fmverify {
	padding: 0;
	margin: 0 0 10px 10px;
	vertical-align:bottom;  
	border: 1px solid #40b5b9; 
}


#contact_right  input.btn2{
  float: left;
   color:#FFFFFF;
   font-family:'trebuchet ms',helvetica,sans-serif;   
   font-weight:bold;
   background-color:#448DCB;
   border:3px solid #ffffff;
   padding:4px;
   margin-bottom:10px;
   -moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
   }


.ddfm .fmerrorbox {
	text-align: left;
}
.ddfm li {
	margin: 0 0 4px 0;
}
.ddfm .fmerrortitle {
	color: #40b5b9;
	font-size: 120%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
.alignright {
	float: right;
	}	
.alignleft {
	float: left;
            }

img { border: 1px solid black;
      margin-bottom: 3px;
      margin-right:5px;
      margin-top:5px;
      padding: 0px;}

div img.roundedimg { border: 0;}
.roundedimg img { border: 0;}      


p.credits {
 padding: 0px 0px;
 text-align: center;
 margin:10px; 
 color: #555;
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 0.7em;
 width:980px;
 background: #e1ddc8;
 border:3px solid #FFFFFF;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
-border-radius: 6px;
}

.credits a {color:#555;}

/*******************/

.commenttext1 {background:#ebe8dd; float:left;margin:0 0 10px 0;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
-border-radius: 6px;}
.commenttext2 {width:370px;padding:16px;}
.commenttext1_me {background:#dde9ee; float:left;margin:0 0 10px 0;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
-border-radius: 6px;}

.commentleft_alt1, .commentleft_alt2
{
width: 112px;
float: left;
background-color: transparent;
background-image: url(images/commentblue.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 100% 12px;
}

.commentleft_alt2 {
background-image: url(images/commentpink.png);
}

.commentformbox
{padding-left:1em;}


/*************************************/
/* page navi plugin style copied here so we don't need to load css file seperately*/
/*************************************/

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #448DCB;
	color: #448DCB;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #448DCB;
	color: #448DCB;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #448DCB;
	color: #448DCB;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #666;
	border: 1px solid #666;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #666;
	color: #666;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #666;
	color: #666;
	background-color: #FFFFFF;
}

/*************************************/
/* image caption plugin style copied here so we don't need to load css file seperately*/
/*************************************/

img.center, div.center {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important; }

img.alignright, div.alignright {
	float: right;
	margin: 0 0 2px 18px; }

img.alignleft, div.alignleft {
	float: left;
	margin: 0 18px 2px 0; }

div.img div {
	font-size: 0.9em;
	line-height: 1.6em;
	text-align: center;
	background-color: #DBD8D8;
	border-bottom: 2px solid #40b5b9;
	padding: 6px;
	margin-top: 5px; }


/***********************/
/* --------------------- common elements --------------------------- */

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #ffffff;
	padding-top: 4px;
	margin-top: 10px;
	margin-bottom: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 6px 6px 6px;
	margin: 0;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* calendar*/

/* @group Calendar CSS Icons */

.calendar {
	text-align: center;
	position: relative;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-top: 0;
	border: 1px solid #c9c9c9;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 1px;
	-webkit-border-bottom-left-radius: 1px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 1px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 1px;
	top: 3px;
	float: left;
	-webkit-box-shadow: #c6c6c6 1px 1px 3px;
}

.cal-month {
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0;
	text-shadow: #67727f 1px -1px 0;
	border-bottom: 1px solid #ececec;
	text-transform: uppercase;
	padding: 3px 10px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 1px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 1px;
	
}

.cal-date {
	color: #111;
	background-color: #e9e9e9;
	text-shadow: white -1px -1px 1px;
	-webkit-border-bottom-left-radius: 1px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 1px;
	-moz-border-radius-bottomright: 6px;
	letter-spacing: -1px;
	font: bold 18px Helvetica, "Arial Rounded MT Bold", Geneva, sans-serif;
	padding: 1px 4px 2px 0;
	text-align: center;
	border: 1px solid #fff;
	border-top-style: none;
}

/* @group Cal Month Colors */

.month-01 {
	background-color: #767c8f;
}

.month-02 {
	background-color: #345abe;
}

.month-03 {
	background-color: #37838d;
}

.month-04 {
	background-color: #55b06c;
}

.month-05 {
	background-color: #409ad5;
}

.month-06 {
	background-color: #be63c5;
}

.month-07 {
	background-color: #f79445;
}

.month-08 {
	background-color: #4e1e00;
}

.month-09 {
	background-color: #a04262;
}

.month-10 {
	background-color: #284461;
}

.month-11 {
	background-color: #4d1d77;
}

.month-12 {
	background-color: #af1919;
}

/* @end */