/*
	Theme Name: Graffiti 1.9
	Theme URI: 
	Description: Custom design using the boilerplate template theme provided by Aaron T. Grogg (https://aarontgrogg.com/).
	Author: Julian Mazzitelli and Albert Calzaretto
	Author URI: 
	Version: 1.9
	Tags: juice, orange, minute maid, tropicana, pulp, no-pulp

	uhhh do I leave this license info?
	License: GNU General Public License v2.0
	License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/*Import all the stylesheets*/
@import url(https://fonts.googleapis.com/css?family=Nothing+You+Could+Do);
@import url("css/reset.css");
@import url("css/box-shadow.css");

/*CSS3 PIE*/
behavior: url(css/PIE/PIE.htc);

/*Selection*/
::-moz-selection { background: #AD0B05; color: #ABACA5; text-shadow: none; }
::selection { background: #AD0B05; color: #ABACA5; text-shadow: none; }

/*Links*/
a { color: #AD0B05; }
a:visited { color: #AD0B05; }
a:hover { color: #D00D00; }
a:focus { outline: thin dotted; }

/*Misc Styles*/
.screen-reader-text { 
	position:absolute; left:-9999px; 
} 
/*RIGHT BORDER*/
/*.nav-inner, #search-title, #footer-spacing div, .post, .social, #respond, #comments {
	border-right:2px solid #AD0B05;
}*/
/*NO RIGHT BORDER*/
.nav-inner, #search-title, #footer-spacing div, .post, .social, #respond, #comments {
	width:716px;
}
/*Light Background*/
body {
	background-image: url("images/subtle-pattern-6.jpg");
}
/*Dark Background*/
/*body {
	background-image: url("images/pattern10.jpg");
}*/
.nav-inner, .social, .post, #sidebar {
	/*background-color: rgba(0,0,0,0.05);*/
}
#sidebar {
	opacity:0.5;
}
.post-underline {
	/*position:absolute;
	width:0px;
	margin-left:-500px;
	margin-top:-2px; 
	height: 2px;
	border-right:500px solid #AD0B05;*/
}
/*Primary Styles
==========================================================================*/
/*@font-face {
  font-family: 'Nothing You Could Do';
  font-style: normal;
  font-weight: 400;
  src: url("fonts/nothing-you-could-do.woff") format('woff');
}*/
html, body {
	height:100%;
}
body {
	background-repeat: repeat-x repeat-y;
	background-position: left top;
	background-attachment: fixed;
	/*-webkit-filter: drop-shadow(0 10px 20px rgba(0,0,0,.5));*/
}
/*Header
***************************************************************************/
#header-wrap {
	width:100%;
	border-bottom:3px solid black;
	box-shadow: 0 0 15px black;
	top:0;
	height:120px;
	/*float:left;*/
	/*margin-top: 10px;*/
	background-image: url("images/ink2.png");
	background-repeat: repeat-x;
	background-position: center top;
	padding-bottom:0px;
}
#header {
	position: relative;
	width: 920px;
	margin: 0 auto;
	height: inherit;
	/*background-image: url("../img/subtle-pattern-6.jpg");
	background-repeat: repeat-x repeat-y;
	background-position: left top;*/
	
}
#title {
	width: 400px;
	padding-left: 10px;
	margin-top: 30px;
	position:absolute;
	bottom:0;
	float: left;
	height:inherit;
	font-family: 'Nothing You Could Do', cursive;
	font-size: 6em;
	color: #f5f5f5;
	color: black;
	/*box-shadow:0 0 15px #ffffff;*/
}
#title img {
	position: relative;
	top: 30px;
}
/*Header Navigation Bar
***************************************************************************/
.menu {
	float:right;
	margin-top:10px;
	position:absolute;
	right:0;
	bottom:0;
}
.menu ul {
	float:right;
}
.menu ul li {
	float: left;
	padding-left:5px;
	padding-right:5px;
	list-style: none;
}
.menu ul li a {
	color: black;
	font-family: 'Nothing You Could Do', cursive;
	font-size: 1.6em;
	padding-left:5px;
	padding-right:5px;
	border-radius:10px 10px 0px 0px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	text-decoration: none;
}
.menu ul li.current_page_item a{
	/*background-color: rgba(0,0,0,1);*/
	color: red;
}
.menu ul li a:hover {
	text-decoration: underline;
}
.menu ul li.page_item:hover a {
	/*background-color: rgba(255,255,255,0.9);*/
	text-decoration: underline;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
/*Content
***************************************************************************/
#content {
	position:relative;
	width:920px;	
	margin: 0 auto;
	/*background: url("images/bg-red.jpg") repeat-y top right;*/
}
.nav-inner {
	width:714px;
	float:left;
	padding-top:40px;
	/*border-right:2px solid #AD0B05;*/
	/*border-right:206px solid #AD0B05;*/
}
.nav-inner-l {
	padding-left:10px;
	float:left;
}
.nav-inner-r {
	padding-right:10px;
	float:right;
}
.nav-inner a  {
	text-decoration:none;
	font-style:italic;
}
/*Search
************************************************************************/
#search-title {
	width:714px;
	float:left;
	/*border-right:2px solid #AD0B05;*/
}
#search-title h1 {
	font-style:italic;
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, sans-serif;
	color: black;
}
/*Footer
***************************************************************************/
#footer-spacing {
	width:920px;
	height:50px;
	margin: 0 auto;
}
#footer-spacing div {
	width:714px;
	height:inherit;
	/*border-right:2px solid #AD0B05;*/
	/*border-right: 206px solid #AD0B05;*/
}
#page_footer_wrap {
	border-top:3px solid black;
	box-shadow: 0 0 15px black;
	/*margin-top:20px;*/
	height:50px;
	background-image: url("images/ink2.png");
	background-repeat: no-repeat;
	background-position: center center;
}
#page_footer {
	width:920px;
	margin: 0 auto;
}
/*Sidebar
***************************************************************************/
#sidebar {
	/*position:absolute;
	right:0;*/
	/*opacity:0.5;*/
	width:184px;
	/*border-left:2px solid #AD0B05;*/
	padding-left:10px;
	padding-right:10px;
	float:right;
	/*border-left:2px solid #AD0B05;*/
	/*background: url("images/bg-red.jpg") repeat-y top left;*/
	/*border-right: 3px solid black;*/
	/*background-color: #AD0B05;*/
	/*border-right:2px solid #AD0B05;*/
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, sans-serif;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
#sidebar:hover {
	opacity:1;
}
#sidebar, #sidebar a, #sidebar a:visited {
	color: #ABACA5;
	color: white;
	color: #AD0B05;
}
#sidebar ul {
	list-style: none;
}
#sidebar h3 {
	font-family:"Nothing You Could Do",cursive;
	font-stlye:italic;
	text-decoration:underline;
}
#sidebar a {
	text-decoration:none;
	font-style:italic;
}
#sidebar a:hover {
	color:black;
}
#searchform #s {
    float: left;
	margin-top:30px;
	margin-bottom:20px;
    width:174px;
    position: relative;
	/*background-color:red;*/
	/*-webkit-box-shadow: inset 0 0 10px #000000;*/
}
#searchform #s:focus {
	/*border:1px solid red;*/
}
#searchform #searchsubmit {
	position:absolute;
	left:-9999px;
	width:20px;
	float:left;
}
/*Posts
***************************************************************************/
.post-relative-wrapper {
	float:right;
}
.post {
	/*width: 712px;*/
	width:714px;
	float:left;
	/*margin-top: 20px;*/
	padding-top:20px;
	/*border-top: 20px solid rgba(173,11,5,0.5);*/
	/*padding-bottom: 20px;*/
	border-bottom: 2px solid #AD0B05;
	/*border-right: 2px solid #AD0B05;*/
	/*border-left: 2px solid #AD0B05;*/
	/*border-right: 206px solid #AD0B05;*/
	
	/*background-color: rgba(162,161,175,0.5);*/
	/*box-shadow: 0 0 15px black;*/
	/*border-radius:5px 5px 0px 0px;*/
	/*font-family:Georgia, "Bitstream Charter", serif;*/
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, sans-serif;
	/*background-color: white;*/
	color: black;
}
.entry-content {
	width:590px;
	padding-right:10px;
}
.entry-meta {
	font-style: italic;
}
.entry-meta a {
	text-decoration:none;
}
.entry-utility {
	font-style: italic;
}
.entry-utility a {
	text-decoration:none;
}
h2.entry-title a {
	text-decoration:none;
	font-size:1.3em;
	font-family: 'Nothing You Could Do', cursive;
}
.post-content {
	width:600px;
	float:right;
	padding-bottom:20px;
}
.post-sidebar {
	position:absolute;
	width:90px;
	margin-top: -72px;
	height: 70px;
}
.social {
	width:714px;
	height:30px;
	float:left;
	/*border-right:2px solid #AD0B05;*/
	/*border-right:206px solid #AD0B05*/
}
.a-outer {
	position:relative;
	width:30px;
	height:30px;
	float:left;
	margin-left:10px;
	line-height:30px;
}
.share {
	position:relative;
	width:30px;
	height:30px;
	float:left;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #AD0B05;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	/*-webkit-box-shadow: 0 6px 5px -5px black;*/
}
.share:hover {
	position: relative;
	height: 70px;
	/*-webkit-box-shadow: 0 6px 4px -4px black;*/
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
/*.share:hover:after {
	box-shadow: 0 10px 5px black;
}
.share:after
{
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 8px;
	left: 20px;
	width:15px;
	height:25px;
	
	-webkit-transform: rotate(20deg);
}*/
.fb {
	background-image: url("images/fb{30x30}.png");
}
.twitter {
	background-image: url("images/twitter.png");
}
.comment {
	width:200px;
	color: white;
	background-image: url("images/comments{30x30}.png");
}
.comments-link {
	float:left;
	margin-top:30px;
	margin-left: 10px;
	width:70px;
	height:50px;
	/*
	border-left:2px solid #AD0B05;
	border-top:2px solid #AD0B05;
	*/
}
.comments-link-arrow {
	/*width:70px;
	height:20px;
	float:left;
	margin-top:50px;
	background-color:red;*/
	margin-top:50px;
	margin-left:40px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 10px 0 0;
	border-color: #AD0B05 transparent transparent transparent;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.comments-link a {
	/*background: url("images/comments (2).png") no-repeat;*/
	background-color: #AD0B05;
	border-radius:10px;
	color: #ABACA5;
	font-family: 'Nothing You Could Do', cursive;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 50px;
	position:absolute;
	width:70px;
	height:50px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.comments-link:hover a {
	background-color: #ABACA5;
	/*background: url("images/comments (2)-grey.png") no-repeat;*/
	color: #AD0B05;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.comments-link:hover .comments-link-arrow{
	border-color: #ABACA5 transparent transparent transparent;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
/*Comments
***************************************************************************/
#respond {
	width:714px;
	float:left;
	/*border-right:2px solid #AD0B05;*/
}
#comments {
	margin-top:60px;
	width:714px;
	float:left;
	/*border-right:2px solid #AD0B05;*/
}
.comment {
	list-style:none;
	width:714px;
}
.comment a {
	text-decoration:none;
	font-style:italic;
}
.comment article {
	width:714px;
}
.comment-author {
	float:left;
	padding-right:10px;
}
#comment-content .fn {
	font-family:"Nothing You Could Do", cursive;
	font-size:3em;
	font-style:normal;
	color:black;
}
.comment-author .avatar {
	width:100px;
	height:100px;
}
#comment-content {
	float:left;
	width:582px;
	margin-bottom:20px;
	padding:10px;
	border-left:2px solid #AD0B05;
}
.comment-body {
	color:black;
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, sans-serif;
}
#reply-title {
	font-style:italic;
}



/*Custom Template: Fall
==========================================================================*/
#fall-bg {
	background-color: #080509;
	/*dark version of background image*/
	/*background-image: url("images/pattern10.jpg");*/
	background-image: url("images/subtle-pattern-6.jpg");
	background-repeat: repeat;
	bcakground-position: left top;
}
#fall-wrapper {
	width:920px;
	margin: 0 auto;
	/*background-image: url("images/pattern10.jpg");*/
	background-repeat: repeat;
	background-position: left top;
	/*background-color: rgba(240,240,240,0.7);*/
}
#nav-wrap {
	width:920px;
	margin: 0 auto;
	position:relative;
	/*border:1px solid red;*/
}
#nav-wrap ul.main-nav {
	padding: 0;
	margin-top:20px;
	/*width:1396px;*/
	width:920px;
	white-space: nowrap;
	/*height:200px;*//*if you change this, change it 3 sections below as well*/
	float:left;
	text-align:center;
	/*background-color: #ABACA5;*/
}
#nav-spacer-1 {
	width:72px;
	margin:0px;
	height:1px;
	float:left;
}
#nav-spacer-2 {
	width:86px;
	height:1px;
	float:left;
}
#nav-container {
	width:920px;
	margin:0 auto;
	position:relative;
	overflow-x:hidden;
}
#nav-wrap ul.main-nav li.main-li {
	list-style:none;
	margin: 0 auto;
	/*display: inline;*/
	float:left;
	padding:10px;
	margin:10px;
	/*margin-bottom:20px;*/
	/*border-radius:5px 5px 5px 5px;*/
	background-color:#f0f0f0;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	font-family: "Nothing You Could Do", cursive;
	font-size:1.4em;
	font-weight:bold;
}
#nav-wrap ul.main-nav li.main-li a {
	color: black;
	text-decoration:none;
}
#nav-wrap ul.main-nav li.main-li:hover {
	background-color:#CCCCCC;
	/*border-radius:10px 10px 10px 10px;*/
}
#nav-wrap ul.main-nav li.main-li:hover a{
	text-decoration:underline;
}
.inner-nav {
	width:900px;
	margin: 0 auto;
	display:block;
	padding:10px;
	padding-top:0;
	background-color: #f0f0f0;
	/*border-top:2px solid black;
	border-bottom:2px solid black;*/
	/*border:2px solid black;
	-webkit-box-shadow: 0 0 15px black;*/
}
.nav-column {
	width:205px;
	padding:5px;
	margin:5px;
	float:left;
	list-style: none;
}
.nav-column li a {
	display: block;
	font-family: "Times New Roman";
	font-size:1em;
	text-decoration:none;
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, sans-serif;
	color:black;
	width:205px;
	cursor: pointer;
}
.nav-column li a:hover {
	color: #AD0B05;
	/*font-style:italic;*/
	/*color: #e6e6e6;*/
}
.nav-column li {
	border-bottom:1px solid ;
}
.nav-column li:hover {
	background-color: #ABACA5;
	border-bottom:1px solid #AD0B05;
}
.nav-column h3, .nav-column h3 a, .nav-column h3 a:hover {
	font-family:"Nothing You Could Do", cursive;
	color:#AD0B05;
	color:black;
}
#stories {
	width:900px;
	margin: 0 auto;
	height:0px;
	text-align:left;
	/*border:1px solid blue;*/
	/*-moz-box-shadow:    inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow:         inset 0 0 10px #000000;*/
	overflow-x:hidden;
	overflow-y:hidden;
	/*background: url("https://simplebits.com/-/img/bg-lighter.jpg") repeat left top;*/
}
#stories-ul {
	width:999999px;
	margin-left:900px;
}
#stories-ul li {
	width:880px;
	/*border:1px solid black;*/
	list-style:none;
	padding:10px;
	float:left;
}
#stories-ul pre, #stories-ul pre i {
	display:inline;
	font-family:"Times New Roman";
}
#fall-footer-spacing {
	width:920px;
	margin: 0 auto;
	height:20px;
	/*background-color:#ABACA5;*/
}

/*Custom Template:Coming Soon
==========================================================================*/
#coming-soon-bg {
	height:100%;
	background: url("images/pattern10.jpg") repeat left top;
}
#coming-soon {
	width:920px;
	text-align:center;
}
#coming-soon h1 {
	font-family:"Nothing You Could Do",cursive;
	font-size:6em;
	color: #ABACA5;
}
#page_footer_wrap_comingSoon {
	position:absolute;
	top:-100px;
	bottom:0px;
	left:0px;
}