/*

Theme Name: Soft Light Theme
Theme URI: http://www.imagecommunications.de
Description: Soft light design with decent lighting effects
Version: 1.0
Author: Stefan Matthias Schmidt - sms
Author URI: http://www.imagecommunications.de

*/

/* lightgrey = #D3D3D3 */

* {
	margin : 0;
	padding : 0;
}


body, html {
	margin : 0 auto;
	padding : 0;
	font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
	font-size : 12px;
	color : #D3D3D3;
	line-height : 20px;
	background: #17191D;
}


#page {
	margin: 0 auto;
	/* padding-left: 80px; */ /* optische Mitte */
	width: 802px;
	background: transparent url('images/pagebg.gif') no-repeat top center;
	position: relative;
}


#header {
	/* width: 882px; */
	height: 171px;
	background: transparent url('images/bodybg.gif') no-repeat top center;
}

/*
_________________________________________________________________________________________________________________________________

							Hauptnavigation
_________________________________________________________________________________________________________________________________

*/

#navigation {
	position: relative; /* fuer das Licht, damit die Links anklickbar bleiben */
	/* z-index: 100; */
	margin: 0 0 0 45px;
	padding: 0;
	text-align: center;
	border: 0;
}


#navigation li {
	list-style: none;
	display: inline;
	margin: 0;
	/* padding: 3px 8px; */
	padding: 3px 27px 3px 8px;
	float: left;
	color: #A4C4FF;
}


#navigation a {
	margin: 0;
	float: left;
	height: 19px;
	text-decoration: none;
	border-bottom: 2px solid transparent; /* 'none' fuer IE6 statt 'transparent' */
	color: #9AA3B2;
	background-color: transparent;
}


#navigation a:hover, #navigation a:active, #navigation .page_item a:hover, #navigation .current_page_item a {
	color: white;
	background-color: transparent;
	outline-style: none;
	border-bottom: 2px solid #A4C4FF;
}

/* Es werde Licht */

#home #illuminatehome, #portfolio #illuminateportfolio, #impressum #illuminateimpressum {
	position: absolute;
	width: 165px;
	height: 69px;
	top: 170px;
	/* z-index: 0; */
	background: transparent url('images/light.png') no-repeat top center;
}

#home #illuminatehome {
	left: 0;
}

#portfolio #illuminateportfolio {
	left: 85px;
}

#impressum #illuminateimpressum {
	left: 90px; /* left: 175px; - Position getauscht, bis Portfolio wieder reinkommt */
}

/*
_________________________________________________________________________________________________________________________________

							Content
_________________________________________________________________________________________________________________________________

*/

#content {
	margin: 60px 0 0 0;
	padding-left: 28px;
	width: 560px;
	border: 0px solid yellow;
}


#content a:link, #content a:visited {
	text-decoration: none;
	color: #DAFF77;
}


#content a:link:hover, #content a:visited:hover {
	color: #A4C4FF;
}


a[href^="http://"], a[href^="https://"] {
	background: transparent url('images/extlink.gif') 100% 50% no-repeat;
	padding-right: 10px;
}


a img[href^="http://"], a img[href^="https://"], a[href^="http://www.imagecommunications.de"] {
	background: transparent;
	padding: 0;
}


small {
	font-size: 10px;
	color: #9AA3B2;
}

small.datum {
	color: #A4C4FF;
	padding: 3px 5px;
	background: transparent url('images/commentlistbg.png');
}

.post {
	background: transparent url('images/postbg.png');
	padding: 10px 20px 20px 25px;
	border-bottom: 1px solid #3F454F;
	width: 515px;
}

.post h2, .post h3 {
	clear: left;
	padding: 10px 0;
	color: #A4C4FF; /* Blau */
}


.postmetadata {
	margin: 20px 0 0 0;
	clear: left;
}

.redsmall {
	color: red;
	font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}


#content .entry p {
	margin: 10px 0 10px 0;
}

#content .entry a:link, #content .entry a:visited {
	color: #A4C4FF;
}

#content .entry a:hover, #content .entry a:active {
	color: white;
}


h2.pagetitle {
	background: transparent url('images/postbg.png');
}


.topnavi {
	margin: 0 0 0px 0;
	border-bottom: 1px solid #3F454F;
	width: 560px;
	float: left;
	background: transparent url('images/prevnextbg.gif') repeat-y top center;
}

.topnaviright {
	width: 250px;
	float: right;
	text-align: right;
	padding: 10px 25px 0 0;
}

.topnavileft {
	width: 250px;
	float: left;
	padding: 10px 0px 10px 25px;
	/* border-right: 1px solid #3F454F; */ /* Entfaellt, da bg-bild */
}


.alignleft {
	float: left;
}

.alignright {
	float: right;
}

img.alignleft {
	float: left;
	padding: 10px 20px 15px 0;
}

img.alignright {
	float: right;
	padding: 10px 0 15px 20px;
}


.searchresult {
	text-align: center;
	font-size: 14px;
	color: #A4C4FF;
	background: transparent url('images/commentlistbg.png');
}

/* Portfolio */
.portfolioentry {
	/* float: left; */
	clear: both;
	width: 510px;
	padding: 10px 0 5px 0;
	border-top: 1px solid #3F454F;
	/* height: 200px; */
}

.portfolioentry img {
	width: 260px;
	float: left;
	margin: 0 20px 0 0;
	padding-bottom: 10px;
}


.portfoliodescription {
	vertical-align:top;
}

.portfolioentry h4 {
	font-weight: normal;
	font-size: 12px;
	margin: 0 0 5px 0;
	color: #DAFF77;
}

/*
_________________________________________________________________________________________________________________________________

							Sidebar
_________________________________________________________________________________________________________________________________

*/

#sidebar {
	position: absolute;
	top: 231px;
	width: 200px;
	margin-left: 590px;
	padding: 0;
}


#sidebar h2 {
	border-bottom: 1px solid #2D3035;
	height: 22px;
	padding: 1px 0 2px 30px;
	font-size: 11px;
	color: #DAFF77;
	text-transform: none;
}


#sidebar li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}


#sidebar a {
	margin: 0;
	padding: 2px 0 3px 30px;
	width: 170px;
	border: 0;
	/* border-top: 1px solid #2D3035; */
	border-bottom: 1px solid #2D3035;
	text-decoration: none;
	color: #9AA3B2;
	background: transparent;
	display: block;
	font-size: 11px;
}


#sidebar a:hover, #sidebar a:active {
	color: white;
	background: transparent url('images/sidebarbg.png') no-repeat;
	outline-style: none;
}


#sidebar .feed {
	margin: 0px 0 0 0;
	height: 23px;
	border: 0;
}


#sidebar .feedicon {
	vertical-align: middle;
	padding: 0 10px 2px 0;
}

#sidebar p img {
	padding: 8px 0 0 30px;
}

/*
_________________________________________________________________________________________________________________________________

							Footer
_________________________________________________________________________________________________________________________________

*/

#footer {
	margin: 0 0 0 28px;
	background: transparent url('images/postbg.png');
	padding: 10px 0 10px 25px;
	width: 535px;
}


#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #DAFF77;
}


#footer a:link:hover, #footer a:visited:hover {
	color: #A4C4FF;
}

/*
_________________________________________________________________________________________________________________________________

				Der ganze Rest und was ich noch nicht definiert oder auch vergessen habe... :-)
_________________________________________________________________________________________________________________________________

*/

p {}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

h4 {
	font-weight: normal;
	font-size: 12px;
	margin: 0 0 5px 0;
	color: #DAFF77;
}

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {}

blockquote {}

blockquote cite {}


dl {
     }
     dt {
          }
          dd {
          }

ul{
     }
ol {
     }
     li {
          }

    ul ul {
         }

blockquote {
     }
     blockquote p {
          }


code {
	width: 490px;
	padding: 2px 10px;
	display: block;
	background: transparent url('images/commentlistbg.png');
	/* color: #A4C4FF; Blau */
	/* color: #DAFF77; Gruen */
	color: #E4D0B1; /* Orange-Rot */
}

code.odd {
	background: transparent url('images/odd_hell.png');
	margin-bottom: 1px;
}

code.even {
	background: transparent url('images/even_hell.png');
	margin-bottom: 1px;
}


pre {}

b, strong,i,em {}

img {}

address {}

/*--------------------linkgestaltung--------------------*/

a {}

a:link, a:visited {}

a:link:focus {}

a:link:hover, a:visited:hover {}

a:link:active, a:visited:active {}

/*--------------------bilder als links--------------------*/

a img {
	border: 0;
	outline: 0;
}

a:link img, a:visited img {}

a:link:active img, a:visited:active img {}

.wp-caption {
	margin: 0;
	/* padding: 5px 0px 3px 0px;
	border: 1px solid black;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; */
	text-align: left;
	clear: left;
}

.wp-caption-text {}

.clearleft {
	clear: left;
}

body img.wp-smiley {}

.more-link {}

.bottomentrybox {
	clear: both;
	margin: 0 0 25px 0;
}

.preventries {
	float: left;
	margin: 0 0 0 15px;
}

.nextentries {
	float: right;
	margin: 0 15px 0 0;
}

.editentry {
	clear: left; /* 26.01.09 */
	margin: 0 0 0 25px;
}


/*--------------------die seiten wenn es mehrere gibt--------------------*/

p.serif {}

/*--------------------suche--------------------*/

#searchform {}

input#s {
	width: 108px;
	margin: 0;
	padding: 4px 0 4px 5px;
	border: 1px solid #3F454F;
	background: transparent url('images/postbg.png'); /*#17191D;*/
	font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
	font-size : 11px;
	color : #D3D3D3;
}

input#searchsubmit {
	width: 55px;
	margin: 0;
	padding: 3px;
	border: 1px solid #3F454F;
	background: transparent url('images/postbg.png'); /*#17191D;*/
	font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
	font-size : 11px;
	color : #D3D3D3;
}

/*--------------------Kommentare--------------------*/

li.alt  {
	/* border-top: 1px solid #777E8A; */
}

.commentlist {
	margin: 0;
	padding: 10px 25px 5px 25px;
	background: transparent url('images/commentlistbg.png');
	}

.commentlist p {
	margin: 12px 0;
	}

h3#comments, h3#respond, h2.pagetitle {
	color: #A4C4FF;
}

h3#comments, h3#respond, h2.pagetitle {
	padding: 10px 25px 0 25px;
}

h3#respond, h3#comments {
	clear:left; /* 26.01.09 */
	background: transparent url('images/commentlistbg.png');
}

h3#comments {
	border-bottom: 1px solid #3F454F; /* Dunkles Graublau */
	padding: 10px 25px;
}


.nocomments {}


.commentlist li {
	padding: 15px 0 15px 0;
	border-bottom: 1px solid #777E8A; /* Dunkles Graublau */
	}


.commentlist cite, .commentlist cite a {
	color: #A4C4FF; /* Blau */
	}


.authcomment { /* Hebt Kommentare des Autors hervor */
	background: transparent url('images/commentlistbg.png');
	border-bottom: 0;
}

.authcomment p, .authcomment small, .authcomment .avatar { /* Hebt Kommentare des Autors hervor */
	margin-left: 10px;
}

.authcomment cite, .authcomment img { }


/* #commentform textarea { */
textarea#comment {
	background: transparent url('images/postbg.png'); /*#17191D;*/
	width: 486px;
	border: 1px solid #3F454F;
	padding: 10px;
	font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
	font-size : 12px;
	color : #D3D3D3;
}


#commentform p {
	background: transparent url('images/commentlistbg.png'); /*#17191D;*/
	padding: 10px 0 10px 25px;
}

#commentform #submit {
	width: 150px;
	margin: 0 0 20px 0;
	padding: 3px 0;
	border: 1px solid #3F454F;
	background: transparent url('images/postbg.png'); /*#17191D;*/
	font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
	font-size : 12px;
	color : #D3D3D3;
}

#commentform p input {
	width: 150px;
	padding: 3px;
	border: 1px solid #3F454F;
	background: transparent url('images/postbg.png'); /*#17191D;*/
	font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
	font-size : 12px;
	color : #D3D3D3;
}

/*--------------------fuer den wp kalender--------------------*/

#wp-calendar th {}


#wp-calendar {
	empty-cells: show;
	}

#wp-calendar #next a {}

#wp-calendar #prev a {}

#wp-calendar a {}

#wp-calendar caption {}

#wp-calendar td {}

#wp-calendar td.pad:hover {}


/*-------------------- widgets---------------------*/
h2.widgettitle {}
.widget {}

/*--------------------Archive--------------------*/

li#archives {}

.widget_archives {}

/*--recent posts--*/


li#recent-posts {}

.widget_recent_entries {}


/*--------------------text widget--------------------*/
li.widget_text {}

/*--id haengt von der nummer des text widgets ab*/
li#text-4 {}

div.textwidget {}

/*--------------------links blogroll--------------------*/

li#links {}

.widget_links {}


/*--------------------kategorien--------------------*/

li#categories {}

.widget_categories {}

hr {
display: none;
}