/*  
Theme Name: The French Bouquet Blog Theme
Theme URI: http://www.thefrenchbouquettulsa.com/blog
Description: This is the custom theme for The French Bouquet Blog.
Version: 1.11
Author: C. Sturm
Author URI: http://www.thefrenchbouquettulsa.com/blog
*/	

/*---------GENERAL---------*/

#wrapper{
    margin: 0 auto 0 auto;
    width: 900px;
    text-align: left;
    border-left: solid 10px #aaa;
    border-right: solid 25px #aaa;
    background: #fff;
    overflow: hidden;
}

body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
    margin: 0;
    padding: 0;
}

body{
    margin: 0px;
    font-family:Verdana, Geneva, sans-serif;
    text-align: center;
    vertical-align: top;
    color: black;
    background: #222 url('images/shadow.png') top center repeat-y;
}
   
a{
color: #666;
text-decoration: none;
}
     
img{
    border: none;/*prevent borders for image links in FF*/
}
    
/*------------------------*/


/*---------HEADER---------*/

#header{
    width: 900px;
    height: 236px;
    border-bottom: solid 1px #aaa;
}

#header.Version1{
    background:#eee url('images/header/TheFrenchBouquet1.jpg') no-repeat top   right;
}

#header.Version2{
    background:#eee url('images/header/TheFrenchBouquet2.jpg') no-repeat top right;
}  

#header.Version3{
    background:#eee url('images/header/TheFrenchBouquet3.jpg') no-repeat top right;
}

#header.Version4{
    background:#eee url('images/header/TheFrenchBouquet4.jpg') no-repeat top right;
}

#header.Version5{
    background:#eee url('images/header/TheFrenchBouquet5.jpg') no-repeat top right;
}

#headerlogo{
    width:245px;
    height:235px;
    float: left;
}

#HeaderTitle{
    float: right;
    padding: 0 0 0 0;
    margin: 0px 0px 0 0;
    width:215px;
    height:236px;
    text-align: right;
    background: #FBF9D1;
    opacity:0.45;  /* CSS3 standard*/
    filter:alpha(opacity=45);/* for IE*/ 
}

#HeaderTitle a{
    color: #a20b40;
    font-size: 56px;
    line-height: 38px;
    letter-spacing: -4px;
}

#SubTitleWrap{
    color: #000;
    font-size: 30px;
}

/*------------------------*/


/*---------MAIN CONTENT---------*/

#container{
    float: left;
    width: 655px;
}

/*----Index----*/

/*wraps thumb and pic*/
.postpreview{
    margin: 0 0 0 0;
    height: 235px;
    width: 655px;
    border-bottom: solid 1px #aaa;
}

.postthumb{
    float: left;
    font-size: 8px;
    width: 245px;
    position: absolute;
}

.postthumb:hover{
    opacity:0;  /* CSS3 standard*/
    filter:alpha(opacity=0);/* for IE*/
}

/*wraps full post and pic*/
.post{
    margin: 0 0 0px 0;
    width: 655px;
    border-bottom: solid 1px #aaa;
}

/*wraps all excerpt text (Title, date, text, meta...)*/
.entry{
float: right;
height: 235px;
width: 410px;
}

 /*wraps cat, date, and title*/
.posthead{
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 10px;
    letter-spacing: 0.3em;
    line-height:22px;
    text-align: right;
    padding: 20px 0px 0 30px;
    height: 60px;
    margin-left: auto ;
    margin-right: auto ;
    color: #f93;
}

.posttitle a{
    font-size: 18px;
    color: black;
    letter-spacing: normal;
    white-space: nowrap;
}

.postpreviewtext{
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 12px;
    line-height: 180%;
    padding: 10px 0px 10px 30px;
    height: 135px;
    text-align: left;
    overflow: hidden;
    color: #222;
}

.navigation{
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    width: 100%;
    padding: 10px 0 10px 0;
    font-size: 12px;
    letter-spacing: 0.3em;
    text-align: right;
    color: #f93;
}

/*----single.php----*/

.posttext{
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 12px;
    line-height: 180%;
    padding: 10px 0px 10px 30px;
    text-align: left;
    overflow: hidden;
    color: #222;
}

.posttext p{
    margin-bottom: 25px;
}

.VendorBox{
    font-size: 10px;
    color: #f93;
    margin:0 0 5px 0;
    padding: 0 15px 0 0;
    width: auto;
    float: left;
}

.VendorBox em{
    color: #000;
}

.postmetadata{
    clear: both;
    font-size: 10px;
    color: #f93;
    padding: 10px 0 10px 0;
    border-top: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
}

p{
    padding: 10px 0 0 0;
}

/*----tags.php----*/

.mosaicpreview{
    height: 235px;
    width: 655px;
    border-bottom: solid 1px #aaa;
    position:relative;
}

.mosaictitle{
    width: 480px;
    position:absolute;
    top:0px;
    padding: 5px;
    border-bottom: solid 1px #aaa;
    background:#fff;
    opacity:0.45;  /* CSS3 standard*/
    filter:alpha(opacity=45);  /* for IE*/
    text-align:right;
    font-size: 18px;
    display:block;
}

.mosaictitle a{
    display:block;
    color:#666;
}

.mosaicinfo{
    width:470px;
    position:absolute;
    bottom: 0px;
    border-top:solid 1px #aaa;
    padding: 5px 10px 15px 10px;
    background: #fff;
    font-size: 12px;
    opacity:0;  /* CSS3 standard*/
    filter:alpha(opacity=0);  /* for IE*/

}

.mosaicinfo:hover{
    opacity:0.75;  /* CSS3 standard*/
    filter:alpha(opacity=75);  /* for IE*/
}
    
.mosaictiles{
    position:absolute;
}

.tagbox{
    position:absolute;
    margin:25px 0 30px 25px;
    top:0px;
    left:490px;
    width:135px;
    font-size:9px;
    line-height:150%;
    color:#f93;
}

.tagbox a:hover{
    font-size:14px;
}

/*------------------------*/


/*---------SIDEBAR---------*/

.sidebar{
    float: right;
    width: 215px;
    border-left: solid 1px #aaa;
    margin: 0;
    display: inline;
    font-size: 11px;
    line-height: 150%;
}

.sidebar h2{
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 10px;
    letter-spacing: 0.3em;
    line-height:22px;
    font-weight: lighter;
    text-align: Center;
    color: #f93;
}

.sidebar ul{
    list-style-type: none;
    text-align: Center;
    margin: 0 ;
    padding: 15px 15px 10px 15px;
}

.sidebar ul li{
    padding: 10px 0 10px 0;
    border-bottom: dotted 1px #aaa;
}

/*section captions*/
.sidebar ul li h2{
    font-size: 12px;
}

/*List, like pages links*/
.sidebar ul ul li{
    padding: 0;
    line-height: 24px
}

/*------------------------*/


/*---------FOOTER---------*/

#footer{
    clear: both;
    float: left;
    width: 900px;
    padding: 10px 0 20px 0;
    text-align: center;
    border-top: solid 1px #aaa;
    border-bottom: solid 10px #aaa;
}

#footer p{
    line-height: 18px;
    font-size: 11px;
    color: #666;
}

/*------------------------*/


/*---------Comments---------*/

.comments-template{
	padding: 10px 0 10px 0;
    font-size: 12px;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.commentscontact{
    padding: 10px 0 20px 0;
}

.commentinputs{
    border: 1px dotted #aaa;
}
.commentscontactleft{
    float: left;
}
.commentscontactright{
    float: right;
}

#comment{
	width: 620px;
	height: 80px;
	border: 1px dotted #aaa;
    resize:none;
}

.comments-template ol li{
	margin: 10px 0px 0;
	padding: 0 0 5px;
	border-bottom: 1px dotted #aaa;
}

.comments-template h2, .comments-template h3{
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 12px;
    letter-spacing: 0.3em;
    line-height:22px;
    color: #f93;
    font-weight: normal;
}

.comments-template p{
    font-style: italic;
    font-size: 11px;
    padding-left: 25px;  
}

.inputfield{
    padding: 20px 0 20px 0;
}

.commentmetadata{
	font-size: 10px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-size: 12px;
}