@charset "utf-8"; /* Tillhör lilltorpet.se. Kodad av Jesper Ekstrand, www.jcode.se */

/** diverse **/ /*--------------------------------------------------------------------------------------*/ /** diverse **/
html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, img { margin: 0; padding: 0; }
h1, h2, h3, h4 { font-size: 100%; font-weight: normal; }
img { border: none; }
ul, li { list-style-type: none; }
ul { margin-left: 15px; }
ol li { list-style-type: decimal;}
html { height: 100%; overflow-y: scroll; }
body { background: #fff; font-family: Georgia, serif; height: 100%; }
p { font-size: 12px; margin: 10px 0; }
#wrap { min-height: 100%; position: relative; }
* html #wrap { height: 100%; }
#clearfix { clear: both; padding-bottom: 100px; }
.clear { clear: both; height: 1px; margin: 0px 0px -1px; width: 100%; }
.error { color: #FF0000; font-size: 10px; line-height: 12px; }
.smalltext { font-size: 10px; font-weight: normal; line-height: 12px; }
#errorHandler { clear: both; color: #000; }

/** head **/ /*--------------------------------------------------------------------------------------*/ /** head **/
#head { background: #56a7da url('http://www.jcode.se/images/bg-head-index.png') repeat-x top left; border-bottom: 1px solid #1973B6; color: #fff; }
#menu, #pageHeader { margin: 0 auto; width: 880px; }

/** menu **/ /*--------------------------------------------------------------------------------------*/ /** menu **/
#menu { height: 38px; }
#menu ul { float: left; margin: 0; padding-top: 8px; }
#menu li { float: left; }
#menu ul a { border-bottom: 4px solid transparent; color: #fff; font-size: 18px; margin-right: 20px; padding-bottom: 5px; text-transform: uppercase; text-decoration: none; }
#menu ul a:hover { border-bottom-color: #bbbbbb; }
#menu ul a.current { border-bottom-color: #fff; }
#menu ul a.current:hover { border-bottom-color: #fff; }
#logo { float: right; margin-top: 7px; }

/** pageHeader **/ /*--------------------------------------------------------------------------------------*/ /** pageHeader **/
#pageHeader h1 { font-size: 30px; margin-top: 30px; }
#pageHeader p { font-size: 18px; line-height: 22px; margin: 5px 0 35px; }
#pageHeader a { color: #fff; text-decoration: none; }

/** content **/ /*--------------------------------------------------------------------------------------*/ /** content **/
#wrapContent { margin: 25px auto 0; width: 880px; }
#wrapContent a { color: #176AA8; text-decoration: underline; }
#wrapContent a:hover { color: #000; }
#content { float: left; width: 550px; }
#content > :first-child { margin-top: 0; }
#content h2 { border-bottom: 1px solid #ebebeb; font-size: 20px; font-variant: small-caps; letter-spacing: 1px; margin: 25px 0 10px; }
#content h2 a { color: #000; text-decoration: none; }
#content h2 a:hover { color: #176AA8; }
#content h3 { font-size: 15px; font-weight: bold; letter-spacing: 1px; margin-top: 15px; }
#content p { font-size: 14px; line-height: 20px; margin: 0 0 10px; }
#content ol li, #content ul li { font-size: 14px; margin-bottom: 10px; }
#content ol li { list-style-type: decimal; margin-left: 20px; padding-left: 5px; }
#content img { border: 1px solid #EBEBEB; padding: 3px; }
.project-image { border: 1px solid #EBEBEB; float: right; margin: 0 0 10px 10px; padding: 3px; }
.project-image-right { float: right; margin-top: 10px; }
.project-image-left { float: left; margin-top: 10px; }

/** form **/ /*--------------------------------------------------------------------------------------*/ /** form **/
#contact input[type="text"], #contact textarea { background-color: #f2f2f2; border: 1px solid #BBBBBB; font-family: Georgia, serif; font-size: 14px; padding: 3px; width: 50% }
#contact textarea { height: 150px; width: 100%; }

/** side **/ /*--------------------------------------------------------------------------------------*/ /** side **/
#side { float: right; width: 280px; }
#side > :first-child { margin-top: 0; }
#side h2, #side h3 { border-bottom: 1px solid #56A7DA; border-left: 1px solid #56A7DA; font-size: 18px; font-variant: small-caps; letter-spacing: 0.5px; margin: 30px 0 10px; padding: 0 0 4px 10px; }
#side p { margin: 5px 0 10px 11px; }
#side #featured { margin-left: 11px; }
#side #featured img { border: 1px solid #EBEBEB; padding: 3px; width: 260px; }
#side #featured a { font-size: 12px; }
#side #featured a:hover img { border-color: #777; }
#side .blogTitle { font-weight: bold; }
#side .blogDate { font-size: 10px; }
#side .blogContent { line-height: 18px; }

/** foot **/ /*--------------------------------------------------------------------------------------*/ /** foot **/
#foot { background-color: #f2f2f2; border-top: 1px dashed #bbbbbb; height: 75px; margin-top: -76px; position: relative; }
#foot p { color: #777; line-height: 18px; margin: 0 auto; padding: 10px 0; text-align: right; width: 658px; }
#foot p a { color: #777; text-decoration: none; }
#foot p a:hover { color: #28282c; border-bottom: 1px dashed #28282c; }
#foot img { float: right; margin: 0 0 0 25px; padding: 5px 0; }