/*
  Site Design By: Taughnee Stone 
  Website: www.endeavorcreative.com
  Baseline CSS Author: Roy Lindauer
  Website: www.ecsyle.com
  Client: Amish Prom Queen
  Date: January 14, 2008
*/

/*
  We baseline our style sheet for consistent formatting
*/
body, table, div, p, pre, blockquote, fieldset, form, h1, h2, h3, h4, h5, h6, pre, ul, ol, dl, address,
li, dd, dt, frameset, li, tbody, td, tfoot, th, thead, tr{
    margin:0;
    padding:0;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;
    line-height: 1;
    }
/*
  Remove dotted outline from links
*/
:focus
{
  -moz-outline-style: none;
}
/*
  Common base styles
*/
.hide{
    display:none;
    visibility:hidden;
    }
.mute{
    font-size:.75em;
    }
.clear{
    clear:both;
    }
/*
  Clearfix for most browsers
*/
/* Clear fix for floated elements */
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a img, :link img, :visited img{
    border:none;
    }
table {
    border-collapse: collapse;
    border-spacing: 0;
    }
ol, ul {
    list-style: none;
    }
q:before, q:after,
blockquote:before, blockquote:after {
    content: "";
    }
    
/* =Baseline site structure
___________________________________________________________________________*/

#site{
    margin:0 auto;
    text-align:center;
    position:relative;
    }
#header{
    text-align:left;
    position:relative;
    }
#page{
    text-align:left;
    position:relative;
    }
#sidebar{
    position:relative;
    }
#content{
    position:relative;
    }


/* =Override baseline styles
___________________________________________________________________________*/


body {
	background: url(img/bg.png);
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
        color: #39425B;
	}
#site{
    width:850px;
	background:url(img/sitebg.png);
	min-height: 800px;
    }
#header{
    height:286px;
	width: 850px;
	background: url(img/header.png);
    }
#page{
	background: url(img/leg.png) no-repeat;
	width: 850px;
	}
#footer{
        width:857px;
	background:url(img/footer.png);
        height: 50px;  
	margin-bottom: 50px;  
	margin:0 auto;
        position:relative;
	text-align:left;
    }
	

/*
  Fixed 2 column layout with sidebar on the right
*/
#content{
    float:left;
    /*
      Padding and width equation
      CSS Width - Padding = Real Width
      If you want a 600px container with 10px of padding
      you set the width property to 580 and padding-left and padding-right to 10
      to include a border, subtract the total width of the border(left + right) from the
      width value
    */
    padding:0 10px 50px 75px;
    width:515px;
    min-height: 300px;
    }

#sidebar{
    float:right;
    /*
      Padding and width equation
      CSS Width - Padding = Real Width
      If you want a 300px container with 10px of padding
      you set the width property to 280 and padding-left and padding-right to 10
      to include a border, subtract the total width of the border(left + right) from the
      width value
    */
    padding:0 10px;
    width:200px;
	margin-top: 50px;
    }

/* =Text styles
___________________________________________________________________________*/

.content  {
	font-size: 14px;
	line-height: 160%;
	color: #39425B;
	}
.content p {
	font-size: 12px;
	line-height: 160%;
	color: #39425B;
	padding-bottom: 10px;
	}
h2.blogtitle{
	font-size: 24px;
	font-weight: normal;
	color: #C1264E;
	}
h3.side {
	color: #343B4D;
	font-weight: normal;
    font-size: 16px;
    padding-bottom: 10px;
    margin-right: 10px;
	}
.pink{
	color: #C1264E;
	}
.date {
	width:3em;
    padding:0.6em 0 0 0;
    text-align:center;
	color:#8B9298;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: -58px;
	margin-top: -5px;
}
.month {
	text-transform:uppercase; 
	color:#8B9298;
	}
p.posted {
    font-size: 13px;
    padding: 5px 0 25px 0;
    color: #a1b0bc;
}
.members {
    font-size: 11px;
}

.side {
    font-size: 12px;
    line-height: 170%;
}


 blockquote {
	color: #62807c;
        border-left: 1px solid #62807c;
	font-style: italic;
	margin: 0 10px;
	padding: 0 10px;
        padding-left: 5px;
}

/* =Link styles
___________________________________________________________________________*/

.linkstyle {color: #C1264E}

.blogpost a:link {text-decoration: none; color: #C1264E; }
.blogpost a:visited {text-decoration: none;color: #C1264E;}
.blogpost a:hover  {  text-decoration: underline;color: #C1264E;  }
.blogpost a:active {text-decoration: none;color: #C1264E;}

h2.blogtitle a {text-decoration: none; border-bottom: 0px; background: transparent;}
h2.blogtitle a:link {text-decoration: none; border-bottom: 0px; background: transparent;}
h2.blogtitle a:visited {text-decoration: none; border-bottom: 0px; background: transparent;}
h2.blogtitle a:hover {text-decoration: none; border-bottom: 0px; background: transparent;}
h2.blogtitle a:active {text-decoration: none; border-bottom: 0px; background: transparent;}

.side a:link,.commentspage-posted a:link,.paginate a:link{color: #62807c; text-decoration: none;}
.side a:visited,.commentspage-posted a:visited,.paginate a:visited {color: #62807c; text-decoration: none;}
.side a:hover,.commentspage-posted a:hover,.paginate a:hover{color: #62807c; text-decoration: underline;}
.side a:active,.commentspage-posted a:active,.paginate a:active {color: #62807c; text-decoration: none;}

.members a:link{color: #fff; text-decoration: none;}
.members a:visited{color: #fff; text-decoration: none;}
.members a:hover{color: #fff; text-decoration: underline;}
.members a:active{color: #fff; text-decoration: none;}

/* =List styles
___________________________________________________________________________*/

ul#navlist{
    margin-left: 0;
    padding-left: 75px;
    padding-top: 206px;
    white-space: nowrap;
}
#navlist li{
    display: inline;
    list-style-type: none;
    text-transform: uppercase;
    font-size: 12px;
}

#navlist a { padding: 5px 10px; }
#navlist a:link, #navlist a:visited{ color: #3B4357;background-color: #fff;text-decoration: none;}
#navlist a:hover{color: #fff;background-color: #3B4357;text-decoration: none;}
#navlist li a#current{background: #C1264E;color: #fff;}

#listcontainer{ width: 200px; margin-top: 5px;}

#listcontainer ul{
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    font-size: 12px;
}
#listcontainer a{ display: block; padding: 10px;width: 160px;border-bottom: 1px solid #e8ecef;}
#listcontainer a:link, #sidelist a:visited{color: #39425B;text-decoration: none;}
#listcontainer a:hover{color: #C1264E;}

.side ul {
	list-style-type: disc;
	list-style-position: inside;
    padding-left: 1em;
	text-indent: -1em;
    margin-left: 0;
}

.side li {
    font-size: 12px;
    line-height: 160%;
}

/* =Image styles
___________________________________________________________________________*/


#flickr {
    width:200px;
    height:150px;
    padding:0;
    margin-left: -5px;
    padding-top: 3px;
 }
#flickr img {
    float:left;
    margin:0 0 8px 8px;
    background:#B4C0C9;
    border: 1px solid #758a9c;
    padding:4px;
    width:50px;
    height:50px;
}
div.img-dec {
	background: url(img/shadow.gif) no-repeat bottom right;
	clear: right;
	float: right;
	margin: 0 0 15px 25px;
	padding: 0;
	position: relative;
}
div.img-dec img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	display: block;
	margin: -5px 5px 5px -5px;
	padding: 4px;
	position: relative;
}
.avatar {
    float: left;
    padding: 5px;
}

/* =Misc styles
___________________________________________________________________________*/

.blogpost {
    padding-top: 10px;
    padding-bottom: 30px;
}
.clear{clear:all;}
.brown {color: #947F80}
.categories {
    background: url(img/tag.gif) no-repeat;
    height: 18px;
    padding-left: 18px;
}
.divider {
    padding-bottom: 30px;
}
#members {
    margin-top: -38px;
    margin-bottom: 20px;
}


/* =Forms
___________________________________________________________________________*/

select, input, option, checkbox {
        background: #D0D8DE;
        color: #39425B;
        border: 0px solid #A0AFBB;
        font-size : 10px;
        padding: 3px;
        }

textarea {
        padding: 5px;
        padding-right: 100px;
        color: #39425B; 
        font-size: 11px;
        border: 1px solid #A0AFBB;
        background: #D0D8DE;
        }

textarea:focus { background-color: #A0AFBB;}
input:focus { background-color: #A0AFBB; }
checkbox:focus { background-color: #A0AFBB; }

textarea {
        padding: 5px;
        padding-right: 100px;
        color: #39425B; 
        font-size: 11px;
        border: 1px solid #A0AFBB;
        background: #D0D8DE;
        }

textarea:focus { background-color: #A0AFBB;}
input:focus { background-color: #A0AFBB; }
checkbox:focus { background-color: #A0AFBB; }


/* =Comments 
___________________________________________________________________________*/


.commentbox1{
    color: #005063;
    background: #edf0f2;
    border: 1px solid #A0AFBB;
    line-height: 140%;
    margin-left: 0px;
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.commentbox2{
    color: #005063;
    background:#fff;
    border: 1px solid #A0AFBB;
    line-height: 140%;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-left: 0px;
    margin-bottom: 5px;
    margin-right: 20px;
}

.comment-post{
    margin-left: 0px;
    margin-bottom: 0px;
    font: 10px verdana, arial, helvetica, sans-serif;
    background: transparent;
    color: #005063;
    border-top: 1px solid #fff;
    text-align: center;
    padding-top: 3px;
    margin-top: 5px;
}

#randomize {
    margin-top: -135px;
    margin-bottom: 110px;
    color: #fff;
    font: 20px "Lucida Sans Unicode", "Lucida Sans", Arial, Tahoma, Helvetica sans-serif;
}

#comment-form {width: 500px;}

.commentspage-posted {border-top: 1px solid #ddd;}
.comment1 {border: 1px solid #F98FBC; color: #000; background: #fff; margin-bottom: 10px;padding: 5px}
.comment2 {border: 1px solid #000; color: #000; background: white;margin-bottom: 10px;padding: 5px}
.comment1-me {border: 1px solid #000; color: #000; background: white;margin-bottom: 10px;padding: 5px}

#TextDisplay {
    font-size: 11px; 
    padding-right: 200px;
}
/* =Formatting Buttons
___________________________________________________________________________*/

.buttonMode {
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	font-size: 10px;
	color: #000;
	background-color: transparent;
	white-space: nowrap;
}
.htmlButtonOuter, .htmlButtonOuterL {
	background-color: #fff;
	padding: 0;
	border-top: #000 1px solid;
	border-right: #000 1px solid;
	border-bottom: #000 1px solid;
}
.htmlButtonOuterL {
	border-left: #000 1px solid;
}
.htmlButtonInner {
	background-color: transparent;
	text-align: center;
	padding: 0 3px 0 3px;
	border-left: #fff 1px solid;
	border-top: #fff 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
}
.htmlButtonOff {
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
}
.htmlButtonOff a:link {
	color: #000;
	text-decoration: none;
	white-space: nowrap;
}
.htmlButtonOff a:visited {
	text-decoration: none;
}
.htmlButtonOff a:active {
	text-decoration: none;
	color: #999;
}
.htmlButtonOff a:hover {
	background-color: #fff;
	text-decoration: none;
	color: #999;
}
.htmlButtonOn {
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
	font-size: 11px;
	font-weight: normal;
	background: #f6f6f6;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
}
.htmlButtonOn a:link {
	color: #000;
	text-decoration: none;
	white-space: nowrap;
}
.htmlButtonOn a:visited {
	text-decoration: none;
}
.htmlButtonOn a:active {
	text-decoration: none;
	color: #000;
}
.htmlButtonOn a:hover {
	background-color: #000;
	color: #fff;
	text-decoration: none;
}