@import url("http://fonts.googleapis.com/css?family=Source+Code+Pro"); @import url(http://fonts.googleapis.com/css?family=Droid+Sans); 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; font-size: 100%; vertical-align: baseline; } body { line-height: 1; color: #000; background: #fff; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; vertical-align: middle; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } a img { border: none; } body { font-family: 'Droid Sans'; background-color: #faf9f0; color: #444; } header { font-family: 'Source Code Pro'; padding: 50px 10px; color: #fff; font-size: 25px; text-align: center; background-color: #4d5bfa; border-bottom: 1px solid #0618df; text-shadow: 2px 2px 4px 2px #333; } h2 { font-family: 'Source Code Pro'; padding: 0px; border-bottom: 1px dotted #ddd; font-family: 'Source Code Pro'; padding-bottom: 10px; border-bottom: 1px dotted #ddd; -webkit-border-radius: 2px 2px 0px 0px; border-radius: 2px 2px 0px 0px; margin-bottom: 10px; } .container { width: 500px; margin: 50px auto; overflow: hidden; } .main-content { float: left; width: 300px; } .main-content p { margin-bottom: 20px; } .sidebar { float: left; width: 200px; } .sidebar .widget { -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; margin-left: 20px; padding-bottom: 10px; background-color: #faf9f0; -webkit-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,0.8), 0px 3px 0px -2px rgba(0,0,0,0.1); box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,0.8), 0px 3px 0px -2px rgba(0,0,0,0.1); } .sidebar .widget h1 { font-family: 'Source Code Pro'; margin: 13px 10px 4px; padding-bottom: 10px; border-bottom: 1px dotted #ddd; -webkit-border-radius: 2px 2px 0px 0px; border-radius: 2px 2px 0px 0px; margin-bottom: 10px; } .sidebar .widget p { font-size: 13px; padding: 0px 10px; margin-bottom: 10px; } .cssmenu { list-style: none; margin: 6px; padding: 0; width: 90%; } .cssmenu ul { width: 99%; margin: 0; } .cssmenu li { margin: 0; width: 99%; } .cssmenu a:link { display: block; text-decoration: none; color: #000; background-color: #faf9f0; padding: 4px 8px; margin: 0; width: 99%; } .cssmenu a:visited { display: block; text-decoration: none; color: #000; padding: 4px 8px; margin: 0; width: 99%; } .cssmenu a:hover { display: block; text-decoration: none; color: #fff; background: #4d5bfa; padding: 4px 8px; margin: 0; width: 99%; } p { line-height: 1.8; } footer { width: 500px; margin: 50px auto; border-top: 1px dotted #ccc; padding-top: 5px; font-size: 13px; }