/* Created by http://freehtml5templates.com */
/* Developed by Anotherty http://anotherty.com */
/* Reset all */

* {
margin: 0;
padding: 0;
}

/* render HTML5 elements as block */

header, footer, section, aside, nav, article {
display: block;
}

body {

background: #00011F;
font-family: Georgia, "Times New Roman", serif;
color: #00011F;
font-size: 14px;
line-height: 15px;
}
	
/* layout */

#wrapper {
width: 1024px;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
	-webkit-box-shadow: 0px 6px 16px #7897FD;
	-moz-box-shadow: 0px 6px 16px #7897FD;
}

header {
position: relative;
width: 1024px;
height: 100px;
margin: 0 auto;
background-color: #fff;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00011F), to(#7897FD), color-stop(.6,#0A5E9E));
	background-image: -moz-linear-gradient(10% 90% 90deg, #7897FD, #0A5E95, #00011F 100%);
}

#content {
width: 1024px;
margin: 0 auto;
padding-top: 0.1px;
background: #7897FD;
overflow: hidden;
}

footer {
width: 1024px;
background-color: #fff;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7897FD), to(#00023B), color-stop(.6,#0A5E95));
	background-image: -moz-linear-gradient(10% 90% 90deg, #00023B, #0A5E95, #7897FD 100%);
color: #F1F0F1;
margin: 0 auto;
clear: both;
}

/* basics */


h1,h2,h3,h4,h5,h6 {
font-weight: bold;
clear: both;
}

a:link, a:visited {
color:#999999;
color:#A40000;
text-decoration:none;
}

a:hover, a:active {
color: #999999;
color: #A40000;
background-color: none;
text-decoration: underline;
}

p {
margin-bottom: 16px;
text-indent: 8px;
}

p.once {
   padding-top: 16px;
}

li {
padding-left: 7px;
margin-left: 15px;
}


/** HEADER */

header h1, header h2 {
margin: 0;
padding: 0 0 0 30px;
line-height: normal;
width: 650px;
}

header h1 { 	
float: left;
padding-top: 28px;
margin-left: 22px;
}

header h1 a:link, header h1 a:visited {
color: #00023B;
font-size: 32px;
text-decoration: none;
}

header h1 a:hover { 
text-shadow: 4px 4px 4px #7897FD; 
}

header h1 .alternate {
color: #00023B;
}

header h2 {
padding: 10px 0 0 30px;
width: 600px;
font-style: italic;
font-size: 11px;
text-transform: uppercase;
color: #00011F;
margin: 0 0 10px 0;
padding: 0 0 0 64px;
line-height: 3.4em;
}

#headerlogo {
position: absolute;
top: 22px;
right: 46px;
}

/* Section */

section {
	float: left;
	width: 624px;
}

blockquote {
	float: left;
	margin: 40px 0 0 75px;
	width: 624px;
	padding: 45px 45px 1px 90px;
	background: url(images/quotes.png) no-repeat 20px 20px rgba(10,94,149,0.1);
	min-height: 90px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 8px 8px 4px #888888;
	box-shadow: 8px 8px 4px #888888;
}

blockquote, h5 {
	font-family: Courier, monospace;
	font-size: 18px;
	font-weight: bold;
	color: #07870C;
}

.client {
	font-size: 13px;
    font-style: normal;
	float: right;
	margin-top: 40px;
	margin-bottom: 1px;
	color: #00011F;
}

/** ARTICLES **/

article {
padding: 0 20px 20px 20px;
}

article img {
border: none;
}

#content p, ul, ol, dl, hr {
margin-bottom: 16px;
}

#content ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0
}

#content h1 {
color: #ddd;
margin: 0 0 20px 0;
line-height: 1.5em;
}

article h2 {
text-align: center;
line-height: 1.9em;
}

.title {
font-size: 12px;
color: #00023B;
text-shadow: 0px 1px 0px #ABBBF8;
text-transform: uppercase;
float: right;
}

article h3 {
font-size: 11px;
margin: 18px 0;
color: #E40000;
text-transform: uppercase;
text-decoration: underline;
}

.spec {
	font-size: 11px;
    padding-top: 16px;
	color: #E40000;
	text-transform: uppercase;
	text-decoration: underline;
}

.speca {
	font-size: 11px;
    padding-top: 22px;
	color: #E40000;
	text-transform: uppercase;
	text-decoration: underline;
}

article h4 {
font-size: 11px;
text-align: center;
margin: 12px 0;
color: #00023B;
text-transform: uppercase;
}

p.onside {
	float: left;
	margin-top: 10px;
    margin-left: 10px;
}

.alignleft, img.alignleft {
display: inline;
float: left;
margin-right: 10px;
margin-top: 4px;
}

.alignright, img.alignright {
display: inline;
float: right;
margin-left: 10px;
margin-top: 0; 
border-style: outset; color: blue;
}

.aligncenter, img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignleft, img.alignright, img.aligncenter {
margin-bottom: 12px;
}


.three-col {
       -moz-column-count: 3;
       -moz-column-gap: 20px;
       -webkit-column-count: 3;
       -webkit-column-gap: 20px;
}


.three-col {
       -moz-column-count: 3;
       -moz-column-gap: 20px;
       -webkit-column-count: 3;
       -webkit-column-gap : 20px;
       -moz-column-rule-color:  #0A5E95;
       -moz-column-rule-style:  solid;
       -moz-column-rule-width:  2px;
       -webkit-column-rule-color:  #0A5E95;
       -webkit-column-rule-style: solid ;
       -webkit-column-rule-width:  2px;
}

#polaroid {
	display: block;
	float: left;
}

 .past dl, dt {
	display: inline;
	margin-left: 14px;
	margin-right: auto;
}


/* footer */

footer p {
text-align: left;
font-size: 11px;
padding-left: 50px;
margin-bottom: 32px;
}

footer a {
color: #F1F0F1;
}

footer a:hover {
color: #00023B; 
text-decoration: underline;
}

footer a:link, footer a:visited {
color: #BED6FD;
}

.footer, img.footer {
display: inline;
float: right;
padding-right: 50px;
margin-bottom: 32px;
}

/* Slide in Captions
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

body style, pre { margin: 0 0 20px 0; display: block; background: #00023B; padding: 16px; color: white; white-space: pre; }
style, code { font: 8px Georgia; }
figure img { width: 200px; display: block; }
figure:nth-child(4) { clear: both; }

figure { 
display: block; 
position: relative; 
float: right; 
overflow: hidden; 
margin: 0 15px 0 0; 
}

figcaption { 
position: absolute; 
background: rgba(0,0,0,0.75); 
color: white; 
padding: 10px 10px; 
opacity: 0; 
-webkit-transition: all 0.6s ease; 
-moz-transition: all 0.6s ease; 
-o-transition: all 0.6s ease; 
} 

figure:hover figcaption { 
opacity: 1; 
} 

figure:before {
position: absolute;   
content: url(http://www.mafia-warfare.org/images/mworgicon.png);
font-weight: 800; 
background: rgba(255,255,255,0.75); 
text-shadow: 0 0 5px white; 
color: black; 
width: 22px; 
height: 22px; 
-webkit-border-radius: 12px; 
-moz-border-radius: 12px; 
border-radius: 12px; 
text-align: center; 
font-size: 14px; 
line-height: 24px; 
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;  
opacity: 0.75; 
} 

figure:hover:before { 
opacity: 0; 
} 

.cap-left:before { 
bottom: 14px; 
left: 12px; 
} 

.cap-left figcaption { 
bottom: 0; 
left: -30%; 
} 

.cap-left:hover figcaption { 
left: 0; 
} 

.cap-right:before { 
bottom: 8px; 
right: 8px; 
} 

.cap-right figcaption { 
bottom: 3px; 
right: -30%; 
} 

.cap-right:hover figcaption { 
right: 3px; 
} 

.cap-top:before { 
top: 7px; 
left: 17px; 
} 

.cap-top figcaption { 
left: 13px; 
top: -30%; 
} 

.cap-top:hover figcaption { 
top: 3px; 
} 

.cap-topa:before { 
top: 7px; 
left: 7px; 
} 

.cap-topa figcaption { 
left: 3px; 
top: -30%; 
} 

.cap-topa:hover figcaption { 
top: 3px; 
opacity: 1;
} 

.cap-bot:before { 
bottom: 4px; 
left: 5px; 
} 

.cap-bot figcaption { 
left: 0; 
bottom: -30%;
} 

.cap-bot:hover figcaption { 
bottom: 0; 
}

#figleft figure .figlefty { 
    width: 600px;
	display: block;
	float: right; 
	overflow: hidden; 
	margin-top: 1px;
} 

 .figlefty  {
	width: 600px;
	display: block;
	float: right; 
	overflow: hidden; 
	margin-bottom: 35px;
	border-style: inset; 
	color: black;
}

#figcenter figure .imgcenter{
	width: 468px;
	display: block;
	overflow: hidden; 
	float: left;
	margin-left:10px;
	margin-right: auto;
}

.imgcenter {
	width: 468px;
	display: block;
	overflow: hidden; 
	float: left;
	margin-left:28px;
	margin-right:auto;
	margin-top: 20px;
	border-style: outset; 
	color: darkred;
}

#figcentera figure .imgcentera{
	width: 808px;
	display: block;
	overflow: hidden; 
	float: left;
	margin-left: auto;
	margin-right: auto;
}

.imgcentera {
	width: 808px;
	display: block;
	overflow: hidden; 
	float: left;
	margin-left:38px;
	margin-right:auto;
	margin-top: 20px;
	border-style: inset; 
	color: black;
}

#figside figure { 
        width: 200px;
	position: relative;
	display: block;
	overflow: hidden;
        float:left;	
} 

.figsides  {
	width: 200px;
	display: block;
        overflow: hidden;
	float: left;
	border-style: outset; 
	color: black;
	margin-right: 30px;
	margin-top: 4px;
	margin-bottom: 35px;
}