/* 
Theme Name: 200nipples
Theme URL: http://200nipples.com/
Description: Custom Wordpress theme for 200nipples.
Author: Wade meredith
Author URI: http://wademeredith.com
Version: 1.0
*/

/************************************************************************/
/**	CSS RESET - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded
/************************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400}blockquote:before,blockquote:after,q:before,q:after{content:""}

/************************************************************************/
/**	TYPOGRAPHY
/************************************************************************/
body {
	color: #444;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif; 
	line-height: 150%;
    height: 100%;
	background: #efefef url(images/bg.png) repeat-x;
}

/************************************************************************/
/**	TOP
/************************************************************************/
.wrapper {}

.envelope {
	position: relative;
	margin: 0 auto;
	width: 1000px;
}
.header {
	margin: 55px 0 25px 0;
	height: 165px;
	width: 100%;
}
.title {
	float: left;
	height: 165px;
}

.slug {
	float: left;
	width: 290px;
	height: 165px;
	margin: 0 0 0 20px;
	background: url('images/curlys.png') no-repeat;
}
.slug h1 {
	padding: 28px 69px;
	text-align: center;
	font-size: 17px;
	line-height: 1.5;
}
.main_nav {
	float: left;
	letter-spacing: .05cm;
	margin: 63px 0 0 20px;
	font-size: 24px;
	line-height: 1.5;
	text-transform: uppercase;
}

.main_nav a:hover {
	text-decoration: none;
}

.main_nav a.active {
	font-weight: bold;
}

.main_nav .secondary {
	font-size: 55%;
	text-transform: none;
	letter-spacing: 0;
}

a.rss {
	color: #ff7200;
}

a.twitter {
	color: #2ab8ee;
}

/************************************************************************/
/**	MIDDLE
/************************************************************************/
.content {
	margin: 34px 61px 0 0;
	width: 510px;
	float: left;
}

.sidebar {
	margin: 31px 0 0 0;
	float: left;
	width: 290px;
}

.sidebar ul li {
	margin: 0 0 10px 0;
	list-style: none;
}

.sidebar ul li li, .sidebar ul li li ul li {
	margin: 0;
}

/************************************************************************/
/**	BOTTOM
/************************************************************************/
.footer {
	margin: 30px auto;
	width: 100%;
	font-size: 10px;
	border-top: 3px double #000;
	text-align: center;
	padding: 5px 0 3px 0;
}

.footer li {
	display: inline;
	margin: 0 5px 0 0;
}

.footer a {
	color: #000;
}

.footer a:hover {
}

/************************************************************************/
/**	POSTS & COMMENTS
/************************************************************************/
.post_title h1, .post_title h2 {
	font-size: 125%;
	letter-spacing: .03cm;
	font-variant: small-caps;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 10px 0;
}

.post_title a {
	text-decoration: none;
}

.post_title a:hover {
	text-decoration: underline;
}

.post_content {
	margin: 10px 0 10px 0;
}

.post_meta1 {
	padding: 9px 0 0 0;
	font-size: 70%;
	line-height: 1.25;
	margin: 0 0 15px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	height: 26px;
	text-align: center;
}

.post_meta2 {
	text-align: center;
	padding: 6px 0 0 0;
	font-size: 70%;
	line-height: 1.25;
	margin: 0 0 100px 0;
	border-top: 1px solid #ddd;
}

.post_nav {}

.comments {
	width: 510px;
	float: left;
}

.comments_list li {
	margin: 0 0 25px 0;
}

.comment_text {
	padding: 10px 10px 0 10px;
	border: 1px solid #dfdfdf;
	background: #fafafa;
}

.comment_meta {
	font-size: 77%;
	font-style: italic;
}

.comments_form {
	padding: 0 0 55px 0;
}

.comments textarea {
	width: 510px;
}

blockquote {
	border-left: 1px dotted #000;
	padding: 0 0 0 10px;
}

/************************************************************************/
/**	SHARE ICONS
/************************************************************************/
.share {
	float: right;
}

.share a {
	float: left;
	margin: 0 5px 0 0;
	text-decoration: none;
}

.share a.last {
	margin: 0;
}

.share div {
	float: left;
	margin: 5px 5px 0 0;
}


.share a:hover {
	text-decoration: none;
}

a.facebookshare {
	background: url(images/facebookshare.gif);
	width: 20px;
	height: 20px;
	display: block;
}

a.facebookshare:hover {
	background-position: -20px;
}

a.twittershare {
	background: url(images/twittershare.gif);
	width: 20px;
	height: 20px;
	display: block;
}

a.twittershare:hover {
	background-position: -20px;
}

a.digg {
	background: url(images/digg.gif);
	width: 20px;
	height: 20px;
	display: block;
}

a.digg:hover {
	background-position: -20px;
}

a.stumble {
	background: url(images/stumble.gif);
	width: 20px;
	height: 20px;
	display: block;
}

a.stumble:hover {
	background-position: -20px;
}

a.technorati {
	background: url(images/technorati.gif);
	width: 20px;
	height: 20px;
	display: block;
}

a.technorati:hover {
	background-position: -20px;
}

a.reddit {
	background: url(images/reddit.gif);
	width: 20px;
	height: 20px;
	display: block;
}

a.reddit:hover {
	background-position: -20px;
}

a.delicious {
	background: url(images/delicious.gif);
	width: 20px;
	height: 20px;
	display: block;
}

a.delicious:hover {
	background-position: -20px;
}

a.yahoo {
	background: url(images/yahoo.gif);
	width: 20px;
	height: 20px;
	display: block;
}

a.yahoo:hover {
	background-position: -20px;
}

/************************************************************************/
/**	GLOBAL STYLES
/************************************************************************/
h1 {
	font-size: 20px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
	font-style: bold;
	margin: 5px 0;
}
.fauxh1 {
	font-size: 20px;
	letter-spacing: .05cm;
}
.fauxh2 {
	font-size: 16px;
	letter-spacing: .03cm;
}
p {
	margin: 3px 0 10px 0;
}
a {
	color: #000;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:visited {
	color: #000;
}
b, strong {
	font-weight: bold;
}
i, em {
	font-style: italic;
}
ul, ol {
	margin: 3px 0 10px 25px;
}

.sidebar ul {
	margin: 3px 0 10px 0;
}

ul li {
	list-style: disc;
}

ol li {
	list-style: decimal;
}

.radio:hover {
	cursor: pointer;
}
.smallcaps {
	font-size: 88%;
	text-transform: uppercase;
}
.caps {
	text-transform: uppercase;
}
.error {
	color: red;
	font-weight: bold;
}
.clear {
	clear: both;
}
#red {
	margin: 3px 0 0px 5px;
	font-size: 12px;
}
.red {
	color: red;
}
.green {
	color: green;
}
.fine_print {
	font-size: 10px;
}
.inline {
	display: inline;
}
.left {
	float: left;
}
.f-right {
	float: right;
	border: 1px solid #222;
	margin: 0 0 5px 15px;
}
.mouseprint {
	font-size: 77%;
}
.hid {
	display: none;
}
.wp-caption-text {
	display: none;
}
.bullhorn {
	font-size: 125%;
	font-weight: bold;
	line-height: 1.1;
	color: #000;
}
/************************************************************************/
/**	CLEARFIX - http://www.webtoolkit.info/css-clearfix.html
/************************************************************************/
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}

/************************************************************************/
/**	STICKY FOOTER + FORCE VERTICAL SCROLLBAR: http://ryanfait.com/
/************************************************************************/
*{margin:0}html,body{height:100%;margin:0 0 1px;padding:0;}.wrapper{min-height:100%;height:auto!important;margin:0 auto -20px}.footer,.push{height:20px}