body {
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	color: #fff;
font-family: 'Lato', sans-serif;
	background-color: #000;
}
#header {
width: 100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(i/logo.jpg);
	height: 140px;
	background-repeat: no-repeat;
	margin-top: 20px;
	text-align: right;
}
a.login  {
background-color: red;
color: #fff;
padding: 10px;
text-decoration: none;
}
.strip {
width: 100%;
max-width: 1200px;
margin: 0px auto 0px auto;
}
.strip-box {
width: 32%;
margin: 0.5%;
float: left;
}
.tagline-wrap {
background-color: #1A1A1A;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
}
.tagline {
color: #fff;
text-align: left;
width: 100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
padding: 10px 0px 10px 0px;
}
.tagline h2 {
color: #fff;
text-align: left;
font-size: 36px;
}

#main {
	background-image: url(/i/bg.jpg);
	height: 600px;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
	background-position: center;
}
#about {
width: 100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
}
#page {
width: 100%;
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
}
#page h2 {
margin-top: 20px;
}

.left {
width: 50%;
float: left;
margin-right: 1%;
}
.left h2 {
text-align: left;
}

.right {
float:right;
width: 48%;
margin-left: 1%;
text-align: center;
}
.right h2 {
text-transform: uppercase;
color: #DF2828;
margin: 0px;
padding: 0px;
}
.right p {
margin: 0px;
}

#about2 {
width: 100%;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
.gallery {
width: 100%;
	max-width: 1200px;
margin: 20px auto 20px auto;
}
#about h2 {
margin: 30px 0px 20px 0px;
}

#details {
width: 100%;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
}
#join {
 -moz-box-shadow: 10px 10px 5px #000000;
 -webkit-box-shadow: 10px 10px 5px #000000;
	box-shadow: 10px 10px 5px #000000;
	background-color: #C0908C;
	padding: 10px 30px;
	width: 380px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
			-moz-border-radius: 10px;
	border-radius: 10px 10px 10px 10px;
	border: 1px solid #7D332E;
	color: #ffffff;
	font-size: 16px;
background: rgba(37, 37, 37, 0.75);
text-align: center;
 } 
#join h2 {
color: #fff;
font-size: 22px;
}
.button {
	background-color: #455F92;
	width: 201px;
	 cursor: pointer; 
  cursor: hand; 
font-size: 16px;
font-weight: bold;
color: #fff;
padding: 10px;
-moz-border-radius: 4px;
border-radius: 4px 4px 4px 4px;
margin: 15px auto 0px auto;
display: block;
 box-shadow: 2px 2px 1px #333;
   background: -webkit-linear-gradient(#455F92, #6784B8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#455F92, #6784B8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#455F92, #6784B8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#455F92, #6784B8); /* Standard syntax */
text-decoration: none;
text-shadow: 0 -1px 0 #888;
}
.button2 {
	margin-top: 15px;
margin-bottom: 15px;
	color: #FFFFFF;
			-moz-border-radius: 10px;
	border-radius: 10px 10px 10px 10px;
	font-size: 31px;
	font-weight: bold;
	width: 96%;
	padding: 15px 5px;
-webkit-appearance: none;
background-color: #DF2828;
	 cursor: pointer; 
  cursor: hand;
border: 0px;
text-shadow: 0 -1px 0 #888;
}
a.join {
	color: #FFFFFF;
-moz-border-radius: 10px;
	border-radius: 10px 10px 10px 10px;
	font-size: 41px;
	font-weight: bold;
	width: 100%;
max-width: 1200px;
margin: 15px auto 15px auto;
	padding: 5px 0px 5px 0px;
background-color: #DF2828;
	display: block;
text-align: center;
text-shadow: 0 -1px 0 #888;
text-decoration: none;
}
.details {
font-size: 17px;
}
em {
color: #DF2828;
}

h1 {
	font-size: 24px;
	font-weight: normal;
	color: #ffffff;
	margin-top: 2px;
	margin-bottom: 2px;
}
#footer-wrap {
width: 100%;
background-color: #1A1A1A;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
}
.footer {
width: 100%;
max-width: 1200px;
margin: 0px auto 0px auto;
padding: 20px 0px 20px 0px;
}
.footer ul {
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
}

a {
	color: red;
}
#social {
width: 100%;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#social img {
	margin-right: 15px;
	margin-left: 15px;
}
.profile {
	width: 18%;
	border: 2px solid #FF0000;
	background-color: #FF0000;
	margin: 0.8%;
	float: left;
	font-size: 18px;
	color: #fff;
text-align: center;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
}
.profile-location  {
font-size: 10px;
font-family: 'Lato', sans-serif;
}
.profile-location a {
	color: #FFFFff;
}


.clear {
	clear: both;
width: 100%;
	max-width: 1000px;
}#profile-photo {
	float: left;
	width: 400px;
	margin-left: 20px;
	text-align: center;
}
#profile-stats {
	float: right;
	width: 490px;
	margin-right: 70px;
}
.td-name {
	font-size: 16px;
	font-weight: bold;
}
#reply {
	width: 98%;
	margin-top: 30px;
	background-color: #000000;
	border: 1px solid #FFFFFF;
}
textarea {
	width: 98%;
	height: 120px;
	border: 0px;
	padding: 0px 0px 0px;
	font-family: Tahoma, sans-serif;
	background-image: url(bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	margin-top: 2px;
border: 1px solid #000;
}h2 {
	margin-top: 2px;
	margin-bottom: 0px;
	padding: 2px;
	font-size: 50px;
	text-transform: capitalize;
		color: #fff;
text-align: center;
}
form {
	margin-top: 0px;
	margin-bottom: 10px;
}.style2 {font-size: 16px}
#profile-photo img {
	padding: 5px;
	border: 1px solid #FFFFFF;
	background-color: #000000;
}
#numbs-wrap {
width: 100%;
	border-top: 7px none #c0c0c0;
	border-right: 7px none #ffffff;
	border-bottom: 7px none #c0c0c0;
	border-left: 7px none #fff;
margin-bottom: 20px;
}
#numbs {
	width: 100%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
padding-bottom: 10px;
} 

#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	padding: 0;
	margin: 0;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	list-style: none;
	text-transform: none;
	text-indent: 0px;
	font-variant: normal;
	text-align: left;
	line-height: 30px;
	letter-spacing: 0px;
	word-spacing: 0px;
	font-size: 15px;
font-family: 'Ubuntu', sans-serif;

}

#wp_page_numbers {
	margin-top: 10px;
	width: 100%;
	margin-bottom: 0px;
}
#wp_page_numbers ul {
	width: 100%;
}
#wp_page_numbers li {
	float: left;
	display: block;
	margin-bottom: 2px;
}

#wp_page_numbers a {
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 2px;
	margin-right: 2px;
	display: block;
	color: #fff;
border: 1px solid black;
background-color: #DD4E66;
 background: -webkit-linear-gradient(#990033, #FF0000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#990033, #FF0000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#990033, #FF0000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#990033, #FF0000); /* Standard syntax */
}
 
#wp_page_numbers li a:hover {
	border-color: #fff;
color: #333;
}

#wp_page_numbers li.space {
	padding: 6px;
	padding-left: 2px;
	padding-right: 2px;
}

#wp_page_numbers li.first_last_page {
	font-style: italic;
}

#wp_page_numbers li.active_page a {
	border-color: #fff;
color: #85125A;
}
#wp_page_numbers li.active_page a:hover  {
	color: #333; /* IE fix */
	text-decoration: underline;
	border-color: #fff;
} 

#wp_page_numbers li.page_info {
	float: left;
	display: block;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 2px;
	color: #333;
	font-size: 15px;
}
#profile-stats-button {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}li {
	float: left;
	list-style-position: inside;
	list-style-type: none;
	padding-right: 10px;
}
@media only screen and (max-width: 1000px) {
.profile {
	width: 31.5%;
	margin: 0.5%;
}
@media only screen and (max-width: 679px) {
.profile {
	width: 48%;
	margin: 0.5%;
}

@media only screen and (max-width: 479px) {
#header {
background-size: 490px 100%;
background-position: 0px 10px;
	height: 90px;
}
#join{
width: 256px;
margin: auto;
font-size: 12px;
}
h1 {
	font-size: 20px;
	font-weight: normal;
	color: #ffffff;
	margin-top: 2px;
	margin-bottom: 2px;
}
.left {
width: 98%;
margin: 0px auto 0px auto;
float: none;
}


.right {
width: 98%;
margin: 0px auto 0px auto;
float: none;
text-align: center;
}
#footer a {
	color: #FFFFFF;
padding: 10px;
	display: block;
background-color: #907573;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #240000;
	border-right-color: #240000;
	border-bottom-color: #240000;
	border-left-color: #240000;
margin: 5px;
}
.profile {
	width: 98%;
	margin: 1%;
float: none;
}
h2 {
font-size: 28px;
}
.strip-box {
width: 99%;
margin: 0.5%;
float: left;
}

}