/*
http://www.EnglishMojo.com,
See also index.php for image related css. This presumably eases installation inside subdirectories of a server.
*/
/*left items===================== */

#intro {
font-size: 9px;
text-align: left;
margin: 3px 0 16px 0;
padding: 0;
}

.postspermonth {
	margin: 3px 0 10px 0;
	line-height: 20px;
	list-style: none;
	padding-left: 25px;
}

.head-dark-center {
font-size: 16px; 
color: #1b1464; 
padding-top:  3px; 
margin: 0; 
font-weight: bold; 
text-align: center;
}

.small-head-dark-center, .small-head-dark-center2 {
font-size: 14px;
letter-spacing: -.04em;
word-spacing: -.1em;
color: #1b1464; 
padding:  0 0 3px 0; margin: 0; 
font-weight: bold; text-align: center;
border-bottom: 1px solid;
}

.small-head-dark-center2{
border-bottom: none;
border-top: 1px solid;
padding-top: 5px;
}

.tiny-head-dark-center {
font-size: 14px;
letter-spacing: -.04em;
word-spacing: -.15em;
color: #1b1464; 
padding:  0 0 2px 0; margin: 0; 
font-weight: bold; text-align: center;
border-bottom: 1px solid;
}

.lefthead2 {
font-size: 16px; padding: 10px 0px 3px 0px;; margin: 0;font-weight: bold; text-align: left; color: black;
}
.sidebar-head2 {
font-size: 14px; padding: 6px 0px 0px 0px;; margin: 0;font-weight: bold; text-align: left; font-family: verdana;
}
.sidebar-head3 {
font-size: 14px; padding: 6px 0px 0px 0px;; margin: 0;font-weight: bold; text-align: center; font-family: verdana;
}

#leftmenu { 
padding: 0px 12px 0px 12px; 
margin: 0px; 
width: 140px; 
font-size: 12px; 
color: white; }

#leftmenu ul {
 margin: 0px; 
 padding: 0px;
 font-size: 11px;
 color: #1b1464;
 }

#leftmenu ul li , #midmenu ul li{
color: #3b3769;
margin: 0; 
padding: 2px 0 0 0;
list-style-type: none; 
font-size: 11px;
}

#leftmenu a:link, #leftmenu a:visited {
color: black; text-decoration: none;}

#leftmenu a:hover {
 color: red; background: blue;}


.centerlist {
text-align: center;
letter-spacing: .1em;
line-height: 126%;
}

.column-text{
text-align: center;
color: #1b1464;
padding:5px 1px 5px 1px;
font-size: 10px;
word-spacing: -1px;
}

.ask {
color: black; 
font-weight: normal;
padding: 0; 
margin: 0px 0 12px 0;  
text-align: center; 
}

/*mid items====================*/
.tile_body {

}
.head-light-center, .head-light-center-small, .head-light-center-2, .head-light-left-tiny, .head-dark-center-small {
color: white; 
margin: 0; padding-bottom: 6px; 
font-size: 16px;
font-weight: bold; 
text-align: center;

}

.head-light-center{
letter-spacing: .1em;
text-align: left;
padding: 2px 0 0px 5px;
color: white;
}
.head-light-center-small {
font-size: 14px;

}
.small-text{
font-size: 9px;
width: 80%;
text-align: center;
margin: 0 auto 0 auto;
letter-spacing: -1px;
}
.head-dark-center-small {
font-size: 14px;
color: #1b1464;
padding-bottom: 2px; 
padding-top:6px;
}
.head-light-left-tiny {
font-size: 9px;
text-align: left;
padding: 5px 0 0 38px;
}


.head-light-center-2{
padding: 8px 0 5px 0;
width: 85%;
text-align: left;
color: white;
}

.continue-text{
text-align: left;
padding: 15px 0 4px 6px;
color: white;
font-size: 12px;
font-style: italic;
font-weight: bold;
}


#midmenu {
 padding: 0px 5px 0px 10px; 
 margin: 0px 0 0 0; 
 width: 240px; 
 font-size: 12px; 
<!-- size for loose list items --> color: #3b3769; }

#midmenu ul { 
width: 242px; 
margin: 0px; padding: 0 0 0 4px;
text-align: left;
color: white;
}

#midmenu ul li{
font-family: Verdana;
font-size: 12px;
font-weight: normal;
padding-top: 4px;
}

.narrower{
width: 85%;
}

/*mid buttons*/




#midmenu a:link, #midmenu a:visited {
color: white; text-decoration: none;}
}

#midmenu a:hover {
 color: red; background: blue;}

#midmenu h2 { 
color: #ffff00; font-size: 12px; margin: 0px; padding: 0px; }

a:link {
color: red;
text-decoration: none;
}

A:visited{
color: red;
text-decoration: none;
}

A:active{
 color: red; background: blue;}

a:hover {
 color: red;
background: blue; 
}
 
#midmenu a:hover {
 color: red; background: blue;}
}
 
#midmenu a:link {
color: white;
text-decoration: none;
}

#midmenu A:visited{
color: #CBD6E0;
text-decoration: none;
font-weight: normal;

}



.storyoptions{
font-size: 9px; 
color: red; 
text-align: center; 
font-family: verdana;
margin: -8px 0 0 0;

padding: 0;
font-weight: bold;
}
.storyoptions a:link, .storyoptions a:visited { 
color: red; 
text-decoration: none; 

}

.box-cool{
border: 1px solid white;
margin: 0 0 20px 0;
padding: 5px;
}
.box-cool-2{
border: 1px solid white;
margin: 0 15% 20px 5%;
padding: 5px;
}
.box-cool-white{
border-top: 1px solid white;
margin: 8px 0 5px 0;
padding: 3px 0 3px 1px;
}
.box-cool-narrow{
border: 1px solid #1b1464;
margin: 20px auto 20px auto;
padding: 5px;
width: 55%;
text-align: center;
color: #1b1464;
}

.box-cool-narrow2{
border: 1px solid white;
margin: 0 3% 0 3%;
padding: 0 3px 4px 3px;
width: 38%;
text-align: center;
background-color: #B9DBF5;
color: #1B1464;
font-weight: normal;
float: left;
}
.clear{
clear: both;
}
.box-group {
margin: 0 0 10px 0px;
width: 99%;
clear: both; 
}

#sitetitle {letter-spacing: 8px;font-weight: bold; display: block; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 30px; margin: 0px; padding: 0px 0px 4px 0px; line-height: 25px; text-align: center; }


img{
 border-style: none;
}
.breadcrumb-top {
text-align: right; font-size:8px; 
margin: 0 0 -15px 0; 
padding: 0; 
color: blue;
border: 0;
}
.breadcrumb-end {
text-align: center; font-size:10px; 
margin: 0; 
padding: 0; 
color: blue;
border: 0;
}

.image1 {
padding: 10px 10px 20px 2px; text-align: center;
}
.calltoact {
font-size: 10px;text-align: center;font-style: italic;font-family: Cursive;
}

.where{
font-size: 9px;text-align: center; letter-spacing: -.05em;font-family: verdana;padding: 0; margin: 0;
}



.ending{
text-align: center;
font-size: 9px;
color: red;
padding-top: 12px;
}



.line2 {
color: #1b1464;
text-align: center;
font-family: verdana; 
font-size: 12px;
font-weight: normal;
padding: 0 0 5px 0;
}

.pullquote {
color: white; 
text-align: left;
font-family: Cursive; 
font-size: 14px;
line-height: 125%; 
width: 95%; 
font-weight: normal;
padding: 10px 0 40px 0;}


/* Search */
#searchform { 
	margin: 0;
	padding: 0px; 
	text-align: center;
	width: 92%;
	}
#searchform input { 
	border: 2px solid silver; 
	font-size: 10px; 
	margin: 0; 
	padding: 0; 
	background-color: white;
	}
#searchform input#s { 
	font-size: 13px; 
	color: red;
	background-color: white;
	width: 57%; 
	margin: 0px;
	font-family: georgia, serif;
	}

#main {float:left; position: absolute; top: 0px; left: 430px; margin: 5px 30px  430px 30px; padding: 0px 20px 0px 0px; line-height: 140%; color: #030303;}

#wrapper {float:left; max-width: 500px; margin: 0 auto 0 0; padding-left: 30px; padding-right: 30px;}

/*wrapper works with minmax.js in root folder for IE================*/



#tagline2
{ color: #F8670A; font-family: verdana; font-size: 8px;letter-spacing: 3px; text-align: center; padding-top:0px;}



#main h2 {letter-spacing: .2em; margin: 20px 0px 0px 0px; font-size: 9px;  color: #999999; text-align: center;  padding: 0px 0px 0px 0px; border-top: 1px solid #999999;;}



#main h3 { margin: 0 0 3px 0; padding: 13px 0 2px 0px; font-size: 18px; line-height: 160%; font-weight: 500; font: verdana; color: orange; font-weight: bold;}
#main li { list-style-type: none; }


h1 { display: block; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 26px; margin: 0px; padding: 0px 0px 10px 0px; line-height: 27px; text-align: center; color: red;}

h1 a:link, h1 a:visited {  color: red; text-decoration: none; }
h1 a:hover { color: red; background: blue;}

cite { margin: 0px; padding: 0px; font-size: 10px; }
blockquote {text-align: center; padding: 10px 30px 0px 30px; margin: 0px; border-top: 1px solid gray;  border-bottom: 1px solid gray;  }
blockquote p { margin: 5px 0px 5px 0px; padding: 0px; }

.meta { color: #336666; font-size: 10px; margin: 0px; padding: 0px; }

#commentform textarea { height: 60px; font: normal normal normal 10pt Sans-Serif; padding: 2px; margin: 0;}
#commentform input, #commentform textarea { border: 1px solid #cccccc; font: normal normal normal 10pt Sans-Serif; margin: 5px 0 0 0; }
#commentform p { margin: 0px; padding: 0px 0px 0px 0px; }
.comment-title {
font: small-caps bold 12px Sans-Serif; 
text-align: center;
margin: 10px 0 0 0;

}

.comment-holder {
padding: 0px 0px 0px 0px;
border-top: 1px dotted gray;
border-bottom: 1px dotted gray;
}

.storycontent {
font-family:	georgia, serif;
	font-weight: normal;
	font-size: 13px;
text-align: left;
line-height: 155%;
}
.storycontent p {margin: 0 0px .3em 0px; padding:0 0 4px 0;
}

.storycontent-page {

font-family:	verdana, sans;
	font-weight:	normal;
	font-size:		11px;
text-align: left;
line-height: 160%;



.darktext {color: black;font-weight: bold;}

.subtext{
text-align: center;
font-size: 10px;
padding: 0 0 6px 0;
}

.paragraph{text-indent: 0; margin: 0px 0px 0 -2em;}

.box {padding: 0; margin: 5px 0 5px 0; border: thin none white; width: 80; text-align: left;}

.category {font-weight: bold;
}

#playermenu {
display:inline;
position:absolute;
z-index:2;
}

#footer{
padding: 6px;
margin: 10px 0px 0px 0px; 
font-size: 6px; 
line-height: 110%; color: black; 
text-align: center; 
width: 95%;
}

.white {
color: white;
}

.alignright {
float: right;
width: 40%;
}

.alignleft {
float: left
width: 100px;
}

.article-list{
font-family: verdana;
font-size: 15px;
}

.article-list a:hover {
 color: red; background: blue;}
 
.article-list a:link {
color: red;
text-decoration: none;
}

.article-list A:visited{
color: #CBD6E0;
text-decoration: none;
font-weight: normal;

}