/*  
Theme Name: Sandra Zoratti
Theme URI: http://www.pmyrick.com
Description: Custom theme for www.coloradowaterfrontproperty.net
Version: 1.0
Author: Paul Myrick
Author URI: http://www.pmyrick.com/

*/

/* @import url(p-css-undo.css); */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link, :visited, { text-decoration: none; }

/* no list-markers by default, since lists are used more often for semantics */
ul, ol { list-style: none; }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, div 
{ margin: 0; padding: 0; }

/* whoever thought blue linked image borders were a good idea? */
a img, :link img, :visited img { border: none; }

/* de-italicize address */
address { font-style: normal; }

/* end of css-undo */
/* begin css for this theme */

/* * {font-family: "Georgia", "Times New Roman", serif;
} */

* {font-family: Verdana,
             Geneva,
             Tahoma,
             sans-serif;
             font-size: small;
} 


body {
	width: 100%;
	height: 100%;
	background-image: url('images/body-background-gradient.jpg');
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

h1, h5 {
	font-size: large;
	font-weight: bold;
	text-align: center;
	font-family: Verdana,
             Tahoma,
             Geneva,
             sans-serif;}

h2, h2 a, h3, h4{
	margin-top: 0px;
	padding-bottom: 10px;
	padding-top: 20px;
	font-size: large;
	font-style: italic;
	font-family: Verdana,
     	        Tahoma,
         		   Geneva,
         		   sans-serif;}

h3 {	
	text-transform: uppercase;
	font-family: helvetica, arial, sans-serif;
	padding-bottom: 10px;
	padding-top: 5px;
	font-family: Verdana,
             Tahoma,
             Geneva,
             sans-serif;
}

h5 {
	padding-bottom: 20px;
}

p, label {
}

a {
	text-decoration: none;
}

#navbar a:link {color: #FFFFFF; }
#navbar a:visited {color: #FFFFFF; }
#navbar a:hover {color: #EE0000; }
#navbar a:active {color: #FFFFFF; }

p a:link {color: #000000; }
p a:visited {color: #000000; }
p a:hover {color: #EE0000; }
p a:active {color: #000000; }

#footer p a:link {color: #FFFFFF; }
#footer p a:visited {color: #FFFFFF; }
#footer p a:hover {color: #EE0000; }
#footer p a:active {color: #FFFFFF; }


address { 
	font-size: x-small;
}

#shadow_wrapper {
	width: 970px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: auto;
	background-image: url('images/shadow-wrapper.png');
	background-repeat: repeat-y;
	background-position: center;
}

#wrapper {
		width: 935px;
		min-height: 100%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		overflow: auto;
		background-image: url('images/background-gradient.jpg');
		background-repeat: repeat-x;
		background-color: #FFFFFF;
	/*	border: 1px black solid; */
}
		
#header {	
		float: left;
		width: 100%;
		height: 316px;
		background-image: url('images/header.jpg');
		background-repeat: no-repeat;
		position: relative;
}

#referral_banner {
	float: right;
	clear: left;
	margin-top: 14px;
	width: 296px;
	height: 197px;
	z-index: 900;
	background-image: url(images/referral-banner.png);
	background-repeat: no-repeat;
}

#live_link {
	width: 275px;
	height: 100px;  
	margin-top: 150px;
	margin-left: 50px;
/*	border: 2px red solid; */
	float: left;
}

p#live_link a {
	float: left;
	padding-left: 275px;
	padding-top: 100px;
}


/* when making layout changes to header_button_bar and pillow_button_link, be sure to
	look at the IE7 style sheet as well ... special hacks are in there to position these elements !!!
	The elements in this style sheet are for Safari and Firefox!
*/

#navbar {
	float: left;
	clear: left;
	margin-top: 33px;
	margin-left: 220px;
}

#navbar li {
	float: left;
	margin-left: 30px;
}

#navbar a {
	font-size: medium;
}

#breadcrumbs {
	margin-top: 20px;
	margin-left: 20px;
}

#container_top {
	width: 100%;
	height: 55px;
	background-image: url('images/container-top.png');
	background-repeat: no-repeat;
	float: left;
	clear: both;
	background-position: center;
	margin-top: 20px;

}

#container {
	width: 100%;
	min-height: 61px;
	overflow: auto;  /* hack for Firefox and Safari on product post pages */
	background-image: url('images/container-middle.png');
	background-repeat: repeat-y;
	float: left;
	clear: both;
	background-position: center;
}

#container h1, #container h2, #container h3, #container h4 {
	margin-left: 40px;
	margin-right: 40px;
}

#container p {
	margin-left: 40px;
	margin-right: 45px;
}

#container ul {
	margin-left: 40px;
	margin-right: 40px;
	width: 50%;
}

#container li {
	list-style-type: disc;
	margin-left: 17px;
	font-size: large;
}

#container_bottom {
	width: 100%;
	height: 53px;
	background-image: url('images/container-bottom.png');
	background-repeat: no-repeat;
	float: left;
	clear: both;
	background-position: center;
	margin-bottom: 20px;
}

#footer {
	width: 935px;
	height: 42px;
   	bottom: 0;
	background-image: url('images/footer-gradient.jpg');
	background-repeat: repeat-x;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#footer p {
	padding-top: 13px;
}


.post, .single_post {
	margin-left: 20px;
	margin-right: 20px;
}

.entry, .single_entry {
	margin-left: 10px;
	margin-right: 10px;
}

.single_post {

}

.single_entry img {
	float: left;
	margin-right: 20px;
}

.single_entry p {
	width: 100%;
}
		
#contact {
		float: left;
		clear: both;
		width: 79.5%;
		border: solid 2px #9566A7;
		text-align: left;
		margin-top: 20px;
		margin-left: 10%;
}

#contact h3 {
		margin-top: -14px;
		margin-left: 8px;
		border: solid 2px #9566A7;
		background: white;
		text-align: left;
		width: 30%;
		padding-left: 3px;
		padding-top: 3px;
}

#prompts {
		float: left;
		margin-left: 10px;
		margin-top: 10px;
}

#prompts .label {
		width: 190px;
		float: left;
}

#submit_button {
		width: 99%;
		float: left;
		clear: left;
		text-align: center;
		margin-top: 5px;
		margin-bottom: 10px;
}

div#next_page_link {
	float: right;
}

div#previous_page_link {
	float: left;
}


/* shopping cart styling */

.addtocart {
	float: left;
}

.eshopshipping {
	float: left;
}

div#ims_addtocart {
	width: 98%;
	margin-left: 23px;
}

div#ims_addtocart img {
	float: left;
		padding-bottom: 10px;
}

div#ims_addtocart {
	float: left;
}

div#ims_item_descr {
	float: left;
	clear: left;
	width: 98%;
}

/* end shopping cart styling */

/* the following markup is for the Tiny Contact Form plugin */

#tcform {
	width: 600px;
	margin-top: 10px;
	margin-left: 40px;
}

#tcform label {
	float: left;
	clear: left;
	width: 120px;
	height: 22px;
}

#tcform input.tcf_input {
	float: left;
}

#tcform textarea {
	float: left;
	margin-left: -.5px;
	margin-top: -5.5px;
}

#contactsubmit {
	float: left;
	clear: left;
}