/* respons theme for fork cms

author: Simon Coudeville
version: 1.0

CONTENTS:
	1.	CSS Resets
	2.	Type & image presets
	3.	Grid
	4.	Design
	6.	Media Queries

*/

/* 1. CSS Resets 
-------------------------------------- */

html,body,div,col,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}.clear:before,.clear:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clear:after{clear:both}.clear{zoom:1}



/* 2. Type & image presets 
-------------------------------------- */

img, object, embed { margin-bottom: 20px; }
body { font: 14px/1.8em "Lato", Arial, sans-serif; color: #666; }
a img { display: block; border:none;	}
img { margin-bottom: 1.8em; }
p, ul, ol, blockquote, .error { display: block; font-size: 1em; line-height: 1.8em; margin-bottom: 1.8em; }
li { margin-bottom: 0; }

/* 

font-size formula:
#px / 12px = #em

line-height/margin formula:

1.8 ÷ font-size(in em) = #em

*/

h1 { font-size: 2em; line-height: 0.9em; margin: 0 0 0.9em 0; font-weight: 900; color: #750025; }
h2 { font-size: 1.5em; line-height: 1.2em; margin:0 0 1.2em 0; font-weight: 900; color: #333; }
h3, h4 { font-size: 1.167em; line-height: 1.28em; margin:0 0 1.28em 0; color: #750025; }



/* 3. Grid 
-------------------------------------- */

.holder { clear:both; }
.row { width:1000px; position:relative; padding: 2em 1.5% 1em; overflow:hidden; }
.subnav, .content, aside, .col-12 { margin: 0 1.5%; position:relative; }


/* 4. Design 
-------------------------------------- */

body { background: #FFF; }

a { color: #750025; }

strong { color: #333; }

/* header */

#headerHolder {
	border-top: 3px solid #9f0032;
	border-bottom: 1px solid #e0e0e0;
}

.logo { 
	position: relative;
	float: left;
	width: 340px;
	height: 71px;
}

.logo a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background: url(images/sprite.png) top left no-repeat;
}


/* nav */

.nav ul { margin: 0; padding: 0; list-style: none; }
.nav li { margin: 0; padding: 0; position: relative; }
.nav a { display: block; border:0; text-decoration: none; }

.horizontal li { float: left; }
.horizontal a { float: left; }


#navigation {
	float: left;
}

#navigation a {
	padding: 6px 12px;
	margin: 10px 0;
	font-weight: 900;
}

	#navigation a:hover,
	#navigation .selected a { 
		color: #960;
	}
	
	#navigation .selected a { 
		background: #ffd559;
		border-radius: 3px;
	}


/* content */

.content ul,
.content ol {
	margin-left: 30px;
}

.content table {
	margin-bottom: 1.8em;
	width: 100%;
}

/* .subnav */

.subnav {
	background: #750025;
	font-size: 0.9em;
	line-height: 1.5em;
	margin-bottom: 2.8em;
	padding: 5px 0;
	-webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	   -ms-border-radius: 4px;
	    -o-border-radius: 4px;
	       border-radius: 4px;
	
}

.subnav li {
	padding: 5px 20px 7px;
	border-top: 1px solid #61001a;
}

.subnav li.first,
.subnav li:first-child { border: 0; }

	.subnav li li {
		padding: 0;
		border: 0;
		line-height: 1.2em;
		padding: 0.4em 0;
	}


.subnav a:before {
	content: " ";
	display: block;
	width: 11px;
	height: 11px;
	float: right;
	margin-top: 7px;
	background: url(images/sprite.png) 0 -80px;
}

	.subnav a:hover:before,
	.subnav a:focus:before,
	.subnav .selected a:before { background-position: 0 -100px; }
	
	.subnav .selected.hasSub a:before { background-position: 0 -120px; }
	
	.subnav li li a:before { background: none; }

.subnav a,
.subnav .selected li a,
.subnav .selected .selected li a {
	font-weight: 700;
	color: #fff;
}

/*.subnav .selected {
	background: #61001A;
}*/

.subnav .selected a,
.subnav .selected .selected a,
.subnav .selected .selected .selected a,
.subnav a:hover,
.subnav .selected li a:hover,
.subnav .selected .selected li a:hover,
.subnav a:focus,
.subnav .selected li a:focus,
.subnav .selected .selected li a:focus {
	color: #ffcc33;
}

.subnav ul ul { padding: 5px 0; }
.subnav ul ul ul { padding: 5px 0 5px 10px; }

.subnav ul ul,
.subnav ul ul ul,
.subnav .selected ul ul { display: none; }

.subnav .selected ul,
.subnav .selected .selected ul { display: block; }


/* content */

/* images */

.Img_left {
	float: left;
	margin:0.5em 25px 0 0;
	}
	
.Img_right {
	float: right;
	margin:0.5em 0 0 25px;
	}

.img_bottom {
	margin-bottom: 1em;
}

.img_top img,
.img_bottom img {
	float: left;
	margin-right: 13px;
}


/* aside */

aside {
	padding-top: 1.8em;
	border-top: 1px solid #E0E0E0;
}

aside p {
	float: left;
	margin-right: 1.8em;
}

aside p img {
	margin: 0;
}

/* footer */

footer {
	background: url(images/footer.png) center top no-repeat;
}

footer p { 
	text-align: center;
	font-size: 0.9em;
	line-height: 2em;
	margin-bottom: 2em;
}

/* forms */

form p { 
	width: 25%;
}

form .col {
	float: left;
	margin-right: 5%;
}

form .textarea {
	width: 55%;
}

label {
	display: block;
}

.inputText,
textarea {
	width: 100%;
	border: 1px solid #999;
	padding: 5px;
	font-family: "lato", sans-serif;
	font-size: 0.9em;
	color: #666;
}

textarea {
	height: 150px;
}

.gotcha { width: 100%; overflow: hidden; } 

.gotcha label,
.gotcha img,
.gotcha .inputText {
	float: left;
	margin: 0 15px 0 0;
}

.gotcha .inputText {
	width: 55%;
	clear: both;
}

.inputSubmit {
	padding: 6px 12px 10px;
	margin: 10px 0;
	font-size: 1.2em;
	font-weight: 900;
	border: 0 none;
	background: #750025;
	-webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	   -ms-border-radius: 3px;
	    -o-border-radius: 3px;
	       border-radius: 3px;
	color: #fff;
	cursor: pointer;
}

.error {
	font-weight: bold;
}

.neg {
	color: red;
}

.pos {
	color: green;
}

/* nav */

#navigation ul { text-align:center; }

.subnav, .content, aside { float: left; }

/* grid */	

.row { 
	width:1000px; 
	margin: 0 auto; 
	padding-left: 0;
	padding-right: 0;
}

aside { width: 17%; }
.subnav { width: 18%; }
.content { width: 77%; }
.threeCols .content { width: 56%; max-width: 540px; }


/* logo */

.logo {
	margin-bottom: 0;
}

/* nav */

#navigation {
	float: right;
	margin: 0 1.5% 0 0;
}

/* aside */

aside {
	padding: 0;
	border: 0;
}

aside p {
	margin-right: 0;
}



/* Print 
------------------------------------- */
@media print {
* { 
background : transparent !important; 
color : black !important; 
text-shadow : none !important; 
filter : none !important;
-ms-filter : none !important; } 

a, a:visited { 
color : #444 !important; 
text-decoration : underline; }

a[href]:after { 
content : " (" attr(href) ")"; }

abbr[title]:after { 
content : " (" attr(title) ")"; }

a[href^="javascript:"]:after, 
a[href^="#"]:after { 
content : ""; }
  
pre, blockquote { 
border : 1px solid #999; 
page-break-inside : avoid; }

thead { 
display : table-header-group; }

tr, img { 
page-break-inside : avoid; }

@page { 
margin : .5cm; }

p, h2, h3 { 
orphans : 3; 
widows : 3; }

h2, h3 { 
page-break-after : avoid; }
}