/*  
Theme Name: interface development
Theme URI: http://www.interface-development.com
Description: This is the template for weblog on interface-development.com.
Version: 1.0
Author: Matthias Urech
Author URI: mailto:contact@interface-development.com
*/

/**************** Body *********************/
* {margin:0px; padding:0px;}
body { background:#FFF url(images/bg.gif) 0 0 repeat-x; font-size:11px; line-height:1.25em; font-family:Tahoma; color:#929292; text-align:left;}
#wrapper {width:980px; margin:0 auto; text-align:left;}

/**************** Header *********************/
#logo {display:block; background:url(images/logo.png) no-repeat left; width:309px; height:23px;  margin:48px 0px 0px 24px;}

/**************** Navigation *********************/
#navigation {clear:both; width:980px; height:32px; position:absolute; top:98px; margin:0px auto; font-size:12px;}
#menu {height:18px; list-style:none;}

/**************** Navigation Bar *********************/
#navbar {height:13px; padding:55px 0px 0px 16px; margin:0px 16px 16px 16px; font-size:11px; border-bottom:1px solid #bdbdbd;}

/**************** Post Index *********************/
#post_index {padding:7px 24px 14px 14px; margin:0px 20px 0px 20px; border-right:1px dashed #bdbdbd;}

#post_index_archive h1{padding-left:34px; color:#000000; font-size:14px; font-weight:bold; text-decoration:none;}
#post_index_archive h1 a{color:#000000; font-size:14px; font-weight:normal; text-decoration:none;}
#post_index_archive h1 a:hover{color:#000000; font-size:14px; font-weight:normal; text-decoration:none;}

#post_index_title h1{color:#577494; font-size:11px; font-weight:bold; text-decoration:underline;}
#post_index_title h1 a{color:#577494; font-size:11px; font-weight:bold; text-decoration:underline;}
#post_index_title h1 a:hover{color:#577494; font-size:11px; font-weight:bold; text-decoration:underline;}

#post_index_title h2{color:#000000; font-size:11px; font-weight:normal; text-decoration:none;}
#post_index_title h2 a{color:#000000; font-size:11px; font-weight:normal; text-decoration:none;}
#post_index_title h2 a:hover{color:#000000; font-size:11px; font-weight:normal; text-decoration:none;}

#post_index_details h1 {padding:8px 0px 14px 0px; color:#929292; font-size:11px; font-weight:normal; text-decoration:none; border-bottom:1px dotted #bdbdbd;}
#post_index_details ul {padding-left:10px; margin-top:10px; margin-bottom:10px;}
#post_index_details ul li {margin-left: 10px;}
#post_index_details ol {padding-left:10px; margin-top:10px; margin-bottom:10px;}
#post_index_details ol li {padding-left:15px; margin-left: 10px;}

/**************** Post Entry (Details) *********************/
#post_entry{padding:7px 24px 14px 14px; margin:0px 20px 0px 20px; border-right:1px dashed #bdbdbd;}

#post_entry_details h1{color:#577494; font-size:11px; font-weight:bold; text-decoration:underline;}
#post_entry_details h1 a{color:#577494; font-size:11px; font-weight:bold; text-decoration:underline;}
#post_entry_details h1 a:hover{color:#577494; font-size:11px; font-weight:bold; text-decoration:underline;}

#post_entry_details h2{color:#000000; font-size:11px; font-weight:normal; text-decoration:none;}
#post_entry_details h2 a{color:#000000; font-size:11px; font-weight:normal; text-decoration:none;}
#post_entry_details h2 a:hover{color:#000000; font-size:11px; font-weight:normal; text-decoration:none;}

#post_entry_details h3 {padding:8px 0px 4px 0px; color:#929292; font-size:11px; font-weight:normal; text-decoration:none;}

#post_entry_details ul {padding-left:10px; margin-top:10px; margin-bottom:10px;}
#post_entry_details ul li {margin-left: 10px;}
#post_entry_details ol {padding-left:10px; margin-top:10px; margin-bottom:10px;}
#post_entry_details ol li {padding-left:15px; margin-left: 10px;}


/**************** Page Index *********************/
#page_index {padding:7px 24px 14px 14px; margin:0px 20px 0px 20px;}

/**************** Links *********************/
a:link, a:visited {color:#e71b01; font-weight:normal; text-decoration:none;}
a:hover {color:#e71b01; text-decoration:underline;}

#link a {color:#e71b01; background:url(images/link_bull.gif) center left no-repeat; padding-left:21px;}
#link a:visited {color:#e71b01; font-weight:normal; text-decoration:none;}
#link a:hover {text-decoration:underline;}

#link_entries {padding:0px 0px 0px 0px; margin:0px 20px 10px 0px; border-right:1px dashed #bdbdbd;}
#link_entries a { color:#e71b01; font-weight:normal; text-decoration:none;}
#link_entries a:hover {text-decoration:underline;}
#link_entries .left {padding-left:34px;}
#link_entries .right {padding-left:580px;}


/**************** Sidebar Index *********************/
#sidebar_index {padding:7px 24px 14px 14px; margin:0px 20px 0px 20px;}

#sidebar_index_title h1{padding-bottom:8px; color:#000000; font-size:11px; font-weight:normal; text-decoration:none;}
#sidebar_index_title h2{padding:25px 0px 8px 0px; color:#000000; font-size:11px; font-weight:normal; text-decoration:none;}
#sidebar_index_title h3{padding:15px 0px 8px 0px; color:#000000; font-size:11px; font-weight:normal; text-decoration:none;}

#sidebar_index_details h3 {padding:0px; color:#e71b01; font-size:11px; font-weight:normal; text-decoration:none;}
#sidebar_index_details ul {list-style-type:none; margin-bottom:10px;}
#sidebar_index_details ul li {padding-left:15px; margin-left:10px;}


/**************** Sidebar Entry *********************/


/**************** Search *********************/
#topsearch {float:left; padding:14px 0px 0px 800px;}
#topsearch input[type="text"]{background: #ffffff url(images/search.png) right no-repeat; border:2px solid #CF5833; height:8px; width:30px; color: #333333; font:12px Arial;}
#searchbutton {padding:0px 0px 0px 20px;} 

/**************** Footer *********************/
#footer { width:948px; margin:0 auto; padding-top:12px; font-size:11px; line-height:1.5em; text-align:center; color:#7f7f7f; border-top:1px solid #bdbdbd;}

#footer_text { margin-bottom:12px;}
#footer_text a { color:#7f7f7f; text-decoration:none;}
#footer_text a:hover { color:#7f7f7f; text-decoration:underline;}
#footer_text a:visited { color:#7f7f7f;}


/**************** General *********************/
a img {border: none;}
table {width:680px; font-size:11px;}

/**************** Public Classes *********************/
.p {padding:0px 10px 0px 10px; text-align:left; margin-bottom:10px;}
.entry {float:left; width:790px; margin-bottom:10px;}
.entry h2 {padding-bottom:0px; line-height:12px;}
.entry p {padding:0px 0px 10px 0px;}
.meta {padding:5px; font-size:11px; border-top:1px solid #C1B2B4; border-bottom:1px solid #C1B2B4;}
.post {padding:5px 25px 0px 20px; text-align:left; margin-bottom:0px;}

.spacer {border-bottom:1px solid #C1B2B4; margin-top:10px; margin-bottom:10px;}
