/*
Theme Name:		Edit and Post
Theme URI:		
Description:	        Styling for Edit and Post blog
Version:		1.0
Author:			Ami Price, author of Edit and Post and Elizabeth Anne Designs
Author URI:		http://www.editandpost.com
*/



body { background: #ffffff; color: #666; font: 65% "Trebuchet MS", Verdana , Geneva, sans-serif; }

* { padding: 0; margin: 0; }


/*---:[ main elements ]:---*/

#container { width: 960px; height: 100%; background: #ffffff; margin: 0 auto; padding: 10px;  }

#inner { width: 960px;  }

#content { width: 690px; padding: 10px 10px 10px 15px; float: left; }

#sidebar { width: 230px; padding-top: 10px; margin: 0 0 0 720px;  }

#footer { padding: 1.0em 10px; border-top: 1px solid #dd1724; }

#header { height: 165px; margin: 35px 0 35px 0; border-bottom: 1px solid #dd1724; background: url('images/edit-and-post-logo.jpg') 0 no-repeat; }

#header_link { position: absolute; top: 60px; left: 155px; width: 375px; height: 130px; background-color: transparent;  }


/*---:[ headings ]:---*/


h1, h2, h3, h4, h5 { font: 1.0em bold "Trebuchet MS", Verdana , Geneva, sans-serif;}

h1 { font-size: 1.9em; font-variant: small-caps; line-height: 31px; padding: 0 10px 0 20px; color: #444; background: url('images/arrow-right.jpg') 0 no-repeat; }

	h1 a, h1 a:visited { color: #444; text-decoration: none; border-bottom: 1px dotted #fff; }

	h1 a:hover { color: #dd1724; text-decoration: none; border-bottom: 1px dotted #fff; }

	.page h1 { margin: 0 0 1.11111em 0; }


h2 { font-size: 1.8em; line-height: 1.11111em; padding: 1.11111em 10px 0 10px; border-top: 1px dotted #ddd; color: #111; }

	h2 a, h2 a:visited { color: #676767; }

	h2 a:hover { color: #996666; text-decoration: none; }

	h2.top { padding-top: 0; border-top: none; }

	.sidebar h2 { font-size: 1.3em; margin: 0 0 0.9em 0; line-height: 1.9em; padding: 0; text-transform: uppercase; letter-spacing: 2px; border-top: 0;  }



h3 { font-size: 1.23077em; line-height: 1.25em; color: #999; }

	.format_text h3 { margin: 1.875em 0 0.625em 0; }

	.format_text h3.top { margin: 0 0 0.625em 0 !important; }

	.archives h3 { font-size: 1.1em; line-height: 1.81818em; text-transform: uppercase; letter-spacing: 2px; color: #996666; margin: 1.2em 0 1.81818em 0; padding: 0.36364em 10px 0.36364em 10px; text-align: center; }




/*---:[ links and centering ]:---*/

hr { display: none; }

a, a:visited { color: #666; text-decoration: none; outline: none; font: 1.0em "Trebuchet MS", Verdana , Geneva, sans-serif; }

.ttf a, { outline: none; border: none; }

a:hover { text-decoration: none; outline: none; }

a img { border: none; }

a .alt { display: none; } 


p.center { text-align: center !important; }

p.bottom { margin: 0 !important; }

p.unstyled { padding: 0 20px; font-size: 1.2em; }


/*---:[ posts ]:---*/

.post_header { clear: both; }

.post_title { width: 550px; float: left; }

.comment_bubble {margin-left: 560px; width: 50px; height: 42px; background: url('images/comment-bubble.jpg') 0 no-repeat; }

.comment_number { padding-top: 9px; width: 50px; height: 42px; text-align: center;  }

.comment_number img { display: inline-block; margin-left: auto; margin-right: auto; }

.post_date { font-size: 1.0em; line-height: 1.66667em; margin: 0 0 1.66667em 0; padding: 0 20px; color: #444; }

	.post_date a, .post_date a:visited, .post_date a:hover {  }

.table { margin: 0 0 1.2em 0; }

.format_text { font-size: 1.2em; line-height: 1.5em; padding: 0 20px; }

	.format_text a, .format_text a:visited { text-decoration: underline; }	

        .format_text a:hover { color: #dd1724;  }

a.source, a.source:hover, a.source:visited {text-decoration: none; }

	.format_text p { margin: 0 0 1.2em 0; }

	.format_text ul { list-style: none; margin: 0 0 1.2em 10px; }

	.format_text ol { margin: 0 0 1.2em 30px; }

		.format_text li { }

		.format_text ul li { padding: 0 0 0 14px; background: url('images/bullet.jpg') 0em 0.53462em no-repeat; }

			.format_text ul li ul, .format_text ul li ol, .format_text ol li ul, .format_text ol li ol { margin: 0 0 0 10px; }
                
                .format_text ol li {  }


	.format_text img { }

		.format_text img.alignleft { margin: 0 20px 5px 0; float: left; clear: left; }

		.format_text img.right { margin: 0 0 1.53846em 10px; float: right; clear: right; }

		.format_text img.center { display: block; margin: 0 auto 1.53846em auto; float: none; clear: both; }

		.format_text img.block { display: block; margin: 0 auto 1.53846em 0; float: none; clear: both; }

		.format_text img.frame { padding: 9px; border: 1px solid #ddd; background: #eee; }

		.format_text img.stack { clear: none !important; }

.format_links { font-size: 1.2em; line-height: 1.53846em; padding: 0 10px; }
		
	.format_links a { color: #666; text-decoration: none; border-bottom: 1px dotted #dd1724; }
        .format_links a:visited { color: #666; text-decoration: none; border-bottom: 1px dotted #666; }
	
	.format_links a:hover { color: #444; text-decoration: underline; border-bottom: 1px dotted #dd1724;}


.navigation { width: 700px; padding: 0 10px 1.76923em 15px; font-size: 1.2em; line-height: 1.76923em; clear: both; }

	.navigation p { text-align: right; }

	.older { padding: 0 20px 0 0; float: left; }

	.previous { text-align: left; }


.breadcrumbs { padding: 0.69231em 10px 10px 10px; font-size: 1.1em; line-height: 1.53846em; clear: both; }

.post_footer { clear: both;  }
.post_footer_each { padding: 10px 0 10px 20px; float: left; }
.spacer { height: 20px; clear: both; }


/*---:[ sidebar ]:---*/

ul.sidebar_list { list-style: none; }

	ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 230px; margin: 0 0 20px 0; font: normal 1.2em/1.33333em "Trebuchet MS", Verdana , Geneva, sans-serif;  float: left; }

		li.widget p { margin: 0 0 1.33333em 0; }

		li.widget ul, li.linkcat ul { list-style: none; }

		li.widget ol { margin: 0 0 0 20px; }

			li.widget li, li.linkcat li { margin: 0 0 0.75em 0; }

				li.widget li br { display: none; }

				li.widget li ul, li.linkcat li ul { margin: 0.75em 0 0 20px; }


/*---:[ footer ]:---*/

#footer p { color: #999; text-align: center; }

#footer a, #footer a:visited { color: #999; text-decoration: none; }

#footer a:hover { color: #444; text-decoration: none; }


/*---:[ comments ]:---*/


#comments { width: 690px; }

.comment_header { clear: both; width: 670px; margin: .5em 9px 5px 19px; font-size: 1.4em; line-height: 1.62857em;  }

.comment_title { width: 650px; float: left; }

.reply { font: normal 0.78571em Verdana, sans-serif; color: #999; line-height: 1.52857em; padding-left: 1px; float: left; }

.cancel-comment-reply, .cancel-comment-reply a { font: normal 1.0em Verdana, sans-serif; color: #999; line-height: 1.52857em; border: 0; }

.comment_body { width: 670px; padding: 0 9px 3px 0;  }

.comment_avatar { float: left; padding: 5px 10px 0 0; }

.comment_author { }

.comment_author a { font-weight: bold; }

.comment_author a:hover { color: #dd1724; }

.comment_time { font: normal 0.78571em Verdana, sans-serif; color: #999; line-height: 1.52857em;  }

.comment_time a, .comment_time a:hover, .comment_time a:visited { color: #999; text-decoration: none; border: 0px; } 		

.commentlist li { list-style: none; }
.commentlist li.depth-2 { margin-left: 50px; background: url('images/arrow-right.jpg') 0px 15px no-repeat;  }
.commentlist li.depth-3 { margin-left: 100px; background: url('images/arrow-right.jpg') 0px 15px no-repeat; }
.commentlist li.depth-4 { margin-left: 150px; background: url('images/arrow-right.jpg') 0px 15px no-repeat; }
.commentlist li.depth-5 { margin-left: 200px; background: url('images/arrow-right.jpg') 0px 15px no-repeat; }


/*---:[ comment form ]:---*/


#respond { margin: 0 0 0.83333em 0; padding: 0 20px; font: normal 1.0em/1.46667em Verdana, sans-serif; }

#comment_form { width: 600px; padding: 0; }

	#comment_form p { padding: 0.69231em 0 0.76923em 0; font-size: 1.2em; line-height: 1.53846em; }

	#comment_form p.submit_p { padding-bottom: 1.30769em; }

		#comment_form label { padding: 0 0 0 10px; }

		#comment_form .text_input { width: 300px; padding: 2px; color: #333; border:0; border-bottom: 1px dashed #999; font: normal 1.0em Verdana, sans-serif; }

		#comment_form .text_input:focus { border-bottom: 1px dashed #999; }

		#comment_form .text_area, #comment_form .text_area:focus { width: 600px !important; height: 10em; border: 1px solid #999; }

		#comment_form .form_submit { padding: 0.35714em 0; cursor: pointer; }

		#comment_form .form_submit:hover { color: #996666; }

		#comment_form p.subscribe-to-comments { font-size: 1.1em; }

			#comment_form p.subscribe-to-comments label { font-size: 1.0em; }
			

/*---:[ search widget ]:---*/

#search_widget {  }


#search_widget .search_input, #search_widget .search_input:focus { width: 185px; padding: 2px; color: #333; border:0; border-bottom: 1px dashed #999; font: normal 1.0em Verdana, sans-serif; }


/*---:[ search form styles ]:---*/

#search_form { margin: 20px; }


	#search_form .search_input, #search_form .search_input:focus { width: 300px; padding: 2px; color: #333; border:0; border-bottom: 1px dashed #999; font: normal 1.0em Verdana, sans-serif; }


/*---:[ related posts ]:---*/

#related { width: 543px; height: 210px; margin: 0 0 15px 0; }

img.related_thumbs { padding: 0 0 8px 0; background: #ffffff;}

.related_text { font-size: 0.9em; line-height: 1.3em; color: #666;}

.related_text a, .related_text a:visited, .related_text a:hover { text-decoration: none; color: #666; background: #ffffff; }

#related_posts {

width: 100px;

float: left;

margin-left: 15px;

}



/*---:[ self-clearing floats from Dan Cederholm at simplebits.com ]:---*/



#container:after, #content_box:after, #nav ul:after, #footer_bottom:after, .navigation:after, .comment_header:after, #comments:after, dl#comment_list:after, dl#comment_list dd:after, #comment_form:after, #search_form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }





/*---:[wp stats smiley]:---*/



img#wpstats{width:0px;height:0px;overflow:hidden}





/*---:[sociable style]:---*/



div.sociable { margin: 5px 0; }

.sociable a, .sociable a:hover {border:0; }

span.sociable_tagline { position: relative; }

span.sociable_tagline span { display: none; width: 14em; }

span.sociable_tagline:hover span {

	position: absolute;

	display: block;

	top: -5em;

	background: #ffe;

	border: 1px solid #ccc;

	color: black;

	line-height: 1.25em;

}

.sociable span {

	display: block;

}

.sociable ul {

	display: inline;

	margin: 0 !important;

	padding: 0 !important;

}

.sociable ul li {

	background: none;

	display: inline !important;

	list-style-type: none;

	margin: 0;

	padding: 2px;

}

.sociable ul li:before { content: ""; }

.sociable img {

	float: none;

	width: 16px;

	height: 16px;

	border: 0;

	margin: 0;

	padding: 0;

}



.sociable-hovers {

	opacity: .7;

	-moz-opacity: .7;

	filter: alpha(opacity=70);

}

.sociable-hovers:hover {

	opacity: 1;

	-moz-opacity: 1;

	filter: alpha(opacity=100);

}

/*---:[menu style]:---*/

#suckerfishnav {
    background: repeat-x;
    font-size:22px;
    letter-spacing: 1px;
    font-family: "Trebuchet MS", Verdana , Geneva, sans-serif;
    margin:30px auto 0 410px;
    line-height:45px;
    width:540px;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:45px;
    padding-bottom:7px;
    }
#suckerfishnav a {
    display:block;
    color:#444444;
    text-decoration:none;
    padding:15px 20px;
    height: 45px;
    border: 0px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:151px;
    font-size:10px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    z-index:500;
    }
#suckerfishnav li li {
    width:149px;
    font-family: "Trebuchet MS", Verdana , Geneva, sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:149px;
    font-family: "Trebuchet MS", Verdana , Geneva, sans-serif;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 140px;
    }
#suckerfishnav li li:hover {
    background:#ffffff;
    background: url('images/menu-selected.jpg') center top no-repeat;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color: #444444;
    background: url('images/menu-selected.jpg') center -30px no-repeat;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color: #444444;
    height: 45px;
    background: url('images/menu-selected.jpg') center top no-repeat;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#676767;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#ffffff;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#ffffff;
    }


/*---:[navigation]:---*/


.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px;
	margin: 2px;
	text-decoration: none;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px;
	margin: 2px;
	text-decoration: none;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	background-color: #FFFFFF;
        color: #dd1724;
}
.wp-pagenavi a:active {
	padding: 2px;
	margin: 2px;
	text-decoration: none;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px;
	margin: 2px 4px 2px 2px;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px;
	margin: 2px;
	font-weight: bold;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px;
	margin: 2px;	
	background-color: #FFFFFF;
}