/* 
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;
}
	input[type="text"], textarea, select, div.styled, input[type="file"] {  
		width:12em; border-radius:2px; border: solid 1px #ccc; padding:0.4em;}
	
	div.styled, select, input[type="submit"], input[type="button"], 
	input[type="file"]:after {
		background: white;
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); 
		box-shadow: 0 1px 3px rgba(0,0,0,0.2);}	
	
	input[type="text"], textarea, input[type="file"] { 
		background-color: #f5f5f5;
		-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
		box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);}
	
		.ie9 input[type="text"] { line-height:normal; } /* Get the stuff to line up right */
	
	textarea { width:100%; height:10em; }
	
/* ----------------------------------------------  Select menu  ---------------------------------------------- */
	
	/* For IE and Firefox */

	div.styled { overflow:hidden; padding:0; margin:0; }
		
		.ie7 div.styled {border:none;}

	div.styled select {	
		width:115%; background-color:transparent; background-image:none;
		-webkit-appearance: none; border:none; box-shadow:none;}
		
		.ie7 div.styled select {
			width:100%; background-color:#fff; border: solid 1px #ccc; 
			padding:0.3em 0.5em;}	
	
/* ----------------------------------------------  File field  ----------------------------------------------  */

	/* Webkit Only */
	
	input[type="file"] { 
		position: relative; 
		-webkit-appearance: none;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;	width: 40%;	padding:0;}
		
	input[type=file]::-webkit-file-upload-button {
		width: 0; padding: 0; margin: 0;-webkit-appearance: none; border: none;}	
		
	input[type="file"]:after {
		content: 'Upload File';
		margin:0 0 0 0.5em;
		display: inline-block; left: 100%; position: relative;
		background:white;
		padding:0.3em 0.5em; border: solid 1px #ccc !important;
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); 
		box-shadow: 0 1px 3px rgba(0,0,0,0.2);
		border-radius:4px;}	
		
		
		input[type="file"]:active:after {box-shadow:none;}
	
	
/* ----------------------------------------------  Checkboxes and Radio inputs  ----------------------------------------------  */	
		
	input[type="radio"], 
	input[type="checkbox"] { position: absolute; left: -999em; }
		
	label { 
		display: block;  margin:0.15em 0; 
		 height:25px; clear:both;
		 }
	
	input[type="checkbox"] + label:before { background-position: 0 -25px;}
	input[type="checkbox"]:checked + label:before {background-position: 0 0 ; }
		 
	input[type="radio"] + label:before { background-position: -25px -25px;}	 	
	input[type="radio"]:checked + label:before { background-position: -25px 0;}
	
		/* Remove the custom styling for IE 7-8 */
		
		.ie8 label:before { display:none; content:none; }
		
		.ie8 input[type="checkbox"],
		.ie8 input[type="radio"],
		.ie7 input[type="checkbox"],
		.ie7 input[type="radio"]{ 
			position: static; left:0; }
		
		.ie8 input[type="checkbox"],
		.ie8 input[type="radio"] { 
			position:relative; top:5px; margin-right:0.5em;}	
			
	input[type="text"]:focus, textarea:focus {
		border-color:#000;
		}

	

.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;
	}


input[type=submit] {
  -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:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5f5f4), color-stop(1, #dededd) );
	background:-moz-linear-gradient( center top, #f5f5f4 5%, #dededd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f4', endColorstr='#dededd');
	border:1px solid #cdcdc6;
	background-color:#dbdbdb;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	color:#636360 !important;
	font-size:15px;
	font-weight:normal;
	padding:6px 24px;
	text-decoration:none;
 }

.tabs{ list-style:none; margin:3px 0;padding:0; clear:both; }
.tabs ul{ list-style:none}
.tabs li{float:left;
list-style:none outside none;border: 0 none;
    margin:0 0 6px; }
.tabs li a{ 
background: none repeat scroll 0 0 #52C0D4;
    border: 0 none;
    color: #C0F5FF;
    font-size: 14px; font-weight:bold;
    line-height: 1;
    padding: 10px;
}

 .tabs li a:hover{ background: none repeat scroll 0 0 #D45255;
    color: #FFFFFF; }
.tabs li.active a{ background: none repeat scroll 0 0 #D45255;
    color: #FFFFFF;
 }
 .tab_content {
	padding: 5px;
}
.simpleTabs {margin:12px 0;list-style:none}
 .simpleTabs div{
clear:left;
padding:10px 10px 8px; }
.simpleTabs div ul {
list-style:none outside none;
margin:0;
}
 .simpleTabs div li a {
color:#CDCDCD;
display:block;
font-weight:normal;
padding:3px 0 3px 0;
}
.simpleTabs div li {
border-bottom:1px solid #141414;
border-top:1px solid #202020;
font-size:12px;
}

.pagination {
clear:both;
padding:20px 5px;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:9px 12px 8px 12px;
text-decoration:none;
width:auto;
color:#fff;
background: #252525;
}
 
.pagination a:hover{
color:#fff;
background: #0066CC;
}
 
.pagination .current{
padding:9px 12px 8px 12px;
background: #0066CC;
color:#fff;
}
 .letters{text-align:right;padding:0px;margin:0px;}
.letters a{ color:#fff; }	
.letters a:hover{ color:#ddd; }
.post-box {
    float: left;
    width: 98%;overflow: hidden;
}
.galleryItem {
	color: #797478;
	float: left;	
 
	margin:10px 0 10px 15px;
	

    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);

    padding: 4px;

}


.galleryItem h2 a {
	font-weight:bold;  font-size:12px; font-family:Arial;line-height: 10px;
}
 
.galleryItem p {

    height: 150px;
    margin: 0 0 4px;
    width: 250px;
}

/* 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 {}
}