/*
Theme Name: Background Diva
Theme URI: http://www.backgrounddiva.com/
Author: Laura Strickland

*/

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

   html, body { 
background-color : #ffffff; 
margin : 0; 
padding : 0; 
color : #806958; 
font-family : Trebuchet MS, Arial, Sans Serif; 
font-size : 12px; 
text-align : center; 
min-height : 100%; 
} 
a:link, a:visited { 
text-decoration : none; 
color : #806958; 
} 
a:hover { 
color : #f36d86; 
} 

.info, .info a:link, .info a:active, .info a:visited{
width:250px;
float:right;
color:#ffffff;
display: block; 

}

img {
	border: 0;
}
#breadcrumbs{font-size:12px; 
color:#f36d86;
float:left;
margin-top:5px;
background: #ffffff;
border-bottom: 1px dotted #806958;
border-top: 1px dotted #806958;
display: block;
width:100%;
}
#breadcrumbs p{
font-size:12px; 
float:left;
border: 0px;
}

p { text-align:left; 
font-size:12px;
}
{ text-align:left; 
font-size:12px;color:#806958;
background-color:#ffffff;
}
.navigation  {float:left; padding:5 0 5 0; margin-top:30px; margin-bottom:30px;
}
.like{float:left; margin-top:10px;
}
p.postmetadata {color:#f36d86;margin:0px; 
margin-bottom:10px;
}

/*------------------------------------------------*/
/*-----------------[Header STYLES]-----------------*/
/*------------------------------------------------*/
#topInfo{100%; background-color:f36d86; color:#FFFFFF;}
#header { 
width : 100%; 
height : 120px; 
background-color: #8e7c68; 
} 
#lefthead-div { 
float : left; 
width : 250px; 
height : 120px; 
margin-top : 10px; 
margin-left:5px;
} 
#righthead-div { 
float : right; 
height : 90px; 
margin-top : 10px; 
width : 728px; 
margin-right:5px;
} 
.topMenu{
color:#806958;
line-height:30px; 
font-size:14px;
float:left;}
.topMenu a:link, topMenu a:visited{
color:#806958;}
.topMenu a:hover{color: #c6f2fe;
}
#social{
background-color:#C5F5FF;
width:100%; height:30px;
float:right;
margin:0px;
padding:0;}
#searchbox
{float:right;width:300px;padding-top:2px;margin:0px;
}
#connect{float:left; margin-right:10px;width:200px;
}
#headline{float:left; width:450px;
}


/*------------------------------------------------*/
/*-----------------[HEADING STYLES]-----------------*/
/*------------------------------------------------*/

h1 { 
margin : 0 0 0 0; 
font-size : 12px; 
font-family : Arial, Trebuchet MS, Sans Serif; 
color : #ffffff; 
padding:0px;
} 
h1 a:link, h1 a:visited { 
display : block; 
color : #ffffff; 
text-decoration : none; 
padding : 0; 
} 
h1 a:hover { 
color : #806958; 
} 
h2 { 
margin : 0 0 0 0; 
font-size : 22px; 
font-family : Arial, Trebuchet MS, Sans Serif; 
color : #f36d86; 
float:left;
padding:3px;
} 
.catTitle h2{color:#806958; 
font-size:25px;
letter-spacing:2px;
border-bottom:1px solid #eeeeee; width:100%;
text-align:left;
}
h3 {
	color: #ffffff;
	margin: 10px 0px 5px;
	float:left;
	margin-left:5px;
}
h4 {
	color: #806958;
	margin: 10px 0px 5px;
	float:left;
	margin-left:5px;
}
h5 {
	color: #806958;
	width:715px;
	float:left;
         font-size:18px;
         margin:0;
         text-align:left;
	border-top: 1px dotted #806958;
         background: #ffffff; 
}
h6 {
	color: #806958;
	width:250px;
	float:left;
         font-size:18px;
         font-weight:bold;
         margin:0;
         margin-bottom:15px;
         text-align:center;
	border-bottom: 1px dotted #806958;

}
/*------------------------------------------------*/
/*-----------------[Container/Wrapper STYLES]-----------------*/
/*------------------------------------------------*/

#container { 
margin : 0 auto !important ; 
width : 1000px; 
background-color : transparent; 
padding : 0 0 0 0; 
min-height : 100%; 
text-align: center;
position:relative;
} 
#contentWrapper { 
width : 1000px; 
background-color : #ffffff; 
text-align : center; 
margin : 0 auto !important ; 
padding-top:0px;
float:left;
margin-right:10px;
} 
#content { 
float :right; 
width : 735px; 
background-color : #ffffff; 
margin : 0 auto !important ; 
height:100%;
margin-left:2px;
position:relative;
margin-top:20px;
} 
.catTitle h1{color:#806958; 
font-size:25px;
letter-spacing:2px;
border-bottom:1px solid #eeeeee; width:100%;
text-align:left;
list-style-type:none;
}
/*------------------------------------------------*/
/*-----------------[Main Info]-----------------*/
/*------------------------------------------------*/
#main-info{width:735px; margin:0;
float:left;
margin-top:10px;
margin-bottom:10px;
}
#welcome{width:250px;
float:left;
background: #ffffff; 
border:1px solid #dddddd;
}
.welcome-info{padding:3px;}
#slider{width:380px;
float:right;
background: #ffffff; 
}
.latest-info{
margin-top:20px;
background-color:#eeeeee;
width:318px;
text-align:center;}
}
/*------------------------------------------------*/
/*-----------------[Latest and featured]-----------------*/
/*------------------------------------------------*/
#latest{width:650px; margin:0;
float:right;
margin-top:30px;
display:inline;
}
#latest-post{width:636px;}
#featured-post{width:318px;}

/*------------------------------------------------*/
/*-----------------[POST STYLES]-----------------*/
/*------------------------------------------------*/
.post-categories{
list-style:none  ;
}
.post-title{ 
margin : 0 0 0 0; 
float:left;
margin-left:10px;
padding:3px;
}
.post-title a:link, h1 a:visited { 
display : block; 
color : #f36d86; 
text-decoration : none; 
padding : 0; 
} 
.post-title a:hover { 
color : #806958; 
} 
.post {
	clear:both;
	padding-top: 10px;
}
.entry{clear: both; display:inline;
	margin-top: 10px;}

.single-entry{
             float:left;
	margin-top: 10px;
width:630px;
       
}
.thumb{
border:1px solid #eeeeee; 
margin:5px; float:left; margin-left:2px;
width: 200px; height: 150px;
overflow: hidden;
display:inline;
display:block;
}

#single-rec { 
float : left; 
width : 730px; 
position:relative;
margin-top:10px;
margin-bottom:5px;
padding:2px;

background: #ffffff; 
}
/*------------------------------------------------*/
/*-----------------[Page STYLES]-----------------*/
/*------------------------------------------------*/
.page-entry{
clear: both; 
display:inline;
margin-top: 10px; width:735px;
text-align:center;
float:left;
background: #ffffff; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F0ED', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#F5F0ED), to(#D7CCC1)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #F5F0ED,  #ffffff); /* for firefox 3.6+ */
border:1px solid #dddddd;
}
#page-info{width:735px; margin:0;
float:left;
margin-top:10px;
margin-bottom:10px;
margin-left:5px;
}

/*------------------------------------------------*/
/*-----------------[Tag Cloud]-----------------*/
/*------------------------------------------------*/
#tag-desc{
width:730px;
background: #ffffff; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F0ED', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#F5F0ED), to(#D7CCC1)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #F5F0ED,  #ffffff); /* for firefox 3.6+ */
border:1px solid #dddddd;
margin:0;
float:left;
margin-top:10px;
margin:0px;
}

/*------------------------------------------------*/
/*-----------------[Category Description]-----------------*/
/*------------------------------------------------*/
#side{
width:210px; 
float:left;
background-color:#ffffff;
border:1px solid #dddddd;
margin-top:10px;
position:relative;
margin:0;
padding:2px;
}
#side2{
width:210px; 
float:left;
background-color:transparent;
padding:2px;
margin-top:10px;
position:relative;
margin:0;
margin-left:3px;
}

#desc{
width:205px;
background: #ffffff; 
border:1px solid #dddddd;
padding:2px;
margin-bottom:5px;
margin-left:0px;
margin-top:10px;
}
.style{font-size:9px;
}

/*------------------------------------------------*/
/*-----------------[Sidebar STYLES]-----------------*/
/*------------------------------------------------*/

#primary { 
float : left; 
width : 210px; 
height : 100%; 
margin-top:5px;
margin:0;

}
#rec { 
background-color : #ffffff; 
float : left; 
width : 210px; 
margin-top:10px;
margin-bottom:5px;
margin-right:4px;
}
#secondary { 
background-color : #ffffff; 
float : left; 
width : 210px; 
height : 100%; 
border-left : 1px solid #eeeeee; 
margin-right:5px;
margin-top:0px;
position:relative;
} 

.widget-area{
width:210px;
font-size:12px;
letter-spacing:3px;
line-height:20px;
text-align:left;
padding:3px;
margin-bottom:5px;
float:left;
}
.sidebar-title, sidebar-title a:link, sidebar-title a:visited{
background: #F4728D; 
border:1px solid #F4728D;
width:200px;
color:#ffffff;
font-size:22px;
letter-spacing:3px;
float:left;
text-align:center;
line-height:30px;
margin-bottom:5px;
}
.widget-title{
background: #F4728D; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8A6B7', endColorstr='#F4728D'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#F8A6B7), to(#F4728D)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #F8A6B7,  #F4728D); /* for firefox 3.6+ */
border:1px solid #F4728D;
width:210px;
margin-top:5px;
color:#ffffff;
font-size:22px;
letter-spacing:3px;
float:left;
text-align:center;
line-height:30px;
margin:0;

}
.widget-container{
width : 210px; 
padding:0px;
margin-bottom : 0; 
margin-top : 0; margin: 0; 
background:#ffffff; 
float:left;

}

.ul-cat{
list-style-type: none;  
width : 205px; 
padding : 1px; 
margin-top:0px;
margin: 0; 
background:#ffffff; 
float:left;
border:1px solid #dddddd;
position:relative;
font-size:12px;
letter-spacing:3px;
line-height:20px;
text-align:left;
}

.ul-cat li, .ul-cat li a, .ul-cat li a:visited{
list-style-type: none; 

}
.ul-cat li a:hover{
	color: #f36d86;
	text-decoration: none;
}

#side-social{width:210px;
display:inline;
list-style-type: none; 
float:left;
margin:0;
}
.ul-side-social {
list-style-type: none;  
width : 210px; 
padding : 1px; 
margin-bottom : 0; 
margin-top : 13px; 
float:left;
border:1px solid #dddddd;
position:relative;
margin:0;
padding:2px;
letter-spacing:5px;
background: #ffffff; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F0ED', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#F5F0ED), to(#D7CCC1)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #F5F0ED,  #ffffff); /* for firefox 3.6+ */
}
.ul-side-social li, .ul-side-social li a, .ul-side-social li a:visited{
list-style-type: none;
display:inline;
}
.ul-side-social li a:hover{
	color: #f36d86;
	text-decoration: none;
}
/*------------------------------------------------*/
/*-----------------[TOP-Ads]-----------------*/
/*------------------------------------------------*/
#top-ads{width:735px;
float:left;
margin-top:5px;
margin-bottom:5px;
height:90px;
}
#top-ad1{
width:735px;
float:left;
margin-top:5px;
margin-bottom:5px;
height:290px;
}
#top-ad2{
width:250px; 
float:right;
height:280px;
padding:2px;
background: #ffffff; 
border:1px solid #E2DAD4;

}
/*------------------------------------------------*/
/*-----------------[Footer STYLES]-----------------*/
/*------------------------------------------------*/
 #footer { 
background: #94DEF1; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94DEF1', endColorstr='#C5F5FF'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#94DEF1), to(#C5F5FF)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #C5F5FF,  #94DEF1); /* for firefox 3.6+ */
color : #806958; 
font-size : 12px; 
text-align : center; 
clear : both; 
padding : 20px; 
height:220px;
margin-top:50px;
} 
#footer-left{ 
width:250px; float:left;
height:200px;
padding:2px;
background: #ffffff; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F0ED', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#F5F0ED), to(#D7CCC1)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #F5F0ED,  #ffffff); /* for firefox 3.6+ */
border:1px solid #E2DAD4;
}
#footer-middle{ width:250px;
width:250px;float:left;
margin-left:105px;
background: #ffffff; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F0ED', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#F5F0ED), to(#D7CCC1)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #F5F0ED,  #ffffff); /* for firefox 3.6+ */
border:1px solid #E2DAD4;
height:200px;
font-size:14px;
}
#footer-right{ 
width:250px;float:right;
background: #ffffff; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F0ED', endColorstr='#ffffff'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#F5F0ED), to(#D7CCC1)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #F5F0ED,  #ffffff); /* for firefox 3.6+ */
border:1px solid #E2DAD4;
height:200px;
font-size:14px;
}
#footer ul li { 
list-style : none; 
text-align:left;
} 
#footer ul li a { 
color : #806958; 
text-decoration : none; 
padding : 0; 

} 
#footer ul li a:hover { 
color : #f57d97; 
} 
.ul-footer-social {
list-style-type: none;  
width : 250px; 
padding : 1px; 
margin-bottom : 0; 
margin-top : 8px; 
float:left;
position:relative;
margin-left:3px;
padding:2px;
letter-spacing:20px;
}
.ul-footer-social li, .ul-footer-social li a, .ul-footer-social li a:visited{
list-style-type: none;
float:left;
display:block;
}

.ul-footer-social li a:hover{
	color: #f36d86;
	text-decoration: none;
}
