@import url(http://fonts.googleapis.com/css?family=Copse&v1);

/*
Name: Mustard
Design Studio: Arrtistic http://www.arrtistic.com/
Version: 1.3
Author: Arrtistic
Author URI: http://www.arrtistic.com/
*/

/*--------------------------------------------------------------------------------------------------------------------------*/
/*- RESET - Courtesy of Eric Meyer's CSS Reset Awesomeness: 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{
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/*--------------------------------------------------------------------------------------------------------------------------*/
/*- Custom Font Setup - Copse Font Kit ---*/
/*--------------------------------------------------------------------------------------------------------------------------*/

@font-face {
    font-family: 'CopseRegular';
    src: url('http://static.tumblr.com/xkbim5e/95Rlntn5m/Copse-Regular-webfont.eot');
    src: url('http://static.tumblr.com/xkbim5e/95Rlntn5m/Copse-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://static.tumblr.com/xkbim5e/EjLlntn7l/Copse-Regular-webfont.woff') format('woff'),
         url('http://static.tumblr.com/xkbim5e/oGrlntn73/Copse-Regular-webfont.ttf') format('truetype'),
         url('http://static.tumblr.com/xkbim5e/K2Llntn6a/Copse-Regular-webfont.svg#CopseRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}




/*--------------------------------------------------------------------------------------------------------------------------*/
/*- Font Setup ---*/
/*--------------------------------------------------------------------------------------------------------------------------*/


h1 { 
	color: #fff; 
	font-weight: 400; 
	font-size: 50px; 
	font-family: "CopseRegular", Georgia, serif; 
	margin-bottom: 0; 
	max-width: 80%; 
	line-height: 50px;
	text-transform:uppercase;
	letter-spacing: 1px;
	margin-top: 30px;
	}
h1 a { 
		color: #fff;
	}
	
h1 a:hover { 
	color: #fff; 
	text-decoration: none;
	}
	

h2 { 
	color: #C2AF77; 
	font-weight: 400; 
	font-size: 30px; 
	font-family: "CopseRegular", Georgia, serif; 
	text-transform:uppercase; 
	line-height: 60px; 
	margin-right: 25px; 
	margin-top: -10px; 
	height: 60px; 
	overflow: hidden;
	text-shadow: 0px -1px 1px rgba(0,0,0,.5);
	}
	
h2 a { 
	color: #C2AF77; 
	line-height: 60px;
	float:left;
	display:inline-block;
	}
h2 a:hover { 
	color: #C2AF77; 
	text-decoration: none;
	}

h3 { 
	color: rgba(102, 93, 62, 1); 
	font-weight: 400; 
	font-size: 18px; 
	font-family: Georgia, serif; 
	line-height: normal; 
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
	h3 a{
		margin-right: 20px;
	}
	
h3 a:hover { 
	text-decoration: none;
	}
	
#description h3 {
	color:#fff;
}
	 

a { 
	color: #F8B60C; 
	font-family: "CopseRegular", Georgia, serif; 
	text-decoration: none; 
	outline: none;
	}

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

	

p{ 
	margin: 0; 
	padding: 0 0 15px 0; 
	color: rgba(102, 93, 62, 1);
	font-size:18px;
	}

p img{padding: 5px;}

img {
	box-shadow: 6px 6px 0px #C2AF77;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	border-top:1px solid #C2AF77;
	border-left: 1px solid #C2AF77;
}


/*--------------------------------------------------------------------------------------------------------------------------*/
/*- General Setup ---*/
/*--------------------------------------------------------------------------------------------------------------------------*/

ul { padding: 10px 0 10px 0;}

ul li{ margin-left: 35px; list-style: square; margin-bottom: 5px}

	

ol { padding: 10px 0 10px 0;}

ol li{ margin-left: 35px; list-style: circle; margin-bottom: 5px}

div {
display: block;
}	

.bold { font-weight: bold}

.floatleft { float: left !important}

.floatright { float: right !important}

.displaynone { display: none}

.center { text-align: center}



/*--------------------------------------------------------------------------------------------------------------------------*/
/*- Header Setup ---*/
/*--------------------------------------------------------------------------------------------------------------------------*/



body {
	background: #fff; 
	font-family: Georgia, serif; 
	color: rgba(102, 93, 62, 1); 
	font-size: 14px; 	
	margin: 0 auto;
	padding: 0 auto;
	overflow:auto; 
	overflow-x:hidden;
	}



#header { 
	overflow: hidden; 
	background: url(http://static.tumblr.com/xkbim5e/hgclntn2r/hderbk.png) top left repeat; 
	width:100%;
	height:auto;
	border-bottom: 5px solid rgba(250, 226, 154, 1);
	padding-bottom: 0px;
	}

#header-pat { }

#header-top { 
	padding: 100px 30px 0 190px; 
	position: relative; 
	width: 980px; 
	}
	
#description {
	width:960px;
}

 		

#header-icons { 
	position: absolute;
	margin: 0px 30px; 
	right: 0px; 
	top: 40px; 
	width: 960px;
	}

#header-icons a { 
	float: right; 
	margin-left: 15px; 
	color: rgba(102, 93, 62, 1);
	font-size:14px;
	text-decoration:none;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px rgba(255,255,255,.5);
	}

#header-icons a:hover { 
	color: rgba(102, 93, 62, .5);
	}			



	

/*--------------------------------------------------------------------------------------------------------------------------*/
/*- Body Setup ---*/
/*--------------------------------------------------------------------------------------------------------------------------*/

#wrapper {
	float:left;
	width:1250px;
}

#container { 
	width: 780px; 
	min-height: 600px; 
	padding-bottom: 60px;
	word-wrap: break-word !important;
	float:left;
	}
	
#pages {
		margin: 10px 0px 0 180px;
		display:inline-block;
		text-transform:uppercase;
		font-family: "CopseRegular", Georgia, serif; 
		font-size:18px;
		width: 576px;
		position:relative;
		float:left; 
	}

 	

#post { 
	clear:both;
	margin: 55px 30px 0 0; 
	position: relative;
	width: 700px;
	float:left;
	vertical-align:top;
	display:inline-block;
	}

 	

.post-header { 
	height: 80px; 
	width: 720px; 
	}

.post-color { 
	height: 90px; 
	float: left; 
	min-width: 700px; 
	overflow: visible;
	}

.post-spacer { 
	float: left; 
	height: 60px;
	}

.title-texture { 
	background: url(http://static.tumblr.com/xkbim5e/pqKlnu5uh/postbk.png) 0px 0px repeat; 
	padding: 10px 0px 0 180px; 
	height: 50px; 
	float: left; 
	max-width: 780px; 
	overflow: hidden; 
	position: relative;
	box-shadow: 3px 3px 0px #C2AF77;
	-webkit-border-top-right-radius:30px;
	-moz-border-radius-topright: 30px;
	border-top-right-radius:30px;
	-webkit-border-bottom-right-radius:30px;
	-moz-border-radius-bottomright:30px;
	border-bottom-right-radius:30px;
	}

.cap-audio a{ 
	background: url(http://static.tumblr.com/xkbim5e/gKClntn3o/sprite.png) 0px -256px no-repeat; 
	height: 42px; 
	width: 42px; 
	float: left; 
	text-indent: -99999em;
	margin-top:0px;
	overflow:hidden;
	}
	
.cap-audio { 
	float: left;
	}
	
.cap-chat a{ 
	background: url(http://static.tumblr.com/xkbim5e/gKClntn3o/sprite.png) 0px -310px no-repeat; 
	height: 42px; 
	width: 42px; 
	float: left; 
	text-indent: -99999em;
	margin-top:0px;
	}
	
.cap-chat { 
	float: left;
	}
	
.cap-link a{ 
	background: url(http://static.tumblr.com/xkbim5e/gKClntn3o/sprite.png) 0px -205px no-repeat; 
	height: 42px; 
	width: 42px; 
	float: left; 
	text-indent: -99999em;
	margin-top:0px;
	}
	
.cap-link { 
	float: left;
	}
	
.cap-photo a{ 
	background: url(http://static.tumblr.com/xkbim5e/gKClntn3o/sprite.png) 0px 0px no-repeat; 
	height: 42px; 
	width: 42px; 
	float: left; 
	text-indent: -99999em;
	margin-top:5px;
	}
	
.cap-photo { 
	float: left;
	}
	
.cap-post{ 
	background: url(http://static.tumblr.com/xkbim5e/gKClntn3o/sprite.png) 0px -153px no-repeat; 
	height: 42px; 
	width: 42px;  
	text-indent: -99999em;
	}
	
.cap-post { 
	float: left;
	}
	
.cap-quote a{ 
	background: url(http://static.tumblr.com/xkbim5e/gKClntn3o/sprite.png) 0px -100px no-repeat; 
	height: 42px; 
	width: 42px; 
	float: left; 
	text-indent: -99999em;
	}
	
.cap-quote { 
	float: left;
	}
	
.cap-video a{ 
	background: url(http://static.tumblr.com/xkbim5e/gKClntn3o/sprite.png) 0px -47px no-repeat; 
	height: 42px; 
	width: 42px; 
	float: left; 
	text-indent: -99999em;
	}
	
.cap-video { 
	float: left;
	}
	

.post-info { 
	padding: 20px 0 0 190px; 
	position: relative; 
	width: 680px;
	font-family: "CopseRegular", Georgia, serif; 
	font-size: 19px; 
	color: #4f4f4f;
	}

.post-info .parts { 
	float: left; 
	padding-right: 10px; 
	width: 680px;
	color:#BDAA72;
	}
	
#note {
	float: right;
}

.post-info ul { 
	list-style: none; 
	float: left; 
	padding: 0px; 
	max-width: 680px;
	}

.post-info li { display: inline; padding-right: 10px; margin-left: 0px; word-wrap:break-word;}

.tags { padding-left: 10px;}

.tags a {
	color:#fff;
	font-family: Georgia, serif;
	font-weight:700; 
	font-size:14px;
	background-color: #F8B60C;
	padding:8px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	text-shadow: 0px -1px 1px rgba(0, 0, 0,.1);
}

.tags a:hover {
	color:#fff;
	background-color: #e79214;
	
}

.post-content { 
	padding: 15px 0 0 190px; 
	position: relative; 
	width: 700px; 
	line-height: 26px; 
	word-wrap:break-word; 
	font-size:18px;
	}
 		
.post-content p{ 
	word-wrap: break-word !important;
	}

blockquote { 
	border-left: 3px solid #BDAA72; 
	padding-left: 10px; 
	margin-bottom: 10px; 
	color:#BDAA72; 
	font-style:italic; 
	font-family: Georgia, serif;
	}

blockquote p { 
	padding-bottom: 0px; 
	color:#BDAA72; 
	font-style:italic; 
	font-family: Georgia, serif;
	}
	
.quote-name{
	color:#BDAA72;
	font-family: Georgia, serif;
	font-size:12px;
	text-transform:none;
	font-weight:400;
	
}

.chat {
	list-style: none; 
	margin-bottom: 15px; 
	margin-left: 0;
	}

.message { 
	width: 500px; 
	float: right; 
	padding-top: 3px }

.answertags { 
	font-size: 18px; 
	margin-right: 5px; 
	padding-top: 6px; 
	float: left; 
	width: 90px; 
	text-align: right;
	}

.name { 
	font-size: 18px; 
	font-weight: bold; 
	margin-right: 5px; 
	padding-top: 3px; 
	float: left; 
	width: 90px; 
	text-align: right; 
	color:#BDAA72;
	}
 		
.notes { 
	max-width: 544px; 
	padding-top: 35px;
	}

.notes li { 
	margin-left: 0px; 
	padding: 10px 0 10px 0; 
	border-bottom: 1px solid #a3a3a3; 
	list-style: none
	}

.more_notes_link_container { 
	border: none !important; 
	font-weight: bold;
	}
	
.link {
	font-family: "CopseRegular", Georgia, serif;
	font-weight:700;
	text-transform:uppercase;
	font-size: 24px;
	letter-spacing:1px;
}


.audio_player {
	box-shadow: 2px 2px 0px #C2AF77;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	border-top:1px solid #C2AF77;
	border-left: 1px solid #C2AF77;
}
 		

#quotes {
	margin-bottom: 30px;
	font-family: "CopseRegular", Georgia, serif;
	font-weight:700;
	text-transform:uppercase;
	font-size: 24px;
	letter-spacing:1px;
	}
 		
#tagsdisplay { width: 680px; padding: 40px 0 0 190px;}


#aside {
	width: 300px;	
	display:inline-block;
	vertical-align:top;
	margin-top: 10px;
}

#search {
	margin-top:20px;
	background: url(http://static.tumblr.com/xkbim5e/pqKlnu5uh/postbk.png) 0px 0px repeat; 
	padding: 10px; 
	height: 30px; 
	float: left; 
	width: 250px; 
	overflow: hidden; 
	position: relative;
	box-shadow: 3px 3px 0px #C2AF77;
	-webkit-border-radius:20px;
	-moz-border-radius: 20px;
	border-radius:20px;	
	margin-bottom: 20px;
}
input[type="text"] {
	background:none;
	border:none;
	width: 140px;
	border-bottom: 1px solid #BEAC75;
	color: #C2AF77; 
	font-weight: 400; 
	font-size: 24px; 
	font-family: "CopseRegular", Georgia, serif; 
	text-transform:uppercase; 
	line-height:20px; 
	margin-right: 25px;
	margin-left: 10px; 
	margin-top: 0px;  
	overflow: hidden;
	text-shadow: 0px -1px 1px rgba(0,0,0,.5);
	float:left;
	display:inline-block;
}

input[type="submit"] {
	background: url(http://static.tumblr.com/xkbim5e/gKClntn3o/sprite.png) -60px 0px no-repeat; 
	border:none;
	width:42px;
	height: 42px;
	text-indent: -99999em;
	float:right;
	display:inline-block;
}

#following {
	margin-top: 20px;
	width: 250px;
}

#following h4 {
	font-family: "CopseRegular", Georgia, serif; 
	font-size:18px;
	color: #FAE29A;
	text-transform:uppercase;
}

#border {
	width:55%;
	border-top: 1px solid #FAE29A;
	float:right;
}

#following ul {
	
	
	padding: 30px auto;
	width: 100%;
	height: auto;
	
	
}

#following li {
	list-style:none;
	float:left;
	
}
#borderBottom {
	
}

#following a img {
	clear:both;
	box-shadow: 2px 2px 0px #C2AF77;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}




/*--------------------------------------------------------------------------------------------------------------------------*/
/*- Footer Setup ---*/
/*--------------------------------------------------------------------------------------------------------------------------*/

 		

#footer {
	background: url(http://static.tumblr.com/xkbim5e/hgclntn2r/hderbk.png) top left repeat;
	width:100%;
	height:180px;
	border-top: 1px solid rgba(85, 76, 53, 1);
	float:left;
	}

 	
#footer-bot { 
	height: 153px; 
	margin: 20px 0 0 190px; 
	width: 980px;
	}

.attribution {
	clear:both;
	background:url(http://static.tumblr.com/xkbim5e/2y6ltd2sq/arrtistic_s_logo.png) no-repeat 0 0;
	background-size:100%; 
	font-family: Georgia, serif; 
	font-size: 14px; 
	margin: 60px 0px 10px 0px; 
	width: 140px;
	height:40px;
	float: left;
	color: #665D3E;
	text-indent:-99999px;
	overflow: hidden;
	}

.attribution a {
	
	
	}

.btn-next a{ 
	width: 44px; 
	height: 41px; 
	background: url(http://static.tumblr.com/xkbim5e/gKClntn3o/sprite.png) -127px 0px no-repeat; 
	float: left; 
	text-indent: -99999em; 
	margin-right: 5px;
	}

.btn-next a:hover{ 
	background-position: -171px 1px;
	 }

.btn-prev a{ 
	width: 44px; 
	height: 41px; 
	background: url(http://static.tumblr.com/xkbim5e/gKClntn3o/sprite.png) -127px -40px no-repeat; 
	float: left; 
	text-indent: -99999em;
	}

.btn-prev a:hover{ 
	background-position: -171px -39px;
	}