/*
Theme Name: SlashPine 2010
Description: 2010 Slash Pine Press wordpress theme.
Author: Glynnis and Zach
*/


/* Portal Page */
#portalwrap {
     margin-left: auto;
     margin-right: auto;
     text-align:center;
}

#portalspacer {
     display:block;
     margin-left:auto;
     margin-right: auto;
}

#portalnav {
   position: relative;
   left: -10px;
}

#portalnav ul {
      position: relative;
      top: -20px;
}

#portalnav li {
   padding: 0.25em;
   display:inline;    /*lists links horizontally*/
   font-family: "Times", serif;
   font-size: 14px;
   font-weight: 500; 
}

#portalspacer2 {
    position: relative;
    top: -38px;
}

/* Wrapping and padding for the bio pictures */
img.biopic {
    float: left; 
    margin: 4px; 
}

#wrap {
width: 700px;
}

/*Slash Pine Title*/
img.title {
padding: 4px;
display:block;
position:relative;
left:12.7em;
}

#linespacer {          /*First spacer*/
position:relative;
left:13.5em;
top: -7px;
}

#linespacer2 {        /*Second spacer*/
position:relative;
left:13.5em;
top: -4em;
}
/*Main Navigation Links*/
#nav ul {
position: relative;
left: 10.7em;
top: -28px;
}

#nav li{
padding: 0.25em;
display:inline;    /*lists links horizontally*/
font-family: "Times", serif;
font-size: 14px;
font-weight: 500;
vertical-align: center;
}

#nav li a, #portalnav li a {
color: #b8a318;
text-decoration:none; /*removes underline*/
letter-spacing:1.5px;
}

#nav li a:hover, #portalnav li a:hover{
color:#9e5b14;       /*sets hover color*/
}

/*page contents -- including blog*/
#content {
position:relative;
left: 15em;
top: -4em;
font-family: helvetica;
font-size: 11pt;
width: 539px;
line-height: 150%;
}

#content a{
text-decoration:none;
font-family: helvetica;
color: #9e5b14;
}

#content a:hover{
color: #b8a318;
}

/*blog posts*/
h3.storytitle {
font-size:16pt;
color: #9e5b14;
}

h3.storytitle a{
text-decoration:none;
color: #9e5b14;
}

h3.storytitle a:hover{
color: #b8a318;
}

#storycontent {
position: relative;
top: -15px;
}

#storycontent a{
color: #b8a318;
}

#storycontent a:hover {
color: #9e5b14;
}

/*Sidebar of misc. links*/
#menu {
position: absolute;
top: 22.5em;
left: 60em;
color: #9e5b14;
font-family: helvetica;
font-weight: bold;
font-size: 10pt;
width: 230px;
}

#blogmenu {               /*A seperate blogmenu for a little more customization */
color: #9e5b14;
font-family: helvetica;
font-weight: bold;
font-size: 10pt;
width: 230px;
position: absolute;
top: 24em;
left:60em;
}

/*Most elements of the two menus are identical */
#menu ul, #blogmenu ul {
margin-bottom: 1em; /*gives some space between categories*/
list-style-type:none;
padding: .5em;
margin-left: 0;
}

#menu li a, #blogmenu li a {
text-decoration: none;
color:#555;
font-weight: normal;
}

#menu li a:hover, #blogmenu li a:hover{
color:#b8a318;
}

/*pages*/
.subtitle {
font-size:16pt;
color: #9e5b14;
font-weight:bold;
margin-top:2em;
}

#twitter-tools li{
font-weight: normal;
color: #555;
}

/*Meta Info*/
#metainfo {
position: relative;
top: -20px;
font-family: helvetica;
font-weight: normal;
font-size: 10pt;
color:#555;
}


/*comments*/
.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
        color: #9e5b14;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: helvetica;
	font-size: 16px;
        color: #9e5b14;
}

}#commentdiv {
      font-family: helvetica;
}

#respond, #comments{
color: #9e5b14;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}