/** RESET
	Clear unwanted defaults */

html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}

html {font-size:100.01%; height: 100%;}

body {
    font-family:"Helvetica Neue","HelveticaNeue",Helvetica,arial,tahoma,verdana,sans-serif; 
    background-color: #24201c;
	margin: 0;
	padding: 0;
	font-size: 16px;
	width: 100%;
	color: #968770;
	min-height: 100%;
    -webkit-font-smoothing: antialiased;
	height: 100%;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd {
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-bottom: 10px;
}
	
h1, blockquote, cite {
	position: relative;
	font-weight: normal;
}

p {
	line-height: 140%;
}

/********/

a {
    font-weight: 600;
    color: #e5d6b6;
    text-decoration: none;
}

a:hover {
    /* text-decoration: underline; */
}




div.inner {
	position: relative;
	width: 860px;
	padding: 0 50px;
	margin: 0 auto;	
	/* background: rgba(153, 0, 0, 0.1); */
}

#wrapper {
	position: relative;
    min-height: 100%;
}

#head {
	background: #24201c url('../img/bevel.png') top center repeat-x;
}
	
	#head .inner {
		height: 80px;
	}

	
#hero {
    color: #24201c;
	background-color: #e5d6b6;
    border: 10px solid #cbaf7b;
    border-width: 10px 0;
}
	
	#hero .inner {
        border-width: 10px 0;
		padding-top: 75px;
		padding-bottom: 75px;
	}
	
    #hero h1,
    #hero blockquote {
		color: #24201c;
		font-size: 32px;
		font-weight: 600;
		line-height: 32px;
		text-shadow: rgba(255, 255, 255, 0.25) 0 1px 0;
		margin: 0 35px 10px 35px;
	}
	
    #hero blockquote a {
		font-weight: 600;
		color: #24201c;
    }
	
	#hero blockquote p {
		font-size: 100%;
		margin: 0;
		line-height: inherit;
	}
	
	#hero blockquote p + p {
		margin: 15px 0 0;
	}

	
    #hero p {
	    margin: 0 160px 15px 35px;
    }
    
    #hero p.action {
	    margin-top: 40px;
    }
    
	#hero p a {
	    color: #8a4126;
    }

	#hero cite {
	    display: block;
	    position: relative;
	    font-size: 23px;
	    font-style: normal;
	    color: #8a4126;
		text-shadow: rgba(255, 255, 255, 0.25) 0 1px 0;
	    margin: 10px 50px 0 75px;
	}
	
		#hero cite span {
		    position: absolute;
		    left: -18px;
		    top: -2px;
		    font-weight: 600;
		}

		#hero p.source {
    	    margin: 0 50px 0 75px;
    	    color: #8a4126;
        }
        
		#hero p.creator {
        }
        
		#hero .source a {
    	    text-decoration: underline;
    	    color: #b09461;
			margin: 5px 0;
		}
		
		#hero .actions {
		    position: absolute;
		    right: 35px;
		    bottom: 20px;
		    height: 40px;
    		line-height: 36px;
	    }
	    
		#hero .actions p {
    		text-shadow: rgba(255, 255, 255, 0.2) 0 1px 0;
    		-webkit-box-shadow: rgba(255, 255, 255, 0.25) 0 1px 0, inset rgba(0, 0, 0, 0.15) 0 1px 1px;
    		line-height: 36px;
		    float: left;
		    margin: 0 10px 0 0;
		    padding: 2px 15px;
        	background-color: #cbaf7b;
        	border-radius: 5px;
	    }
	    
		#hero .actions a.act {
		    float: left;
		    color: #fec;
    		text-shadow: rgba(0, 0, 0, 0.1) 0 -1px 0;
    		-webkit-box-shadow: rgba(255, 255, 255, 0.25) 0 1px 0, inset rgba(0, 0, 0, 0.15) 0 1px 1px;
        	background: #8a4126 url('../img/icn-md-lt-rt.png') 14px 50% no-repeat;
        	padding: 2px 15px 2px 49px;
        	margin: 0 10px 0 0;
        	border-radius: 5px;
		    display: block;
    		line-height: 36px;
		    height: 36px;
	    }

	#hero .q-open {
	    text-indent: -9999px;
    	background: transparent url('../img/q-open.png') top left no-repeat;
    	position: absolute;
    	width: 50px;
    	height: 50px;
    	top: -5px;
    	left: -60px;
	}
	
	#hero .q-close {
		display: none;
	}
	


#user {
    color: #24201c;
	background-color: #e5d6b6;
    border: 10px solid #cbaf7b;
    border-width: 10px 0;
}

	#user .inner {
        border-width: 10px 0;
		padding-top: 65px;
		padding-bottom: 65px;
	}

    #user h1 {
		color: #24201c;
		font-size: 32px;
		font-weight: 600;
		line-height: 32px;
		text-shadow: rgba(255, 255, 255, 0.25) 0 1px 0;
		margin: 0 100px 5px 35px;
    }
	
	#user h2 {
	    font-size: 24px;
	    margin: 0 100px 0 35px;
	    color: #8a4126;
		text-shadow: rgba(255, 255, 255, 0.25) 0 1px 0;
    }
    
	#user .twavatar {
	    position: absolute;
	    top: 20px;
	    left: 25px;
	    width: 73px;
	    height: 73px;
    }

	#user .twavatar a img {
	    border-radius: 6px;
	    display: block;
	    width: 73px;
	    height: 73px;
    }
    



#body {
    overflow: hidden;
}

	#body .inner {
        overflow: hidden;
        margin-bottom: 61px;
	}
	
	#body h2 {
        font-weight: 400;
        line-height: 20px;
    }

	#body a.retweet {
        background: transparent url('../img/icn-md-dk-rt.png') 2px 3px no-repeat;
        padding-left: 36px;
    }
    	
	#body a.orig-tweet {
        background: transparent url('../img/icn-md-dk-rt.png') 2px 3px no-repeat;
        padding-left: 36px;
    }
    	
	#body section p {
	    margin-bottom: 15px;
    }
    
	#body section p.action {
    }
	
	#body section {
	    float: left;
		width: 550px;
		min-height: 120px;
	}
	
	#body .tweeter {
		position: relative;
		padding: 20px 20px 35px 25px;
		margin-bottom: 12px;
		margin-left: -25px;
		background: transparent url('../img/bubble.png') bottom left repeat-x;
		min-height: 73px;
	}

		#body .first h2 {
			padding: 23px 0 22px;
			border-bottom: 1px solid #3f3730;
		}

		#body .tweeter p {
			margin: 0 15px 0 85px;
		}

			#body .tweeter p.creator {
				font-size: 14px;
			}
			
			#body .tweeter p.tweet {
				font-weight: 600;
			}
			
			#body .tweeter p span {
				color: #ab684e;
			}

		#body .tweeter img {
			border-radius: 6px;
			position: absolute;
			top: 20px;
			left: 25px;
			width: 73px;
			height: 73px;
		}
	
	#body .retweeter {
	}
	#body .retweeter:first-child {
		/* TODO: clean this up so .tweeter and .retweeter can match more */
		/* If no tweeter box, we need 20px of offset */
		margin-top: 20px;
	}
	
		#body .retweeter h2,
		#body .retweeter p {
			margin-bottom: 15px;
		}
		  
		#body .retweeter p.join-in-the-fun {
			padding: 20px 0;
			border-top: 1px solid #3f3730;
		}

		#body .retweeter ol {
			list-style-type: none;
			overflow: hidden;
			margin: 0 0 15px 0;
		}

			#body .retweeter ol li {
				float: left;
				width: 73px;
				height: 73px;
				margin: 0 15px 15px 0;
			}

				#body .retweeter ol li a {
					text-indent: -9999px;
					display: block;
				}		 
				
				#body .retweeter ol li span{
					display: none;
				}		 

				#body .retweeter ol li img {
					border-radius: 4px;
					display: block;
					width: 73px;
					height: 73px;
				}

	#body aside {
	    float: right;
		width: 290px;
	}
	
	#body aside dl {
	    text-align: right;
	    padding-top: 21px;
    }
	    
	#body aside dl dt,
	#body aside dl dd {
        margin: 0 0 20px 15px;
    }

	#body aside dl dd {
    }

	#body aside dl dt {
	    font-size: 14px;
	    margin-bottom: 9px;
    }

	#body .dt-stats {
        display: none;
    }
    
    #body .dd-stats a {
        font-weight: 600;
        background: transparent url('../img/icn-short.png') 2px 3px no-repeat;
        padding-left: 36px;
    }
    
	#body .dt-creator {
        border-top: 1px solid #3f3730;
        padding-top: 12px;
    }
    
    #body .dd-creator a {
    }

	#body .dd-creator span {
	    display: block;
	    color: #ab684e;
	    margin-top: 2px;
    }

	.dd-tags ul {
		list-style: none;
		color: #ab684e;
	}
	
	#body {
    }
	
	#body div.cap {
	    height: 65px;
	    /* border: 5px #3f3730 solid; */
    	margin-left: -25px;
    	background: transparent url('../img/bubble.png') bottom left repeat-x;
    }
	
	#body ol.stream {
	    list-style: none;
	    margin-bottom: 50px;
	    margin-left: -25px;
	    /*
        background-color: #161311;
        border-radius: 10px;
        padding-bottom: 45px;
    	background: transparent url('../img/bubble.png') bottom left repeat-x;
    	*/
    }

	#body ol.stream li {
	    /*
	    background-color: #1b1715;
	    border: 5px #3f3730 solid;
	    border: none;
	    border-width: 0 5px;
	    */
    	padding: 10px 20px 10px 63px;
    }
    
	#body ol.stream li span.q-open {
        background: transparent url('../img/q-open-sm.png') 0 0 no-repeat;
        display: block;
	    text-indent: -9999px;
    	position: absolute;
    	width: 25px;
    	height: 25px;
    	left: -30px;
    	top: 10px;
    }
    
	#body ol.stream blockquote {
        padding-top: 10px;
        margin-bottom: 5px;
    }
    
	#body ol.stream blockquote a {
	    display: inline-block;
	    text-indent: -9999px;
    	background: transparent url('../img/arrow.png') top right no-repeat;
	    height: 8px;
	    width: 20px;
    }
    
	#body ol.stream blockquote a:hover {
    }
	
	#body ol.stream cite {
        color: #ab684e;
        margin-left: 20px;
        font-size: 14px;
        font-style: normal;
    }

	#body ol.stream li:first-child {
        color: #e5d6b6;
        background: transparent url('../img/bubble.png') bottom left repeat-x;
        padding-bottom: 35px;
    }
    
	#body ol.stream li:first-child span.q-open {
        background: transparent url('../img/q-open-md.png') 0 0 no-repeat;
    	left: -32px;
    }
	
	#body ol.stream li:first-child blockquote {
        border-top: none;
        border: none;
    }

	#body ol.stream li:first-child cite {
        color: #bb785e;
    }
    
#subnav {
    border-bottom: 1px solid #3f3730;
    background-color: #161311;
    height: 50px;
}
	
	
	
#foot {
    border-top: 1px solid #3f3730;
    background-color: #161311;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    padding-top: 18px;
}

	#foot .inner {
	}
	
	#foot .bonus {
    }
    
	#foot .bonus span {
	    float: right;	    
    }
    
    #foot .bonus a img {
        vertical-align: top;
        margin: 0 3px;

    }


nav {
	margin-left: 220px;
}

    nav ul {
    	list-style-type: none;
    	margin: 0;
    	padding-top: 30px;
    	line-height: 30px;
    }

        nav ul li {
        	display: block;
        	float: left;
        	margin: 0;
        	padding: 0;
        }

            nav ul li:first-child {
                position: absolute;
                top: 0;
                left: -15px;
                z-index: 200;
                width: 275px;
                height: 125px;
            	background: transparent url('../img/logo.png') top center repeat-x;
            	text-indent: -9999px;
            }

            nav ul li:first-child a {
                display: block;
                height: 100px;
                margin: 5px;
            }

            nav ul li a {
            	margin: 0 15px;
            }

            nav ul li:last-child {
            	float: right;
            }

                nav ul li:last-child a {
                	margin: 0;
                }

                nav ul li:last-child a.signout {
                	margin-left: 10px;
                    color: #ab684e;
                }
                
                
/** HELPFUL **/


/** HELPFUL **/

.home {
	background-color: #e5d6b6;   
}

.home #hero {
    border-bottom-width: 0;
    padding-bottom: 70px;
}

.home #hero blockquote {
	font-size: 48px;
	line-height: 48px;
	margin: 0 -50px 15px 40px;
	letter-spacing: -0.03em;
}

.home #hero cite {
    font-size: 32px;
}

.home #hero cite,
.home #hero p.source {
    margin-left: 100px
}

.home #hero cite span {
    position: absolute;
    left: -20px;
    top: -1px;
}

.home #hero .q-open {
    background: transparent url('../img/q-open-home.png') top left no-repeat;
	left: -85px;
    width: 75px;
    height: 75px;
}

.home #foot {
    border-top: 10px solid #cbaf7b;
}

/* GENERIC BUTTON */

#hero a.btn,
#body a.btn {
    /*
    border: 1px solid #752000;
    background-color: #853010;
    */
    display: block;
    background: transparent url('../img/btn-def.png') 50% 50% no-repeat;
    border: none;
    color: #fff;
	text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;
	text-align: center;
	text-decoration: none;
    font-family:"Helvetica Neue","HelveticaNeue",Helvetica,arial,tahoma,verdana,sans-serif; 
	font-size: 21px;
    font-weight: 600;
	width: 250px;
    height: 51px;
	line-height: 49px;
	-webkit-text-stroke:1px transparent;
	margin: 8px 15px 20px 0;
	padding: 0;
	cursor: pointer;
}

.hide-me {
    display: none !important;   
}