/*

Theme Name: Cental Coast RE 3

Theme URI: http://realivent.com/

Description: Right and Left Columns on Separate Sides3 



/*- Page Structure */



* {

	padding: 0;

	margin: 0;

	}



img {

	border: 0;

	}



body {

	font: 65% Verdana, Arial, Helvetica, sans-serif; /* Resets 1em to 10px */	

	background-image:url(images/purplesidestripeback1.png);

	background-repeat:repeat;

	text-align: center;

	margin: 10px 0 30px;

	}



#page {

	background: white;

	text-align: left;

	margin: 0 auto;

	padding: 0px 0 10px 0px;

	position: relative;

	/* The entire template's width is set in this class. */

	width: 980px !important;

	_width: 980px !important;

	border-top:none;

	border-right:0px solid black;

	border-left:0px solid black;

	border-bottom:0px solid black;

	}



* html #page { width: 980px } /* IE hack */





#header {

	padding: 0;

	margin: 0;

	position: relative;

	background:url(/headers/diamonddwellingheader.jpg) no-repeat #000000;

	}



#primary {

	width:450px !important;

	_width:450px !important;

	float:left;

	margin: 0 0px 0 5px !important;

	_margin: 0 0px 0 5px !important;

	padding-left:5px;

	display: inline;

	}

	

#primary_one_sidebar {

	width: 650px !important;

	_width: 650px !important;

	float: left;

	margin: 0 0px 0 5px !important;

	_margin: 0 0px 0 5px !important;

	padding-left:10px;

	display: inline;

	}

	



table td

{

padding:2px;

}



	

.secondary {

	font: 1em/1.5em Verdana, Arial, Helvetica, sans-serif;

	padding: 10px 0 10px!important;

	margin: 0 0 20px 500px !important;

	_margin: 0 0 20px 500px !important;

	width: 450px !important;

	_padding: 10px 0 10px !important;

	_width: 450px !important;

	color:#660000;

	position: relative;

	border:0px solid black;

	}

	



.comments {

	text-align: left;

	padding: 30px 0 0;

	position: relative;

	}



/*- Main Menu in Header */







ul.menu {

	margin: 150px 0 0 0 ;

	/*_margin-bottom: -1px;*/

	position:absolute;

	bottom: 0;

	left:35px;

	width: 100%;

	}





ul.menu li {

	display:inline;

	float:left;

	font-size:12px;

	font-weight:300;

	margin: 150px 0 0 0;

    padding: 2px 5px 2px 2px;

	

	

	}





ul.menu li a {

	padding: 2px 5px 2px 2px;

	}



ul.menu li a {

	font: 1em Verdana;

	color: white;

	margin: 0 0 0 0;

	background-color:#E17B17;

	}



ul.menu li a:hover {

	background-color:#996600;

	azimuth:behind;

	color:#FFFFFF !important;

	text-decoration:underline;

	}



.admintab {

	position:fixed;

	right: 0px;

	top: 60px;	/*_padding: 5px 15px 6px;*/ /* IE hack */

	left: 1000px;

	}



* html .admintab { padding: 5px 15px 6px }	/* IE hack */

	

a img,:link img,:visited img { border:none }



/*- Sidebar Subpages Menu */





.rsidebar {

	margin: 0 2px 0 30px ;

	width: 250px !important;

	_width: 250px;

	float:left !important;

	padding: 10px 0px 0 0px !important;

	border-left: 0px solid #69943E;

	

	}



.rsidebar a {

font-size:10px;

font-family:Verdana;

color:#333333;

}





.rsidebar a:hover {

color:#663300;

		}	

	

.rsidebar ul

{

/*list-style:inside;*/

list-style-type:none;	

}



.lsidebar {

	margin: 0 0 0 10px;

	width: 200px !important;

	_width: 200px;

	float:left !important;

	padding: 10px 0px 0 5px !important;

	border-left: 0px solid #69943E;

		}	

	



.lsidebar a:hover {

color:#663300;

font-weight:300;

	

	}	

	

	

.secondary div.sb-comments li > a[title="Go to the comments of this entry"]{

	position:absolute;

	right: 212px;

	color:#999;

	}	









/*- Headings */



h1, h2, h3, h4 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	}



h1 { /* H1 is used for the title of your blog */

	font-size:16px;

	font-family:Arial, Helvetica, sans-serif;

	margin-left:25px;

	color:#ffffff;

	padding-top:-10px;

	}



h1, h1 a, h1 a:hover, h1 a:visited,

#header .description {

	text-decoration: none;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:300;

	color:#ffffff;

	font-size: 2em;

	margin-top:0px;

	}



h1 a:hover {

	text-decoration: underline;

	}



#header .description { /* Blog description, under blog title */

	font-size:20px;

	font-family:Arial, Helvetica, sans-serif;

	font-style:italic;	

	margin-left: 500px;

	color:#ffffff;

	position:absolute;

	margin-top:-30px;

	display: inline; /* Checking for IE bug. If people start having problems with header width, then this is it */

	}



.pagetitle { /* Used on static pages and archives */

	text-align: left;

	margin: 15px 0 15px;

	}



.pagetitle h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */

	font-size: 2.4em;

	font-weight:normal;

	letter-spacing: -1px;

	text-align: left;

	display: inline;

	}



.secondary h2 { /* Secondary H2 is sidebar headlines */

	font-size:8px;

	font-weight: normal;

	padding: 0;

	display: inline;

	color:666666;

	}

	

h2 {

color:#FF0000;

}



h2 a {

color:#FF0000;

}





h3 {

color:#FF0000;

}



h4 {

color:#FF0000;

}















.itemtext h3 { /* For use on Pages */

	font-size: 1.7em;

	display: block;

	padding: 5px 0 0;

	color:#666666;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-weight:normal;

	}



.itemtext h4 { /* For use on Pages */

	font-size: 1.5em;

	display: block;

	padding: 15px 0 0;

	}







#primary .metalink a, #primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */

/*.secondary .metalink a, .secondary .metalink a:visited,

.secondary span a, .secondary span a:visited {

	color:#FF0000;

	font-weight: normal;

	}*/



#primary .item .itemhead .metalink, .comments #primary .metalink {

	font-size: 1.8em;

	letter-spacing: -1px;

	text-transform: lowercase;

	margin-left: 15px;

	}



#primary .aside .itemhead .metalink {

	font-size: 1.4em;

	}



.permalink #primary .aside .itemtext {

	font-size: 1.4em;

	color: #999;

	}



.comments #primary .metalink {

	margin: 0 15px 0 0;

	float: none;

	}



.feedicon { /* Next to Comment Section Headline */

	border: 0 !important;

	padding: 0 !important;

	}



.feedlink img { /* On the sidebar */

	height: 16px;

	width: 16px;

	border: none;

	position: absolute;

	right: 0;

	}



.secondary .aside .metalink {

	padding-left: 0px;

	}



.secondary span a {

	margin-left: 10px;

	}



.editlink a, .commentseditlink a {

	border: none;

	padding: 2px;

	padding-left: 23px;

	margin-left: 7px;

	height: 16px;

	}



.metalink a span {

	display: none;

	}



.metalink a:hover span {

	display: inline;

	}





/*Post Title Header Font Setting*/

h3, h3 a, h3 a:visited

{

color:#000000;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:20px;

font-weight:normal;

}





h4, h4 a, h4 a:visited {

	color:#666666;

	}

	





/*Right Sidebar Heading Settings*/

h2, h2 a, h2 a:visited {

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:16px;

font-weight:bold;

color:#333333;

}





h2, h2 a, h2 a:hover, h2 a:visited,

h3, h3 a, h3 a:hover, h3 a:visited,

h4, h4 a, h4 a:hover, h4 a:visited {

	text-decoration: none;

	}



.metadata { /* Time and category for blog entries */

	font-size: 1.1em;

	display:block;

	margin-top: 10px;

	color:#333333;

	height:auto;

	}



.metadata a, .commentmetadata a {

	color: #777;

	}



.commentslink {

	padding: 2px 0 2px 20px;

	background: url('images/comment.gif') left center no-repeat;

	margin-right: 10px;

	}



.chronodata {

	padding: 2px 0 2px 20px ;

	background: url('images/time.gif') left center no-repeat;

	}



.tagdata {

	display: block;

	padding: 2px 0 2px 20px;

	background: url('images/tag_blue.gif') left center no-repeat;

	}



/*- Primary Contents */



#primary .item {

	margin: 0;

	padding: 5px 0 15px;

	position: relative;

	}



#primary .item .itemtext {

	font: 1.1em/1.5em Verdana;

	text-align: justify;

	color:#333333;

	}



#primary .item .itemtext p,

#primary .item .itemtext ul,

#primary .item .itemtext ol,

#primary .item .itemtext div,

#primary .item .itemtext blockquote {

	margin: 13px 0;

	}



#primary .aside .itemtext p,

#primary .aside .itemtext ul,

#primary .aside .itemtext ol,

#primary .aside .itemtext div,

#primary .aside .itemtext blockquote {

	margin: 5px 0;

	}



.permalink #primary .aside .itemtext p,

.permalink #primary .aside .itemtext ul,

.permalink #primary .aside .itemtext ol,

.permalink #primary .aside .itemtext div,

.permalink #primary .aside .itemtext blockquote {

	margin: 13px 0;

	}



.metalinks {

	margin-top: 5px;

	}



.commentsrsslink {

	background: url('images/feed.gif') left top no-repeat;

	padding: 2px 0 2px 20px;

	margin-right: 10px;

	height: 16px;

	}



.trackbacklink {

	background: url('images/arrow_refresh.gif') left top no-repeat;

	padding: 2px 0 2px 20px;

	height: 16px;

	}



.commentsrsslink a, .trackbacklink a {

	color: #999;

	padding: 2px;

	}



.comments #commentlist {

	margin: 0;

	padding: 10px 0 20px;

	position: relative;

	}



.comments #commentlist li {

	margin: 10px 0;

	padding: 10px 10px 5px;

	list-style: none;

	}



.comments #commentlist .commentmetadata {

	padding: 2px 0 2px 20px;

	background: url('images/time.gif') left center no-repeat;

	display: block;

	}



.comments #commentlist li img {

	padding: 0;

	border: none;

	}



.comments #commentlist li img.gravatar {

	float: right;

	margin: -5px 0 0;

	}



.comments #commentlist li .commentauthor {

	font-size: 1.5em;

	font-weight: bold;

	letter-spacing: -1px;

	}



.comments #commentlist li .counter {

	display: none;

	font: normal 1.5em Verdana, Arial, Helvetica, sans-serif;

	color: #999;

	float: left;

	width: 35px;

	}



.comments #commentlist li.authorcomment {

	background: #f6f7f8;

	}



.comments #commentlist li.authorcomment blockquote {

	color: #333;

	background: #f6f7f8 url('images/quote.gif') no-repeat 10px 0;              

	}

	 

.comments #pinglist {

	font-size: 1.2em;

	padding: 0;

	margin: 10px 0 10px;

	background: #f6f7f8;

	}



.comments #pinglist li {

	margin-left: 40px;

	padding: 7px 0;

	list-style: none;

	}



.comments #pinglist li .commentauthor {

	font-weight: bold;

	display: block;

	}



.comments #pinglist li small {

	font: .8em Verdana, Arial, Helvetica, sans-serif;

	display: block;

	}



.comments #pinglist li .counter {

	display: none;

	}



.comments #pinglist li span.favatar img {

	margin-left: -25px;

	border: none;

	padding: 0;

	float: left;

	}



.comments #pinglist li img {

	padding: 0;

	border: none;

	}

	

.comments #leavecomment, .comments #loading {

	text-align: center;

	margin: 30px 0 20px !important;

	color: #ddd;

	font-size: 2em;

	letter-spacing: -2px;

	}



.comments #loading {

	margin-top: 20px !important;

	}



.comments form {

	clear: both;

	padding: 1px 0 10px;

	margin: 0;

	}



input[type=text], textarea {

	font: 1em Verdana, Arial, Helvetica, Sans-Serif;

	padding: 3px;

	color: #777;

	}



input[type=text]:focus, textarea:focus {

	background: #fff;

	color: #333;

	border-color:#FF0000;

	}



.comments form input[type=text] {

	width: 45%;

	margin: 5px 5px 1px 0;

	}



.comments form textarea {

	height: 250px;

	padding: 2px;

	width: 100%;

	margin: 10px 0;

	/*_width: 98.5%;*/ /* IE hack */

	}



.comments form #submit {

	margin: 0;

	float: right;

	}



#footer {

	height: 10px;

        border-top: 1px solid #999;

        margin-top: 5px;

	padding: 25px;

        text-align: center;

	}



#footer a {

	color: #888;

	border-bottom: 1px solid #ccc;

	font-weight: bold;

	}



#footer a:hover {

	border: none;

	text-decoration: none;

	color: black;

	}



/*- Links */



#primary a:hover, #primary a:visited:hover,

.secondary a:hover, .secondary a:visited:hover {

	text-decoration: underline;

	}



h2 a:hover, h2 span a:hover {

	color: #27d !important;

	}



a {

	text-decoration: none;

	color:#FF0000;

	}



.itemtext a:visited {

	color: #b41;

	}



/*- Various Tags and Classes */



.clear {

	clear: both;

	margin: 0;

	padding: 0;

	}



#primary .itemtext img {

	margin: 0 5px ;

	padding: 4px;

	border: 1px solid #ccc;

	max-width: 100%;

	}



.center {

	text-align: center;

	}



.alignright {

	float: right;

	}

	

.alignleft {

	float: left

	}



img.center, img[align="center"] {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}

	

img.alignright, img[align="right"] {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft, img[align="left"] {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}

	

img.noborder {

	border: none !important;

	}



/*.favorite img {

	padding: 0;

	border: none;

	}*/



small {

	font-size: .9em;

	line-height: 1.5em;

	}



small, strike {

	color: #777;

	}

	

code {

	font: 1.1em Verdana, Arial, Helvetica, sans-serif;

	}



acronym, abbr {

	font-size: 0.9em;

	letter-spacing: .07em;

	border-bottom: 1px dashed #999;

	cursor: help;

	}



blockquote {

	margin: 20px 0;

	padding: 0 20px 0 50px;

	color: #333;

	background: #fff url('images/quote.gif') no-repeat 10px 0;

	border: none;

	}



hr {

	display: none;

	}



.navigation {

	text-align: center;

	margin: 10px 0;

	padding: 0;

	font-size:24px;

	color:#000000;

	width: 100%;

	}



.comments .navigation {

	margin: 10px 0;

	}



.navigation .left {

	float: left;

	width: 50%;

	text-align: left;

	font-size:24px;

	color:#000000;

	}



.navigation .right {

	float: right;

	width: 50%;

	text-align: right;

	font-size:24px;

	color:#000000;

	}



.navigation p {

	margin: 0;

	padding: 0;

	}



.navigation a {

	color: #999;

	}

	

.navigation a: hover {

	color:#FFFFFF;

	background-color:#FFFF00;

	}





	





.alert {

	background: #FFF6BF;

	border-top: 2px solid #FFD324;

	border-bottom: 2px solid #FFD324;

	text-align: center;

	margin: 10px auto;

	padding: 5px 20px;

	}



img.wp-smiley {

	border: none !important;

	padding: 0 0 0 5px !important;

	}



/*- Begin Lists */

.itemtext ol, .itemtext ul {

	padding: 0 0 0 35px;

	margin: 0;

	}



.itemtext ol li, .itemtext ul li {

	margin: 0 0 3px;

	padding: 0;

	}



.secondary div p {

	margin-top: 0.5em;

	}



/*.secondary ul, .secondary ol {

	margin: 5px 0 0;

	padding-left: 0;

	}*/



.secondary ul, .secondary ol, .secondary div div {

	margin: 5px 0 0;

	padding-left: 0;

	}



.secondary ul {

	/*_margin-left: 0px;*/ /* IE Hack */

	}



.secondary ol {

	margin-left: 15px;

	}



.secondary ul li, .secondary ol li {

	margin: 0;

	padding: 1px 0;

	}

	

.secondary ul li {

	list-style-type: none;

	list-style-image: none;

	}



ol li {

	list-style: decimal outside;

	}



.sb-links ul li {

	margin-top: 20px;

	color:#FF0000;

	}



.sb-links ul ul li {

	margin-top: 0;

	}















.pagetitle { /* Used on static pages and archives */

	margin: 0px 0 15px !important;

	}





#pagetrack {

	margin: 0 auto;

	width: 168px;

	height: 18px;

	/*background: url('images/sliderbgleft.gif') left 5px no-repeat;*/

	background: url('images/sliderbgleft.gif') no-repeat center left;

}



#pagetrackend {

	height: 18px;

	/*background: url('images/sliderbgright.gif') right 5px no-repeat;*/

	background: url('images/sliderbgright.gif') no-repeat center right;

	}



#pagehandle {

	width: 18px;

	height: 18px;

	/*background: url('images/sliderhandle.gif') center center no-repeat;*/

	background: url('images/sliderhandle.gif') no-repeat center center;

	cursor: e-resize;

}



/*- Attachment */



.attachment {

	text-align: center;

}



/* CSS Beyond this point is for various supported plugins and not the 'core' K2 template */









.activityentry {

	font-size: 1.1em;

	}



div.sb-comments small {

	display: block;

	margin: 0;

	font-weight: normal;

	line-height: 1em;

	}



/*

	Ultimate Tag Warrior

	K2 removes UTW's default tags for more default control.

*/



.localtags, .technoratitags {

	display: none;

	color:#FF0000;

	}



/*

	Contact Form

*/



.contactform {

	width: 100%; 

	position: relative;

	}



.contactleft {

	width: 15%; 

	text-align: right;

	clear: both; 

	float: left; 

	display: inline; 

	padding: 4px; 

	margin: 5px 0; 

	}



.contactright {

	width: 70%; 

	text-align: left;

	float: right; 

	display: inline; 

	padding: 4px; 

	margin: 5px 0; 

	}

	

.contacterror {

	border: 1px solid #ff0000;

	}





/* Peace and forgiveness */

/* Learn more about the other K2: http://en.wikipedia.org/wiki/K2 */



.secondary div div {

	margin: 10px 0 0;

	padding: 0;

	}

.secondary div div div {

    margin: 0;

    }

.secondary div div div div {

    margin: 0;

    }

.commentsrsslink {/* i changed basic orange color icon to blue */

	background: url('images/feed-icon-16x16.gif') left top no-repeat;

	}

/* feeds on 3rd column to fill it with something */

.sb-feed a {

	margin: 0px 10px 0px 0px;

	display: block;

	background: url('images/feed-icon-12x12.gif') no-repeat 0px 1px;

	padding-left: 18px;

	height: 14px;

	text-decoration: none;

	}

.sb-feed p {

	text-align: justify;

	}



.sb-akismet p {

	padding: 8px 0 0 115px;

	background: transparent url('images/akismet.gif') no-repeat top left;

	color: #fff;

	font-size: 14px;

	height: 30px;

	display: block;

	}

	

.editlink a, .commentseditlink a {

	padding-left: 2px;

	margin-left: 3px;

	background: none;

	}



#primary .aside .itemhead .metalink {

	font: 1.1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}



.permalink #primary .aside .itemtext {

	font: 1.1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	text-align: justify;

	color: #444;

	}	

	



/* New Info Sidebar Menu Pages CSS as of July 25 2007

**

*/



/* This styles the unordered list element to remove bullets and align the text */

 ul#nav {

   list-style-type : none;

   text-align:left;

 }



 /*

  This styles the links. It’s a block-level link and the text is positioned

  with padding. Other styles are defined: width, colors, text attributes, etc.

 */

 ul#nav a, ul#nav a.rss {

   background-color:#FFFFFF;

   padding : 0 0 0 0 ;

   margin-bottom : 0px;

   width : 100px;

   height : auto;

   color:#000000;

   font-weight:100;

   font-style : normal;

   display:inline;

   text-decoration : none;

 }



 /* This gives the “rss” class link a background image */

 ul#nav a.rss {

   background : #d3d3a7 url(images/rss.jpg) no-repeat 2px 2px;

 }



 /* This is only necessary for IE6 else the link margins will collapse on hover */

 ul#nav li {

   margin-bottom : 0px;

 }



 /* This removes the default left margin (indentation) */

 ul#nav li {

   margin-left : 0;

 }



 /*

  Now to offer some hover and focus styles. Further specification of focus/active styles

  could be added but I didn’t do it in this example. I didn’t feel it was needed

 */

 ul#nav a:hover, ul#nav a:focus, ul#nav a:active {

   background-color:#996600;

   color:#FFFFFF;

 }



 /* This offers up a hover/focus state image for the “rss” class link */

 ul#nav a.rss:hover, ul#nav a.rss:focus {

   background : #669900 url(images/rss_on.jpg) no-repeat 2px 2px;

 }



 /*

  This style the single state of the “current_page_item” class link. Not needed for

  the “rss” class link since that target page won’t display the menu

 */

 ul#nav li.current_page_item a, ul#nav li.current_page_item a:hover,

 ul#nav li.current_page_item a:focus, ul#nav li.current_page_item a:active {

 background-color:996600;

   color:#FFFFFF;

   cursor : default;

   text-align : left;

   font-size:16px;

 }



/* END New Info Sidebar Pages CSS as of July 25 2007

**

**

**

*/