
/* rstyle.css */

/* ----------------HTML---------------------- */
html { 
        font-size:100%; 
     }

/* -----------------Basic----------------------- */
body {
	background: #ffffff;
     }
	 
body,input,textarea,select
	{
		font-family: 'Verdana';
		font-weight: 300;
		color: #636363;
	}
	
h1,h2,h3,h4,h5,h6
	{
		font-weight: 500;
		text-transform: uppercase;
		color: #4b4b4b;
	}	
	
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
		{
			color: inherit;
			text-decoration: none;
			border: 0;
		}

a {
		color: #666;
		text-decoration: none;
		border-bottom: solid 1px #ddd;
		transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
}

a strong {
			transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
}

ul.actions {
margin-top: 2.5em;
clear: both;
}

ul.divided {
}
nl a {
    text-decoration: none;
}

/* -----Header----- */

#header {
position: relative;
border-bottom: solid 2px #e5e5e5;
box-shadow: inset 0px -8px 0px 0px #fff, inset 0px -10px 0px 0px #e5e5e5;
}
	
#header img {
position: absolute;
margin-left: 30%;
}

#header h1 {
font-family: 'Arvo';
font-weight: 700;
color: #ed786a;
text-shadow: 0.05em 0.075em 0 rgba(0,0,0,0.1);
}
#header h1 a {
border: 0;
}
#header p {
text-transform: uppercase;
font-weight: 400;
color: #666;
}	
				
a:link {
text-decoration : none;
}
a:hover {
color: #FF0000;
}
a:hover strong {
	color: #FF0000;
}
a:visited {
	text-decoration : none;
}
font .sale {
    color: #FF0000;
}
.nb {
font-family: Verdana;
font-weight: 500;
color: #FFFFFF;
}
.b {
font-family: Verdana;
font-weight: 100;
}	
.img-responsive {
  max-width: 100%;
  height: auto;
}
img {  
  border-style: none;
}
.copyright {
  font-weight: 100;
  text-align: center;
  margin-top: 35px;
  padding-top: 15px;
  border-top: 1px solid #e5e5e5;
}
.wrapper {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 3px;
}
#content {
  background: #fff;
  margin-bottom: 40px;
  padding: 0 5px 5px;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}
.content-inner {
  padding: 0 5px 5px;
}
.header {
  width: 100%;
  background-image: none;
}
.header .intro {
  background: rgb(142, 13, 113);
  background: rgba(142, 13, 113, 0.8);
  color: #fff;
  padding: 15px;
}

#features-wrapper {
position: relative;
overflow: hidden;
background: #fff;
text-align: center;
}
	
#features-wrapper p {
text-align: center;
}
	
#features-wrapper .actions {
margin-top: 1.25em;
}

/* Sections/Articles */
	
		section,
		article
		{
            margin-bottom: 2em;
		}
		
		section &gt; :last-child,
		article &gt; :last-child;
		{
			margin-bottom: 2em;
		}

		section:last-child,
		article:last-child
		{
			margin-bottom: 2em;
		}

/* Section/Article Types */

	
	.is-excerpt {

	}
	
		.is-excerpt .date
		{
			background: #878787;
			color: #fff;
			font-weight: 400;
			text-transform: uppercase;
			border-radius: 4px;
			border: .5em;
			box-shadow: 0.125em 0.175em 0 0 rgba(0,0,0,0.125);
		}
	
	.is-highlight {
	    }


/* ------------------Grid System--------------- */ 
.zerogrid { width: 1000px; position: relative; margin: 0 auto; padding: 0px;}
.zerogrid:after { content: '\0020'; display: block; height: 0; clear: both; visibility: hidden;}

.zerogrid .row{}
.zerogrid .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.zerogrid .row:after{clear: both; }

.zerogrid .wrap-col{margin:10px;}

.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{float:left; display: inline-block;}

.zerogrid .col-full{width:100%;}

.zerogrid .col-1-2{width:50%;}

.zerogrid .col-1-3{width:33.33%;}
.zerogrid .col-2-3{width:66.66%;}

.zerogrid .col-1-4{width:25%;}
.zerogrid .col-2-4{width:50%;}
.zerogrid .col-3-4{width:75%;}

.zerogrid .col-1-5{width:20%;}
.zerogrid .col-2-5{width:40%;}
.zerogrid .col-3-5{width:60%;}
.zerogrid .col-4-5{width:80%;}

.zerogrid .col-1-6{width:16.66%;}
.zerogrid .col-2-6{width:33.33%;}
.zerogrid .col-3-6{width:50%;}
.zerogrid .col-4-6{width:66.66%;}
.zerogrid .col-5-6{width:83.33%;}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.zerogrid{width:768px;}
}

@media only screen and (max-width: 767px) {
	.zerogrid{width:100%;}
}

@media only screen and (min-width: 620px) and (max-width: 767px) {
	.zerogrid{width:100%;}
}

@media only screen and (min-width: 480px) and (max-width: 619px) {
	.zerogrid{width:100%;}
	.zerogrid .col-1-3, .zerogrid .col-2-3{width:100%;}
	.zerogrid .col-1-4{width:50%;}
	.zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%;}
}

@media only screen and (max-width: 479px) {
	.zerogrid, .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%;}
}

@media (max-width: 640px) { 
body {
font-size:1.2rem;
}
@media (min-width: 640px) { 
body {font-size:1rem;
}  
@media (min-width:960px) { 
body {font-size:1.2rem;
} 
@media (min-width:1100px) { 
body {font-size:1.5rem;
}
  