@charset "utf-8";
/*
Author: <a href="http://www.kevadesign.com/">Keva Design</a>
Author URI: http://www.kevadesign.com/
File: styles CSS
*/

@import url("fontawesome-3.2.1.min.css");
@import url("framework.css");
/* Rows
---------------------------------------------------------------------------------------------------------------*/
.row0, .row0 a{}
.row1, .row1 a{}
.row2{background:center center no-repeat; -webkit-background-size:initial; -moz-background-size:initial; background-size:100% 100%; overflow:auto;}
.row3, .row3 a{}
.row4{border-top:10px solid;}
.row5{border-top:1px solid;}


/* Header
---------------------------------------------------------------------------------------------------------------*/
#header{padding:2.5em .1em 2.5em .2em; text-align:center;}

#logo{display:block; width:100%; height:40px; margin:auto auto -5% auto; z-index:999;}
#logo h1{margin:0; padding:0; font-variant:small-caps; font-size:22px;}


/* Intro
---------------------------------------------------------------------------------------------------------------------------------------*/
#intro{}

.txtblock{
	width:85%;
    	border: 3px solid black;
	background-color:white; 
	color:#000000; 
	font-size:18px; 
	line-height:1.3em;  
	opacity:.7em;
	margin:2%;
	padding:2%;
	}
	
.txtblock2{
	display:inline 
	line-height:.4em; 
	padding:.6em;
	width:auto; 
    	border: 4px solid black;
	background-color:white; 
	color:#000000;
	margin:5% 0 auto 8%;
	
	}
	
.txtblock3{
	font-size:14px; 
	display:inline 
	line-height:4em; 
	margin:5%;
    	border: 3px solid black;
	background-color:white; 
	color:#000000;
	opacity:.7;}


.container {
    width: 500px;
    height: 200px;
	
}
.container img {padding:5px;
  
	 margin: 0 25px;
}	

footer p{ margin:2%;
font-style:italic;}

/* Homepage Intro
---------------------------------------------------------------------------------------------------------------*/
#hp_intro{padding:80px 0 80px 0; text-align:center;}
#hp_intro a{display:block;}
.circle{display:inline-block; position:relative; width:120px; height:120px; border:1px solid; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.circle span{display:block; padding:25% 0 0 0; font-size:36px; line-height:1.6em;}


/* Content Area
---------------------------------------------------------------------------------------------------------------*/
#container{padding:40px 0 40px 0;}

/* Content */
#container #content{100px;}

/* Comments */
#comments ul{margin:0 0 40px 0; padding:0; list-style:none;}
#comments li{margin:0 0 10px 0; padding:15px;}
#comments .avatar{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid;}
#comments address{font-weight:bold;}
#comments time{font-size:smaller;}
#comments .comcont{display:block; margin:0; padding:0;}
#comments .comcont p{margin:10px 5px 10px 0; padding:0;}

/* Sidebar */
.sidebarR{float:right;}

.sidebar .sdb_holder{}
.sidebar .sdb_holder:last-child{margin-bottom:0;}


	iframe{
		margin:15% 4%;
		height:20em;}
		
   

/* Footer
---------------------------------------------------------------------------------------------------------------*/
#footer{padding:50px 0;}
#footer .title{margin:0 0 .2em 0; padding:0 0 .2em 0; border-bottom:1px solid; text-transform:uppercase; text-align:center; font-size:16px; font-weight:bold;}
.ftgal li{margin-bottom:10px;}

/* Copyright
---------------------------------------------------------------------------------------------------------------*/
#copyright{padding:30px 0;}
#copyright p{margin:0; padding:0;}


/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------*/


/* Navigation
---------------------------------------------------------------------------------------------------------------*/
nav ul, nav ol{margin:0px; padding:0px; list-style:none;}

#main_nav .drop:after, #main_nav li li .drop:after, #breadcrumb li a:after, .sidebar nav a:after{position:relative; font-family:"FontAwesome"; font-size:10px; line-height:10px;}

/* Top Navigation */
#main_nav{display:block; position:relative; line-height:normal;}
#main_nav ul{}
#main_nav ul ul{z-index:9999; position:absolute; width:auto; text-align:left;}
#main_nav ul ul ul{left:160px; top:0;}
#main_nav li{display:inline-block; margin:0; padding:24px;}
#main_nav li:last-child{margin-right:0;}
#main_nav li li{width:100%; margin:0; position:relative;}
#main_nav li a{display:block; position:relative; width:100%; padding:4% 0px 4% 0px; border:solid; border-width:0 0 1px 0;}
#main_nav li li a, #main_nav li li .drop{display:block; margin:0;}
#main_nav .drop:after, #main_nav li li .drop:after{content:"\f0d7";}
#main_nav .drop:after{top:0; left:50%; margin-left:-2px;}
#main_nav li li .drop:after{top:15px; left:5px; margin-left:0;}
#header nav ul:first-child > li{display:inline-block; float:left; width:20%;}
#header nav ul:first-child > li:nth-child(2){margin-right:10%;}
#header nav ul:first-child > li:nth-child(3){margin-left:10%;}
#header nav ul:first-child > li:last-child{margin-right:0px;}
#main_nav ul ul{display:none;}
#main_nav ul li:hover > ul{display:inline-block;}

/* Colors
---------------------------------------------------------------------------------------------------------------*/

body{color:#888888; background-color:#292929;}

a{color:#FDC703;}

hr, .borderedbox{border-color:#D7D7D7;}

label span{color:#FF0000; background-color:inherit;}

.overlay{background-repeat:no-repeat; overflow:hidden; width:90%}


/* Rows */
.row1, .row1 a{color:#FFFFFF; background-color:#1F1F1F;}
.row2{color:#FFFFFF; background-color:inherit;}
.row3{background-color:#FFFFFF;}
.row4{color:#FFFFFF; background-color:#141414; border-color:#1F1F1F;}
.row5, .row5 a{color:#FFFFFF; background-color:#1F1F1F;}
.row5{border-color:#575757;}


/* Homepage */
#hp_intro a h6{color:#FFFFFF; background-color:inherit;}
#hp_intro a .circle{color:#FFFFFF; background-color:#FDC703; border-color:transparent;}
#hp_intro a:hover .circle{color:#FDC703; background-color:inherit; border-color:#FFFFFF;}


/* Footer */
#footer .title{border-color:#292929;}


/* Navigation */
#main_nav li a{color:inherit; border-color:#D7D7D7;}
#main_nav .active a, #main_nav a:hover, #main_nav li:hover > a{color:#FDC703; border-color:#FDC703;}
#main_nav li li a, #main_nav .active li a{color:#FFFFFF; background-color:rgba(0,0,0,.6); border-color:rgba(0,0,0,.6);}
#main_nav li li:hover > a, #main_nav .active .active > a{color:#FFFFFF; background-color:#FDC703;}

#breadcrumb a{color:#FFFFFF; background-color:inherit;}
#breadcrumb li:last-child a{color:#FDC703;}

#container .sidebar nav a{color:#888888; border-color:#D7D7D7;}
#container .sidebar nav a:hover{color:#FDC703;}

.pagination a, .pagination strong{border-color:#D7D7D7;}
.pagination .current{color:#FFFFFF; background-color:#000000;}


/* Tables + Comments */
table, th, td, #comments .avatar, #comments input, #comments textarea{border-color:#D7D7D7;}
th{color:#FFFFFF; background-color:#373737;}
tr, #comments li, #comments input[type="submit"], #comments input[type="reset"]{color:inherit; background-color:#FBFBFB;}
tr:nth-child(even), #comments li:nth-child(even){color:inherit; background-color:#F7F7F7;}
table a, #comments a{background-color:inherit;}


/*Accordian*/
article.accordion
{
	display: block;
	width:100%;
	padding:0;
	margin: 0 0;
	
}

article.accordion section
{
	display: block;
	width: 100%;
	height:14em;
	padding:2%;
	margin:0;
	color: #333;
	background-color: #333;
	overflow:hidden;
}

article.accordion section h2
{
	font-weight: bold;
	width: 100%;
	color: #ddd;
}

article.accordion section h2 a
{
	margin:0px;
	font-size: 90%;

	padding:5% 0;
	display: block;
	width:100%;
	line-height: .8em;
	text-decoration: none;
	color: inherit;
	outline: 0 none;
}


article.accordion section:target
{
	height: 100%;
	border:1px solid #111;
	background-color: #fff;
	line-height:1em;
	padding:5%;
}

article.accordion section:target h2
{
	font-size: 15px;
	color: #333;
}
article.accordion section,
article.accordion section h2
{
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 768px) and (orientation : portrait) {

/*homepage*/

.txtblock{
	width:98%%;
    	border: 1px solid black;
	background-color:white; 
	color:#000000; 
	font-size:12px; 
	line-height:1.3em;  
	opacity:.9em;
	margin:10% 0 10% 30%;
	padding:1%;
	opacity:.7;
	}
	
		
img{display:none;}
.container{display:none;}
.rw-wrapper{display:none;}

.one_third{width:100%;
margin:2% 0;}

.borderedboxR{border:1px solid; margin:10px; padding:2%;
}
.borderedboxL{border:1px solid; margin 10px; padding:2%;} 


#intro h2, .sidebarR {font-size:2.694em; line-height:.8em;}	

blockquote, q {
	background-color:#111111;
	opacity:.7;
	margin:15% 7% 0 60%;
	font-size:2.1em;
	line-height:.9em;
	border-top:1px solid; border-bottom:1px solid; 
	
}

#three blockquote{
	background-color:#111111;
	opacity:.7;
	margin:0;
	width:100%;
	font-size:1.4em;
	line-height:.9em;
	border-top:1px solid; border-bottom:1px solid; 
	
}
#four blockquote{
	background-color:#111111;
	opacity:.7;
	margin:5% 5% auto 55%;
	font-size:1.4em;
	line-height:.9em;
	border-top:1px solid; border-bottom:1px solid; 
	
}
article.accordion section
{
	display: block;
	width: 100%;
	height:8em;
	padding:2%;
	margin:0;
	color: #333;
	background-color: #333;
	overflow:hidden;
}
.one_quarter {width:100%}
 
    iframe {margin:0;
    float:none;
	margin:0 100% 0 0;
	width:100%; 
    }
	
	#header{padding:2.5em .1em 2.5em .2em; text-align:center;}
#intro{margin:0 7% 0 10%;}
#logo{display:block position:relative; width:100%; height:40px; margin:auto; z-index:999;}
#logo h1{margin:0; padding:0; font-variant:small-caps; font-size:22px;}


	#main_nav{display:block; line-height:normal; clear:right;}
	
#header nav ul:first-child > li:nth-child(2){margin:0;}
#header nav ul:first-child > li:nth-child(3){margin:0;}
#header nav ul:first-child > li:last-child{margin:0;}

#main_nav {
		position: relative;
	}	
	#main_nav ul {
		width: 100%;
		padding:0 5%;
		position: relative;
		top: 0;
		left: 50px;		
	}

}