/*

Theme Name: Relief Communications

Theme URI: http://www.tetrasc.com

Description: This theme was expressly designed for Relief Communications by Envision Solutions, Inc. in partnership with Tetra Strategic Communications.

Version: 1.0

Author: Robin Briggs

Author URI: http://www.envisionsolutionsinc.com


*/
@charset "UTF-8";
/**** RESET EVERYTHING BEGIN ****/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,
table,tr,td,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
/**** RESET EVERYTHING END ****/

body {
	font: 90% Gill Sans, Arial, Helvetica, sans-serif;
	background: #fff;
	line-height:1.5em;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	/*background: url('img/bg-gradient.png') repeat-x bottom;*/
}

h1 {
	text-transform:lowercase;
	color:#5a3f99;
	font-size:1.5em;
}

h2 {
	text-transform:lowercase;
	font-weight:bold;
	color:#5a3f99;
	clear:left;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

.post h2 {
	text-transform:none;
}

p  {
	padding-bottom:1.5em;
}

#hometable {
	width:250px;	
	border-width:0px;
	float:right;
}
#hometable td {
	vertical-align:top;
	padding:0 3px 17px 3px;
	line-height:1.3em;
	color:#666666;
}
#hometablecaption {
	white-space:nowrap;
}
#hometablecaption h2 {margin-left:10px}

/* Links */
a {
	text-decoration:none;
	color:#5a3f99; 
}

a:hover {
	xfont-weight:bold;
	text-decoration:none;
	color:#b6abd4; 
}

a img {border:0;}

#container {
	width: 964px;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/* main content area */
#mainContent {
	width:454px; 
	float:right;
	text-align:left;
	background:url('img/long-vertical-wiggle.png') no-repeat right top;
	padding-right:31px
}

#mainContent h1 {
	color:#5a3f99;
	font-size:1.5em;
        padding-bottom:1.5em;
        padding-top:0;
}

#homeCenter {
	float:right;
	text-align:left;
	background:url('img/long-vertical-wiggle.png') no-repeat right top;
	padding-right:31px
}

#postContent {
	width:660px; 
	float:left;
	text-align:left;
}

.postinfo {
	font-size:0.8em;
}

#mainContent ul, #postContent ul {
	padding-left:1em;
}

#mainContent li, #postContent li {
	list-style:disc inside;
	padding-bottom:1.3em;
	color:#5a3f99; 
	text-indent:-1em;
}

#mainContent li span, #postContent li span {
	color:#000;
}

.centerImg {
	float:left;
	padding-right:10px;
	padding-bottom:5px;
}
.homeContent {
	width: 454px;
	float:right;
}
#photostrip {
	float:right;
	padding-top:10px;
	padding-bottom:10px;
}

#home-footer, {
	float:right;
	text-align:center;
	width:454px;
}

#home-footer p {
	color:#5a3f99; 
	font-size:0.9em;
	text-align:center;
}

#client-list p {
	padding-bottom:0.5em;
}

.footer {
	float:right;
	text-align;left;
	width:454px;
}

.footer p {
	font-size:0.7em;
	line-height:1.0em;
}

#headerphoto {
	margin: 0 0 10px 0;
}

/* navigation */
#navcol {
	width:304px; 
	float:left; 
	text-align: right; 
	background:url('img/menu-wiggle.png') no-repeat right top;
}
#navlist {
	margin-right:50px; 
	list-style-type:none; 
	padding-top:10px;
	
}
#navlist li {
	padding-top:10px;
	text-transform:lowercase;
	font-size:1.5em;
}
#navlist li a:hover, #navlist li.current_page_item a {
	color:#b6abd4;
}

/* sidebar on right */
#sidebar {
	width:175px; 
	float:right;
}

#sidebar h1 {
	font-size:1.3em;
}

#sidebar h1, #sidebar .rightitem {}
.rightitem {
	background: url('img/rightitem-separator.png') no-repeat right top;
	padding-top:20px;
}
.rightitem img {
	width:100px; 
	height:100px; 
	float:left; 
	padding:0 10px 10px 0
}