/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

#header { height: 60px; background-color: #f27037; }

#sitetitle a { font-size: 125%; float: right; margin-right: 25px; margin-top: 20px; text-decoration: none; color: #fff; }

#sub-sitetitle { height: 0px; background-color: #c9dd03; }

.container { border-bottom: 0px solid #848389; }

.container a { text-decoration: none; color: #008542; }

a:hover { color: #c75b12; }

h1 { color: #fff; padding: 1px 0; font-size: 130%; font-family: arial; line-height: 1.25; text-align: center; background-color: #99ce53; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }

h3 { color: #fff; padding: 5px 0 5px 10px; border-top: 0px solid #848389; border-bottom: 0px solid #848389; margin: 5px 0; background-color: #f27037; }

.full-text { font-family: arial; color: #999; font-size: 100%; line-height: 1.25; }

img { border: 1px solid #ccc; padding: 0px; }

#header-title { font-family: arial, sans-serif; }

section, aside { margin: .75%; }

section { float: left; width: 30%; border: 0px solid red; padding: 6px; font-family: arial; color: #999; font-size: 90%; line-height: 1.25; }

aside { float: right; width: 55%; border: 0px solid blue; padding: 6px; font-family: arial; color: #999; font-size: 90%; line-height: 1.25; }

aside a { text-decoration: none; color: #008542; }

.bold-heads { color: #000; }

footer { height: 50px; background-color: #e98300; clear: both; text-align: center; color: #fff;  }

#footer-div ul li { font-size: 90%; height: 50px; padding: 15px 0; }

#footer-div-freelance ul li { font-size: 125%; height: 50px; padding: 15px 0; color: #fff; font-family: arial; }

footer a { color: #fff; text-decoration: none; }

.footer-text {  }

/*Responsive Styles*/

@media all and (max-width: 420px) {
  #header { text-align: center; }	
  section, aside { float: none; width: auto; border: 0px solid green; padding: 6px; font-family: arial; font-size: 100%; line-height: 1.25; }
  .full-text { font-size: 100%; margin: 10px 10px 10px 10px; font-family: arial; line-height: 1.25; }
}

@media all and (min-width: 421px) and (max-width:680px) {
  #header { text-align: center; }	
  section, aside { float: none; width: auto; border: 0px solid orange; padding:10px; font-family: arial; font-size: 70%; line-height: 1.25; }
  .full-text { font-size: 70%; margin: 10px 10px 10px 10px; font-family: arial; line-height: 1.25; }
}