/* @override http://hopenetwork.timpecoraro.com/wp-content/themes/pecpeo/style.css */

/*

Theme Name: Peculiar Productions
Theme URI: http://wordpress.org/
Description: 
Version: 1.0
Author: Kirsten Dietz
Author URI: http://peculiarproductions.com
Tags: --

	Peculiar Productions v1.0
	 http://peculiarproductions.com

	This theme was designed and built by Kirsten Dietz,
	Creative Director at Peculiar Productions.

*/

/*CCS made awesome by Dietz*/
/*This is copyright (c) 2008 */


/* BODY AND MAIN DIVS */

/* LOCK FOOTER = (lf) */

html, body, #container {
    min-height: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    }

html>body #container {
    height: auto;
    } 

body {
	background: #c8d5d5 url(images/bg.jpg) repeat-x;
	font-family: Palatino, "Book Antiqua", Georgia, "Times New Roman", Times, serif;
	color: #005958;
	font-size: 13px;
	}
	
#container {
	background: url(images/contentbg.jpg) repeat-y right;
	position: relative;
	width: 848px;
	height: 100%;
	float: left;
	left: 50%;
	margin: 0 0 0 -425px;
	}
	
#header {
	position: relative;
	background: url(images/head.jpg) no-repeat;
	width: 850px;
	height: 483px;
	float: left;
	color: #000;
	}

#wrapper {
	background: url(images/footer.jpg) no-repeat bottom right;
	position: relative;
	float: left;/*lf*/
	width: 848px;
	height: auto;/*lf*/
    padding-bottom: 320px;
	}

#menu {
	background: url(images/menu.jpg) no-repeat;
	float: left;
	width: 269px;
	height: 419px;
	padding: 20px 0 0 0;
}

#main {
	background: url(images/contenttop.jpg) no-repeat;
	float: left;
	width: 579px;
	padding: 0 0 0 0;
	display: inline;
	min-height: 439px;
	}

#footer {
	position: absolute; /*lf*/
	float: left;
	width: 579px;
	bottom: 0;/*lf*/
	margin: 0 0 0 0;
	padding: 0 0 0 269px;
	z-index: 50;
	height: 200px;
	}

.spacer {
	clear: both; /*lf*/
}


/* GENERAL TAGS */

img {
	border: 0px;
	}

a {
	color: #005958;
	font-weight: bold;
	}

a:hover, a:active {
	color: #c8d5d5;
	}

p {
	margin: 0 0 10px 0;
	line-height: 1.25em;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}


/* POST AND PAGE TAGS */


#sublinks ul {
	margin: 0;
	padding: 0;
	font-size: 11px;
	text-align: center;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 2px solid;
}

#sublinks li {
	list-style-type: none;
	display: inline;
	margin: 15px;
}

h2 {
	text-align: right;
	margin: 30px 0 5px 0;
	border-bottom: 2px solid #005958;
	text-transform: uppercase;
}

.blog_post h2 {
	text-align: left;
	margin: 0;
	border: 0;
	text-transform: none;
}

.blog_post {
	margin: 20px 0 0 0;
}

.post,
#post_list {
	margin: 80px 50px 0 55px;
	display: inline;
}


#post-3 h2 {
	display: none;
}

#post-3 h3,
#post-3 h4 {
	margin: 0 0 0 25px;
	display: inline;
}

#post-3 h3 {
	font-size: 20px;
}

#post-3 img {
	border: 3px solid #005958;
	padding: 0;
	margin: 0 15px 0 10px;
	display: inline;
}

#post-3 h4 {
	margin-bottom: 15px;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
}

#post-14 img {
	clear: right;
}

#post-37 img {
	clear: left;
}

#address {
	font-size: 15px;
	padding: 25px 70px;
}

#copyright {
	color: #adc9c9;
	font-size: 15px;
	padding: 10px 25px 0;
}

#sidebar {
	width: 170px;
	float: right;
	position: relative;
	border-left: 5px solid #d9d9d8;
	margin: 20px 0 0 0;
	padding: 0 0 0 10px;
}

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

h2.pagetitle {
	margin: 15px 0 15px 0;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#sidebar li {
	margin: 0 0 10px 0;
}

#sidebar ul li ul li {
	margin: 0 0 0 15px;
	font-size: 11px;
	display: inline;
}

.blog_post p {
	padding: 5px 0 5px 0;
	margin: 0;
}

.blog_entry {
	margin: 10px 0 10px 20px;
	border-top: 1px solid #d9d9d8;
	border-bottom: 1px solid #d9d9d8;
	display: inline;
}

.ngg-widget a {
	background: transparent;
}


p.postmetadata {
	padding: 0;
}

p.postmetadata small a {
	color: #7e7e7e;
}


.navigation {
	height: 12px;
	width: 440px;
	margin: 20px 0 0 0;
	font-size: 11px;
}


.more-link {
	font-weight: bold;
}

blockquote {
	background: url(images/quote.gif) no-repeat top left;
	margin: 10px 0 10px 25px;
	display: inline;
	font-style: italic;
	padding: 10px 0 0 30px;
	height: 36px;
	min-height: 36px;
	overflow: visible;
}

.left {
	float: left;
	width: 280px;
}

.right {
	float: right;
	width: 300px;
}


/* FORM TAGS */

label {
	position: relative;
	float: left;
	width: 120px;
	text-align: right;
	padding: 8px 5px 8px 0;
	clear: left;
}

input, button {
	border: 1px solid #777;
	background-color: white;
	margin: 5px 0;
	display: inline;
	padding: 3px;
	color: #7e7e7e;
}

input#searchsubmit {
	margin-left: 50px;
}

textarea {
	border: 1px solid #777;
}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	display: inline;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	display: inline;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

h3#comments {
	margin: 25px 0 0 0;
}

h3#respond {
	margin: 25px 0 0 0;
}

form#searchform {
	margin: 25px 0 0 0;
}



/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		text-transform: uppercase;	
		width:269px;
		background-color:transparent;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:9px 15px 10px 30px;
		color:#005958;
		font-size:17px;
		text-decoration:none;
		font-style:italic;
		text-align:right;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		text-decoration:none;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		text-decoration:none;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		text-decoration:none;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:10px 0px 10px 0px;
		margin:0px 0px 0px 4px;
		background-color:transparent;
		border-width:4px;
		border-style:none;
		border-color:#ADC9C9;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:6px 25px 6px 10px;
		background-color:transparent;
		font-size:15px;
		border-width:0px;
		border-style:none;
		border-color:#000000;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		background-color:#005958;
		color:#F7F5E3;
		text-decoration:none;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		background-color:#005958;
		color:#F7F5E3;
		text-decoration:none;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#005958;
		color:#F7F5E3;
		text-decoration:none;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		cursor:default;
		padding:3px 0px 3px 4px;
		color:#444444;
		font-family:arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 0px 4px 0px;
		border-color:#BFBFBF;
	}


	/*"""""""" Individual Vertical Dividers""""""""*/	
	#qm0 .qmdividery	
	{	
		border-left-width:1px;
		height:15px;
		margin:4px 2px 0px 2px;
		border-color:#AAAAAA;
	}


	/*"""""""" Box Animation Styles""""""""*/	
	#qm0 .qmbox	
	{	
		border-width:1px;
		border-style:solid;
		border-color:#999999;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a.qmparent	
	{	
		background-image:url(qmimages/cssalt1_arrow_right_hover.gif);
		text-decoration:underline;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li .qmparent	
	{	
		background-image:url(qmimages/cssalt1_arrow_right.gif);
		background-repeat:no-repeat;
		background-position:97% 50%;
	}