html { background: #18191b url("/images/bg.jpg") repeat-x scroll center 0; color: #e9e9e9; }

body { color: #333333; font-family: verdana, arial, helvetica, sans-serif; font-size: 15px; margin: 0; padding: 0; text-align: left; color: #e9e9e9; }

a { text-decoration: none; color: #6099ff; }
a:hover { text-decoration: none; }

h1 { color: #5e5e5e; font-size: 1.75em; }

h2 { color: #5e5e5e; font-size: 1.5em; }

h3 { color: black; font-size: 1.25em; }

h4 { color: #5e5e5e; font-size: 1em; }

p, ul, ol, table { margin: 0 0 18px; }

strong { font-weight: bold; }

pre, code, tt { font-family: "Bitstream Vera Sans Mono", "Monaco", monospace; white-space: pre-wrap; word-wrap: break-word; color: #c1de77; margin-bottom: 20px; }

ol li { display: list-item; list-style-position: inside; list-style-type: decimal; margin: 10px; }

.notice, .error { color: white; padding: 10px; margin: 0px 0px 10px; border: 1px solid black; background-color: #7a0009; }

#page { width: 960px; position: relative; margin: 0; margin-left: auto; margin-right: auto; }

#header { clear: both; display: inline; float: left; position: relative; height: 180px; width: 100%; }
#header .logo { margin: 0; }
#header .logo a { cursor: pointer; display: block; left: 0px; position: absolute; top: 50px; }
#header .hello { color: #2a2b2b; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; line-height: 18px; position: absolute; right: 0; text-align: right; top: 90px; width: 440px; }
#header .hello .nomargin { margin-bottom: 5px; }
#header .hello a { color: #d0d0d0; font-family: Arial, Helvetica, sans-serif; font-size: 0.65em; line-height: 11px; }

#footer { clear: both; display: inline; position: relative; float: left; text-align: left; background: transparent url(/images/bg-footer.gif) repeat-x scroll 0 0; height: 65px; width: 100%; font-size: 0.85em; }
#footer .wrapper { color: #dadada; margin: 0 auto; width: 960px; position: relative; }
#footer .copy { left: 0; position: absolute; top: 27px; }

#content { clear: both; display: inline; float: left; position: relative; width: 100%; min-height: 800px; }

#main { float: right; width: 598px; }
#main h1, #main h2, #main h3, #main h4 { color: white; margin-left: 6px; }
#main .box1 { clear: both; display: inline; float: left; position: relative; background: transparent url(/images/bg-box.png) repeat scroll 0 0 !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin: 7px 0 18px; padding: 18px; line-height: 1.5em; width: 580px; }
#main .box1 h1, #main .box1 h2, #main .box1 h3, #main .box1 h4 { color: #c48601; margin-bottom: 10px; margin-left: 0px; }
#main .box1 img.pic { float: right; margin: 10px 20px; }
#main .post a.back { color: white; }
#main .post .box1 { color: #c6c6c6; }
#main .post .box1 h1 { font-size: 1.4em; }
#main .post .box1 h1 a { color: white; text-decoration: none; }
#main .post .box1 h1 a:hover { text-decoration: underline; }
#main .post .box1 h3 { font-size: 1em; color: #a3d5ea; }
#main .post .box1 .article-img { float: left; margin-right: 20px; margin-bottom: 0px; }
#main .aboutme .box1 p.quote { margin: 10px 250px 20px 20px; font-style: italic; }
#main .work { margin: 0px 20px 40px 20px; font-size: 0.9em; line-height: 1.4em; }
#main .work h2 { margin-bottom: 0px; }
#main .work .link a { font-size: 0.85em; color: #a3d5ea; }
#main .work .logo { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color: white; display: block; float: left; margin-top: 10px; min-height: 50px; text-align: center; width: 125px; }
#main .work .body { margin-left: 180px; }
#main .service { margin: 0px 20px 40px 20px; font-size: 0.9em; line-height: 1.4em; }
#main .service p { margin: 15px 0px; }

#topnav a { color: #e7e7e7; font-size: 13px; font-weight: bold; padding: 9px 15px; text-decoration: none; text-transform: uppercase; }
#topnav a:hover { background: transparent url(/images/bg-nav.png) repeat scroll 0 0; color: white; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#topnav ul { margin-top: 20px; }
#topnav ul li { display: inline; }
#topnav ul .search { float: right; }
#topnav ul .search input { width: 100px; }

#sidebar { float: left; width: 333px; }
#sidebar h3 { font-size: 1.3em; color: white; margin-left: 6px; }
#sidebar .box1 { clear: both; display: inline; float: left; position: relative; background: transparent url(/images/bg-box.png) repeat scroll 0 0 !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin: 7px 0 18px; padding: 18px; font-size: 0.85em; line-height: 1.5em; width: 295px; }
#sidebar .box1 img { float: left; margin-right: 15px; }
#sidebar .box1 ul li { border-bottom: 1px dashed #777777; line-height: 13px; padding: 8px 0; }
#sidebar .box1 .partner { margin-top: 15px; }
#sidebar .plugs { margin: 0 auto; }
#sidebar .plugs a img { display: block; margin: 10px; }

ul { margin-top: 10px; }
ul li { margin-top: 10px; }

.clearfix { display: inline-block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1px; }

.markItUp { width: 575px; height: 600px; }

.markItUpEditor { width: 518px; height: 545px; }