@import "reset.css";

/* ===========================================================*/
/* Body Styles */
/* ===========================================================*/

html, body{
	height: 100%;   
}

body{
	font-size:62.5%;
	line-height:1.6em;
	margin:0px 0 30px 0;
	padding:0;
	background:url('images/body-bkgd.jpg') repeat-x center top #dcf4fa;
	text-align: center;
}

/* ===========================================================*/
/* Typeography */
/* ===========================================================*/

body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,
caption,pre,p,blockquote,input,textarea {
  font-family: 'Lucida Grande', Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
}

/* Headings 
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
  font-family: Georgia, Verdana, Helvetica, Arial, sans-serif;
  margin: 0; 
  padding: 0;
  color:#3b3636; 
  clear:both; 
}

h2 a,h3 a{
text-decoration:none;	
}

h1{
	font-size:2.4em;
	padding:16px 0 35px 0px;
}

h2{
	font-size:2.2em;
	padding:0 0 25px 0;
}

h3{
	font-size:1.4em;
	text-transform:uppercase;
	padding:0 0 3px 0;
}

h4, h5, h6{
	font-size:1.1em;
	font-weight:bold;
}

/* Paragraphs
-------------------------------------------------------------- */
p{
	font-size:1.2em;
	margin: 0 0 20px 0;
	color:#5d5d5d;
	line-height:1.7em;
	}

p.last{ margin-bottom:0; }
p span.highlight{color:#ad0000;}
.highlight-yellow{color:#F2FFB7;}

/* Lists
-------------------------------------------------------------- */
ul, ol{ 
	margin: 18px 0 18px 18px;
	list-style-type:disc;
}

ol { list-style-type:circle; }


a{	color:#094573;}

/* Breaks
-------------------------------------------------------------- */
p.linebreak{
	border-bottom:1px solid #555555;
	clear:both;
}

hr{
color:#f0f0f0;
background-color:#f0f0f0;
height:1px;
border:none;
margin:20px 0 30px 0;
}



/* Other Text
-------------------------------------------------------------- */

blockquote  { margin: 18px 0 18px 23px; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
a			{color:#000;}

pre {border: solid 1px #f0f0f0;
	font-size: 1.2em; 
	margin: 7px 0 20px 0; 
	padding:0px 15px 0px 15px; 
	background: url('images/bkgd-pre.gif');
	color:#5d5d5d;
	line-height:1.8em;
	clear:both;
}




/* HAcks
-------------------------------------------------------------- */


.clearfix:after {
	content: "."; 
	display: block; 
	height: 0;
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-block;}



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

/* ===========================================================*/
/* layouts */
/* ===========================================================*/

			
			
#wrapper{
	text-align: left;
	margin:0 auto;
	width:970px;
}


#masthead{
	height:250px;
	background:url('images/masthead-bkgd.gif') repeat-x left bottom;
	padding:0 0px 0 25px;
}

#logo{
	margin:180px 0 0 0;
}

#flamingsquirrel{
	float:right;
	margin:0;
	padding:0;
}


/* content
-------------------------------------------------------------- */
#content-wrapper{
	background:#FFF;	
		border-bottom:10px solid #305b76;
}


#left-column{
	width:550px;
	margin:0 125px 0 25px;
	float:left;
	display:inline;
}



#left-column li{font-size:1.2em;color:#5d5d5d;}





.imgRight{
	float:right;
	margin:0 0 30px 30px;

}

.imgRightBorder{
	float:right;
	margin:0 0 30px 30px;
	padding:8px; border:1px solid #f0f0f0;
}


#right-column{
	width:245px;
	margin:0 25px 0 0;
	float:left;
	display:inline;
}

#left-column, #right-column{
	padding:40px 0 0 0;
	margin-top:20px;
	border-top:2px solid #f0f0f0;

}



#right-column li h2{
	font-size:1.4em;
	text-transform:uppercase;
	padding:0 0 3px 0;
}

#right-column p{
	font-size: 1.1em;
	margin-bottom:30px;
	
}

#right-column ul{
	margin:0 0 30px 0;
	padding:0;
	list-style:none;
		font-size:1.1em;
}

#right-column ul li a{
	color:#ff0072;
	padding:2px 0 2px 0;
	display:block;
}




.postmetadata{
	font-weight:bold;
	font-size:1.1em;
	margin-top:25px;
}

.postmetadata a{
	color:#000;
}




/* footer
-------------------------------------------------------------- */


#footer{
	clear:both;
	color:#7a7a7a;
	margin:0 0 0px 0;


	height:60px;
	padding:25px 25px 25px 25px;
}

#footer p{
	padding:20px 0 0 0;
	border-top:2px solid #f0f0f0;
	
}


/* Comments
-------------------------------------------------------------- */

.commentlist{
	list-style:none;
	padding:10px;
	background:#eeeeee;
	margin:20px 0 20px 0;
}

textarea{
	width:400px;
	height:130px;	
	
}