/*
Theme Name: DulcetStyle
Theme URI: http://dulcetstyle.com/blog
Description: Theme For Dulcet Style's Blog.
Version: 1.0
Author: Sam Schrup - Small Dot Studios
Author URI: http://smalldotstudios.com/
Tags: custom header, fixed width, two columns, widgets

	This theme was designed and built by Sam Schrup,
	president of Small Dot Studios - http://smalldotstudios.com/
*/

html
{
	background: #D3BE77 url(/templates/dulcet-interior/images/html-bg.jpg) repeat;
}

body
{
	margin: 0;
    font-family:Arial, Helvetica, sans-serif;
	background: transparent url(/templates/dulcet-interior/images/body-bg.jpg) top left repeat-x;
}

p, li, td, th
{
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1, h2, h3, h4, h5, h6
{
	font-family: Arial, Helvetica, sans-serif;
}

#nav-main ul, #nav-bread ul, #nav-footer ul, #nav-top ul, #nav-side ul
{
	list-style: none;
	padding: 10px;
	margin: 0;
}

#nav-side ul ul
{
	padding: 0 0 0 10px;
}

#nav-bread li, #footer li, #nav-top li
{
	display: inline;
	margin-right: 10px;
}

#footer li
{
	margin-right: 0;
}


/************* Nav Top **************/
/************************************/
#logo
{
	margin-top: 10px;
}

#nav-top
{
	height: 62px;
}

#nav-top ul
{
	margin: 0;
	padding: 0;
}

#nav-top li
{
	font-size: 1.6em;
	background: #769BC7;
	margin: 0;
}

#nav-top li a
{
	height: 62px;
	background: url(/templates/dulcet-interior/images/nav-top-bg.jpg) top right no-repeat;
	display: block;
	width: 125px;
	color: #FFF;
	text-indent:-9009px;
}

#nav-top li a:hover
{
	background-position: 0 -62px;
	width: 125px;
}
/************* Nav Main *************/
/************************************/

#nav-main
{
	margin-top: 25px;
	height : 51px;
	background: #CD4537;
}

#nav-main ul, #nav-main li
{
	margin: 0;
	padding: 0;
}

#nav-main li
{
	float: left;
	display: block;
	list-style-type: none;
}

#nav-main li a
{
	background: url(/templates/dulcet-interior/images/nav-main-bg.jpg) no-repeat;	
	display: block;
	height: 51px;
	text-indent:-9009px;
}

#nav-main li#nav-1 a
{
	background-position: 0px 0px;
	width: 86px;
}

#nav-main li#nav-1 a:hover, #nav-main li#nav-1.menu-current a, #nav-main li#nav-1.menu-parent a
{
	background-position: 0px -51px;
	width: 86px;
}

#nav-main li#nav-2 a
{
	background-position: -86px 0px;
	width: 139px;
}

#nav-main li#nav-2 a:hover, #nav-main li#nav-2.menu-current a, #nav-main li#nav-2.menu-parent a
{
	background-position: -86px -51px;
	width: 139px;
}

#nav-main li#nav-3 a
{
	background-position: -225px 0px;
	width: 148px;
}

#nav-main li#nav-3 a:hover, #nav-main li#nav-3.menu-current a, #nav-main li#nav-3.menu-parent a
{
	background-position: -225px -51px;
	width: 148px;
}

#nav-main li#nav-4 a
{
	background-position: -373px 0px;
	width: 137px;
}

#nav-main li#nav-4 a:hover, #nav-main li#nav-4.menu-current a, #nav-main li#nav-4.menu-parent a
{
	background-position: -373px -51px;
	width: 137px;
}

#nav-main li a
{
	color: #FFF;
	text-decoration: none;
}

#nav-main li
{
	font-size: 1.9em;
	font-weight: bold;
	text-transform: lowercase;
}

/************* Content Syling **************/
/*******************************************/


#content-container-top
{
	background: transparent url(/templates/dulcet-interior/images/content-container-top-bg.png) bottom left no-repeat;
	height: 12px;
}

#content-container-bottom
{
	background: transparent url(/templates/dulcet-interior/images/content-container-bottom-bg.png) top left no-repeat;
	height: 25px;
}

#content-container
{
	background: transparent url(/templates/dulcet-interior/images/content-container-middle-bg.png) top left repeat-y;
	padding-top: 15px;
	padding-bottom: 15px;
}

#content
{
	padding-bottom: 30px;	
}

.post
{
	padding-bottom: 20px;	
	margin-bottom: 30px;
	border-bottom: 1px dashed #D7C07A;
	float: left;
	display: inline;
}

.single-post .post
{
	padding-bottom: 15px;	
}

form#commentform textarea#comment
{
	width: 623px;	
}

li.comment p
{
	font-size: 1.0em;	
}

li.comment
{
	margin-bottom: 20px;
}

.wp-pagenavi .extend
{
	display: none;	
}

.wp-pagenavi

/************** SideBar Syling **************/
/*******************************************/

#cta-container
{
	margin-bottom: 20px;	
}
.cta-container-top
{
	height: 12px;
	background: #6A90BF url(/templates/dulcet-interior/images/nav-side-top-bg.jpg) top left repeat-y;
	margin-bottom: 5px;
}

.cta-container-bottom
{
	height: 12px;
	background: #6A90BF url(/templates/dulcet-interior/images/nav-side-bottom-bg.jpg) top left repeat-y;
	margin-top: 5px;
}

#cta-container
{
 	background: #6A90BF url(/templates/dulcet-interior/images/nav-side-bg.jpg) top left repeat-y;
}

#cta-container .cta-box
{
	width: 227px;
	margin: 0 17px 10px 17px;
	background: #2A487A url(/templates/dulcet-interior/images/nav-side-box-bg.jpg) top left repeat;
	padding: 15px;
	float: left;
	display: inline;
}

#cta-container .cta-box h3
{
	font-size: 1.8em;
	line-height: 1.2;
	margin-bottom: 8px;
}

#cta-container .cta-box h4
{
	font-size: 1.7em;
	line-height: 1.2;
	margin-bottom: 5px;
	font-weight: normal
}

#cta-container .cta-box h5
{
	font-size: 1.0em;
	color: #fff;
	font-weight: normal;
}

#cta-container .cta-box p, #cta-container .cta-box li
{
	margin-bottom: 5px;
	font-size: 1.3em;
}

#cta-container .cta-box ul
{
	margin: 5px 0 5px 15px;
}

#cta-container #cta-4
{
	margin-bottom: 0;	
}

#cta-container .cta-box h2, #cta-container .cta-box h3, #cta-container .cta-box h4, #cta-container .cta-box p, #cta-container .cta-box li, #cta-container .cta-box a
{
	color: #FFF;
}

img.cta-image
{
	margin-top: -21px;
	margin-right: -17px;
}


.screen-reader-text
{
	display: none;	
}

form#searchform input#searchsubmit
{
	border: 1px solid #0E274D;
	padding: 3px 5px 4px 5px;
	color: #FFF;
	background: #6699D8;
	float: left;
	margin-left: 5px;
	width: 60px;
}

form#searchform input#s
{
	border: 1px solid #0E274D;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	float:left;
	width: 152px;
}

form#searchform input#s:focus
{
	border:1px solid #0E274D;
	background:#efefef;
	color:#000;
}

#cta-container
{
	margin-bottom: 20px;	
}

#cta-container h3 a
{
	text-decoration: none;
}

#cta-container h3 a:hover
{
	text-decoration: underline;
}


/************** Footer Syling **************/
/*******************************************/


#footer
{
	border: #C5B16C 5px solid;
	background: #D5C17C;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 20px;
}

#footer ul
{
	margin: 5px 0 5px 0;	
}

#footer p, #footer li
{
	font-size: 1.4em;
}

#footer p
{
	margin-bottom: 0;
}

#footer p, #footer li, #footer a
{
	color: #664234;
}

#footer li.separator
{
	margin-left: 3px;
	margin-right: 3px;
}
 
#footer li.menu-last + li.separator
{
	display: none;	
}

img.footer-image
{
	margin-top: -28px;
	margin-left: -12px;
}

#footer ul#social-media
{
	margin-top: 0;	
}

#social-media li
{
	float: left;
	display: block;
	list-style-type: none;
}

#social-media li a
{
	display: block;
	height: 27px;
	margin-left: 10px;
	text-indent: -9009px;
}

#social-media li a
{
	background:url(/templates/dulcet-interior/images/footer-icon-social-media.jpg) top left no-repeat;	
}

#social-media li.facebook a
{
	width: 90px;
}

#social-media li.facebook a:hover
{
	background-position: 0 -30px;
}

#social-media li.twitter a
{
	width: 80px;
	background-position: -92px 0;
}

#social-media li.twitter a:hover
{
	background-position: -92px -30px;
}

#social-media li.youtube a
{
	width: 85px;
	background-position: -175px 0;
}

#social-media li.youtube a:hover
{
	background-position: -175px -30px;
}


/************* Typography *************/

h1{ font-size: 3.0em; padding-bottom: 12px; }
p, li, h2, h3, h4 { color: #664234; }
h2{ font-size: 2.0em; font-weight:bold; }
h3{ font-size: 1.7em; font-weight:bold; margin-bottom: 0;}
h4,h5,h6{ font-size: 1.5em; font-weight:bold; margin-bottom: 0;}
p, li{ font-size: 1.5em; }
li { margin-bottom: 5px; }

a{ color: #664234;}
a:hover{ text-decoration:none; color: #664234;}

#content h2
{
	background: #AB9146 url(/templates/dulcet-interior/images/intro-content-container-bg.jpg) top left repeat;
	border: 5px #D7C07A solid;	
	color: #FFF;
	margin-bottom: 15px;
	padding: 15px 10px;
	line-height: 1;
}

#content h2 span
{
	font-size: .8em;
	padding-top: 2px;
}

#content h2 a
{
	color: #FFF;
	text-decoration: none;
}

#content h2 a:hover
{
	color: #FFF;
	text-decoration: underline;
}

h3.post-title
{
	font-size: 2.3em;
	padding-bottom: 5px
}

h3.post-title span
{
	font-size: .696em;
	padding-top: 9px;
}

.author-box
{
	margin-bottom: 15px;
	margin-left: 20px;
}

.author-box p
{
	margin: 0;	
	font-size: 1.2em; 
}

.author-box img
{
	padding: 4px; border: 1px solid #ddd;	
}

.single-post p.postmetadata, .single-post #respond, .single-post .navigation
{
	padding-top: 25px;
	margin-top: 25px;
	border-top: 1px dashed #D7C07A;
}

p.postmetadata
{
	font-size: 1.2em;	
}

.navigation
{
	font-size: 1.4em;	
}