/* 
Add your custom styles in this file instead of style.css so it 
is easier to update the theme. Simply copy an existing style 
from style.css to this file, and modify it to your liking. 

When you update your theme, backup this file and re-add it after.
*/

/* Global */
.headerad {
float:right; margin-top:20px;
}
.views { color: #696969; font-size:12px; font-family:inherit;vertical-align: middle;}
.views img {vertical-align: middle;}
.btn,
.btn:visited {
	   -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background: #47b647;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#64cd64), to(#47b647));
  	background: -webkit-linear-gradient(top, #64cd64, #47b647);
  	background: -o-linear-gradient(top, #64cd64, #47b647);
  	background: linear-gradient(to bottom, #64cd64, #47b647);
  	background: -moz-linear-gradient(top, #64cd64, #47b647);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f4', endColorstr='#dededd');
	border:1px solid green;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	color:#fff !important;
	font-size:15px;
	font-weight:normal;
	padding:6px 24px;
	text-decoration:none;
}

.btn:hover, .button:focus {
	color: #FFFFFF;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
	text-decoration: none;
	opacity: 0.9;
	}
	
.btn:active {
	color: #FFFFFF;
	position: relative;
	top: 1px;
	}

.mystyle {}


/* Tablet - 800px, 768px & 720px */
@media only screen and (min-width: 720px) and (max-width: 800px) {
	.mystyle {}
}


/* Mobile - 480px & 320px */
@media only screen and (max-width: 719px) {
	.mystyle {}
}


/* Mobile - 320px */
@media only screen and (max-width: 479px) {
	.mystyle {}
}