/*      
-----------------------------------------------------------------------------------
BLOG.VIBE9DESIGN.COM | (C) VIBE9 DESIGN
-----------------------------------------------------------------------------------
CSS Document Author: Terry Evans - VIBE9 DESIGN
XHTML Document Author: Terry Evans - VIBE9DESIGN
-----------------------------------------------------------------------------------
SITE BY - WWW.VIBE9DESIGN.COM - VANCOUVER, B.C.
-----------------------------------------------------------------------------------
*/

#sidebar ul.rss li {height:135px;}
#sidebar ul.rss li a {display:block; width:135px; height:135px; background:url(../gfx/rss.gif) no-repeat 0 0; text-indent:-9999px;}
#sidebar ul.rss li a:hover { background:url(../gfx/rss.gif) no-repeat 0 0; }
#sidebar ul.rss li a span {display:none;}

/* Globals
---------------------------------------------------------------------------------- \*/

* html {margin:0; padding: 0;}

body {
	margin: 0; padding: 0; border:0;  min-width: 770px;
       font: 76%/150% Tahoma, Helvetica, Arial, Sans-Serif;
	color:#2D383E; text-align: center;
	background: #fff url(../gfx/bg.gif) repeat-x;
}

/* iemac notice \*/
#iemac {display:none;}

/* Link Styles
---------------------------------------------------------------------------------- \*/
a { color: #990000;text-decoration: none; padding:2px; }
a:hover { color: #fff; text-decoration: none; background: #8A9DAD; }

/* Layout and Stuff
---------------------------------------------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#container {text-align:left;}

/* -- Containers -- \*/
 #container {
        width:100%; padding: 0; margin: 0; padding:0;
}
#contentarea {
	  margin:0 auto; max-width:70em; text-align:center;
}
html>body #contentarea {margin: 160px auto 0 auto;}
#content {
       float: left; width:59%; 
       margin: 0 0 0 4%;
       text-align:left; display:inline;
}
div.colA {float:left; width:49%;}
div.colB {float:right; width:49%;}
#sidebar {
	float: right; width: 30%; 
        margin: 0 2% 0 0;
        text-align:left; display:inline;
}
#head {
	text-align: center; margin:0; padding:0; width:100%;
	height: 160px; background: url(../gfx/bg.png) repeat-x;
       position: fixed; top: 0;  z-index: 420;
}
#foot {
	clear: both; height: 94px;
	width:100%; margin:0; padding:0;
        background:url(../gfx/bgfoot.gif) repeat-x  bottom;
	text-align: center;
}

/* Header
---------------------------------------------------------------------------------- \*/
#head h1 {margin:0; padding:0; display: block; background: url(../gfx/blog9.png) no-repeat top right; width: 500px; height:160px; float:right;}
#head h1 a {display:none;}

#head h2 {float: left; width:150px; height: 120px; color:#fff; line-height:1.1em; font-size:12px; text-align:  left; font-weight: normal; padding: 10px;
display: none; 
}


/* Content
---------------------------------------------------------------------------------- \*/
#content p, blockquote, h3
{
	line-height: 18px;
	text-align: left;
	padding:0 10px;
}
blockquote.goright {margin:0; padding:0; float:right; width:250px;}

#content h2 {color:#4B6786; font-size:28px; font-weight:normal; line-height:1.1em;}
#content h2 a {font-size: 28px; font-weight:normal;padding:2px 0; }
#content h2.sticky {font: 28px/30px Tahoma, Helvetica, Arial, Sans-Serif; font-weight:normal; color:#4B6786;}
#content h3 {color:#4B6786; font-size: 18px; font-weight:bold;line-height:1.1em;}
#content h4 {margin:5px 0 0 10px;line-height:1.1em;}

#content h2 span {font-size:11px; color:#999; display:block; padding:6px 0 0 2px;}
#content h3.sticky {padding:0; margin:0;}

#content p.posted { font-size:11px; color:#999; margin:0; padding:0 3px;}
#content p.posted a {color:#696969; text-decoration:underline;}
#content p.posted a:hover {color:#999; background:transparent;}

blockquote {font-size:14px; line-height:1.1em; color:#8A9DAD;}

img {border:2px solid #8A9DAD; padding:0; margin:0;}
#content p.center {text-align:center;}

/* ----- Archives ----- */
#content dt {color:#4B6786; font-size:16px; line-height: 30px; font-weight:bold;}
#content dl dd {margin-left:0;}
#content div.colB ul {padding:0; margin:10px 0 0 0; list-style:none;}
#content div.colB ul li {padding:0; margin:0;}

/* ----- Comments ----- */
.flip {background:#E1E7EC; padding:15px; margin:10px; -moz-border-radius:10px;}
.flop {background:#ECDEE1; padding:15px; margin:10px; -moz-border-radius:10px;}

img.gravatar {border:none; width:45px;  height:45px; float:right; padding:0 0 15px 15px}

#content p.commenter {margin:10px 0 0 0; padding:5px; text-align:right; clear:right; -moz-border-radius:10px;}
#content li.flop p.commenter {background:#EBD3D8;}
#content li.flip p.commenter {background:#D1DEE9;}

#comments {list-style-type:none; margin:0 0 20px 0; padding:0;}

#content p.invite {display:block; width: 100%; color:#999; margin:0 0 2.6em 0;}

#cform { padding:10px 0; margin:0 auto; }

#cform label {
    float:left; 
    width:9em;
    vertical-align : top;
    line-height : 1.8em;
    text-align:right;
    padding-right : 1em;

}

#cform p span {font-size:11px; float:none; padding:0; margin:0 0 0 120px;}

#cform p.btn input {float:none; padding:0.4em; margin:0 0 0 120px;}

#cform input {border:1px solid #8A9DAD; padding:0.2em;}
#cform input:focus {border:1px solid #990000;}

#cform textarea {border:1px solid #8A9DAD; padding:0.5em; width:60%; font: 12px/1.4em Tahoma, Helvetica, Arial, Sans-Serif; }
#cform textarea:focus {border:1px solid #990000;}

#cform p.expl {
    font-size:0.9em; padding: 0 70px;
     line-height : 1.3em;  
}

#cform fieldset {border:none;}

/* --- Contact Form ---*/
body#contact #content form {padding:0 0 0 10px;}

/* Sidebar
---------------------------------------------------------------------------------- \*/
body#about ul#nav li.about a {color:#4B6786;}
body#archives ul#nav li.archives a {color:#4B6786;}
body#contact ul#nav li.contact a {color:#4B6786;}
#sidebar ul.rss li {margin-top:10px; font-size:11px; border:none;}
#sidebar ul.rss li a {color:#990000;}
#sidebar ul.rss li a:hover {color:#4B6786;}
/* --- elastic --- \*/
#sidebar ul {width:100%; margin:0; padding:0;}
#sidebar ul li {list-style-type:none; border-bottom:1px solid #8A9DAD; position:relative; line-height: 1.4em; height:1.4em; width:100%;  
 font-size:12px; margin:0; padding:0; text-align:right;}
#sidebar ul li a {padding:0; margin:0; line-height: 1.4em; height:1.4em; width:100%;  color:#8A9DAD; }
#sidebar ul li a:hover {background:transparent; color:#990000;}

#sidebar ul.links li a:visited {text-decoration:line-through; color:#999;}
#sidebar ul.links li a:visited:hover {color:#990000;}

#sidebar #nav li {text-align:left; font-size:14px;}
#sidebar #nav li a {color:#990000;}
#sidebar #nav li a:hover {color:#8A9DAD;}

#sidebar h3 {width:100%; display: block; text-align:right; color:#3C5B7F; font-size:26px; font-weight:normal; margin:0; padding:10px 0 5px 0; line-height: 100%; height: 100%; }

#sidebar dl {width:100%; margin:20px 0 0 0; padding:0; }
#sidebar dl dt {width:100%; display: text-align:right; color:#3C5B7F; font-size:26px; margin:0; padding:0 0 5px 0; line-height: 100%; height: 100%; }
#sidebar dl dd { border-bottom:1px solid #8A9DAD; position:relative; margin:0; padding:5px 0; line-height: 1.1em; width:100%;  display:block;  font-size:14px;}
#sidebar dl dd a { margin:0;  line-height: 1.1em; width:100%; color:#8A9DAD; }

#sidebar dl dd a:hover {background:transparent; color:#990000; }

/* Footer
---------------------------------------------------------------------------------- \*/
#foot p.credit {float:right; width: 300px; font-size: 11px; color:#999; padding:40px 0 0 0;}
#foot #ctr {margin:0 auto; text-align:center; width:300px; height:94px; 
 display: block; color:#fff;}

#foot #ctr p {margin:0; padding:0; text-align:center;}

#foot #ctr a {display:block; height:94px; width:300px; position:relative; text-indent:-99999px; padding:0px; background: transparent url(../gfx/upbtn.gif) no-repeat -300px 0;}
#foot #ctr a:hover {background: transparent url(../gfx/upbtn.gif) no-repeat 0 0;}
         	/*             styles for the star rater                */
	.star-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 125px;
		height: 25px;
		position: relative;
		background: url(../gfx/) top left repeat-x;
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
border: 0;
		display:block;
		width:25px;
		height: 25px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}
	.star-rating li a:hover{
		background: url(../gfx/) left bottom;
		z-index: 2;
		left: 0px;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:25px;
	}
	.star-rating a.two-stars{
		left:25px;
	}
	.star-rating a.two-stars:hover{
		width: 50px;
	}
	.star-rating a.three-stars{
		left: 50px;
	}
	.star-rating a.three-stars:hover{
		width: 75px;
	}
	.star-rating a.four-stars{
		left: 75px;
	}
	.star-rating a.four-stars:hover{
		width: 100px;
	}
	.star-rating a.five-stars{
		left: 100px;
	}
	.star-rating a.five-stars:hover{
		width: 125px;
	}
	.star-rating li.current-rating{
		background: url(../gfx/) left center;
		position: absolute;
		height: 25px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
.ratingerror {
color: red;
}
         	/*             styles for the star rater                */
	.star-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 125px;
		height: 25px;
		position: relative;
		background: url() top left repeat-x;
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
border: 0;
		display:block;
		width:25px;
		height: 25px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}
	.star-rating li a:hover{
		background: url() left bottom;
		z-index: 2;
		left: 0px;
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
		width:25px;
	}
	.star-rating a.two-stars{
		left:25px;
	}
	.star-rating a.two-stars:hover{
		width: 50px;
	}
	.star-rating a.three-stars{
		left: 50px;
	}
	.star-rating a.three-stars:hover{
		width: 75px;
	}
	.star-rating a.four-stars{
		left: 75px;
	}
	.star-rating a.four-stars:hover{
		width: 100px;
	}
	.star-rating a.five-stars{
		left: 100px;
	}
	.star-rating a.five-stars:hover{
		width: 125px;
	}
	.star-rating li.current-rating{
		background: url() left center;
		position: absolute;
		height: 25px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
.ratingerror {
color: red;
}