@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,500,700);
@import url('normalize.css');

/* ----------------------------------------------------------
    Client Name CSS
    Version 1.0

    TABLE OF CONTENTS

    01 - BASE STYLES
    02 - DO NOT DISPLAY
    
    COLOR GUIDE (Main Site Colors and their Hex Codes)
    Main Blue: #002E6D
    Text Gray: #373737
    
---------------------------------------------------------- */

/* 01 = BASE STYLES
---------------------------------------------------------- */

body {
    color: #666;
    font-family: 'Arial', 'Helvetica', sans-serfi;
    font-size: 62.5%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
}

.gigantic{font-size: 30px;}

h1,
.huge {
    font-size: 24px;
}

h2,
.large {
    font-size: 20px;
}

h3,
.big {
    font-size: 16px;
}

h4,
.normal {
    font-size: 12px;
}

h5,
.small {
    font-size: 10px;
}

h6,
.tiny {
    font-size: 8px;
}

p {
    font-size: 12px;
    line-height: 20px;
}

a {
    text-decoration: none;
	color: #666;
}

ul,
ol {
    padding-left: 15px;
}

.right,
.align-right {float: right;}

.left,
.align-left {float: left;}

.clear {clear: both;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}


/* 02 = DO NOT DISPLAY
---------------------------------------------------------- */

#top-nav, #header h1, .nav, .search-wrapper, #billboard,  #home-media, #home-news, .footer-nav, .sub-nav, #footer  {display:none;}

#content ul, #content ol {
	margin-left: 15px;
	line-height: 20px;
}
	
	#content h1, #content h2, #content h3 {
		color: #8F1336;
		font-family: 'Roboto', sans-serif;
		}
	
	#content h1 {
		font-size: 26px;
	}
	
	#content h2 {
		font-size: 22px;
		margin-left: 0;
	}
	
	#content h3 {
		font-size: 20px;
	}
	
	#content h3.post {
		margin-bottom: 0px;
	}
	
	#content h4 {
		color: #002E6D;
		font-size: 18px;
		border-bottom: 1px dotted #666;
		padding-bottom: 5px;;
	}
	
	#content h5, #content h6 {
		color: #000;
		font-size: 16px;
	}
	
	#content p.small {margin-top: 0;}

#content #blog-sidebar {
	float:right;
	width: 200px;
	padding-left: 10px;
	
}

#content #posts-wrapper {
	margin-right: 220px;
	border-right: 1px solid #ddd;
	padding-right: 10px;
	}