@charset "UTF-8";

/*RESET*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, d, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}

a{outline:none; color:#09F; text-decoration:none;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
-o-transition: color 0.3s;
-ms-transition: color 0.3s;
transition: color 0.3s;}
a:hover{color:#06C;}

/* COMMON CLASSES */
.clear{clear:both;}
.clearfix:after{content:"";	height:0; visibility:hidden; display:block}
.hide{display:none}

#main_wrapper{max-width:980px; margin-left:auto; margin-right:auto; position:relative; font-family:sans-serif;}

.header{width:100%; height:180px; padding-top:40px; padding-bottom:40px; background:url(logo.png) left center no-repeat;}
.header h1{display:none;}

.content{padding-left:5px; padding-right:5px; color:#666; font-size:16px; margin-bottom:20px; border-bottom:solid 1px #EEE;}

.content h2, .content p, .footer p{margin-bottom:12px;}

.content ul li{list-style:none;}

.share{margin-top:30px; margin-bottom:10px; height:24px;}
.share_fb{height:24px; float:left; width:225px; margin-right:10px;}
.share_tw{height:24px; float:left; width:100px; margin-right:10px;}

.footer{padding-left:5px; padding-right:5px; color:#666; height:200px; background:url(controls.png) bottom center no-repeat; font-size:12px;}

.striked {
	text-decoration: line-through;
	color: #ccc;
	font-size: 14px;
}

@media only screen and (max-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

  .content{font-size:13px;}

}