@charset "utf-8";
/* CSS Document */
/** for main body */

@font-face {
    font-family: 'Lobster';
    src: url('/static/fonts/lobster-webfont.eot');
    src: url('/static/fonts/lobster-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/fonts/lobster-webfont.woff') format('woff'),
         url('/static/fonts/lobster-webfont.ttf') format('truetype'),
         url('/static/fonts/lobster-webfont.svg#lobsterregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
background:#ff7316 url(../img/new_backgroundimage.png) repeat-x top;
line-height: 1.5em;
color: #000;
font-size: 12px;
padding-top: 60px; 
}


h1, h2, h3, h4, h5 {
	font-family: 'Lobster', Georgia, Times, serif; 
	margin-bottom: 10px;
}

h1, h2{
	color: #fff;
}


h1 {
	font-size: 48px;
	margin-bottom: 20px;
	text-shadow: 3px 3px 3px #333;
	margin-bottom:40px;
}

h1.white-form {
	text-shadow: none;
}

h4, h5 {
	color: #330000;
	font-weight: normal;
}


h5 { font-size: 20px; }

a {color: #339; 
}

.left{
  float:left;
}
.right{
  float:right;
}
.clear-both{
  clear:both;
}
/** container */
#container{
background-image:url(../img/can.png);
background-repeat:no-repeat;
background-position:left center;
}

.fancy {
	font-family: 'Lobster', Georgia, Times, serif; 	
}

p {
	line-height: 1.3em;
	margin-bottom: 1em;
}

p.italic {
	font-style: italic;
}

p.large {
	font-size: 15px;
}

p.xlarge {
	font-size: 20px;
}

.description p{
	font-size: 15px;
}
p.letter{
	font-size: 15px;
	width:424px;
}


header {
	height: 90px;
}


.inline-title {
	float: left;
	display: inline-block;
	margin-right: 10px;
}

	.spread .inline-title {
		line-height: 25px;
		}
	.sprayback.spread .inline-title  {
		line-height: 25px;
		margin-left: 20px;
		}


/** navigation **/
.navigation-menu{
margin:0;
padding: 0;
}
.navigation-menu li{
	display: inline-block;
	margin-right: 5px;
	list-style: none;
	height: 35px;
	float: left;
}

.navigation-menu li a {
	padding:5px 10px;
	display: block;
	border-radius: 5px;
	background: #ff8558;
	color: #330000;
	font-size:15px;
	cursor: pointer;
}

.navigation-menu li.active, .navigation-menu li:hover {
	background: url(../img/main-menu-arrow.png) no-repeat center top;
}

.navigation-menu li.active a, .navigation-menu li:hover a{
	background: #46474a;
	text-decoration: none;
	color: #fff;
	font-weight:300;
}

/**displaying the spray icon */
.can{
float:left;
}
/**for the buttons to post*/
.popup_buttons {
	display:inline;
}

.popup_buttons  #report_hate{
	background:url(../img/blue_antihateheros.png);
	background-repeat:no-repeat;
	width:inherit;
	height:50px;
	text-align:center;
	
}

.popup_buttons  #anti-hate{
	background:url(../img/blue_antihateheros.png);
	background-repeat:no-repeat;
	width:inherit;
	height:50px;
	text-align:center;
	
}
.popup_buttons  #spray-back{
	background:url(../img/blue_antihateheros.png);
	background-repeat:no-repeat;
	width:inherit;
	height:50px;
	text-align:center;
}
.main_content #send_story{
background:url(../img/blue_antihateheros.png);
	background-repeat:no-repeat;
	width:inherit;
	height:50px;
	text-align:center;
}

.main_content #letter_to_hater{
background:url(../img/envolpe.jpg);
background-repeat:no-repeat;
	width:inherit;
	height:100px;
}
.spary_buttons #letter_to_hater #letter{
background:url(../img/letter.png);
background-repeat:no-repeat;
	width:inherit;
	height:50px;
	text-align:center;

}
.spray_buttons #report_hate{
background:url(../img/blue_antihateheros.png);
	background-repeat:no-repeat;
	width:inherit;
	height:50px;
	text-align:center;
}
.spray_buttons #profile_pictures{
background:url(../img/profile_pictures.png);
background-repeat:no-repeat;
width:inherit;
height:50px;
}


/** spray page buttons**/
.main_content .spread #request_kit{
background:url(../img/anti_hate_kit.png);
background-repeat:no-repeat;
width:inherit;
height:27px;
}

/** for socail plugins*/
 
 
#sociallinks							{ list-style:none; margin: 0 0 10px 0; padding:0; float: left; }
#sociallinks li							{ list-style:none; text-indent:-99999px; display:block; width:27px; height:25px; float:left; margin-right:10px; }

#sociallinks a							{ display:block; width:27px; height:25px; background:url(../img/social-media.png) 0 0 no-repeat; }

#sociallinks .facebook a		 			{ background-position:0 0 ;  }

#sociallinks .twitter a					{ background-position:-32px 0;}

#sociallinks .google a					{ background-position:-64px 0;}

#sociallinks .email a			        	{ background-position:-96px 0; }
#sociallinks li.google { text-indent: 0; }


/** text formating*/
.info{
font-family:arial;

}
p.removing graffiti{
font-family: 'arial'; color:black;font-size: 12pt; line-height: 100px;
}
/** spray page **/
.spray_social # share{
background:url(../img/spray_social.png);
background-repeat:no-repeat;
width:88px;
height:27px;
}
.asci_art  #viewmessage{
background:url(../img/spray_viewmessage.png);
background-repeat:no-repeat;
width:107px;
height:25px;
}



/** footer **/
.footer{
  width: 940px;
  margin-left:auto;
  margin-right:auto;
	margin-top: 60px;
	padding-top:10px;
	border-top: 1px solid #ff8f45;
}

.footer .footer-logo, .footer .black-button {
	float: left;
}
	.footer .footer-logo {
		margin-right: 20px;		
	}

	.footer .black-button {
		margin-top:10px;
		margin-left:5px;		
	}

.footer #copyrights{
	float:right;
	line-height: 50px;
	font-size: 11px;
}

/* ========= Button ========= */
a.blue-button {
	background: url(../img/blue-button.png) repeat-x center;
	padding:0 28px;
	color: #fff;
	border-radius: 10px;
	display: inline-block;
	text-decoration: none;
	margin-bottom: 10px;
	font-family: 'Lobster', Georgia, Times, serif; 
	font-size: 20px;
	height: 41px;
	line-height: 41px;
	text-align:center;
	text-shadow: 1px 1px 1px #111;
}

a.black-button {
	background: url(../img/black-button.png) repeat-x center;
	padding:0 10px;
	height: 27px;
	line-height: 27px;
	color: #fff;
	text-decoration: none;
	border-radius: 10px;
	font-family: 'Lobster', Georgia, Times, serif; 
	font-size: 15px;
}

a.small-blue-button {
	background:#0082ac;
	border-radius: 5px;
	padding:5px 10px;
	color: #fff;
	text-decoration: none;
	font-family: 'Lobster', Georgia, Times, serif; 
	text-shadow: 1px 1px 1px #111;
}

a.mid-blue-button {
	background:#0082ac;
	border-radius: 5px;
	padding:5px 10px;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	font-family: 'Lobster', Georgia, Times, serif; 
	text-shadow: 1px 1px 1px #111;
}


/* ========= 3 colums layout =========== */
.cols3 {
	float: left;
	width:33%;
}

	.cols3 .cols_content{
		padding-right:20px;
	}


.report-hate .spread{
	margin-top:30px;
}

.spray-header {
	color: #000;
}

h3#letter-to-hater{
  background: url(../img/new_envolvpe.png) no-repeat left top;
  padding-left: 55px;
  line-height: 35px;
}
/*============form layout===========*/
.form {
display:inline-block;
}


/*=========to fix fonts on the antihate help page  victim_support====*/
.main_content .victim_support {
	font-family: arial;
	
	color: black;
	line-height:1.5em;
	margin-bottom: 1em;
	}
 .main_content.victoria-police{
	font-family: arial;
	font-size: 12pt;
	color: black;
	line-height:1.5em;
	margin-bottom: 1em;
	}
	/**============ to fix fonts on antihate help page===========*/
.description .veohrc #enquiry,#hearing_impared, #email , #website{
	font-weight: bold;
}

/*============Letters layout===========*/
.letter-block {
	margin-bottom: 3.5em;
}

/*============Stories layout===========*/
#likes {
	border-bottom: 1px solid #FF9C65;
	padding-bottom: 2em;
	margin-bottom: 2em;
	overflow: hidden;
}

#form_comments {
	margin-top: 25px;
}

/*=============Spray Back layout ====================*/
.spray-back h2{
	font-family: Arial;
	font-size: 20px;
	color: #000;
	font-weight: normal;
}

.spray-back h2.itatic {
	font-style: italic;
}

.spray-back .orangebox {
	background: url(../img/orangebox.png);
	width: 217px;
	height: 130px;
	padding: 29px;
	float: left;
	margin-bottom: 12px;
	margin-right: 22px;
	position: relative;
}

.spray-back .big-orangebox {
	background: url(../img/big-orangebox.png);
	height: 330px;
}

.spray-back .orangebox p{
	font-size: 13px;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
}

.spray-back .bottom-urlblock .cols2{
	float: left;
	width: 267px;
	margin-right: 26px;
	padding-left: 4px;
}

.spray-back .bottom-urlblock input[type=text] {
	width: 256px;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.spray-back .mid-blue-button {
	width: 187px;
	display: inline-block;
	position: absolute;
	bottom: 30px;
	left: 33px;
}

.orangebox .bystander-tips {
	background: url(../img/bystander-tips.png) no-repeat left center;
	line-height: 35px;
	padding-left: 65px;
}

.orangebox .anti-hate-kit {
	background: url(../img/anti-hate-kit.png) no-repeat left center;
	line-height: 45px;
	padding-left: 65px;
}

.orangebox .spray-away {
	background: url(../img/spray-can.png) no-repeat left center;
	line-height: 50px;
	padding-left: 45px;
}

.orangebox .download-img {
	text-align: center;
	line-height: 40px;
}