/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End of Reset */





/* Begin Stylesheet */

* { padding: 0; margin: 0; background-repeat: no-repeat;}
body { font-family: "Times New Roman", Times, serif; min-width: 1080px; width: 100%; font-size: 10px; line-height: 16px;
  color: #000000;
  background-image: url("images/bkg.gif");
  background-repeat: repeat-y center;
  }
  
button {
	color: black;
	background-color: white;
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	border: 1px solid #3399ff;
	padding: 4px;
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 16px;
}

.sidebar button {
	color: white;
	background-color: black;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #444444;
	padding: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 16px;
	margin-left: 8px;
}

.sidebar input {margin-left: 16px;
	font-family: Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    padding: 2px;
    width: 120px;
	background-image: url('images/gray_bg.png');
    background-repeat: repeat-x;
    background-position: top;}

.sidebar button:hover {border: 1px solid #cccccc; background-color: #666666}
.sidebar button:active {color: #fff; background-color: #444;}

button:hover {background-color: #cccccc;}
button:active {background-color: #444;}

#inputArea
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 16px;
}

#inputArea p {color: #3e5368; font-family: Helvetica, Arial, Sans-Serif;
	font-size: 16px;}

#inputArea input[type="text"], #inputArea textarea
{
    color: #3e5368;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 16px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    border: solid 1px #85b1de; 
    width: 300px;
    background-color: white;
    background-image: url('images/blue_bg.png');
    background-repeat: repeat-x;
    background-position: top;
}

#inputArea textarea
{width: 500px;
}

#inputArea input[type="text"]:focus, #inputArea textarea:focus
{
    background-image: none;
    background-color: #ffffff;
    border: solid 1px #33677F;
}

.sidebar input[type="text"]:focus {background-image: none;
    background-color: #ffffff;
    }
  
#footer img {margin: 8px; margin-top: 0; border: 2px solid #fff;}
#content img {padding: 8px; padding-top: 0px;}

/* Links */
a, a:link, a:hover, a:active, a:visited {
	color: #666666;
	text-decoration: underline;
}

a:hover {
	color: #0099ff;
	text-decoration: underline;
}

a:active {
	color: #ff9933;
}

.posttitle a, .posttitle a:link {color: #222222; text-decoration: none;}
.posttitle a:hover {color: #444444; text-decoration: underline;}
.posttitle a:active {color: #ff9933;}

.sidebar a, .sidebar  a:link, .sidebar a:hover, .sidebar a:active, .sidebar a:visited {
	color: #dddddd;
	text-decoration: none;
	font-size: 16px;
	line-height: 20px;
}

.sidebar a:hover {
	color: #ff9933;
}

#lowerfeatures a, #lowerfeatures  a:link, #lowerfeatures a:hover, #lowerfeatures a:active, #lowerfeatures a:visited {
	color: #ffffff;
	text-decoration: underline;
	line-height: 24px;
	font-style: normal;
}

#lowerfeatures a:hover {
	color: #999999;
	text-decoration: underline;
}

#footer a, #footer  a:link, #footer a:hover, #footer a:active, #footer a:visited {
	color: #ffffff;
	text-decoration: underline;
	line-height: 24px;
	font-style: normal;
}

#footer a:hover {
	color: #aaaaaa;
	text-decoration: underline;
}

/* End of Links */


#grid { background-image: url("images/960webgrid.gif.html"); background-repeat: no-repeat; height: 960px; width: 960px; margin: 0 auto; }
#header_container {height: 240px; width: 960px; margin: 0 auto auto;}
#header { border-width: 0; border-top: 4px solid #000; background-image: url("images/headerbg.png"); background-repeat: repeat-x;  position: relative;}
#logo { clear: both; width: 960px; height: 240px; background-image: url("images/cslheader.png"); background-repeat: no-repeat; overflow:hidden;}
#logo:hover {background-position: 0 -240px;}

#nav {}

#nav ul {float: left; margin-left: 0; margin-bottom: 0; margin-right: 0; margin-top: 0; height: 0; font-size: 10px;
}

#nav li {
	display: inline;
}

#nav li a {
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	float: left;
	text-align: center;
	font-size: 16px;
	line-height: 10px;
	padding: 24px 20px;
	text-shadow: #333333 1px 1px 0;
}

#nav li a:hover {
	border-top: 5px solid #000000;
	background-color: #333333;
	padding-top: 19px;
	color: #fff;
	text-shadow: #333333 1px 1px 0;
}

#nav li a.current,
#nav li a:hover.current {
	background: url("images/nav_current.png.html") no-repeat center top;
	color: #fff;
	border: none;
	padding-top: 70px;
	text-shadow: none;
}

#maintained_button {width: 240px; height: 80px; background-image: url("images/maintained_button.png"); background-repeat: no-repeat;}
#maintained_button:hover {background-position: 0 -80px;}
#rss {width: 51px; height: 80px; background-image: url("images/rss.png"); background-repeat: no-repeat; margin-left: 16px;}
#rss:hover {background-position: 0 -80px;}
#twitter {width: 80px; height: 80px; background-image: url("images/twitter.png"); background-repeat: no-repeat;}
#twitter:hover {background-position: 0 -80px;}
#facebook {width: 80px; height: 80px; background-image: url("images/facebook.png"); background-repeat: no-repeat; margin-left: 57px;}
#facebook:hover {background-position: 0 -80px;}
#csl_button {width: 480px; height: 80px; background-image: url("images/cslbutton.png"); background-repeat: no-repeat;}
.button ul {width: 80px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto;}

#container_edges { width: 1008px; margin-left: auto; margin-right: auto; background-image: url("images/contentbg.png"); background-repeat: repeat-y; background-color: #fff;}
#content_top {width: 1008px; height: 17px; background-image: url("images/content_top.png.html");}
#container {width: 960px; margin-left: auto; margin-bottom: 0; margin-right: auto; margin-top: 0;}
#topfeatures {clear:both; background-image: url("images/topfeaturesbg.png");}
#topleftfeatures {float: left; width: 480px;}
#toprightfeatures {margin-left: 480px; width: 480px;}
#mainwrapper {clear:both;}
#content {width: 680px; margin-left: 24px; padding-top: 0px; font-size: 16px; line-height: 20px;}
#comments {color: #222; font-style: normal; background-color: white; padding: 16px; padding-top: 8px; padding-bottom: 0; border: 1px solid #85b1de; margin-bottom: 16px; margin-right: 17px;}
#comments p, #comments h1, #comments h2, #comments h3, #comments h4, #comments h5, #comments h6 {font-family: Helvetica, Verdana, Arial, sans-serif; color: #3e5368;}
#comments a, #comments a:link {color: #3e5368;}
#comments a:hover {color: #85b1de;}
#comments cite {text-align: left;}
#sidebarwrapper {width: 240px;}
.sidebar {background-image: url("images/sidebarbg.png"); background-repeat: repeat-y; background-color: #222222; color: #dddddd; padding-left: 16px; font-size: 16px; line-height: 20px;}
.sidebar ul li img {padding-left: 0;}
#podcastbutton{width: 240px; height:  360px;background-image: url("images/podcastbutton.png"); background-repeat: no-repeat; }
#podcastbutton:hover {background-position: 0 -180px;}
#podcastbutton p {display:none;}
#lowerfeatures {clear:both; background-color: #333333; margin-left: -17px; padding-left: 17px; padding-top: 16px; border-top: 1px solid #222;}
#lowerfeatures p {color: #cccccc;}
#lowerleftfeatures {width: 640px;}
#lowerrightfeatures {width: 320px; margin-left: 640px;}
#footer_container {margin-right: auto; margin-left: auto; width: 960px;}

#footer { color: #ffffff; background-color: #000000; background-image: url("images/footerbg.png"); background-repeat: repeat-x; padding-top: 16px; margin-top: -16px;}
#footer p {color: #dddddd; font-style: normal;}
#footerleft {}

#copyright {margin-top: 32px; margin-bottom: 64px;}
#copyright p {font-size: 10px; text-transform: uppercase;}

/* Typography */
p, h1, h2, h3, h4, h5, h6 {color: #333333; font-family: Times New Roman, Times;}

h1 {
	font-size: 40px;
	letter-spacing: -2px;
	font-style: normal;
	font-weight: 100;
	line-height: 44px;
	margin-bottom: 16px;
	padding-right: 17px;
}

h2 {
	font-size: 32px;
	letter-spacing: -1px;
	font-weight: 100;
	line-height: 36px;
	margin-bottom: 16px;
	padding-right: 17px; 
}

h3 {
	font-size: 24px;
	font-weight: 100;
	line-height: 28px;
	margin-bottom: 16px;
	padding-right: 17px; 
}

h4 {
	font-size: 20px;
	font-weight: 100;
	line-height: 24px;
	margin-bottom: 16px;
	padding-right: 17px; 
}

h5 {
	font-size: 16px;
	font-weight: 100;
	line-height: 20px;
	margin-bottom: 16px;
	padding-right: 17px; 
}

h6 {
	padding-right: 17px; 
	font-weight: 100;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 16px;
}

p {
	padding-right: 17px; 
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 16px;
}

blockquote {
	margin-right: 120px;
	padding-left: 16px;
	font-size: 16px;
	line-height: 24px;
	border-left: 1px solid #999999;
	margin-left: 32px;
	margin-bottom: 16px;
}

blockquote p {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 16px;
}

cite {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 16px;
	text-align: right;
	padding-right: 120px;
	display: block;
}

blockquote cite {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 16px;
	text-align: right;
	margin-right: -80px;
	margin-top: 16px;
	display: block;
}

ul, ol {
	margin-left: 48px;
	margin-bottom: 16px;
}

ul, ul li {
	list-style-type: square;
}

ol, ol li{
	list-style-type: decimal;
}

li {line-height: 20px; font-family: "Times New Roman", Times, serif; font-size: 16px;}

.sidebar ul {margin-left: 32px;}
.sidebar ul li {}
.sidebar p, .sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 {color: #dddddd; padding-right: 0;}
.sidebar p {margin-bottom: 16px;}
.sidebar h3 {margin-left: 0px; font-size: 28px;}

.date {font-size: 16px; color: #222; margin-top: -16px;}
.date a, .date a:link, .date a:visited {color: #666666; text-decoration: underline;}
.date a:hover {color: #0099ff;}
.date a:active {color: #ff9933;}

.postmeta p {
	margin-top: -8px;
	padding-left: 8px;
	margin-right: 8px;
	margin-bottom: 48px;
	font-size: 12px;
	color: #666666;
	font-style: normal;
}

.postmeta a, .postmeta a:link, .postmeta a:hover, .postmeta a:active, .postmeta a:visited {
	color: #333333;
	text-decoration: underline;
	font-style: normal;
}

.postmeta a:hover {color: #3399ff;}
.postmeta a:active {color:#ff9933;}

#lowerfeatures p, #lowerfeatures h1, #lowerfeatures h2, #lowerfeatures h3, #lowerfeatures h4, #lowerfeatures h5, #lowerfeatures h6 {color: #dddddd; padding-right: 20px; font-style: normal;}

#lowerfeatures h3 {color: #fff;}

#lowerfeatures ul {margin-left: 24px; margin-top: -8px; font-style: normal;}
#lowerfeatures ul li {list-style-type: disc; color: #cccccc; font-style: normal;}

/* End of Typography */

.left {float: left;}
.right {float: right;}
.smallbox {height: 160px; width:  240px;}
.smallboxwide {height: 160px; width: 480px;}
.tinybox {height: 80px; width:  240px;}
.tinyboxwide {height: 80px; width: 480px;}
.tinybg {background-image: url("images/tinyboxbg.png.html"); background-repeat: no-repeat;}
.tinywidebg {background-image: url("images/tinyboxwidebg.png.html"); background-repeat: no-repeat;}
.button {width: 67px; height: 80px; background-image: url("images/tinybutton.png.html"); background-repeat: no-repeat;}
.quarterbox {width: 223px;}
.smallboxthird {height: 160px; width: 320px;}
.mediumbox {height: 320px; width: 480px;}
.widebox {width: 463px;}
.sidebarbox {width: 240px; height: 197px; background-image: url("images/sidebarboxbg.png"); background-repeat: no-repeat;}
.sidebartop {width: 320px; height: 20px; background-image: url("images/sidebartop.png"); background-repeat: no-repeat; }
.sidebarbottom {width: 320px; height: 20px; background-image: url("images/sidebarbottom.png"); background-repeat: no-repeat; margin-top: -16px; margin-bottom: 16px;}
.posttop {height: 20px; width: 640px; background-image: url("images/posttop.png.html"); background-repeat: no-repeat;}
.postmeta {width: 680px;}
.postbottom {height: 20px; width: 640px; background-image: url("images/postbottom.png.html"); background-repeat: no-repeat; margin-top: -16px;}
.youtube {}
.youtube object {padding: 0; margin-left: 0;}
.gutter {padding-right: 17px;}
.clear {clear:both;}
.clearleft {clear: left;}
.clearright {clear: right;}
.micromarginleft {margin-left: 8px;}
.minimarginleft {margin-left: 80px;}
.quartermarginleft {margin-left:  240px; }
.thirdmarginleft {margin-left: 320px;}
.halfmarginleft {margin-left: 480px;}
.contenthalfmarginleft {margin-left: 340px;}
.paddingbottom {padding-bottom: 16px;}
.hide {display:none;}
.hideoverflow {overflow: hidden;}
.divider {width: 960px; height: 17px; }
.postdivider img {padding: 0px; margin:0px;margin-left: -8px;}
.nolist {
	list-style: none;
}
.linkfill {display: block; width: 100%; height: 100%;}
.gray a, .gray a:link {color: #666666; }
hr {
  border : 0;
  height : 15px;
  background : url("images/contentdivider.png") 0 0 no-repeat;
  margin : 0 0;
}

.sidebar hr {
	border : 0;	
	height : 15px;
	background : url("images/sidebardivider.png") 0 0 no-repeat;
	margin : 0 0;
}
.divspace {margin-bottom: 16px;}
.divspacetop {padding-top: 8px;}

.commentlink {padding-top: 8px;}
.right p {float:right;}
.right #content img {float:right;}
.strong {font-weight: bold;}
.postexcerpt {width: 338px;}
.imgcenter {margin-left: 5px;}
.spaceabove {padding-top: 16px;}
.archivecolumn {width: 340px;}