@import url(tripoli.base.css);
@import url(tripoli.visual.css);
@import url(tripoli.type.css);

/* Shawn's sorta-okay CSS styles */


/* ------------------
   Basics
   ------------------ */
   
html {
	background-color: #F0F5FA;
	background-image: url('../img/bg.png');
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	_background-image: url('../img/bg.jpg'); /* IE6 and down */
}

.content {
	width: 950px;
	margin: auto;
}


/* ------------------
   Header
   ------------------ */
#header {
	margin-top: 20px;
}

#quesComm {
	font-family: Garamond, "Times New Roman", serif;	
	font-size: 20px;
	font-style: italic;
	float: right;
	margin-top: 10px;
	/* also styles.ie.css */
}
#quesComm a {
	color: #1D71BF;
}


/* ------------------
   Top Menu
   ------------------ */
#topBar {
	width: 950px;
	margin: auto;
	clear: both; /* Because quesComm is float right */
}

/* So IMGs can be on different lines for code readability
   Had to surround with DIVs because PNG script killed the floats */
#topBar div, #topBar img  {
	float: left; 
}

 
/* ------------------
   Home Columns
   ------------------ */
#homeMain {
	float: left; /* 2col */
	width: 565px;
	margin-right: 30px;
	padding-left: 5px;
}
#homeSideBar {
	float: left; /* 2col */
}

#homeMain h1 {
	font-size: 13.5pt;
	color: #333333;
	line-height: 150%;
	font-weight: normal;
}
#homeMain h2 {
	font-size: 11pt;
	margin-bottom: 20px;
}

#homeSideBar .blogLinks {
	width: 335px;
	height: 193px;
	margin-top: 5px;
	padding-left: 15px;
	padding-top: 15px;
	background-image: url('../img/blogLinksBg.png');
}
#homeSideBar .blogLinks h1 {
	color: #648000;
	font-family: Georgia, serif;
	font-size: 14pt;
	margin-top: 0px;
	margin-bottom: 15px;
	font-weight: normal;
}
#homeSideBar .blogLinks .link{
	font-weight: bold;
	font-size: 10pt;
	margin-bottom: 5px;
}
#homeSideBar .blogLinks .link  a {
	color: #2675bf;
	position: relative; /* fix so links clickable in IE6 w / png fix. */
}
#homeSideBar .blogLinks .posted {
	font-size: 8pt;
	color: #888888;
}


/* ------------------
   Home Other
   ------------------ */
.news {
	width: 335px;
	padding-left: 15px;
	padding-top: 15px;
}
.news h1 {
	color: #333333;
	font-family: Georgia, serif;
	font-size: 14pt;
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: normal;
}
.news li {
	margin-left: -8px;
	list-style-type: disc;
	list-style-image: url('../img/bullet.png');
	margin-bottom: 10px;
}


/* ------------------
   Regular Columns
   ------------------ */
#sideBar {
	float: left; /* 2col */
	padding-left: 5px;
	width: 205px;
	margin-right: 20px;
	/* also styles.ie.css */
}
#sideBar .subMenu li {
	margin-left: -25px;
	margin-bottom: 10px;
	line-height: 1.2em;
	list-style-type: none;
	/* also styles.ie.css */
}
#sideBar .subMenu a {
	/*font-family: Georgia, serif;*/
	font-size: 12px;
	font-weight: bold;
	color: #2675bf;
	text-decoration: none;
	border-bottom: 1px solid #D0D5DA;
}
#sideBar .subMenu a.selected {
	color: #D44;
	text-decoration: none;
}
#main {
	float: left; /* 2col */
	width: 710px;
	min-height: 400px;
}
.wide#main {
	width: 945px;
	padding-left: 5px;
}
#main ul li {
	margin-left: -8px;
	list-style-type: disc;
	list-style-image: url('../img/bullet.png');
	margin-bottom: 10px;
}
#main ul li li{
	list-style-type: disc;
	list-style-image: none;
}
#main ul li li li{
	list-style-type: circle;
	list-style-image: none;
}
#main ol li {
	margin-bottom: 10px;
}

#main blockquote {
	margin-bottom: 1.6em;
}


/* ------------------
   Formula
   ------------------ */
.forumla blockquote {
	margin-left: 50px;
}
.forumla#main ul li {
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	list-style-type: none;
	list-style-image: none;
}
.forumla#main ul li li{
	margin: 0px;
	margin-bottom: 2px;
	list-style-type: none;
	list-style-image: url('../img/bullet.png');
}
.forumla#main ul li li li{
	list-style-type: disc;
	list-style-image: none;
}
.forumla#main ul.regular li {
	list-style-image: url('../img/bullet.png');
	margin-top: 0px;
	margin-bottom: 3px;
}

/* ------------------
   Footer
   ------------------ */
#footer {
	width: 940px;
	height: 38px;
	margin: auto;
	margin-bottom: 15px;
	padding-top: 16px;
	
	background-image: url('../img/footerBg.png');
	font-size: 9pt;
	color: #555555;
	clear: both; /* 2col */
}
#footer a {
	color: #555555;
	position: relative; /* fix so links clickable in IE6 w / png fix. */
}

#footer p {
	margin-left: 10px;
	float: left; /* For IE6 */
}
#footer ul {
	margin-right: 10px;
	float: right;
}
#footer li {
	display: inline;
	margin: 0px;
}
#footer li.divider {
	margin-left: 2px;
	margin-right: 2px;
}


/* ------------------
   Blog
   ------------------ */
.blog #sideBar {
	width: 235px;
}
.blog #main {
	width: 680px;
}
.blog hr {
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #ddd;
}
.blog #sideBar h2 {
	font-family: Garamond, "Times New Roman", serif;
	font-size: 22px;
	font-weight: normal;
	color: #555;
}
.blog #sideBar ul {
	margin-left: 0px;
	
}
.blog #sideBar li {
	list-style-type: none;
}
.blog #sideBar a {
	font-size: 12px;
	font-weight: bold;
	color: #2675bf;
	text-decoration: none;
	border-bottom: 1px solid #D0D5FA;
}
.blog #sideBar a.image {
	border: none;
}

.blog #searchsubmit {
	font-weight: bold;
	color: white;
	background-color: #1665af;
	border: 1px solid;
	border-color: #06559f;
	width: 70px;
	height: 22px;
	margin-left: 10px;
}
.blog #s {
	height: 18px;
}
.blog input {
	vertical-align: middle;
}
.blog #sideBar div.search {
	margin-top: 1.6em;
	padding-bottom: 0px;
}
.blog #main .post h2, .blog #main .post h3 {
	font-family: Garamond, "Times New Roman", serif;	
	font-size: 35px;
	margin-top: 12px;
	margin-bottom: 5px;
	font-weight: normal;
}
.blog #main .post h3 {
	font-size: 25px;
}

.blog #main a {
	color: #1D71BF;
	text-decoration: none;
	border-bottom: 1px solid #D0D5FA;
}

.blog .post small {
	font-size: 90%;
	color: #888;
}
.blog .entry p {
	margin-top: 10px;
}
.blog #comment {
	width: 680px;
}
.blog .comment.even {
	background-color: #E1EEFA;
}
.blog .comment.odd {
	background-color: white;
}
.blog #main .commentlist {
	margin-left: 0px;
}
.blog #main .commentlist li {
	list-style-type: none;
	list-style-image: none;
	padding: 5px;
}
.blog #main .commentlist p {
	margin-top: 10px;
	margin-bottom: 0px;
}
.blog #main .commentlist .fn  {
	font-style: normal;
}
/* Override the Tripoly style */
.blog #main .alt {
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
.blog .comment-author, .blog .comment-meta {
	display: inline;
}