/* @override http://boswellsfurniture.com/wp-content/themes/sandbox/style.css */

/*
THEME NAME: Boswell's
THEME URI: http://www.boswellsfurniture.com/
DESCRIPTION: A light theme designed just for Boswell's Furniture from Sandbox
TAGS: blue, ornaments, clean, tan
VERSION: 1.5.2
AUTHOR: Apt Design
AUTHOR URI: www.aptdesignonline.com
*/

/*------------- LAYOUT --------------*/

body {
	background: #7da0ac url(images/background.jpg);
	color: #6a543f;
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
}

.flashmovie {
	float: left;
	margin-right: 25px;
	margin-bottom: 50px;
}


img.alignleft {
	float: left;
	margin-right: 25px;
}

div#wrapper{
	width: 900px;
	margin: auto;
	background-color: #fff;
	border-left: 1px solid #f8efe6;
	border-right: 1px solid #f8efe6;

}


div#header{
	height: 300px;
	background: url(images/header.jpg) no-repeat;
	width: 900px;
}


/*------------- MENU --------------*/

div#menu {
	height: 52px;
    text-transform: uppercase;
	letter-spacing: .15em;
	text-align: center;
	font-size: 1em;
	background: url(images/menuback.jpg) no-repeat;
}

div#menu ul a{
     text-decoration:none;
}

div#menu ul{
     list-style:none;
	 margin: auto;
	 padding-top: 12px;
}

li#pages-3.widget.widget_pages {
	list-style-type: none;
}

div#menu ul li{
	display: inline;
	padding: 0px;
}

div#menu ul li a{
     padding: 20px 20px;
}

div#menu ul li a:link, div#menu ul li a:hover, div#menu ul li a:visited{
}

.current_page_item a, .current_page_item a:link, .current_page_item a:visited {
	text-decoration: none;
	color: #8dabb5;
}



/*------------- POST --------------*/

div#content {
	padding: 25px 50px 50px 25px;
}

p {
	font-size: 20px;
	line-height: 1.5em;
}

p a:link, p a:visited, ul li a:link, ul li a:visited {
	color: #6a543b;
	text-decoration: none;
	font-weight: 700;
}

p a:hover, ul li a:hover {
	text-decoration: underline;
}

h1 {
	
	text-transform: uppercase;
	color: #8DABB5;
	font-size: 30px;
}

h2 {
	margin: 0px;
	padding: 0px;
}

ul {
	list-style: none;
	padding: 0px 50px 0px 50px;

}

ul li {
	padding-left: 35px;
}


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

div#vendors {
	clear: both;
	background: #f8efe6 url(images/vendor_topper.jpg) no-repeat;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
}

#vendors img {
	padding: 0 12px;
}

#vendors p {
	text-align: center;
	font-variant: small-caps;
	color: #6a543f;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: 18px;
}

ul.v3 {
	width: 30%;
	float: left;
	padding: 0px 0px 15px;
	margin: 15px 0px 0px 3%;
}



div#footer{
    text-align:center;
	background: #ac9d8e url(images/footer_topper.jpg) no-repeat 0 top;
	font-size: .9em;
	color: #fff;
	padding-top: 25px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f8efe6;
	clear: both;
	line-height: 200%;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
}

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

#footer a:hover {
	color: #6a543f;
	text-decoration: underline;
}


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

.CollapsiblePanelTab {
	padding: 2px;
	cursor: pointer;
	font-variant: small-caps;
	font-weight: bold;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-color: #f8efe6;
	height: 15em;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #f8efe6;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
}

h3.widgettitle {
	display: none;
}

#post-4 div.entry-content h1, #post-4 div.entry-content p {
	width: 350px;
	padding-left: 500px;
}

#post-4 div.entry-content h1 {
	margin-top: 0px;
	padding-top: 25px;
}

#post-4 h6 {
	float: left;
}


div.entry-content h6 a img.stresslessbanner {
	padding-left: 60px;
	padding-top: 30px;
}