/* 
	Jon Rickert's Custom CSS
 */
 
/* ************************************************************  */
/* 
	This fixed the problem of the menu covering the top of the page
*/ 
	body{
		padding-top:60px;
	}	
	/* Lighter #cc9966  Darker #bf8040  http://www.w3schools.com/colors/colors_picker.asp */
	
	/* fix padding under menu after resize */
	@media screen and (max-width: 767px) {
		body { padding-top: 60px; }
	}
	@media screen and (min-width:768px) and (max-width: 991px) {
		body { padding-top: 200px; }
	}
	@media screen and (min-width:992px) and (max-width: 1204px) {
		body { padding-top: 120px; }
	}	
	@media screen and (min-width: 1205px) {
		body { padding-top: 60px; }
	}
	
	/* SmartMenus plugin */
	@media (min-width: 768px) {
		#main-nav {
			line-height: 0;
			text-align: center;
		}
		#main-menu {
			display: inline-block;
		}
	}
	/* ************************************************************  */
	/* right side page scrolling */
	/* Code goes at bottom of page 
		<a id="toTop" href="#">Go to Top</a>
	*/
	#toTop {
		display: block;
		position: fixed;
		top: 50%;
		right: 0;
		padding: 10px;
		border: 2px solid red;
		background: white;								
	}		
		
/* ************************************************************  */
/* 
	Text related CSS
	
	Example of usage:
	<p class="italic strong center">
	font-family: monofur;
*/

/*  Imported Fonts  ------------------------------------------------- */
	@font-face {
		font-family: monofur;
		src: url(../Fonts/monof55.ttf);
	}

	@font-face {
		font-family: Ayuma2yk;
		src: url(../Fonts/Ayuma2yk.ttf);
	}
	@font-face {
		font-family: MTCORSVA;
		src: url(../Fonts/MTCORSVA.ttf);
	}

/*  <p> Tag Classes  --------------------------------------------------- */
	p {
		font: arial, sans-serif;
		font-style: normal;
		color: black;
		font-weight: normal;
	}

	/* Font Color  
		a color name - like "red"
		a HEX value - like "#ff0000"
		an RGB value - like "rgb(255,0,0)"
	*/
	p.white {
		color: white;
	}
	p.red {
		color: red;
	}
	p.blue {
		color: blue;
	}
	p.orange {
		color: #FF8000;
	}
	p.teal {
		color: teal;
	}
	p.brown_dark {
		color: #663300;
	}	
	
	
	/* Font Style  */
	p.myitalic {
		font-style: italic;
	}
	p.oblique {
		font-style: oblique;
	}
		
	/* Font Weight  */
	p.strong {
		font-weight: bold;
	}
	
	/* Font Align  */
	p.center {
		text-align: center;
	}
	.CenterBlock {
		display: table;
		margin: 0 auto;
	}	
	p.left {
		text-align: left;
	}	
	p.right {
		text-align: right;
	}
	p.justify {
		text-align: justify;
	}

	/* Font Decoration  */
	p.overline {
		text-decoration: overline;
	}	
	p.line-through {
		text-decoration: line-through;
	}	
	p.underline {
		text-decoration: underline;
	}

	/* Font Case  */
	p.uppercase {
		text-transform: uppercase;
	}
	p.lowercase {
		text-transform: lowercase;
	}
	p.capitalize {
		text-transform: capitalize;
	}
	
	/* Font Indent  */
	p.indent25 {
		text-indent: 25px;
	}
	p.indent50 {
		text-indent: 50px;
	}	
	p.indent75 {
		text-indent: 75px;
	}	
	
	/* Text Size Related CSS   */
	p.size40 {
		font-size:40px;
		-moz-font-size:40px;
		-webkit-font-size:40px;
	}
	p.size30  {
		font-size:30px;
		-moz-font-size:30px;
		-webkit-font-size:30px;
	}
	p.size20 {
		font-size:20px;
		-moz-font-size:20px;
		-webkit-font-size:20px;
	}
	p.size15 {
		font-size:15px;
		-moz-font-size:15px;
		-webkit-font-size:15px;
	}
	p.jack {
		font-family: Impact, Charcoal, sans-serif;
		font-size:.1px;
		-moz-font-size:.1px;
		-webkit-font-size:.1px;
	}
/* ************************************************************  */
	
/* 
	<ul class="cir" style="width: 300px;">
 */
 
	ul.none {
		list-style-type: none;
	}
	ul.squ {
		list-style-type: square;
	}
	ul.dis {
		list-style-type: disc;
	}
	ul.cir {
		list-style-type: circle;
	}

/* 
	Center Nav Bar 
*/
	.navbar .navbar-nav {
		display: inline-block;
		float: none;
	}
	.navbar .navbar-collapse {
		text-align: center;
	}
	
	/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #FFFFFF;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}