/*   
Theme Name: Lost in the Moment Version 4.0 Blue
Theme URI: www.lostinthemoment.com/blog
Description: Specifically made theme for Lost in the Moment Version 4.0 Blue for Wordpress
Author: Chen Xu (chenxu2@uiuc.edu)
Author URI: www.lostinthemoment.com
Template: LITM4
Version: 4.0 Blue
.
Template specifically designed for author's website.
Any other uses must first obtain permission from author.
.
*/

html {
	height: 100%;
	margin: 0px;
}

body {
	height: 100%;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #cccccc;
}

img {
	padding: 10px;	
	border: 1px solid #999999;
	margin: 0px 10px;	
	margin-top: 5px;
}

/* WORDPRESS SMILEYS SHOULD NOT HAVE BORDERS */
img.wp-smiley {
    border: none;
	padding: 0px;
	margin: 0px;
}

.div_left {
	float: left;
	text-align: center;
	color: 	#000000;
	font-weight: bold;
	padding: 0px;
} 

.div_right {
	float: right;
	text-align: center;
	color: 	#000000;
	font-weight: bold;	
	padding: 0px;
}

.div_center {
    display: block;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
	color: 	#000000;
	font-weight: bold;		
	clear:both;
}

.image_no_border
{
	border: none;
}

#container
{
/*	height: 100%;*/
/* THIS HEIGHT IS CAUSING THE BACKGROUND TO STOP 100% INTO BROWSER*/
	min-height: 100%;	
	width: 1000px;
	position: relative;
	padding: 0px 100px;
	margin: 0px auto;
	background-image: url(http://www.lostinthemoment.com/blue/images/container_bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	
}

* html #container {
height: 100%;
}

/*
		HEADER
		HEADER
		HEADER		
*/

#header {
	background-image: url(http://www.lostinthemoment.com/blue/images/banner_seattle.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 800px;
	height: 200px;
	padding: 0px;
	margin: auto;
}

#header a {
	color: #CCCCCC;
	text-decoration: none;
}

#header a:visited {
	color: #CCCCCC;
	text-decoration: none;
}

#header h1 {
	width: 500px;
	font-size: 50px;
	color: #FFFFFF;
	margin: 0px 0px 0px 5px;
	letter-spacing: -1.5px;
	float: left;
}

#header h2 {
	width: 500px;
	float: left;
	font-size: large;
	font-style: normal;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
	margin: 0px 0px 0px 15px;
}

#header h3 {
	width: 300px;
	float: left;	
	font-size: small;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px 0px 0px 15px;
	clear: both;
}

/*
		TOP MENU
		TOP MENU
		TOP MENU		
*/

#menu_top {
	background-color: #486ebb;
	width: 800px;
	height: 30px;
	padding: 0px;
	margin: auto;
/*	clear: both;*/
}

#menu_top a {
	height: 24px;
	display: block;
	float: left;
	margin: 0px auto;
	padding: 6px 20px 0 20px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#menu_top a:hover {
	background-color: #698fdc;
}

#menu_top li {
	float: left;
}

#menu_top ul {
	width: 600px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

/*
		MAIN
		MAIN
		MAIN		
*/

#main{
	width: 800px;
	margin: 0px auto;
	margin-top: 20px;
/*		margin-bottom: 70px;*/
	padding: 0px;
	font-size: small;
}

/*
		CONTENT
		CONTENT
		CONTENT		
*/

#content{
	background-color: #FFFFFF;
	float: left;
/*	width: 580px;*/
	width: 560px;
	margin: 0px;
	margin-right: 20px;
	margin-left: 20px;
	line-height: 1.7em;
}

#content a {
	font-weight: bold;
	color: #3366CC;
	text-decoration: none;	
}

#content a:visited {
	font-weight: bold;
	color: #3366CC;
	text-decoration: none;	
}

#content a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #698fdc;
}

#content blockquote {
	padding: 5px;
	font-style: italic;
	border: 3px solid #EFEFEF;
}

#content h1 {
	font-size: xx-large;
	font-weight: bold;
	font-variant: small-caps;
	color: #3366CC;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 3px;
	line-height: 0.8em;
	text-align: left;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
}

#content h2 {
	font-size: x-large;
	font-weight: bold;
	font-variant: small-caps;
	color: #3366CC;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 3px;
	line-height: 0.8em;
	text-align: left;	
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

#content h3 {
	font-size: large;
	font-weight: bold;
	font-variant: small-caps;
	color: #3366CC;
}

/*
		LEFT MENU
		LEFT MENU
		LEFT MENU		
*/

#box_right {
	float: left;
	width: 160px;
	padding: 0px 20px 0px 0px;
	margin: 0px;
	background-color: #FFFFFF;	
/*	line-height: 1.7em;*/
}

#box_right a{
	background-color: #FFFFFF;
	width: 140px;
	display: block;
	margin-bottom: 5px;
	/* This margin left is because blog uses h2 as link categories which are indented so we must indent links too */
	margin-left:-10px;
	padding: 5px 0px 5px 10px;
	text-decoration: none;
	color: #3366CC;
	font-weight: bold;
}


#box_right a:visited{
	background-color: #FFFFFF;
	color: #3366CC;
	font-weight: bold;
}

#box_right a:hover{
	background-color: #EFEFEF;
	color: #698fdc;	
	font-weight: bold;
}

#box_right .regular_link {
	text-decoration: none;
	display:inline;
	color: #3366CC;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;		
}

#box_right .regular_link:hover{
	color: #0099FF;	
	font-weight: bold;
	display:inline;
	background-color:#FFFFFF;	
}

#box_right h1 {
	font-size: xx-large;
	font-weight: bold;
	font-variant: small-caps;
	color: #486ebb;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 3px;
	line-height: 0.8em;
	text-align: left;	
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px;	
	/* 
		The 5px bottom margin is to offset the li margin-top,
		This is for Wordpress only.
	*/
}

#box_right h2 {
	width: 140px;
	font-size: large;
	font-weight: bold;
	font-variant: small-caps;
	color: #486ebb;
	line-height: 0.8em;
	text-align: left;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 2px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 0px;	
	padding-left: 10px;
	padding-bottom: 1px;
}

#box_right li {
	font-size: small;
	list-style-type: none;	
	padding: 5px 0px 5px 10px;
	margin: 0px;
	margin-top: -10px;
	margin-bottom: 5px;	
}

#box_right li.link {
	list-style-type: none;	
	padding: 0px;
	margin: 0px;
	
}

#box_right ul {
	padding: 0px;
	margin: 0px;	
}

/*
		FOOTER
		FOOTER
		FOOTER		
*/

#footer {
	position: relative;
	height: 45px;
/*	background-color: #CCCCCC;*/
	width: 1000px;
	clear: both;
	font-size: small;
	text-align: center;
	margin: 0px auto;
	margin-top: -45px;
	margin-bottom: 5px;
	padding: 0px 100px;
	background-image: url(http://www.lostinthemoment.com/blue/images/container_bg.gif);
	background-repeat: repeat-y;
	background-position: center;	
}

#footer a{
	color: #3366CC;
	font-weight: bold;
	text-decoration: none;	
}

#footer a:visited{
	color: #3366CC;
	font-weight: bold;
	text-decoration: none;	
}

#footer a:hover{
	font-weight: bold;
	text-decoration: none;
	color: #698fdc;
}

.comment_text {
	background-color:#EFEFEF;
	padding: 0px 5px;
	margin: 0px;
}

/* 
		WORDPRESS
		WORDPRESS
		WORDPRESS				
*/		
 
p.postmetadata
{
	font-size:smaller;
}

p.comment{
	font-size:small;
}

h1#blog_title {
	width: 150px;
	font-size: xx-large;
	font-weight: bold;
	font-variant: small-caps;
	color: #3366CC;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 3px;
	line-height: 0.8em;
	text-align: left;
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 5px;
	background-color: #FFFFFF;
}
 
 #div_clear {
	clear:both;
	width: 800px; 
/* This breaks in IE */	
/*	padding: 0px 100px;*/
	padding: 0px 100px;
	background-image: url(http://www.lostinthemoment.com/blue/images/container_bg.gif);
	background-repeat: repeat-y;
	background-position: center;
}