/*****************
RESETS AND HTML5
*****************/
/***** reset browsers margins, padding and borders - add any you require ****/
html, body, div, h1, h2, h3, h4, h5, h6, p, a, img, ul, li, header{
margin:0;
padding:0;
border:0;
}
/***** render html5 elements as block in older browsers ****/
header, footer, section, nav, article {/*add any html5 elements you use*/
display: block;
}

/**************
GENERAL LAYOUT
***************/
body{
background:#444540;
font-family: 'Arimo', Verdana, Arial, Helvetica, sans-serif;
font-size:.875em;
text-align:center;
color:#333;
}
#wrapper{
width:980px;
margin:0 auto;
}

/********
HEADER
********/
header{
width:980px;
height:98px;
margin:20px 0 10px 0;
}
header h1{
text-align:left;
font-family:"Stint Ultra Condensed", Arial, Helvetica, sans-serif;
font-size:5.2em;
line-height: .9em;
text-transform:lowercase;
text-shadow: 1px 1px 1px #82857E;
}
header h1 a{
color: #EAF0E6;
text-decoration:none;
}
header h1 a:hover, header h1 a:focus{
color:#BAC9BA;
}
header h1 span.tag{
display:block;
color:#BDC2B0;
font-family:"Yanone Kaffeesatz", Arial, Helvetica, sans-serif;
font-size:25%;
font-weight:normal;
letter-spacing:-1px;
line-height:0.4em;
text-indent:25px;
text-shadow: none;
text-transform:lowercase;
}

/**********
MAIN NAVIGATION
***********/
nav#main{
width: 100%;
margin:10px 0 0 0;
padding:10px 0;
font-weight: 700;
text-align: center;
text-transform: uppercase;
background:#fff;
}
nav#main ul{
list-style-type:none;
}
nav#main li{
display: inline-block;
margin: 0 1em;
font-size:1em;
}
nav#main li:first-child{
margin-left:0;
}
nav#main li:last-child{
margin-right:0;
}
nav#main li a{
display: block;
padding: 4px 16px 4px 8px;
border:2px solid #92AD4F;
border-radius:6px;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
transition: all .2s ease-in;
color:#637A27;
text-decoration: none;
}
nav#main a:focus{
color:#952255;
}
nav#main li:hover a{
background: #444540;
color: #fff;
border:2px solid #555;
}
nav#main li.now a{
background: #92AD4F;
color: #fff;
border:3px solid #92AD4F;

}
nav#main li.now a:focus{
color:#952255;
}


/************
CONTENT
*************/
#content{
background:#fff;
padding:20px 10px;
margin:0;
text-align:left;
}
#content h2{
font-family: 'Open Sans Condensed', serif;
color:#657346;
text-transform:uppercase;
font-size:2.5em;
letter-spacing:-.05em;
margin:10px 0 25px 0;
}
#content h2 span.lowercase{
text-transform:lowercase;
}
#content h3{
font-family: 'Open Sans Condensed', serif;
color:#657346;
text-transform:uppercase;
font-size:1.5em;
letter-spacing:-.05em;
margin:20px 0 5px 0;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
#content p{
line-height:1.4em;
margin-bottom:10px;
color:#333;
font-size:1.1em;
}
#content ul{
margin-left:20px;
}
#content ul.awesome{
list-style-type:none;
}
#content li{
line-height:1.2em;
margin-bottom:5px;
color:#333;
font-size:1.1em;
}
#content ul.awesome{
margin-left:10px;
}
#content ul.awesome i{
padding-right:10px;
}
#content a{
color:#1E6E6A;
}
#content a:hover, #content a:focus{
color:#952255;
text-decoration:none;
}
/***INDEX PAGE*****/
#intro{
clear:both;
width:auto;
overflow:hidden;
margin:10px 10px 20px 10px;
background:#ededec;
padding:10px;
border-radius:10px;
}
#intro p{
font-size:1.2em;
margin:5px 10px 5px 0;
line-height:1.3em;
color:#555;
}
#templates{
padding-top:0;
}
#content #templates section{
width:auto;
overflow:hidden;
padding:5px;
-webkit-box-shadow: 0 0 2px rgba(0,0,0, .5); 
-moz-box-shadow: 0 0 2px rgba(0,0,0, .5); 
box-shadow: 0 0 2px rgba(0,0,0, .5);
}
#content #templates p{
float:left;
width:620px;
margin:10px 0 0 0;
}
#content #templates img{
float:left;
margin:10px 50px 0 20px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .65);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .65);
box-shadow: 0 1px 6px rgba(0, 0, 0, .65);
-moz-transition: all .15s ease-in-out;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;

}
#content #templates img:hover{
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .45);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .45);
box-shadow: 0 1px 3px rgba(0, 0, 0, .45);
}
#content #templates p.clear{
clear:both;
text-align:center;
margin:20px 0 10px 0;
width:900px;
}
#content #templates .clear a{
margin:0 10px;
}


/*****INFO PAGES*****/
section#info{
padding:20px;
}
#info li{
margin-bottom:3px;
font-size:1em;
list-style-type:circle;
}
.imageright{
float:right;
margin:0 20px 15px 40px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .45);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .45);
box-shadow: 0 1px 4px rgba(0, 0, 0, .45);
}
#content p.button{
text-align:center;
margin:40px 0 50px 0;
font-size:1.1em;
}
#content .button a{
text-decoration:none;
text-transform:uppercase;
padding:6px 20px 6px 15px;
margin-right:35px;
background:#ba2553; 
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:6px;
-webkit-box-shadow: inset 0px 1px 0px #bd2c59, 0px 3px 0px 0px #ab244e, 0px 4px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #bd2c59, 0px 3px 0px 0px #ab244e, 0px 4px 5px #999;
box-shadow: inset 0px 1px 0px #bd2c59, 0px 3px 0px 0px #ab244e, 0px 4px 5px #999;
color:#f3f3f3;
font-size:.9em;
}
#content .button a:hover{
color:#e0e0e0;
-webkit-box-shadow: inset 0px 1px 0px #980a1e, 0px 2px 0px 0px #6f1623, 0px 2px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #980a1e, 0px 2px 0px 0px #6f1623, 0px 2px 5px #999;
box-shadow: inset 0px 1px 0px #980a1e, 0px 2px 0px 0px #6f1623, 0px 2px 5px #999;
}

/*****SHARE******/
#share{
text-align:right;
margin-right:30px;
}
#share ul{
list-style-type:none;
}
#share li{
display:inline-block;
margin:0 10px;
}
/**********
FOOTER
**********/
footer{
width:980px;
margin:0 auto;
background:#BBC79F;
overflow:hidden;
padding:30px 20px;
}
footer h2{
font-family: 'Open Sans Condensed', serif;
text-transform:uppercase;
font-size:1.6em;
letter-spacing:-.05em;
margin:0 0 5px 0;
}
footer h3{
font-family: 'Open Sans Condensed', serif;
text-transform:uppercase;
font-size:1.3em;
letter-spacing:-.05em;
margin:20px 0 5px -10px;
}

/************
FEEDBACK FORM
************/
#feedback{
display:none;
width:450px;
float:left;
text-align:left;
padding:10px 0;
}
#feedback form{
width: 400px;
font-family: 'Arimo', Verdana, Arial, Helvetica, sans-serif;
padding:10px 15px;
margin:10px 0;
border-radius:5px;
}
#feedback label{
display:none;
}
#feedback input, #feedback textarea{
display:block;
width:400px;
padding:5px;
border-radius:5px;
border:1px solid #ccc;
margin-bottom:10px;
background:#f6f5f1;
font-family: 'Arimo', Verdana, Arial, Helvetica, sans-serif;
font-size:85%;
color:#5C5C5C;
box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
#feedback input#AntiSpam{
display:inline-block;
width:50px;
}
#feedback input:focus, #feedback textarea:focus{
box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.1);
}
#feedback ::-webkit-input-placeholder {color:#555;}
#feedback ::-moz-placeholder {color:#555;} 
#feedback :-moz-placeholder {color:#555;}
#feedback :-ms-input-placeholder {color:#555;}
#feedback :placeholder {color:#555;}

#feedback input#form_submit_button{
cursor:pointer;
margin-top:5px;
padding:8px 10px;
background:#4F3959; 
border:none;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
transition: all .2s ease-in;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px #553C61, 0px 3px 0px 0px #3A2742, 0px 4px 1px #4d4d4d;
-moz-box-shadow: inset 0px 1px 0px #553C61, 0px 3px 0px 0px #3A2742, 0px 4px 1px #4d4d4d;
box-shadow: inset 0px 1px 0px #553C61, 0px 3px 0px 0px #3A2742, 0px 4px 1px #4d4d4d;
color:#fff;
font-size:1.1em;
}
#feedback input#form_submit_button:hover{
background:#6D9124;
color:#fff;
-webkit-box-shadow: inset 0px 1px 0px #829A2A, 0px 2px 0px 0px #6D9124, 0px 2px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #829A2A, 0px 2px 0px 0px #6D9124, 0px 2px 5px #999;
box-shadow: inset 0px 1px 0px #829A2A, 0px 2px 0px 0px #6D9124, 0px 2px 5px #999;
}
#feedback input#form_submit_button:focus{
background:#4fa3ad;
color:#fff;
-webkit-box-shadow: inset 0px 1px 0px #4fa3ad, 0px 2px 0px 0px #3f919b, 0px 2px 5px #4d4d4d;
-moz-box-shadow: inset 0px 1px 0px #4fa3ad, 0px 2px 0px 0px #3f919b, 0px 2px 5px #4d4d4d;
box-shadow: inset 0px 1px 0px #4fa3ad, 0px 2px 0px 0px #3f919b, 0px 2px 5px #4d4d4d;
}
.antispammessage{
font-size:.9em;
color:#3B3A3D;
}
.formcredit{
text-align:right;
padding-top:10px;
font-size:80%;
color:#7e7e7e;
}
.formcredit a{
color:#848285;
}
.formcredit a:hover, .formcredit a:focus{
color:#52385C;
}
/******FOOTER NAVIGATION LINKS******/
nav#footnav{
width:100%;
float:none;
text-align:left;
margin:0 10px 0 30px;
padding:10px 0;
}
nav#footnav ul{
list-style-type:none;
}
nav#footnav li{
display:inline-block;
padding:5px 10px;
margin:0 0 10px 0;
line-height:1.3em;
font-size:1em;
color:#49464A;
width:200px;
position:relative;
}
nav#footnav a{
text-decoration:none;
color:#49464A;
-moz-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
-ms-transition: all .2s ease-in;
transition: all .2s ease-in;
}
nav#footnav li:hover, nav#footnav li:focus{
color:#753C99;
cursor:pointer;
}
nav#footnav a:hover, nav#footnav a:focus{
color:#753C99;
}
footer h2{
color:#708042;
}

/*****FOOTER NAVIGATION SOCIAL*****/
nav#social{
display:none;
float:right;
margin:10px 20px 10px 0;
width:450px;
text-align:right;
}
nav#social ul{
list-style-type:none
}
nav#social li{
display:inline-block;
margin:0 20px 0 0;
font-size:1.4em;

}
nav#social a{
color:#49464A;
position:relative;
padding:5px 10px;
}
nav#social a:hover, nav#social a:focus{
color:#ececec;
top:-3px;
}

/*********
BASE
**********/
#base{
padding:20px 0 30px 0;
color:#3d444b;
font-size:.8em;
}
#base a{
color:#2d6f7f;
}
#base a:active, #base a:hover, #base a:focus{
color:#832436;
text-decoration:underline;
}

/*********************************************************************************/
/* FONT AWESOME ADDITIONAL STYLING                                                                     */
/*********************************************************************************/
.fa{
text-decoration: none;
}
#welcome .fa{
margin-right:5px;
}
i.fa{
margin-left:5px;
}
.button i.fa{
margin-right:10px;
}
.fa.smaller{
font-size:70%;
}
header .fa.smaller{
font-size:40%;
position:relative;
top:-.5em;
margin-left:-15px;
top:-20px;
}
.fa-1half{
font-size:1.5em;
}