/*
Theme Name: DE
Theme URI: http://www.digitale-enthusiasten.de/
Description: digitale enthusiasten theme
Version: 1.0
Author: Tim Taubert, Daniel Heyduck
*/

/* GLOBAL */
html * { font-family: Arial; font-size: 12px; }
body, ul, li, p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
ul { list-style-type: none; }
a img { border: 0; }
.hide { left: -1000em; position: absolute; top: -1000em; }
.fb { width: 100%; overflow: hidden; }
.fg-grow { overflow: hidden; resize: none; }
.fg-ghost { position: absolute; left: -10000px; top: -10000px; }
.fg-hint { position: absolute; text-align: right; }

/* MAIN */
body { background: #1f2326; }
#headc { background: #fff; }
#head { position: relative; padding: 52px 0 0 62px; height: 144px; background: #fff; width: 917px; }
#logo { display: block; outline: none; width: 170px; height: 87px; }
#logo img { border: 0; }

/* NAVIGATION */
#navi { position: absolute; overflow: hidden; top: 88px; left: 280px; width: 392px; }
#navi li { float: left; margin: 0 11px; }
#navi li a { display: block; outline: none; height: 16px; background: url(img/navi.gif) no-repeat; }

/* NAVIGATION ITEMS */
#navi .about    { width:  24px; background-position:    0   0; }
#navi .services { width:  74px; background-position:  -24px 0; }
#navi .projects { width: 150px; background-position:  -98px 0; }
#navi .contact  { width:  56px; background-position: -248px 0; }

/* ACTIVE NAVIGATION ITEMS */
#navi .act .about,    #navi .about:hover    { background-position:    0   -16px; }
#navi .act .services, #navi .services:hover { background-position:  -24px -16px; }
#navi .act .projects, #navi .projects:hover { background-position:  -98px -16px; }
#navi .act .contact,  #navi .contact:hover  { background-position: -248px -16px; }

/* CONTENT */
#content { background: url(img/line_bg.gif) repeat-x; overflow: hidden; width: 100%; }
#white { float: left; }
#white, #full { width: 885px; margin-left: 30px; padding: 75px 32px 32px; background: url(img/line_content.gif) 0 37px no-repeat #fff; }
#black { width: 1017px; margin-left: 62px; }
#white a, #black a, #white a:hover, #white a:active, #white a:visited, #sidebar a { color: #5ca735; text-decoration: none; }
#white a:hover, #black a:hover, #sidebar a:hover { text-decoration: underline; }
#full { width: 949px; padding: 41px 0 0; }

/* FONT STYLES */
#impr *, #serv *, #proj * { color: #2f3335; }
#serv p, #serv p *, #proj p, #impr p, #impr p *, #proj .item li, #about p { line-height: 18px; }

/* CONTACT */
#cont img { display: block; margin-bottom: 53px; }
#cont p { margin-bottom: 15px; }
#impr { float: left; width: 343px; }
#impr h3 { font-weight: 700; font-size: 15px; margin-bottom: 33px; }
#impr h4 { margin: 80px 0 19px; font-size: 15px; margin-bottom: 19px; }
#impr .main, #impr .main * { font-size: 13px; line-height: 20px; }
#impr .more { margin: 7px 0 36px; }
#impr .name { color: #5ca735; }
#impr .mail { padding-left: 20px; background: url(img/email.gif) no-repeat 0 1px; }
#impr .tel { padding-left: 20px; background: url(img/telefon.gif) no-repeat 0 1px; }

#disc { padding-left: 343px; color: #97999a; line-height: 15px; }
#disc, #disc * { font-size: 11px; }

/* PROJECTS */
#proj .list { width: 869px; overflow: hidden; background: url(img/faux.gif) repeat-y 289px 0; margin: 0 8px 0; border-bottom: 1px solid #e0e1e1; }
#proj .item { float: left; padding: 28px; border-right: 1px solid #e0e1e1; }
#proj .list1 { margin-top: 70px; }
#proj .list1 .item { padding-top: 0; }
#proj .last { border-bottom-width: 0; }
#proj .last .item { padding-bottom: 0; }
#proj .item3 { border-right-width: 0; }
#proj .item ul { width: 233px; }
#proj .item li { background: url(img/item.gif) no-repeat 0 7px; padding-left: 12px; width: 233px; }
#proj img { display: block; }
#proj .mag { display: block; position: relative; outline: none; width: 233px; }
#proj .zoom { position: absolute; bottom: 0; right: 0; }
#proj h3 { font-weight: 700; font-size: 19px; margin: 20px 0 6px; width: 233px; }
#proj p { width: 233px; }
#proj b { display: block; color: #5ca735; margin: 20px 0 6px; }

/* PROJECTS ZOOM */
#zoom { position: relative; }
#zoom a { position: absolute; display: block; outline: none; }
#zoom .close { top: 10px; right: 10px; width: 33px; height: 33px; background: url(img/close.gif) no-repeat; }
#zoom .left { top: 0; left: 0; bottom: 0; width: 475px; background: url(img/blank.gif); }
#zoom .right { top: 0; right: 0; bottom: 0; width: 474px; background: url(img/blank.gif); }
#zoom .left span { left: 0;  background: url(img/prev.gif) no-repeat; }
#zoom .right span { right: 0; background: url(img/next.gif) no-repeat; }
#zoom .left span, #zoom .right span { position: absolute; top: 220px; width: 36px; height: 37px; cursor: pointer; }
#zoom .left:hover span, #zoom .right:hover span { background-position: 0 -37px; }

/* SERVICES */
#serv .head { display: block; }
#serv .fb { margin-top: 29px; }
#serv h3, #serv h3 * { font-size: 18px; font-weight: 700; margin: 17px 0; }
#serv .col { float: left; width: 275px; }
#serv .col1, #serv .col2 { width: 285px; padding-right: 20px; }
#serv .col2 h3, #serv .col3 h3, #serv .col2 h3 *, #serv .col3 h3 * { color: #5ca735; }
#serv p { margin-top: 6px; }
#serv p img { position: relative; top: -1px; margin-right: 3px; }
#serv ul { margin-top: 27px; }
#serv li { line-height: 22px; background: url(img/item2.gif) 0 7px no-repeat; padding-left: 14px; }

/* ABOUT */
#aboutw { background: url(img/about.png) 0 245px no-repeat; }
#about { padding-top: 46px; }
#about .head { margin-bottom: 40px; }
#about h2 { color: #5ca735; font-size: 16px; margin-bottom: 15px; }
#about h3 { color: #fff; font-size: 17px; margin: 6px 0; }
#about ul { overflow: hidden; width: 100%; }
#about li { float: left; overflow: hidden; width: 339px; padding-bottom: 44px; }
#about .img { float: left; margin-right: 20px; background: url(img/line_pic.gif) no-repeat; }
#about .img img { margin-top: 3px; }
#about p, #about .EIP_textbox { margin-top: 4px; color: #d7ffc2; }
#about a { color: #d7ffc2; }

/* START */
#startbg { background: url(img/start.gif) no-repeat #1f2326 650px 299px; }
#start #black { padding-top: 61px; }
#start img { display: block; margin-bottom: 35px; }
#start a { display: block; height: 21px; margin-bottom: 9px; background: url(img/startnavi.png) no-repeat 0 0; outline: none; }

#start .about    { width: 137px; }
#start .services { width: 205px; background-position: -137px 0; }
#start .contact  { width: 213px; background-position: -342px 0; }

#start .about:hover    { background-position:    0   -21px; }
#start .services:hover { background-position: -137px -21px; }
#start .contact:hover  { background-position: -342px -21px; }

/* BLOG */
#white.blog { width: 536px; padding-bottom: 0; padding-top: 43px; }
#white.blogd { width: 536px; padding-top: 43px; }
#white.blogd #blog { padding-top: 20px; }
#blog .posts li { margin: 64px 0 32px; }
#blog h3 { text-align: center; padding: 0 32px; }
#blog h3, #blog h3 a { color: #5ca735 !important; font-size: 22px; }
#blog .author { font-weight: 700; margin-top: 8px; text-align: center; color: #8e8e8e; }
#blog .content { margin-top: 30px; line-height: 1.5em; }
#blog .pages { overflow: hidden; }
#blog .pages li { float: left; margin-right: 2px; margin-top: 11px; }
#blog .pages li a { display: block; background: #5ca735; color: #fff; font-weight: 700; height: 20px; width: 25px; padding-top: 8px; text-align: center; }
#blog .pages .prev a { background: url(img/pager_prev.gif); }
#blog .pages .next a { background: url(img/pager_next.gif); }
#blog .pages .act { margin-top: 0; }
#blog .pages .act a { background: #add39a; height: 31px; }
#blog .pages a:hover { background: #add39a; text-decoration: none; }
#blog .con { font-weight: 700; }

#comments h4 { margin-top: 32px; margin-bottom: 6px; color: #8e8e8e; }
#comments form .fb { margin-bottom: 6px; }
#comments form p { font-size: 11px; }
#comments label, #comments .lft { float: left; }
#comments input, #comments .rgt { float: right; }
#comments input { width: 400px; }
#comments input, #comments textarea, #comments button { border: 1px solid #8e8e8e; padding: 2px 5px; }
#comments textarea { width: 526px; margin: 4px 0 12px; padding: 5px; }
#comments .comment-author, #comments .comment-meta { display: inline; }
#comments .comment-body p { margin: 6px 0; }
#comments li { margin-bottom: 12px; }
#comments .children { margin-left: 24px; margin-top: 12px; }

#sidebar { float: left; margin-top: 110px; width: 212px; margin-left: 44px; }
#sidebar img { display: block; margin-bottom: 28px; }
#sidebar p { margin-bottom: 24px; }
#sidebar p a { font-size: 11px; background: url(img/feed.png) no-repeat; padding-left: 18px; }
#sidebar h4 { color: #fff; font-size: 17px; text-align: center; border: solid #499d04; border-width: 2px 0; padding: 7px 0; }
#sidebar ul { margin: 14px 0 32px; }
#sidebar li { color: #fff; line-height: 1.4em; margin-bottom: 10px; }
#sidebar .cat a { font-size: 13px; }
#sidebar .cat li { margin-bottom: 6px; }
#sidebar .com a { padding-right: 8px; }
#sidebar a { font-weight: 700; }

/* EIP */
#black .EIP_textbox:hover, #black .EIP_mulittextbox:hover, #black .EIP_title:hover { background-color: #777 !important; }