/*
  Theme Name: The Straight Poop
  Theme URI: http://www.thestraightpoop.org
  Version: 1.0
  Author: Rebecca Teague
  Licence: Copyright 2010 Fibrowatt LLC
  
  Description: A theme created specifically for the blog The Straight Poop. All rights reserved.

*/
/*<style>*/
/* reset and global */
table {font-size:inherit;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	padding:0;margin:0;}
fieldset, img {border:0;}
table {border-collapse: collapse;border-spacing:0;}
ul {list-style:none;}


/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font-size:100%;}
pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}

/**** the straight poop styles ****/

html { height: 101%; }  /* removes page shift */

body{
	background: #E8E8E4 url(images/stripe1.gif);
	color: #464646;
	font-family:cambria, georgia, serif;
	}

strong {font-weight: 800;}

hr {
	border: none 0;
	border-bottom: 1px solid #E0E0E0;
	height: 1px;
	width:96%;
	margin: 10px 3%;
	}

blockquote { 
	font-style: italic;
	background: url(images/quotes.gif) no-repeat top left;
	background-position: 12px 12px;
	color: #595959;
	margin: 5px 0;
	padding: 8px 15px 8px 60px;
	}


#headerWrap { 
	position:relative;
	width:100%;
	height:150px;
	background:transparent;	
	}


#header { 
	overflow: hidden;
	width: 960px;
	background:#fff url(images/chickGradBG.png) repeat-x;
	color:#333;
	margin: 0 auto;
	height:150px;
	border-right:1px solid #5C5C59;
	border-left:1px solid #5C5C59;		
	}
	
#header h1 { 
	font-size:250%;
	font-weight:bold;
	margin:40px 0 0 50px;	
	}
	
#header h1 a {  
	text-decoration:none;
	color:#29620D;
    }
	
	
#header h2 {
    color:#468329;
    font-size:167%;
    font-weight:bold;
    margin:5px 0 0 50px;
    }
	
#headerImage {
	width:270px;
	margin-right:50px;
	height:150px;
	float:right;
	}

/**** WP SEARCH BOX ****/


.searchform { 
    margin:10px 0px 30px 0px;
    width: 240px;
    display:table-cell;
    vertical-align:middle;
    }

#searchform .s {font-size:1.2em;padding:.25em 0 0 .25em;}

#searchtext {
    height:1.4em;
    width:180px;
    border:1px solid #c4c4ba;
    color:#707070;
    margin-left:15px;
    }

input:hover, textarea:hover,
select:hover { background:#E9F0F1;}


input:focus,
textarea:focus,
select:focus { background:#F3F3F1;}

.small {font-size:1.1em; line-height:1.3em; color:#707070;}

.button {margin-left:15px;}

/* font style for textbox in searchform.php overrides WP default */
#searchtext {font-family:cambria, georgia, serif;}

/**** CONTENT ****/

.addThisButton {
	width:100%;
	text-align:right;
	padding-bottom:10px;
}

#wrapper {
	clear:both;
	width: 100%;
	overflow:hidden;
	background:transparent;
	margin: 0;
	text-align:center;
	}

#container {	width: 960px;
	overflow: hidden;
	background:#fff;
	text-align:left;
	margin: 0px auto 0;
	border-right:1px solid #5C5C59;
	border-left:1px solid #5C5C59;
	}

#content {
	float: left;
	width: 680px;
	padding:20px 0 0;
	}

.post {	margin-bottom: 40px;}


.titleIcon { padding-right:6px; }

.titleIconRight { padding-left:10px;}

.pageSubtitle { text-transform: uppercase;}

.postTitle {}

.postContent {margin-top: 15px;}


.postContent p {
	line-height: 1.3;
	margin:0 3% 15px 25px;
	font-size:120%;
	letter-spacing:.05px;
	}
	
	.postContent p.postMeta {
	}

.postContent img.alignnone {
	background: #FFF;
	border: 1px solid #EFEFEF;
	padding: 4px;
}

.postContent img.alignleft {
	float: left;
	border: 1px solid #EFEFEF;
	margin: 0 25px 15px 0;
	padding: 4px;
}

.postContent img.alignright {
	float: right;
	border: 1px solid #EFEFEF;
	margin: 0 0 15px 25px;
	padding: 4px;
}

.postContent ul,.postContent ol {
	margin-left: 30px;
	margin-bottom: 20px;
    }

.postContent ul {
	list-style-image:url(images/bulletBlue.png);
	margin: 0 20px 20px 30px;
}

.postContent ol {
	list-style: decimal;
	margin: 0 20px 20px 30px;
}

.postContent ol.lowerAlpha {
	list-style: lower-alpha;
	margin: 0 20px 20px 30px;
}

.postContent ul li, .postContent ol li  {
	line-height: 1.2;
	font-size:120%;
	margin:0 25px 10px 50px;
		}

a:link, a:visited {
    color:#0F5B6F;
    font-weight:800;
    text-decoration:underline;
    }

a:hover {
    color:#0F5B6F;
    font-weight:800;
    text-decoration:none;
    }

a:active {
    color:#0F5B6F;
    font-weight:800;
    text-decoration:underline;
    }
	
.postMeta {
	font-size: 1em;
	color: #7c7c7c;
	margin: 5px 0 0px 25px;
	line-height:1;
	}

.postMeta a:link, .postMeta a:visited, .postMeta a:active {
	text-decoration:none;
	}

.postMeta a:hover {
text-decoration:underline;
color:#9b9b9b;
}

.moreLink { font-size:.95em;}

.catIcon {margin-left: 28px; margin-bottom:8px; }

.navigation {
width:600px;
margin:0 0 20px 40px;
text-align:center;
}

.section-title {
	margin-bottom: 10px;
	}


.formSection {
    width:620px;
    margin:0 30px;
    padding:20px 0;
    }
	
.alignCenter, .aligncenter { text-align:center;}

/**** VIDEO TABLE ****/

table.video {
width:600px;
border:1px solid silver;
border-collapse:collapse;
margin:15px 0 20px 30px;
}

table.video td.video {
width:320px;
height:240px;
border-collapse:collapse;
border:1px solid silver;
}

table.video td.title {
text-align:center;
vertical-align:top;
padding:30px 0 0 0;
}


/**** TEXT STYLES ****/

#content h2 {
    font-size:131%;
    margin:0 3% 8px 0px; /* remove left margin to leave space for icon*/
    font-weight:bold;
	color:#2C798D;
    }

h2.pageTitle {
margin:0 3% 8px 25px!important; /* add margin back for pages with no icons */
}

#content h3 {
    font-size:131%;
    margin:0 3% 12px 25px;
    color:#28610C;
    }

#content h4 {
    font-size:116%;
    margin:20px 3% 4px 25px;
    color:#464644;
    }
/* is this class used */
.postTitlePage { color:#28610C!important;border-bottom: 1px solid #EFEFEF;}

#content h5 {
    font-size:108%;
    margin:15px 10px 4px 25px;
    color:#464644;
    font-weight:bold;
    }
	
	
.note { font-size:.9em!important;}

ul.compact { list-style-type:none; padding:0 0 15px 40px; }
ul.compact li { list-style-type:none; margin:4px; font-size:1em; }
ul.compact li a{ text-decoration:underline; }


/**** SIDEBAR ****/

#sidebar {
	float: right;
	width: 240px;
	margin-bottom: 30px;
	padding:20px 0 0;
}

#sidebar .heading {
    width:100%;
    height:30px;
    border-top:1px solid #C3DEE6;
    border-bottom:1px solid #DEEEF2;
    background:#ebeef3 url(images/sidebarGrad2.png) repeat-x top left;
    line-height:30px;
    text-align:center;
    }


#sidebar h3 {
	text-transform: uppercase;
	border-bottom: 2px solid #E0E0DA;
	padding: .3em .25em .25em .5em;
	color: #fff;
	background:#468329;
	font-weight: bold;
	font-size: 123.1%;
	line-height:1em;
	letter-spacing:.05em;
	}
	
#sidebar div.heading h3.gradBox {
    font-size:123.1%;
    line-height:30px;
    color:#3C8699;
    font-weight:bold;
    background:transparent;
    border:none;
    padding:0;

    }

div.listWidget {
	padding:10px 0;
		
	}
	
#sidebar ul {margin:0!important; padding:0!important;}

.listWidget ul {padding:10px 0 20px;}

.tagStyles a {text-decoration:none;font-weight:normal;}
.tagStyles a:hover {color:#9b9b9b;}

#sidebar ul li {
	border-bottom: 1px solid #EFEFEF;
	line-height: 1.2;
	list-style:none;
	margin:0 5px 16px 0;
	color:#93938F;
	font-size:108%;
	padding-left:4px;
}

#sidebar ul li a {
    text-decoration:none;
    padding: 4px 2px 4px 0;
    color:#0F5B6F;
	font-weight:normal;
    }


#sidebar ul li a:hover {color:#9b9b9b;}




#sidebar p {
	margin-top: 8px;
	line-height: 1.3;
}



/**** FOOTER ****/

#footer {
	margin: 0 auto;
	width: 960px;
	padding: 20px 0;
	background:#fff;
	border-right:1px solid #5C5C59;
	border-left:1px solid #5C5C59;
	border-top: 1px solid #E0E0DA;
	color:#464644;
	height:30px;

}

#footerLinks {
	list-style: none;
	padding-left:30px;
	background:#0C602A;
	}



#footerLinks li {
	float: left;
	margin:0 25px 30px;
	
	font-size:100%;
}

#footerLinks li a {color:#464644;text-decoration:underline;}


/**** MISC ****/

.alignRight {
float:right;
}

alignLeft {
float:left;
}

.textRight {
text-align:right;
}

.sep {
	color: #CCC;
	margin: 0 8px;
}

.ico-small {
	vertical-align: middle;
	margin: 0 5px 2px 0;
}

.clearRight {clear:right;}
.clearLeft {clear:left;}
.clearBoth {clear:both;}

/* category-icons plugin: aligns icons vertically with text */

div.titleIcons {
  vertical-align: middle;
  float:left;
  margin-left:25px;
  padding-top:4px;
    }
 div.postTitle {
 width:580px;
 vertical-align:middle;
 float:right;
 }

 
 .wrap {
 overflow:hidden;
 }

/* wordpress default image classes*/

.postContent img.alignright {
margin:8px 0 6px 8px;
}

.postContent img.alignleft {
margin:8px 8px 6px 0;
}


/* cforms required span */

span.required {
	font-size:1em;
	color:#C94D36;
}

/*removes default appearance of "required", class is needed so plugin to require it*/
span.emailreqtxt, span.reqtxt {display:none!important;}

/* cforms post page form */

div.pageQuestions {
margin:0 0 40px;
}

#sendbutton2 {
margin-top:10px;
}

/* multi-level navigation plugin */

#pixopoint_menu_wrapper1 {
    width:960px;
	margin:0 auto;
    background:#0C602A;
	border-right:1px solid #5C5C59;
	border-left:1px solid #5C5C59;
    border-bottom:0;
    text-align:center;
    }


#suckerfishnav {
    font-size:116%;
    font-weight:bold;
    width:100%;
	margin:0;
	border-bottom: 4px solid #E0E0DA;
	overflow:hidden;
    }
#suckerfishnav, #suckerfishnav ul {
	background:#0C602A;
    list-style:none;
    line-height:30px;
    padding:0;
    margin:0;
    }
	
#suckerfishnav ul { width:100%;margin: 0 auto; }


#suckerfishnav a {
    display:block;
    color:#fff;
    text-decoration:none;
    padding:0px 15px;
    }
#suckerfishnav li {
    float:right;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:121px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #70A756;
    }
#suckerfishnav li li { /* second level */
    width:119px;
    border-bottom:1px solid #70A756;
    border-left:1px solid #70A756;
    border-right:1px solid #70A756;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:100px;
    font-size:108%;
    color:#fff;
    }
#suckerfishnav li ul ul {
    margin:-31px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#7AAF61; /* hover on 2nd level */
    }
#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:#fff;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#fff;
    }
#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:#fff;
    }
#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:#458228;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#458228;
    }