/*  
Theme Name: SenseList
Theme URI: http://senselist.com/
Description: SenseList. theme
Version: 1.0
Author: Joe Kissell
Author URI: http://alt.cc/jk/
*/


/* COLORS
	#740C0C;	SenseList red
	#EEEEEE;	sidebar light gray
	#DDDDDD;	sidebar gray
	#004484; 	SenseList blue - used for links on white background
	#0B2876;	SenseList blue dark - used for links on gray background
	#FFFFFF;	white
	#000000;	black
*/


/* General Styles */

img, div {
	behavior: url(iepngfix.htc)
}

body {
    padding: 0;
    margin: 0;
	color: #000000;
	background-color: #669BCC;
	font-family: Arial, "Lucida Grande", Verdana, Helvetica, Geneva, sans-serif;
}

#page {
	margin-top: 1em;
	margin-bottom: 2em;
    margin-left: 2em;
    margin-right: 2em;
    background-color: transparent;
}

h1, h2, h3, h4 {
	font-family: Arial, "Lucida Grande", Verdana, Helvetica, Geneva, sans-serif;
}

h1 {
	margin-top: -.3em;
	margin-bottom: -.5em;
	font-size: 1.3em;
}
	
h1 a:link, h1 a:active {
	color: #004484;							/* SenseList blue */
	background-color: transparent;
	text-decoration: none;
}

h1 a:visited {
	color: #888888;							/* medium gray */
	background-color: transparent;
	text-decoration: none;
}

h1 a:hover {
	color: #740C0C;							/* SenseList red */
	background-color: #DDDDDD;
	text-decoration: none;
}

h3 {
	font-size: 1em;
	margin-top: .9em;
	margin-bottom: -.5em;
	padding-bottom: 0;
}

a:link, a:active {
	color: #004484;							/* SenseList blue */
	background-color: transparent;
    text-decoration: none;
}

a:visited {
	color: #888888;							/* medium gray */
	background-color: transparent;
    text-decoration: none;
}

a:hover {
	color: #740C0C;							/* SenseList red */
	/* background-color: #DDDDDD; */ /* caused problems in IE 6 for Windows - text disappearing */ 
}

/* End General Styles */


/* Header Styles */

#header {
    position: relative;
    background: transparent;
    height: 162px;
	margin-bottom: 20px;
    font-family: "Lucida Grande", Verdana, Helvetica, Arial, Geneva, sans-serif;
}

#header #logo {
	margin-left: auto; margin-right: auto;
	height: 162px;
	width: 594px;
	background: transparent url(images/SenseListOval2.png) 0px 0px no-repeat; /* left top */
	vertical-align: middle
	color: transparent;
}

#header #logo a { /* Must have same dimensions and position as #logo. */
	position: absolute;
	top: 0;
	height: 162px;
	width: 594px;
}

#header #logo a:hover {
	background-color: transparent;
}

/* End Header Styles */


/* Mainbar Styles */

#container { 
	width: 100%; 
	float: left; 
	margin-right: -220px;
} 

#content {
	margin-right: 226px;
	background: white; 
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	border: 1px dashed black;
	font-size: .9em;
} 

#content .ad_right {
	float: right; margin-left: 10px; margin-bottom: 10px;
}

#content .ad_left {
	float: left; margin-right: 10px; margin-bottom: 10px;
}

#content .ad_inline {
	margin-top: 10px; margin-bottom: 10px;
}

#content p, #content ul, #content ol, #content td {
	line-height: 1.4em;
}

#content td {
	margin-bottom: 4px;
}

#content p.date {
	color: #740C0C;							/* SenseList red */
	background-color: transparent;
	font-size: .9em;
	margin-top: 0;
}
	
#content p.metadata, #content div.metadata {
    font-size: .9em;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, Geneva, sans-serif;
	font-weight: bold;
}

#content p.metadata a {
	font-weight: normal;
}

.article {
	/* per-blog-post styles */
}

hr {
	height: 2px;
	width: 50%;
	background: #740C0C;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

#ls_related {
	color: inherit;
	background: #EEEEEE; 					/* sidebar light gray */
	padding-top: .1em;
	padding-bottom: .1em;
	padding-left: 1em;
	padding-right: 1em;
	font-size: .9em;
	line-height: 1em;
	margin-top: .5em;
	margin-bottom: 1em;
} 

#ls_related h3, #ls_related p, #ls_related ul {
	margin-top: .5em;
	margin-bottom: .5em;
}

blockquote {
	border-left: 3px solid #D46C6C;
	padding-left: .5em;
	color: #333333;
	background color: transparent;
}
/* End Mainbar Styles */


/* Begin Sidebar Styles */

#sidebar { 
	width: 188px; 
	float: right; 
	background-color: #DDDDDD;				/* sidebar gray */
    text-align: left;
    padding: 1em;
    margin: 0;
	list-style-type: none;
    font-size: .75em;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, Geneva, sans-serif;
} 

#sidebar ul li {
	margin-top: 0;
	margin-bottom: 0;
    line-height: 160%;
    font-weight: bold;
    border-top: 1px solid #740C0C;			/* SenseList red */
}

#sidebar ul {
	padding-left: 0;
	margin: 0;
}

#sidebar ul li {
	line-height: 17px;
	font-weight: normal;
	list-style-type: none;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 5px;
}

#sidebar ul li ul {
	margin-top: 4px;
}

#sidebar ul li ul li {
	margin-left: 9px;
	line-height: 130%;
}

#sidebar h2 {
    line-height: 170%;
    margin-top: .5em;
	margin-bottom: 0;
    padding-top: 5px;
    font-weight: bold;
    font-size: 10pt;
}

#sidebar img.lgimage {
	margin-left: 10px;
	margin-top: 10px;
}

#sidebar li a {
	color: #0B2876;							/* SenseList blue dark */
	background-color: transparent;
	text-decoration: none;
}

#sidebar h2 a {
	color: #0B2876;							/* SenseList blue dark */
	background-color: transparent;
	text-decoration: none;
}

#sidebar a:hover {
    color: #740C0C;							/* SenseList red */
    background-color: #EEEEEE;
}

#sidebar form {
	margin-top: 0;
	margin-bottom: 3px;
	margin-left: 5px;
}

.separator {
	text-align: center;
	font-size: 1em;
	color: #740C0C;							/* SenseList red */
	background-color: transparent;
	letter-spacing: .2em;
}

/* End Sidebar Styles */


#footer { 
    text-align: center;
    background-color: white;
	margin: 0; 
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both; 
	width: 100%;
} 

.copyright {
	font-size: .8em;
}