/*
Title:	StemPac Styles
Author:	Kevin McCann, kevin@kevinmccann.net
*/

body {
margin: 0;
padding: 0;
font-family: Verdana, sans-serif;
text-align: center;
line-height: 1.5em;
font-size: 76%;
background: #F5F5F5 url(http://stempac.grassroots.com/images/stem_grade.gif) repeat-x;
color: #000;
}

/* layout */

#wrap {
position: relative;
margin: 0 auto;
padding: 0;
text-align: left;
width: 761px;
border-left: #000 10px solid;
border-right: #000 10px solid;
background-color: #fff;
}

#logo {
padding: 0;
margin: 0;
}

#main {
float: left;
width: 458px;
}

#content {
margin: 14px 0;
padding: 0 12px;
background: #fff;
}

#sidebar {
width: 270px;
float: right;
padding: 14px 10px;
background-color: #E6E6E6;
color: #BD0303;
border-left: #cc0001 1px solid;
border-bottom: #cc0001 1px solid;
}

#sidebar a {
text-decoration: none;
}

#sidebar ol {
margin-top:0; 
margin-bottom:0; 
list-style-type:disc; 
list-style-position:outside;
}
#sidebar ol li {
list-style-type: square;
margin: 0 0 14px -22px;
}
.lilbox {
background: #EFEFEF;
padding: 4px 4px;
border: #CC0001 1px dashed;
margin: 8px 0 8px 0;
}












#footer {
position: relative;
clear: both;
margin: 0;
font-size: 90%;
color: #666;
background: #000 url(../img/footer-bg.gif) no-repeat top right;
color: #fff;
}



/* navigation */

#menu {
background: #000;
color: #000;
width: 761px;
margin-top: -2px;
padding-bottom: 5px;
}
#menu ul {
margin: 0 0 10px 0;
padding-bottom: 20px;
padding-left: 30px;
list-style: none;
display: inline;
}
#menu ul li {
margin: 0;
padding: 0 20px 20px 0;
list-style: none;
display: inline;
}
#menu ul li a {
text-decoration: none;
color: #fff;
font-weight: bold;
padding-bottom: 2px;
font-size: 1.1em;
font-family: arial, verdana;
}
#menu ul li a:hover {
color: #fff;
border-bottom: #cc0001 5px solid;
}
#menu ul li a.active {
font-weight: bold;
border-bottom: #cc0001 5px solid;
}





/* typography */


#wrap a {
text-decoration: none;
color: #cc0001;
border: 0;
}
#wrap a:link {
}
#wrap a:visited {
}
#wrap a:active {
}
#wrap a:hover {
border-bottom: #000 1px dashed;
text-decoration: none;
}
h1 {
font-size: 1.8em;
line-height: 1.1em;
margin: 0;
}
h2 {
font-size: 1.7em;
}
h3 {
font-size: 1.4em;
margin: 0;
}
h4 {
font-size: 1.2em;
}
h5 {
font-size: 1.0em;
}
img {
border: 0;
}


/* mutiplier ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.grFormFieldLabel { font-weight: bold; }
.grFormDefaultText { font-weight: normal; }
.grFormErrorFieldLabel { font-weight: bold; color: #CC0000; }
.grFormErrorMsg { font-weight: bold; color: #CC0000; }
.grFormITTarget { font-weight: bold; color:}
.grFormTermsText { font-size: 10px; color: }
A.grFormDefaultText:link { color: }
A.grFormTermsLink { font-size: 10px; }
A.grFormLink:link { font-weight: normal; text-decoration: none; }
A.grFormLink:visited {  }
A.grFormLink:hover { text-decoration: none; }
A.grFormTermsLink:link { font-size: 10px; }
A.grFormTermsLink:visited { font-size: 10px; }
A.grFormTermsLink:hover { text-decoration: none; }
.grFormHelperText { font-size: 10px; font-weight: normal; }
.grFormSecuredFieldLabel { font-weight: bold; }
.chooseSingle { font-weight: bold; }
.chooseMultiple { font-weight: bold;  width: 304px; padding-bottom: 10px;}
.chooseTopic { font-weight: bold; }
.grFormInfoMsg  { font-weight: bold; }
.approve td { 
font-size: 12px; 
font-family: Verdana, Helvetica, san-serif; 
}

#bttn {
background: #cc0001;
font-weight: bold;
color: #fff;
font-size: 13px;
border: #000 1px solid;
}

.smallText {
font-size: 10px;
}

.posted {
font-size: 10px;
}

#letter {
border: #CC0001 1px solid;
margin: 10px 6px 10px 6px;
padding: 5px 10px 5px 10px;
font-family: arial, "trebuchet ms", verdana, helvetica, sans-serif;
background: #F7F7F7;
}

.comment {
background-color: #E8E8E8;
border-top: #E47A7A 1px solid;
border-bottom: #E47A7A 1px solid;
padding: 10px 20px 0 20px;
margin-bottom: 24px;
}
.comment p {
margin: 6px 0 6px 0px;
}

.posted {
font-size: 10px;
margin-top: 2px;
margin-bottom: 34px;
}

.date {
font-size: 10px;
color: #333;
margin-bottom: 6px;
margin-top: 0;
}


/* Blog */

.author {
font-weight: bold;
font-style: italic;
}

.commentCount {
}

div#tabs {
margin: 0;
padding: 0;
margin-top: 1em;
width: 100%;
}

div#tabs ul {
margin:0;
padding:0;
padding-left: 21px;
list-style-type: none;
display: inline;
border-bottom:1px solid #666;
width: 100%;
}

div#tabs ul li {
display: inline;
padding-left: 10px;
padding-right: 15px;
margin-right: 5px;
border-top:1px solid #333;
border-left:1px solid #333;
border-right:1px solid #333;
}

div#tabs ul li.active {
background-color: #666;
}

div#tabs ul li.active a {
font-weight: bold;
color: #fff;
}


div.adminLinks {
margin: 0;
margin-top: 1em;
margin-bottom: 1em;
padding: 0;
}

div#adminLinks ul {
list-style-type: none;
margin: 0;
margin-left: 21px;
padding: 0;
}

div#adminLinks ul li {
display: inline;
border:1px solid #333;
padding: 5px;
background-color: #ccc;
font-weight: bold;
font-size: 10px;
}

div.storyAuthoring {
}

div.storyAuthoring div.newPost {
display: inline;
border: 1px solid #333;
width: 60px;
padding: 5px;
font-weight: bold;
font-size: 10px;
background-color: #ccc;
margin:0;
}

div#storyList-1,  
div.storyDetail {
margin-top: 1em;
margin-left: 20px;
margin-bottom: 20px;
}

div.story {
margin-top: 1em;
margin-bottom: 2em;
}

div.storyPostInfo div,
div.storyActions div {
display: inline;
}

div.storyPostInfo div {
font-size: .85em;
}

div.storyActions,
div.storyFooter {
margin-top: .5em;
border-top: 1px solid #ccc;
}

div.readMore {
font-weight: bold;
}


div.commentFooter {
font-size: .85em;
}

ul.commentList {
list-style-type: none;
}

div#profileBlurb {
width: 90%;
margin-left: auto;
margin-right: auto;
border: 3px dotted #666;
}

div#profileBlurb span.fullName,
div#profileBlurb span.screenName {
font-size: 16px;
font-weight: bold;
color: #000;
}

.diaryTitle {
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: left;
}


div#main h1 {
width: 90%;
margin-left: auto;
margin-right: auto;
}

p.registerMsg {
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: left;
font-weight: bold;
font-style: italic;
font-size: small; 
font-weight: normal;
}


div#sidebar div.login p.welcome a,
div#sidebar div.login p.welcome a:visited {
text-decoration: underline;
font-weight: bold;
}

/* END Blog */