/* Volara CSS */

/*original colors:
background: 222222

light red: ee4540
dark red: c72c41

font color: e4e4e4

emphasis color: 3977ea

*/

/*
new:
Dark Orange: #FF8C00
Light Orange: #FFB900

Dark blue/gray: #2c3e50
Light gray: #bdc3c7
Super light gray: #ecf0f1

p {
  font-family: 'PT Serif', serif;
  font-size: 1.1em;
  margin: 1.1em 0;
  color: #2c3e50; }
  
  h1 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 900;
  letter-spacing: -0.02em;
  word-spacing: 0.05em;
  line-height: 1.1em; }
*/

/* 
top, right, bottom, left.
top, right & left, bottom.
top & bottom, right & left.
*/

body {
  background:#222222; 
  font-family: Helvetica-neue, Helvetica, sans-serif;
	font-size: 1em; 
	line-height: 1.5em; 
	margin:20px;
}

h1 {
  font-size: 2em;
  color:#c72c41; 
  line-height: 1.5em; 
  font-weight:normal;
}

h2 {
  font-size: 1.8em; 
  color:#e4e4e4; 
  line-height: 1.5em; 
  font-weight:normal;
  border-width: 0 0 1px 0; 
  border-style: none none solid none; 
  border-color: #e4e4e4;
}

h3 {
  font-size: 1.6em; 
  color:#e4e4e4; 
  line-height: 1.5em; 
  font-weight:normal;
  border-width: 0 0 1px 0; 
  border-style: none none solid none; 
  border-color: #e4e4e4;
}

h4 {
  font-size: 1.4em; 
  color:#e4e4e4;
}

h5 {font-size: 1.2em; 
color:#e4e4e4;
}

h6 {
  font-size: 1em; 
  color:#e4e4e4;
}

img{border:none;}

img a{border:none;}

blockquote {
  border-left:2px solid;
  color:#c72c41; 
  margin:0; 
  padding:0 12px 0 12px;
}

p {
  color:#e4e4e4; 
  line-height: 2.2em; 
  margin:10px 0; 
  margin-bottom: 15px;
}

a:link {color: #c72c41; text-decoration: none;}

a:visited {color: #c72c41; text-decoration: none;}

a:hover {color: #ee4540; text-decoration: none;}

a:active {color: #ee4540; text-decoration: none;}

ul{padding: .5em 0em .5em 3.2em;}
ul > ul{margin-left: .5em;}
ol{padding: .5em 0em 1em 3.2em; color: #c72c41}
ol > ol{margin-left: .5em;}
li{line-height: 20px; padding: 5px 0 5px 0; color: #e4e4e4;}

mark {
  background-color: #ee4540;
  padding: 1px 10px;
  border-radius: 25px;
}

b, strong {font:Arial, Helvetica, sans-serif; font-weight: bold; font-size:1em; color: #c72c41;}

em {
  color: #3977ea;
}

#content {
  max-width: 40em; 
  overflow: hidden; 
  margin: auto;
}

#header {position:fixed;}
#header h2{padding: 0 0 0 0; margin:0; color: #c72c41; font: Helvetica, sans-serif; font-size: 16pt; font-weight: normal;}
#header h3{padding: 5px 0px 20px 0px; margin:0; color: #c72c41; font-weight: normal; font-size: 12pt;}

.entry a:link {color: #c72c41; text-decoration: none; border-width: 0 0 1px 0; border-style: none none solid none; border-color: #c72c41;}
.entry a:visited {color: #c72c41; text-decoration: none; border-width: 0 0 1px 0; border-style: none none solid none; border-color: #c72c41;}
.entry a:hover {color: #ee4540; background: none; border-width: 0 0 1px 0; border-style: none none solid none; border-color: #ee4540; text-decoration: none;}
.entry a:active {color: #ee4540; background: none; border-width: 0 0 1px 0; border-style: none none solid none; border-color: #ee4540; text-decoration: none;}

#footer {background:#222222; clear: both;	width: 100%;}
#footer p{padding:14px 0;margin: 0; color: #e4e4e4; text-align:center;}
#footer a{color: #c72c41;text-decoration: none;}
#footer a:hover{color: #ee4540;text-decoration: none;}

/* for iPad-sized devices */
@media only screen and (max-device-width: 800px) { 
	.navigation p { font-size: 1em; }
	.subscribe ul {
	    margin-top: 4em;
	    font-size: 1.8em;
	}
	.footer p { font-size: 1.2em; }
	h2 { font-size: 2.5em; }
	h3 { font-size: 2em; }
	h6 { font-size: 1em;}
	p {
	    font-size: 1em;
	    line-height: 1.5em;
	}
	.post ul {
	    font-size: 1em;
	    line-height: 1em;
	    padding: .1;
	}
	.post ol {
	    font-size: 1em;
	    line-height: 1em;
	    padding: .1;
	}
	#arc {
	    font-size: 1.2em;
	}
}

/* for narrower browsers */
@media screen and (max-width: 800px) { 
	.navigation p { font-size: 1em }
	subscribe ul {
	    margin-top: 4em;
	    font-size: 1.6em;
	    line-height: 1.6em;
	}
	.footer p { font-size: 1em; }
	h2 { font-size: 2.5em; }
	h3 { font-size: 2em; }
	h6 { font-size: .8em; }
	
	p {
	  font-size: 1em;
	  line-height: 2em;
	}
	/*.post ul {
	    font-size: 1em;
	    line-height: 1em;
	    padding: .1;
	}
	.post ol {
	    font-size: 1em;
	    line-height: 1em;
	    padding: .1;
	}*/
}

/* for iPhone-sized devices */
@media only screen and (max-device-width: 480px) { 
#content {max-width: 55em; overflow: hidden; margin: auto;}

	body { padding: 0 }
	h1 { font-size: 3.5em; margin-bottom: 2em; text-align: left;}
	h2 { font-size: 3.5em;  margin-bottom: .5em; text-align: left; }
	h3 { font-size: 1.8em; }
	h6 { font-size: .9em; text-align: left; }
	p {
	    font-size: 2em;
	    line-height: 1.8em;
		margin-bottom: 1.2em;
	}
	ul {
	    list-style-position: inside;
	    padding: .5em;
	    margin-left: .5em;
	}
	ol {
	    
	    list-style-position: inside;
	    padding: .5em;
	    margin-left: .5em;
	}
	li {
	   line-height: 2em;
	   margin-top: .3em;
	   font-size: 2em;
	}
	
	blockquote {
	  font-size: 2em;
	  line-height: 2.1em
	}

	.navigation p { font-size: 1em; margin-top: 1em; }
	.footer p { font-size: 1em; }
	
	.col-3 {
	      font-size: 2em;
	}
	
}

@media print { 
	body {
	    font-family: Helvetica,sans-serif;
	    font-size: 14px;
	    background: white;
	    color: black;
	    margin: 10;
	    width: auto;
	}
	
	.container { display: block; }
	.navigation { display: none; }
	.subscribe { display: none; }
	.footer { display: none; }
}