/*
Theme Name:   Parlato Design
Theme URI: http://parlatodesign.com
Description: design by Heather Parlato, code by Jason Brown
Version: 100315
Author:	Heather Parlato
Author URI: http://parlatodesign.com
*/


/* COLORS _____________________________
red: 	c71d22Ê [title text & mouse-over link color]
orange: fec465
aqua: 	e3f3f1Ê [nav bkgd]
slate: 	4a738aÊ [link color]
*/



* { 
	margin: 0; 
	padding: 0;
}

body {
	background: #fff;
	color: #333;
	font-size: 12px;
	line-height: 20px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

p, ul, ol { 
	margin-bottom: 20px; 
}

p { }

img,
a img,
a:link img{
	border: 0;
}

blockquote { 
	margin: 0 18px 18px 18px;
	font-size:12px;
	color:#333;
}

ul {
	list-style-type: disc;
	margin-left: 2em;
}

ol {
	margin-left: 2em;
}


h1 { 
	font-size: 24px; 
	line-height: 36px;
	margin-bottom: 18px; 
}

h2 { 
	font-size: 18px; 
	line-height: 18px;
	margin-bottom: 18px;
	font-weight: bold;
	color: #c71d22
}

h3 { 
	font-size: 16px; 
	line-height: 22px;
	margin-bottom: 20px;
	color: #c71d22
}

h4 { 
	font-size: 13px; 
	line-height: 18px;
	margin-bottom: 6px;
	color: #c71d22;
}

h5 { 
	font-size: 10px; 
	line-height: 16px;
	margin-bottom: 6px;
	color: #000;
	font-weight: bold;
}


hr {
	height: 1px;
	border: none;
	background: #999;
	margin: 6px 0;
}

table{
	width: 100%;
	border-spacing: 2px;
	margin: 1.5em 0;
}
	table th, 
	table td{ 
		padding: 2px;
	}
	table th{
		background: #fff;
		color: #000;
		text-align:left;
	}

	table caption{
		text-align:left;
	}

table.tabular td{
		border-bottom: 1px solid #ddd;
		font-size: 10px;
}



/* Links
------------------------------------------------ */
a { font-weight:bold; }

a:link { color:#4a738a; text-decoration: none }
a:visited { color:#4a738a; text-decoration: none }
a:hover { color:#c71d22; background: #fff; text-decoration: none; }


h1 a:link, h1 a:visited, 
h2 a:link, h2 a:visited, 
h3 a:link, h3 a:visited { }

h1 a:hover, 
h2 a:hover, 
h3 a:hover { 
	color: #4a738a; }


.post a:link,
.post a:visited { 
	border-bottom: 1px dotted #4a738a;
}

.post a:hover { 
	border-bottom: 1px solid #c71d22;
}


/* ==========================================================
   ARCHITECTURE
=========================================================== */

.container,
.header, 
#footer{	
	width: 860px;
}

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


/* HEADER 
--------------------------------------------------*/
.header {
	padding: 10px 0 0 0;
	text-align:left;
}

.header a { color: #000; }
.header a:hover { }

.header span {
	font-size: 12px;
	color: #666;
	font-weight: normal;
}

.header h1 {
	text-indent: -2000px;
	background: url(images/pd_logo_red.gif) no-repeat;
	height: 120px;
	width: 120px;
	margin: 0px 0 10px 30px;
	padding: 0;
}
	.header h1 a {
		height: 108px;
		width: 108px;
		display: block;
		background: transparent;
	}

#tagline {
	float: right;
	display: inline; /* ie is broken */
	height: 140px;
	width: 452px;
	margin: -11px 225px 0px 0px;
	background: url(images/pd_site_header.gif) no-repeat;
	text-indent:-10000px;
	overflow: hidden;
}


/* Navigation Bar
--------------------------------------------------*/
#nav {
	height: 24px;
	padding: 0;
	margin: 0 0 27px 0;
	text-align:left;
	background: #e3f3f1;
}

#nav ul {
	padding: 0;
	text-align:center;
	margin: 0 0 0 200px;
	width: 600px;
}

#nav ul li {
	list-style: none;
	float: left;
	margin: 0 15px;
	font-size: 12px; 
	line-height: 22px;
	text-transform: lowercase;
}

#nav ul li a,
#nav ul li a:link,
#nav ul li a:visited {
	padding: 4px 6px;
	font-weight: bold;
	color: #4a738a
}
#nav ul li a:hover,
#nav ul li a:active {
	color: #fff;
	background: #c71d22;  /* #29A7D9; */
	text-decoration: none;
}


/* Navigantion Sidebar - portfolio, about
--------------------------------------------------*/

#navbar {
	float:left;
	width: 160px;
	font-size: 12px;
	color: #666;
	padding: 0;
	text-align: left;
	background: url(images/hp-sidebg-new.gif) repeat-y;
}

.navbar_bg_header {
	background: #d5e4f0 url(images/hp-siderc-new.gif) no-repeat left top;
	height: 10px;
	padding: 0;
	margin: 0;
}

.navbar_bg_footer {
	background: #d5e4f0 url(images/hp-siderc-new.gif)  no-repeat left bottom;
	height: 10px;
	padding: 0;
	margin: 0;
}

#navbar a { 
	font-weight:bold;
	border: none;
}

#navbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

#navbar ul li {
	width: 100%;
	margin: 10px auto;
	line-height: 15px;
}

#navbar ul li a{
	padding-left: 12px;
	display: block;
}
#navbar ul li a:hover{
	color: #c71d22;
	text-decoration: none;
}

#navbar h3 { 
	margin-bottom: 6px;
}

#navbar h4 { 
	font-size: 9px; 
	line-height: 18px;
	margin-bottom: 0px;
	font-weight: bold;
	text-transform: uppercase;
}


/* Image Sidebar - for home
--------------------------------------------------*/

#image-sidebar {
	float:left;
	width: 180px;
	font-size: 10px;
	color: #666;
	margin: 0 0 0 -1px;
	padding: 0px;
	text-align: left;
}


/* Sidebar - generic pages
--------------------------------------------------*/

#sidebar {
	float:left;
	width: 180px;
	font-size: 12px;
	color: #666;
	margin: 0;
	padding: 0 0 0 18px;
	text-align: left;
	border-right: 1px solid #ddd;
}

#sidebar a { 
	font-weight:bold;
	border: none;
	}

#sidebar ul {
	list-style: none;
	margin: 0 0 12px 0;
	padding: 0;
	width: 100%;
}

#sidebar ul li {
	width: 100%;
	margin: 0px auto;
	line-height: 18px;
}

#sidebar ul li a{
	width: 100%;
	display: block;
}
#sidebar ul li a:hover{
	color: #c71d22;
	text-decoration: none;
}

#sidebar h2.widgettitle { 
	margin: 0 0 6px 0;
}

#sidebar h3 { 
	margin: 0 0 6px 0;
}

#sidebar h4 { 
	font-size: 9px; 
	line-height: 18px;
	margin-bottom: 0px;
	font-weight: bold;
	text-transform: uppercase;
}

h2.widgettitle {
	font-size: 14px;
	text-transform: lowercase;
	margin: 12px 0 3px 0;
}

#tag-cloud {
	/* border-top: 1px solid #999;
	border-bottom: 1px solid #999; */
	margin-bottom: 18px;
	text-align:justify; 
}

#tag-cloud a:link,
#tag-cloud a:visited {
	color: #666;
	margin: 0 0 0 0;
}

#tag-cloud a:hover {
	color: #c00;
}


/* constant contact widget - match ul spacing */

li#constant-contact {
	border: 1px solid white;
	margin:  0;
	padding: 0 0 14px 0;
	width: 100%;
}

button#go {padding: 1px 3px; margin: 4px 0 0 0;}

form#ccoptin { }


/* CONTENT 
----------------------------------------------- */
.content {
	margin-left: 222px;
	margin-right: 6px;
	text-align:left;
}


/* POSTS
--------------------------------------------------*/

.post { }

.news-post {
	border-top: 1px solid #999;
	padding: 12px 0 0 0;
}

h3.post-title { 
	font-size: 16px; 
	line-height: 16px;
	margin-bottom: 6px;
	font-weight: bold;
}

h4.post-date{ 
	font-size: 12px; 
	line-height: 18px;
	margin-bottom: 6px;
	color: #efaf46;
}

.post-metadata {
	font-size: 10px;
	color: #efaf46;
	font-weight: bold;
	margin-bottom: 18px;
}

#page-nav {
	font-size: 10px;
	border-top: 1px solid #999;	
}

.list {
	padding: 0px 0 7px 0;
	border-top: 1px solid #ccc;   	
}

.list h3 {
	margin: 0 0 7px 0;
}

.firstpost {
	text-align:left;
	padding: 28px 0 18px 0;
}

.postnoline {
	text-align:left;
	padding: 22px 0 22px 0;
}

.posttopline {
	border-top: 1px solid #ccc;
	text-align:left;
	padding: 22px 0 22px 0;
}


/* PORTFOLIO 
----------------------------------------------- */
/* extra margin on .post for sidebar */

.portfolio { 
	margin-left: 154px;
}

.portfolio h2 {
	margin-bottom: 6px;
}




/* status page ----------------------- */
.status {
	background: url(images/code-monkey-400.gif) no-repeat;
	min-height: 310px;
	margin-left: 10px;
	width: 720px;
	
	border: 1px solid #fff; /* bug: margins need border (ff-mac) */
}

span.previous { padding: 0 20px 0 0; float: left; }
	
span.next { float: right; }

span.edit a { 
	float:right;
	font-weight:normal; 
	font-size:11px; 
	color:#666; 
	border:1px solid #ccc; 
	padding:0 4px; 
}

.previously {
	text-align:left;
	width: 740px;
	padding: 20px 0 3px 0;
	border-top: 1px solid #ccc;
	font-size: 12px;
}

.previously a { font-weight:bold }

.text_area { width: 480px !important; }

.postform { width:150px; margin: 0;} 


/* --- previous/next page --- */
.page-links { border-left: 14px solid #fff;}
.page-links a {
	color: #4a738a;
	font-size: 24px;
}

.backarrow {margin: 0 0 0 -14px;}
.forearrow {margin: 0 0 0px 20px;}

.pagenum-links {
	color: #999;
	font-size: 12px;
}

.pagenum-links a {
	color: #4a738a;
	text-decoration: none;
}
	

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

#footer {	
	margin: 12px 0 12px 24px;
	padding: 6px 0 12px 0;
	border-top: 1px solid #999;
	font-size: 10px;
	color: #666;
}

#footer a {
	font-weight: bold;
}

#footer p {
	width:200px;
	margin: 0 0px 0 0;
	float:left;
	text-align: left;
}

#footer div.last {
	width:156px;
	margin: 0 0 0 0;
}

#footer h4 {
	margin: 0 0 18px 0;
}

.#footer img {
	border:0;
}

#footer li {
	list-style: none;
}

.search {
	padding: 11px 0 0 20px;
	background: url('images/search.gif') 0 14px no-repeat;
	float:right;
	display: inline; /*ie is broken */
	height: 40px;

}

.search input {
	width:166px;
}

.sitename {
	float: left;
	text-align: left;
	width: 300px;
}

.copyright {
	margin: 12px 0 0 24px;
	padding: 6px 0 10px 0;
	border-top: 1px solid #999;
	text-align:right;
	font-size: 10px;
	color: #666;
}

ul.nav li { margin: 0 }


/* LIST STYLES
-------------------------------------------------------- */
ul.client-list {
	list-style: none;
	margin: 0px 0px 6px 24px;
	font-size: 12px;
	padding: 0;
	float: left;
	display: inline; /* ie is broken */
	width: 200px;
}
	ul.client-list li {
		margin: 0px;
	}


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

.center {
	text-align: center;
	margin: 0 auto;
	display: block;
}

.cite {
	font-size: 10px;
	background: #eee;
	padding: 6px;
}

.left {
	float: left;
	display: inline; /* ie is broken */
	margin: 6px 12px 6px 0px;
	padding: 0;
}
.leftextra {
	float: left;
	display: inline; /* ie is broken */
	margin: 6px 24px 6px 0px;
	padding: 0;
}

.right {
	float: right;
	display: inline; /* ie is broken */
	margin: 6px 0px 6px 12px;
	padding: 0;
}
.rightextra {
	float: right;
	display: inline; /* ie is broken */
	margin: 6px 0px 6px 24px;
	padding: 0;
}

.center {
	margin: 6px auto;
	padding: 0;
	text-align: center;
}


/* =====================================================
	SERVICES  and PLUGINS
======================================================== */

img#wpstats { width:0px; height:0px; overflow:hidden; }


/* plugin: Post Information
----------------------------------------------- */
.infolink,
.infolink a {
	font-size: 9px;
}