/*  

Theme Name: Shannon

Theme URI: http://www.costellofamily.org/shannon/

Description: This theme was created for Shannon's writings.

Version: 1.5

Author: CJ Costello

Author URI: http://www.costellofamily.org/cj/

*/





* {

    padding: 0;

    margin: 0;

    }



body {

    background: #f2f2f2;

    color: #777777;

    font: 12px Arial, Tahoma, Verdana, Sans-Serif;

    text-align: center;

    }



#page {

    width: 804px !important;

    width /**/: 808px;

    position: relative;

    margin: 10px auto;

    padding-bottom: 15px;

    background: #f2f2f2;

    text-align: left;

    }

        

#header h1 {

    width: 800px;

    height: 143px;

    text-indent: -1000em;

    display: block;

    background: #ffffff url(images/lurking.jpg) no-repeat 0 100%;

    border-bottom: 4px solid #aaaaaa;

    border-left: 2px solid #aaaaaa;

    border-right: 2px solid #aaaaaa;

    }

    

#titleimage {

    width: 800px;

    height: 40px;

    background: #000000 url(images/title.png) no-repeat 0 100%;

    border-top: 2px solid #aaaaaa;

    border-bottom: 4px solid #aaaaaa;

    border-left: 2px solid #aaaaaa;

    border-right: 2px solid #aaaaaa;

    }

    

#footer {

    border-bottom: 2px solid #aaaaaa;

    }

          

#content {

    margin: 0px 0px 0px 2px;

    }



.singlecolumn {

    padding: 10px 80px 20px 80px;

    }

    

.doublecolumn {

    float: left;

/*    width: 622px !important;

    width /**//*: 662px; */

    width: 603px !important;

    width /**/: 603px;

    padding: 0px 25px 20px 25px;

    }

    

#singlebackground {

    width: 804px !important;

    width /**/: 804px;

    margin: 0;

    padding: 0;

    background: #f2f2f2 url(images/single.png) repeat-y;

    }



#doublebackground {

    width: 804px !important;

    width /**/: 804px;

    margin: 0;

    padding: 0;

    background: #f2f2f2 url(images/double.png) repeat-y;

    }



#sidebar {

    position: absolute;

    top: 192px;

    left: 657px;

    width: 160px;

    margin: 0;

    padding: 20px 0px 10px 0px;

    font-size: 10px;

    }

    

 /* change height manually as sidebar height grows */   

.minheight-hack {

    float: left;

    width: 1px;

    height: 600px;

    }



/* this is for the minheight-hack to push down on */    

.clear {

    clear: both;

    height: 1px;

    overflow: hidden;

    }



.post {

    margin: 10px 0px 40px 0px;

    text-align: justify;

    }



.entrytext {

    padding-top: 10px;

    }



.post p {

    margin: 15px 0px 0px 0px;

    }



small {

    font-size: 0.8em;

    line-height: 1.3em;

    color: #777777;

    }



.postmetadata {

    margin-top: 7px;

    text-align: center;

    color: #777777;

    }



a {

    color: #9ead6c;

    text-decoration: none;

    }



a:hover {

    color: #85925C;

    text-decoration: underline;

    }
    

h2, h2 a, h2 a:visited {

    margin: 30px 0px 0px 0px;

    font-size: 1.4em;

    color: #777777;

    text-decoration: none;

    font-family: Garamond, "Times New Roman", Palatino, Serif;

    text-align: left; 

    }



h2 a:hover {

    color: #85900C;

    text-decoration: none;

    }



h3, h3 a, h3 a:visited {

    font-size: 1.4em;

    color: #777777;

    text-decoration: none;

    font-family: Garamond, "Times New Roman", Palatino, Serif;

    }



h3 a:hover {

    color: #85900C;

    text-decoration: none;

    }



#searchdiv {

    text-align: center;

    padding: 0px 0px 0px 0px;

    margin: 0px 0px 0px 0px;

    }

    

#searchform #s {

    width: 80px;

    color: #777777;

    background: #F4F7E0;

    border: 1px solid #777777; 

    }



#searchform #searchbutton {

    width: 55px;

    color: #777777;

    background: #F4F7E0;

    border: 1px solid #777777;

    margin-top: 3px;

    margin-bottom: 5px;

    }

    

.sidebar_title {

    margin: 5px 10px 5px 10px;

    padding: 5px 0px 0px 0px;

    }



.sidebar_title h3 {

    font-size: 12px;

    }



.sidebar_title a h3, .sidebar_title a:visited h3, .sidebar_title h3 a, .sidebar_title h3 a:visited {

    color: #777777;

    text-decoration: none;

    font-size: 12px;

    }

    

.sidebar_title h3 a:hover {

    color: #444444;

    text-decoration: none;

    }    



#license {

    margin: 25px 6px 0px 6px;

    padding: 0px 0px 0px 0px;

    text-align: left;

    }    



#user_comments {

    padding-top: 15px;

    }

    

.comment_entry {

    border-bottom: 1px dashed #777777; 

    padding-bottom: 20px;

}



.comment_author {

    float: right;

    text-transform: none;

    padding-top: 5px;

    }



.commentlist cite, .commentlist cite a {

    font-weight: bold;

    font-style: normal;

    }

        

.alt {

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	}



.commentlist li {

	margin: 15px 0 3px;

	padding: 5px 10px 3px;

	list-style: none;

	}



#respond {

    margin-top: 20px;

    }

    

#comment_author p {

  padding-bottom: 7px;

}

      	

#commentform submit {

/*    width: 420px; */

    }



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}



#commentform textarea {

	width: 630px;

	padding: 2px;

	}



#commentform #submit {

	/*margin: 0;*/

	/*float: right;*/
	font-weight: normal;

	}



ul, li {

    list-style: none;

    }

    

ul {

    }

    

li {

    text-transform: lowercase;

    }

    

.comment_entry li {

  text-transform: none;

}



.comment_entry p {

  padding-bottom: 8px;

}



.navigation {

    display: block;

    text-align: center;

    margin-top: 10px;

    padding-bottom: 10px;

    }

	

.alignright {

    float: right;

    }

	

.alignleft {

    float: left

    }

    

.aligncenter {

    position: absolute;

    left: 280px;

    margin: 0;

    padding: 0;

    }



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



a img {

    /*text-decoration: none; */

    border: none; 

    }



blockquote {

  padding: 0px 15px 0px 15px;

}