/* ------ deviantART Resets ------ */
i.gr1 { display:none; }i.gr2 { display:none; }i.gr3 { display:none; }i.gb { display:none; }i.tri { display:none; }ul.list { display:none; }div.gr-top { display:none; }div.gr-body  { border:none; color: #fff; }div.gr-body  .gr { border:none; }div.gr-body .text { margin:0px !important; padding:0px !important; position: relative; }div.gr-body .text p br, div.gr-body .text li br { display:block; }div.gr-body .text br { display:none; } div.main_wrapper { width:auto; height: auto; position: relative; overflow: visible; padding:0; z-index: 99; } p { margin: 0px; }

/* ==================================

Grid

================================== */

/* Cols of half */
.col1of1 {width: 100%;}
.col2of4, .col1of2 {width: 50%;}
.col1of3, .col8of24 {width: 33.33333333333333%;}
.col2of3 {width: 66.66666666666666%;}
.col1of24 {width: 4.166666666666666%;}
.col1of8, .col3of24 {width: 12.5%;}
.col6of8, col3of4 {width: 75%;}
.col1of4, .col6of24 {width: 25%;}
.col1of6, .col4of24 {width: 16.666666666666664%;}
.col10of24, .col5of12 {width: 41.66666666666667%;}
.col13of24 {width: 54.166666666666664%;}
.col9of24, .col3of8 {width: 37.5%;}
.col2of24 {width: 8.333333333333332%;}
.col15of24 {width: 62.5%;}
.col14of24 {width: 58.333333333333336%;}

.col1of6 {width: 16.666666666666664%;}
.col4of6 {width: 66.66666666666666%;}


.col4of24 {width: 15.492957746478872%;}

.col5of24 {width: 19.718309859154928%;}


/* ==================================

General Styles

================================== */

body {margin: 0px; }
.clear {clear: both;}
.wrap {max-width: 1440px; margin: 0 auto; padding: 0 10px; }

.row {overflow:hidden;}
.column {float:left;}
.content {padding:0 10px;}


ul {
	list-style-type: none;
}


.mobile_only {
	display: none;
}

.desktop_only {
	display: block;
}

b {
	display: block;
}

.spacer1 {
	width: 31%; 
	display: block;
}


/* ==================================

Links

================================== */

.text a {
	text-decoration: none;
}

a:hover {
	color: #cecece;
}

.ppb a {
	border-bottom: none;
}

.add-links a {
	text-decoration: none;;
}

/* ==================================

Fonts

================================== */

body, div.gr-body .text {
	font-size: 16px !important;
}

p, li, a, h1, h2, h5, small, .menu {
	font-family: Source Sans Pro, Helvetica, Arial !important;
}

p {
	margin-bottom: 20px;
}

.menu a,
.menu, p {
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: 600;
	color: #fff;
	line-height: 1.7em;
	letter-spacing: 2px;
}

a {
	text-transform: uppercase;
	color: #fff;
	line-height: 1.7em;
	letter-spacing: 2px;
}

.menu a, .menu {
	font-size: 0.8em;
	font-weight: 400;
	text-decoration: none;
}

.menu span {
	color: #222;
}

ul {
	margin: 10px auto;
	padding: 0px;
}

h1 {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.6em;
	font-weight: 400;
	line-height: 1.4em;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

h2 {
	color: #fff;
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: 400;
	line-height: 1.4em;
	text-align: center;
	letter-spacing: 2px;
	margin: 15px auto;
}

.large p {
	font-size: 1.4em;
	line-height: 1.2em;
	text-align: center;
}

.med p {
	font-size: 1.4em;
	line-height: 1.2em;
	text-align: center;
}

.med a {
	font-size: 0.7em;
	text-decoration: underline !important;
}

.large a {
	text-decoration: underline !important;
}

.add-links li {
	font-size: 1.3em;
	color: #fff;
}

/* ==================================

Sections

================================== */


/* Top */

.menu,
.logo-container {
	padding-bottom: 20px;
	text-align: center;
}

.top-bg {
	background: url('http://www.da-files.com/creative/woee/assets/top-bg.jpg') no-repeat center top;
	background-size: cover;
}

.top-tile-bg {
	background: url('http://www.da-files.com/creative/woee/assets/top-tile-bg.jpg') repeat center top;
}
	
img.logo, img.woee-title {
	display: block;
	margin: 0 auto;
}

.top {
	padding-top: 50px;
	padding-bottom: 50px;
}

.top-content {
	text-align: center;
	margin-bottom: 40px;
}

.top-content p {
	font-size: 1.4em;
}

img.woee-logo {
	width: 100%;
	max-width: 566px;
}

img.woee-title {
	width: 100%;
	max-width: 548px;
	margin: 20px auto;
}

.top-content.last p {
	margin-top: 20px;
}

img.thumb {
	width: 90%;
	max-width: 160px;
}


/* Red Section */

.red-bg {
	background: #7d0800 url('http://www.da-files.com/creative/woee/assets/red-bg.jpg') no-repeat center top;
	background-size: cover;
	min-height: 350px;
	padding-top: 9%;
}


/* Poe */

.poe-bg {
	background: url('http://www.da-files.com/creative/woee/assets/poe-bg.jpg') no-repeat center top;
	background-size: cover;
}

.poe-tile-bg {
	background: url('http://www.da-files.com/creative/woee/assets/poe-tile-bg.jpg') repeat-x center top;
}

.poe-bottom {
	padding: 100px 0px;
}

.poe-bottom .title {
	text-align: center;
	width: 100%;
}

.poe-box {
	text-align: center;
}

.poe-box img {
	width: 90%;
	max-width: 340px;
}

.intro p {
	font-size: 1.4em;
	margin-top: 20px;
}

.intro p, .add-title p {
	text-align: center;
}

img.poe-title {
	width: 100%;
	max-width: 478px;
}

.add-links {
	text-align: center;
}

.add-links li span {
	color: #d62026;
}

.add-title p {
	margin: 20px auto;
	font-size: 1.4em;
}

/* Comments */

.c {
    text-align: center;
}
.bottom {
    max-height: 74px;
}
.ppb {
    background-color: #1a1a1a !important;
    display: block;
    font-size: 1.5em;
    padding: 20px 30px;
    color:#fff;
}
.ppb a{
    color:#fff !important;
}


/* Mobile */
@media (max-width: 600px) {

	.mobile_only {
		display: block;
		margin: 20px 0px;
		clear: both;
	}
	
	.desktop_only {
		display: none;
	}
	
	.column {
		width: 100% !important;
		float: none !important;
		margin-bottom: 20px;
	}
	
	p, li {
		font-size: 0.7em;
		line-height: 1.1em;
	}
	
	
	h2 {
		color: #fff;
		text-transform: uppercase;
		font-size: 1.1em;
		font-weight: 400;
		line-height: 1.3em;
		text-align: center;
		letter-spacing: 1px;
		margin: 10px auto;
	}

}