/*
Theme Name: Words By Melissa
Theme URI: http://panasall.com/
Description: Theme for Words By Melissa
Version: 1.6
Author: Quinton McCamon
Author URI: http://quinton.mccamon.ca/

*/
* {
	margin:0;
	padding:0;
	outline:0;
}
body {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/bg.png) repeat-x;
}
h2 {
	margin-bottom:10px;
}
p {
	line-height:21px;
	margin:0 0 10px 0;
}
ul {
	margin:0 0 15px 25px;
	list-style-image:url(images/bullet.png);
}
li {
	line-height:18px;
	margin:0 0 10px 0;
}
ul.two-col li {
	width:50%;
	float:left;
}
a {
	color:#719896;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
.hr {
border-top:0px dotted #ddd;
margin:10px;
}
.divideline {
border-top:0px dotted #fff;
margin:15px 0;
}
.tstmnlspage div div, .tstmnlspage p {
margin-bottom:10px;
}
.hr2 {
border-top:0px dotted #ddd;
margin:20px;
}
p img {
border:0;
}
#header, #container #main, #quotes, #footer #text, #sub-container #main {
	width:940px;
	margin:0 auto;
}
#header h1 {
	width:396px;
	height:150px;
	background:url(images/logo.png);
	float:left;
	margin:10px 0 -22px 0;
}
#header h1 a {
	display:block;
	width:360px;
	height:150px;
	text-indent:-100000px;
	font-size:0px;
}
#header address {
	float:right;
	font-size:16px;
	color:#719896;
	font-weight:bold;
	font-style:normal;
	text-align:right;
	margin:65px 0 0 0;
}
#header address span {
	font-size:14px;
	letter-spacing:0.1px;
	color:#b7b7b7;
	display:block;
	margin:0 0 0 0;
}
#header address strong {
	font-size:16px;
}
#header address a {
	text-decoration:none;
}
#header address a:hover {
	color:#333;
}
#menu {
	width:940px;
	float:left;
	list-style:none;
	margin:38px 0 0 0;
}
#menu li {
	float:left;
}
#menu li a {
	font-size:16px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	padding:0 30px;
	background:url(images/menu-div.png) no-repeat;
	background-position:left center;
}
#menu li:first-child a {
	padding-left:15px;
	background:none;
}
#menu li a:hover, #menu li.current_page_item a {
	color:#4c7a75;
}
#banner {
	width:940px;
	float:left;
	margin:5px 0 0 0;
}
#container {
	width:100%;
	float:left;
	background:#efeeeb;
	margin:20px 0 0 0;
}
#sub-container {
	width:100%;
	float:left;
	background:#fff;
	margin:20px 0 0 0;
}
#page-title {
	background:#efeeeb;
}

.page-title {
	padding:10px 0;
	margin:0 auto;
	width:940px;
}

.page-title h1 {
	font-family:Georgia;
	font-size:48px;
}
	
#main #content {
	width:645px;
	float:left;
	padding:15px 0;
}
#main #sidebar {
	float:right;
	padding:15px 0;
	width:275px;
}
#sidebar h2 {
	margin:5px 0 10px 0;
}
.quote {
	width:262px;
	height:201px;
	background:url(images/grey-quote-box.png) no-repeat;
	font-family:Arial;
	font-size:12px;
	line-height:18px;
}
.quote blockquote {
	padding:12px;
	background:url(images/grey-open-quote.png) no-repeat #eee;
	background-position:10px 6px;
	text-indent:28px;
}
.quote p {
	margin:-35px 0 0 0;
	padding:27px 10px 10px;
	background:url(images/grey-close-quote.png) no-repeat;
	background-position:230px top;
}
.quote a {
	font-size:12px;
	font-style:italic;
}
#sidebar .quote {
        background-position:bottom!important;
	width:263px;
	height:auto;
	padding:10px 10px 20px 10px;
        margin:0 0 0 -8px;
}
.graybox {
	background:#efeeeb;
	padding:10px;
}
.graybox li a {
color:#20201f;
font-size:17px;
font-weight:normal;
text-decoration:none;
}
.graybox li a:hover {
color:#719896;
font-weight:bold;
text-decoration:none;
}
.graybox ul li ul {
margin-top:10px;
}
.graybox ul li ul li a {
font-size:12px;
}
.graybox ul li ul li a:hover {
font-weight:normal;
}
#quotes {
	clear:both;
	padding:25px 0 0 0;
}
#quotes .quote {
	float:left;
	margin:0 30px;
}
#quotes .quote:first-child {
	margin-left:0;
}
#footer {
	width:100%;
	float:left;
	background:#1e1e1e;
	height:75px;
	margin:15px 0 0 0;
}
#footer #text {
	text-align:right;
	color:#fff;
	margin-top:20px;
}
#footer h4 {
	font-size:18px;
	margin:0 36px 0 0;
}
#footer small {
	font-size:12px;
}

.relax {
	clear:both;
}

/* FAQs */
.faq-header {
display:none;
}

#faq-questions-list {
border-bottom:1px solid #aaa;
margin-bottom:10px;
}

p.faq-question a {
color:#222;
font-size:15px;
font-weight:bold;
margin-top:35px;
display:block;
text-decoration:none;
}

/* PORTFOLIO */

.the-item {
border:1px solid #dedede;
float:left;
height:180px;
margin-bottom:10px;
margin-right:10px;
padding:10px;
text-align:center;
width:125px;

	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	/*--Top left rounded corner--*/
	-moz-border-radius-topleft: 10px;
	-khtml-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	/*--Top right rounded corner--*/
	-moz-border-radius-topright: 10px;
	-khtml-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
}

.the-item h2 {
display:block;
height:40px;
font-size:11px;
}

.the-item img {
border:1px solid #c5c9b8;
display:block;
padding:4px;
margin-bottom:5px;
}

.relax {
clear:both;
}

img.full-img {
width:645px;
}

.graybox input.text, .graybox textarea {
border:1px solid #bbb;
margin-bottom:10px;
padding:3px;
width:245px;
}

input.wpcf7-text, textarea {
border:1px solid #bbb;
margin-bottom:10px;
width:300px;
}

input.wpcf7-submit {
margin-top:10px;
}

li h2 {
font-size:16px;
padding-left:10px;
}

li.widget {
list-style:none;
}

.widget ul {
border-bottom:1px solid #ccc;
margin-top:10px;
margin-bottom:10px;
}

.widget_rss ul {
display:none;
}.comment-body{	clear:both;	margin-top:5px;}small{	font-size:smaller;	line-height:40px;}

form.payment
	{
		display:block;
		background:#f7f7f7;
		padding:10px;
	}
form.payment > div.inner span{margin-bottom:20px; display:block;}
form.payment > div.inner{background:#fff; padding:10px;}
form.payment > div.inner > p > label{float:left; font-weight:bold; width:150px;}	
form.payment > div.inner > p > input[type=text],form.payment > div.inner > p > textarea
	{
		border:solid 1px #ddd;
		width:250px;
		background:#fff;
		padding:3px;
	}
form.payment > div.inner > p > textarea
	{
		height:100px;
		width:440px;
	}