@charset "UTF-8";

/*
 * Copyright 2014, Don't Brake My Art
 */
 
body {
	background-color:#cf9ec8;
	color:#000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:100%;
	min-width:960px;
	margin:0px;
}

/*
 * For IE
 */
 
article, aside, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}

a {
	color:#6b2bb2;
	text-decoration:none;
}

a:hover {
	color:#fff1ff;
}

p {
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	font-size:20px;
	line-height:1.5em;
	padding:0px;
	margin:0px;
}

h1 {
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	text-decoration:none;
	padding:5px;
}

h2, h3, h4 h5 h6 {
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
	text-decoration:none;
	padding:0px;
	line-height:2em;
}

#mainContainer{
	width:1200px;
	margin:0 auto;
	padding:0px;
}

#firstContainer {
	width:100%;
	margin:0 auto;
	padding:10px 0px 0px 0px;
}

/************
HEADER
************/
#header {
	display:block;
	width:100%;
	margin:0 auto;
}

#logo {
	display:block;
	width:1000px;
	height:auto;
	padding-top:30px;
	margin:0 auto;
}
	
/************
SECTIONS
************/

#webContainer {
	width:1200px;
	display:block;
	margin:0 auto;
	paddind:0;
	overflow:auto;
}

#webContent {
	width:100%;
	display:block;
	margin:0 auto;
	padding:75px 0px 0px 0px;
	text-align:center;
}

#webContent h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:70px;
	color:#000;
}

.links {
	width:90%;
	display:block;
	margin:0 auto;
	padding:10px;
}

/************
FOOTER
************/

#footer {
	background:transparent;
	color:#000;
	font-size:11px;
	display:block;
	width:90%;
	text-align:center;
	margin:0 auto;
	padding:5px;
	height:50px;
}

#footer h5 {
	color:#000;
	text-decoration:none;
}

#footer h5 a {
	color:#6b2bb2;
	text-decoration:none;
}

#footer h5 a:hover {
	color:#fddbfd;
	text-decoration:underline;
}

#footer a{
	color:#6b2bb2;
	text-decoration:none;
}

#footer a:hover{
	color:#2d2d2d;
	text-decoration:none;
}

.footerCenter {
	display:block;
	width:100%;
	margin:0 auto;
	padding-top:20px;
}

.footerHalfOne{
	display:inline-block;
	float:left;
	width:40%;
	margin:10px 0px 10px 110px;
	padding:2px;
	text-align:left;
}

.footerHalfTwo{
	display:inline-block;
	float:left;
	width:0%;
	margin:10px;
	padding:2px;
	text-align:left;
}

.footerHalfThree{
	display:inline-block;
	float:right;
	width:40%;
	margin:10px 100px 10px 0px;
	padding:2px;
	text-align:right;
}

/************
MISC
************/

.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }

img {
max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
border:none;
outline:none;
text-decoration:none;
}
img {
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full {
max-width: 97.5%;
width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}

@media only screen and (max-width: 1250px) {

#mainContainer{
	width:960px;
	margin:0 auto;
	padding:0px;
}

/************
HEADER
************/
#logo {
	display:block;
	width:900px;
	height:auto;
	padding-top:30px;
	margin:0 auto;
}

/************
SECTIONS
************/

#webContainer {
	width:960px;
	display:block;
	margin:0 auto;
	paddind:0;
	overflow:auto;
}

#webContent {
	width:100%;
	display:block;
	margin:0 auto;
	padding:75px 0px 0px 0px;
	text-align:center;
}
	
	
}

@media only screen and (max-width: 1000px) {
	
body {
	min-width:768px;
}	

#mainContainer{
	width:768px;
	margin:0 auto;
	padding:0px;
}

/************
HEADER
************/
#logo {
	display:block;
	width:700px;
	height:auto;
	padding-top:30px;
	margin:0 auto;
}

/************
SECTIONS
************/

#webContainer {
	width:768px;
	display:block;
	margin:0 auto;
	paddind:0;
	overflow:auto;
}

/************
FOOTER
************/

.footerHalfOne{
	display:inline-block;
	float:left;
	width:50%;
	margin:10px 0px 10px 10px;
	padding:2px;
	text-align:left;
}

.footerHalfTwo{
	display:inline-block;
	float:left;
	width:0%;
	margin:10px;
	padding:2px;
	text-align:left;
}

.footerHalfThree{
	display:inline-block;
	float:right;
	width:40%;
	margin:10px 10px 10px 0px;
	padding:2px;
	text-align:right;
}

}

@media only screen and (max-width: 800px) {
body {
	min-width:600px;
}	

#mainContainer{
	width:600px;
	margin:0 auto;
	padding:0px;
}

/************
HEADER
************/
#logo {
	display:block;
	width:600px;
	height:auto;
	padding-top:30px;
	margin:0 auto;
}

/************
SECTIONS
************/

#webContainer {
	width:600px;
	display:block;
	margin:0 auto;
	paddind:0;
	overflow:auto;
}

#webContent {
	width:100%;
	display:block;
	margin:0 auto;
	padding:15px 0px 0px 0px;
	text-align:center;
}

/************
FOOTER
************/

.footerHalfOne{
	display:inline-block;
	float:left;
	width:50%;
	margin:10px 0px 10px 10px;
	padding:2px;
	text-align:left;
}

.footerHalfTwo{
	display:inline-block;
	float:left;
	width:0%;
	margin:10px;
	padding:2px;
	text-align:left;
}

.footerHalfThree{
	display:inline-block;
	float:right;
	width:40%;
	margin:10px 10px 10px 0px;
	padding:2px;
	text-align:right;
}	
}

@media only screen and (max-width: 620px) {

body {
	min-width:450px;
}	

#mainContainer{
	width:450px;
	margin:0 auto;
	padding:0px;
}

/************
HEADER
************/
#logo {
	display:block;
	width:450px;
	height:auto;
	padding-top:30px;
	margin:0 auto;
}

/************
SECTIONS
************/

#webContainer {
	width:450px;
	display:block;
	margin:0 auto;
	paddind:0;
	overflow:auto;
}

#webContent h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#000;
}

/************
FOOTER
************/

.footerHalfOne{
	display:block;
	float:none;
	width:100%;
	margin:0 auto;
	margin-bottom:10px;
	padding:2px;
	text-align:center;
}

.footerHalfTwo{
	display:inline-block;
	float:left;
	width:0%;
	margin:10px;
	padding:2px;
	text-align:left;
}

.footerHalfThree{
	display:block;
	float:none;
	width:100%;
	margin:0 auto;
	margin-bottom:10px;
	padding:2px;
	text-align:center;
}	
	
}

@media only screen and (max-width: 450px) {
	
	body {
	min-width:300px;
}	

#mainContainer{
	width:300px;
	margin:0 auto;
	padding:0px;
}

/************
HEADER
************/
#logo {
	display:block;
	width:300px;
}

/************
SECTIONS
************/

#webContainer {
	width:300px;
	display:block;
	margin:0 auto;
	paddind:0;
	overflow:auto;
}
	

}