/* 
Theme Name: Blasé Blogger
Theme URI: http://tlrdesign.com/themes/casual.php
Description: An imageless blog theme great for a casual or personal blog.
Version: 1 
Author: TLR Design
Author URI: http://tlrdesign.com/ 
Tags: blue, green, two-columns, fixed-width
 */
 body {
 line-height: 20px;
 color:#2986cd;
width:750px;
font-family: Georgia;
margin:0 auto;
margin-top:30px;
text-transform: lowercase;
}

#links a:visited, #links a:link{
color: #a7d663;
}

#links a:hover{
text-decoration: none;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/* ----- HEADER ----- */



#header {
width:750px;
height:150px;
}

#links ul li{
padding: 10px;
font-size: 24pt;
display: inline;
list-style: none;
}

#links{
float: right;
}

#title{
color:#2986cd;
font-size:60pt;
font-weight: normal;
float: left;
}

#title a{
color:#2986cd;
text-decoration: none;
}

/* FAUX LAYOUT WRAPPER */


/* 
This div is optional: When you delete it the navigation bar and the content block won't have the same size when one of them has a larger height then the other. I recommend you to leave this faux layout wrapper here.

IMPORTANT: In order to make this work you have to download http://csseasy.com/layouts/fixed/background_4.gif (copy past in your address bar) and place it in the same folder as this html file. DON'T HOTLINK to this file.
*/


#wrapper{
width:750px;
overflow:auto; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
margin-top:10px;
}


a:link, a:visited{
color:#36a1ff;
}

a:hover{
text-decoration: none;
}

/* ----- NAVIGATION ----- */



#navigation {
font-family: Helvetica;
color: #389f19;
width:200px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
float:right;
}

#navigation h2{
font-family: "Trebuchet MS";
}

#navigation ul li{
color: #2986cd;
}

#navigation a:link, #navigation a:visited{
color:#28405f;
}

#navigation a:hover{
text-decoration: none;
}

#tag{
color: #389f19;
font-size: 14px;
font-family: "Trebuchet MS";
}
/* ----- MAIN CONTENT ----- */

#meta{
padding: 0;
margin: 0;
font-family: Helvetica;
text-transform: uppercase;
font-size:11px; 
color: #b2b2b2;
}

#meta a:link, #meta a:visited{
color:#b2b2b2;
}

#meta a:hover{
text-decoration: none;
}

p, h1, h2, h3, h4, h5{
padding: 1px;
margin: 1px;
}

#content { 
color:#2986cd;
width:540px;
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
margin-top:10px;
}

.post{
margin-bottom: 20px;
}

p.more{
width: 93px;
margin: 10px;
background: #1e588f;
font-family: Helvetica;
padding: 5px;
}

.more a{
color: #FFFFFF;
}

/*Comments*/

#commenttime{
font-size: 10px;
text-align: right;
}

#avatar {
font-size: 13px;
text-align: right;
float: left;
}

#comments h4{
margin-top: 20px;
}

#commentwrapper{

color: #2986cd;
width: 1000px;
padding: 10px;
margin: 20px;
}

#commentdate{
float: right;
width:100px;
}

.comment{
color: #2986cd;
border: 1px #DDDDDD solid;
width: 332px;
height: 113px;
padding: 10px;
margin-top:10px;
margin-left: 80px;
background-position: left;
background-repeat: no-repeat;
}

/* ----- FOOTER ----- */



#footer { 
width:750px;
height:100px;
margin-top:10px;
}