/* CSS Life Outtacontext */

/* Layout */



body {
	margin: 0px 0px 20px 0px;
	background-color: #8C5C3F;
	background-image: url(images/clouds_bg.gif);
	background-position: left bottom;
	background-attachment: fixed;
	background-repeat: repeat-x;
    text-align: center;        
	}
	
#container {
	line-height: 140%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 740px;
	background-image: url(images/container_background.gif);
	background-color: #fff;
	background-position: left top; 
	background-repeat: repeat-y;
	background-attachment: scroll;
	}

#banner {
 	background-image: url(images/header2.jpg);
	background-color: #fff;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left top;
    width: 740px; 
    height: 124px;
	text-align: left;
	margin: 0;
	padding: 0;
	}

#center {
	float: left;
	width: 569px;
	overflow: hidden;
	}
	
#right {
	float: left;	
	width: 167px;
	overflow: hidden;
	}
	
#footer {
	padding-left: 20px;
	padding-bottom: 7px;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px;
    background-color:#fff;
    border-top: 1px solid #ccc;
    clear:both;
}

#container > #right {
	width:170px;
}

.sidebar {
	padding: 20px;
	}
	
.content {
	padding: 15px 15px 5px 20px;
	}

/* menu */

#banner { position: relative; }

#banner div.menu {
      width: 100%;
      margin: 1em 0;
      padding: 0px 0.5em;
      background: none;
      position: absolute; top: 92px; left: 13px;
    }
#banner .menu ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
#banner .menu li {
      margin: 0;
      padding: 0;
      float: left;
    }
#banner .menu li {
      padding-right: 7em;
    }
    
#banner li { text-indent: 0cm; 
	margin: 0cm;
	color: #000;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	font-weight: bold;	
	text-transform: uppercase;  	
	letter-spacing: .1em;
	}


/* Formatting */

p { text-indent: .7cm; 
	color: #000;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px;
	line-height: 170%;  margin: 0cm; 
	}

p.noindent { text-indent: 0cm; 
	margin: 0cm;
	color: #000;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px;
	line-height: 170%;
	}

p.extended { text-indent: 0cm; margin: 0cm; 
font-weight: bold; 
color: #000;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px;
	}

p.preface {text-indent: 0cm; margin: 0cm; line-height: 150%; 
	font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: 11px; color: #5c5c5c;
	}

p.righttitle {text-align: right; text-indent: 0cm; margin: 0cm; line-height: 100%; font-family: 'Trebuchet MS', Verdana, sans-serif; font-size: 12px; }

p.rightlist {text-align: right; text-indent: 0cm; margin: 0cm; line-height: 200%; font-family: 'Trebuchet MS', Verdana, sans-serif; font-size: 9px;}

p.right {text-indent: 0cm; margin: 0cm; line-height: 170%; 
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: 12px; text-align: right;
	}

p.comments {text-indent: 0cm; margin: 0cm; font-family: 'Trebuchet MS', Verdana, sans-serif; font-size: 10px; line-height: 120%; color: gray; text-align: center;
	}

p.footnote {text-indent: 0cm; margin: 0cm; font-size: 10px; line-height: 120%; color: #000; border-top: dotted 1px gray;
font-family: 'Trebuchet MS', Verdana, sans-serif;
	}

p.caption {text-indent: 0cm; margin: 0cm; line-height: 13px; 
font-size: 12px;
font-family: 'Trebuchet MS', Verdana, sans-serif;
	}

p.small { font-size: 9px; line-height: 9px; margin-bottom: .25cm;
font-family: 'Trebuchet MS', Verdana, sans-serif;
	}

p.maintitle {text-indent: 0cm; margin: 0cm; line-height: 120%; 
	font-size: 15px; color: #000;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	}

p.date {text-indent: 0cm; margin: 0cm; line-height: 170%; 
font-family: 'Trebuchet MS', Verdana, sans-serif;
font-size: 11px; color: #000;}

/* Blockquotes */
p.blockquote { text-indent: 0cm; line-height: 150%; margin-left: 1cm; font-size: 12px; margin-right: 1.5cm; margin-top: .5cm; margin-bottom: .5cm;
font-family: 'Trebuchet MS', Verdana, sans-serif;
	}

p.rightblockquote { text-indent: 0cm; font-size: 12px; line-height: 130%; margin-left: 8cm; margin-right: 1.5cm; margin-top: .5cm; margin-bottom: .5cm; text-align: left; font-family: 'Trebuchet MS', Verdana, sans-serif;
	}

blockquote.quotes { 
	background: url(http://outtacontext.com/life/images/quote_left.jpg) left top no-repeat; margin-left: 0; margin-right: 0; margin-top: .5.cm; margin-bottom: .5cm;
	}
	
blockquote div {
  padding: 0 58px;
  background: url(http://outtacontext.com/life/images/quote_right.jpg) right bottom no-repeat; 
	}

td.comparison {
	text-indent: 0cm; margin: 0cm; 
	line-height: 140%; 
	font-family: verdana, helvetica, sans-serif; 
	font-size: 10px;
	font-weight: bold;
	}	

.content ul { font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px; }
	
.content ol { font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px; }
	
.content ol li { margin-bottom: 14px; }

/* Links */


a:link {
	color: #6B4226;
	text-decoration: none;
	border-bottom: dotted 1px #666;
	}

a:visited {
	color: #8B5742;
	text-decoration: none;
	border-bottom: dotted 1px #666;
	}

a:active {
	color: #8c5c3f;
	text-decoration: none;
	border-bottom: dotted 1px #666;
	}

a:hover {
	color: #5E2612;
	text-decoration: none;
	border-bottom: dotted 1px #666;
	}
	
a.comments2:link { color: gray; 
text-decoration: none;
font-weight: normal;
border-bottom: none; }

a.comments2:visited { color: gray;
text-decoration: none;
font-weight: normal;
border-bottom: none; }

a.comments2:active { color: gray; 
text-decoration: none;
font-weight: normal;
border-bottom: none; }

a.comments2:hover { color: red; 
text-decoration: underline;
font-weight: normal;
border-bottom: none; }	

.menu li a:link { 
	color: #dc3902;
	text-decoration: none;
	border-bottom: none;
	}
	
.menu li a:visited { 
	color: #dc3902;
	text-decoration: none;
	border-bottom: none;
	}	

.menu li a:active { 
	color: #dc3902;
	text-decoration: none;
	border-bottom: none;
	}
	
.menu li a:hover { 
	color: #000033;
	text-decoration: none;
	border-bottom: dotted 1px #000033;
	}

.sidebar a:link { 
	color: #dc3902;
	text-decoration: none;
	border-bottom: none;
	}

.sidebar a:visited { 
	color: #dc3902;
	text-decoration: none;
	border-bottom: none;
	}	

.sidebar a:active { 
	color: #dc3902;
	text-decoration: none;
	border-bottom: none;
	}
	
.sidebar a:hover { 
	color: #000033;
	text-decoration: none;
	border-bottom: dotted 1px #000033;
	}
	
a.nounderline:visited { color: purple;
text-decoration: none;
border-bottom: none; }

a.nounderline:link { color: blue;
text-decoration: none;
border-bottom: none; }

a.nounderline:hover { color: red;
text-decoration: none;
border-bottom: none; }


h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}


a#banner-img {
	display: none;
	} 

.content blockquote {
	line-height: 150%;
	}

.content li {
	line-height: 150%;
	}

.content h2 {
	color: #666666;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: small;
	text-align: left;	
	margin-bottom: 10px;
	}

.content h3 {
	color: #333;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: medium;	
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;	
	}
	
.content h4 {
	color: #000033;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 14px;	
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;	
	}	

#commentbody p { text-indent: 0cm; 
	margin: 0cm;
	color: #000066;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px;
	margin-bottom: 8px;
	margin-left: .7cm;
	line-height: 170%;
	}

.content p.posted {
	color: #ff6600;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	text-indent: 0cm; 
	font-size: 11px;
	text-align: left;
	margin-top: 10px;
	margin-left: 0cm;
	margin-bottom: 25px;
	line-height: normal;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	}
	
.content p.posted img { border: none;                                                       
    }   	
    
 #signin { text-indent: 0cm; 
	margin: 0cm;
	color: #000;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 12px;
	line-height: 170%;
	}   

.sidebar h2 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	
	text-align: center;
	font-weight: bold;
	
	text-transform: uppercase;
  	line-height: 120%;
	letter-spacing: .3em;
	}

.sidebar ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 30px;
	}

.sidebar li {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	line-height: 100%;
	margin-top: 10px;
	list-style-type: none;
	}

.sidebar img {
	border: 3px solid #FFFFFF;
	}

.photo {
	text-align: left;
	margin-bottom: 20px;
	}

.link-note {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	padding: 2px;
	margin-bottom: 15px;
	}

#powered {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	color: #666666;
	margin-top: 50px;
	}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}
	
.button {
	font: bold 11px Verdana, Helvetica, sans-serif;
	color: #333;
	border-top: 1px solid #999;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	border-left: 1px solid #999;
	background-color: #fff;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	}	

textarea[id="comment-text"] {
	width: 80%;
	}
	
/*Technorati Tags */
div#technorati { visibility: hidden;
	}