/*
Theme Name: TomSoft
Author: Tom Gröger 
Author URI: http://www.tomsoft.de/
*/


* { margin:0; padding:0; }


table {border-collapse: separate;} 
h1 { font: normal 1.7em Lucida Sans Unicode, Lucida Grande, sans-serif; }
h2 { font: normal 1.6em Lucida Sans Unicode, Lucida Grande, sans-serif; }
h3 { font: bold 1.2em Lucida Sans Unicode, Lucida Grande, sans-serif; }
h4 { font: bold 0.9em Lucida Sans Unicode, Lucida Grande, sans-serif; }

input[type=checkbox] { padding:2px; }
input[type=text],
input[type=password],
select,
textarea
{    	    	
    font: normal 10pt/normal Lucida Sans Unicode, Lucida Grande, Trebuchet MS, sans-serif, Arial;
    color:#234;  border:1px solid #dcb;
	padding:1px 2px 1px 3px;
}
textarea { padding: 10px; }

input[type=text]:focus, 
input[type=password]:focus,
select:focus,
textarea:focus
{
    background-color: #fff8dc; /* #f7FFf4;   cornsilk */
}

  
/* css class shortcuts */
.rel {position:relative;}
.abs {position:absolute; margin:0; padding:0;}
.hide {display:none;}
.bot {vertical-align:bottom;}
.mid {vertical-align:middle;}
.top {vertical-align:top;}
.float {float:right;}
.fleft {float:left;}
.clear {clear:both;}
.cent {text-align:center; margin: 0 auto; }
.nowrap {white-space:nowrap;}
.wrap {white-space:normal;}
.num { text-align:right;}
.bold {font-weight:bold;}
.italic { font-style:italic;}
.ul {text-decoration:underline;}
.white {background-color:#fff;}
.light {background-color:#f4f4f4}
.silver {background-color:#ccc;}
.redb {background-color:#f44;} 
.cornsilk {background-color:#FFF8DC;}

.clearer { clear: both; font-size: 0;  }
img     {border:0;}
a       { color:#2970A6; text-decoration:none; }
a:hover { text-decoration:underline; }


body {   
    background: #e9edf0 url(img/back.jpg); 
    color: #345; font: normal 62.5% Lucida Sans Unicode, Lucida Grande, sans-serif; 
    padding-top: 20px; 
}

.outer-container {padding-bottom: 64px; }

.inner-container { 
    width: 945px; font-size: 1.2em; 
    border: 1px solid #000; background: #FFF; 
    margin: 0 auto; padding: 10px; 
    -moz-box-shadow: #420 6px 6px 6px;
}

.header { 
    background: #797167 url('img/header.jpg') bottom left no-repeat; 
    height: 180px; text-align: center; 
    color: #FD1;
}
 
.header .title { position: relative; }
.header .title a { text-decoration: none; }
.header .title a:focus { outline: 0; }
.header .title a .sitename 
{ 
    position: absolute; left: 5px; top: 85px; width:390px; height:90px; 
    background: transparent url('img/tomsoft.png') 0 0 no-repeat; 
}

/* path (horizontal navigation) */
.path { 
    background: #000 url('img/bar.gif') 0 0 ; 
    font: normal 1.1em Verdana,sans-serif; 
    padding: 0 12px 0 12px; 
    height: 40px; 
}
.path li,.path ul { display: inline; }
.path a { color: #FAFAFA; text-decoration: none; margin-right: 16px; }
.path a:hover { color: #FFE; text-decoration: underline; }
.path .left { float: left; padding: 9px 0px 0px 0px; }
.path .right { float: right; padding: 5px 0px 0px 0px; text-align: right; }
.path .right a { margin-right: 0px }


/* footer */
.footer { background: #949490; color: #F7F7F2; font: bold 1em; height:18px; margin-top:5px; padding: 7px 12px; }
.footer a { color: #F7F7F2; text-decoration: none; }
.footer a:hover { text-decoration:underline; color: #fff; }


/* main */
.main { 
    background: #fff url(img/main.gif) repeat-y; 
    border-top: 0 none; padding: 8px 20px 0 0; 
}


/* navigation - SidePanel */
#sidepanel { float: left; width: 180px; padding: 0px 15px 0px 15px; }

/* content START */
#content { float: right; width: 690px;}
/* content END */

.left { float:left; margin-right:10px; }
.right { float:right; margin-left:10px; }
.fixed, .clear { clear:both; }


/* =================================== */
/*    Pages and Content                */
/*                                     */
/* =================================== */
.page  { 
    padding: 0; overflow:hidden; margin: 15px 0 45px 0;
    font: normal 1.1em/1.4em Verdana, Lucida Sans Unicode, Verdana, sans-serif; 
}
.page p   { margin-bottom:15px; }
.page h2  { display:block; margin-bottom:15px; border-bottom:1px solid #CCC;  }

/* widgets */
.content p { font: normal 1.1em/1.4em Lucida Sans Unicode, Verdana, sans-serif; }




/* =================================== */
/*                                     */
/*    POSTS                            */
/*                                     */
/* =================================== */

/* Title */
.post h2 { display:block; margin-top:15px; border-bottom:1px solid #CCC; padding:0 3px; }
.post h2 a.title { text-decoration:none; outline:0; color:#664; }
.post h2 a.title:hover { color:#000; }

.post .text h3 { color: #0080c0; font: normal 14pt/ normal Lucida Sans Unicode, MS Trebuchet, sans-serif; }

/* Text */
.post .text { padding: 0; overflow:hidden; font: normal 1.1em/1.5em Lucida Sans Unicode,sans-serif; }

.post .text img { max-width:660px; }

.post .text ul { margin-left:25px;}
.post .text ul li {list-style-image: url(img/li.gif); display:list-item; width:95%; vertical-align:top;  }

/* links im Text */
.post .text p a[href^="http:"] {
	background: url(../../pics/remote.gif) right top no-repeat #fafafa;
	padding-right: 10px;
    white-space: nowrap;
}

/* Ratings ratingcontainer*/
.post .text .ratingcontainer ul { margin: 0 0 10px 0; }
.post .text .ratingcontainer ul li, .post .text .ratingcontainer ol li 
{ list-style-position:inside; list-style-image:none; }

/* Info Box & Administraton */
.post .info
{ 
    background: #F5F5F5; border: 1px solid #E3E4E4; color: #666; 
    margin: 2px 0 10px 0; padding: 5px 10px; 
    font-size: 0.9em; line-height:normal;
}

.post img { border: 4px solid #DDD; margin: 4px 0; }
.post a img { border: 4px solid #DDD; }
.post a:hover img { border-color: #CCC; }
.info a { text-decoration: none; }
.info a:hover { text-decoration: underline; }
.post .info .transformtext { text-transform: capitalize; }
.post .info td p.feedburnerFlareBlock { display:inline; font-size: 1em; }
.postadminlinks { margin: 4px 0 0 0; border-top: 1px dashed #D2C2B2; padding: 4px 0 0 0; }

/* icons */
.post .date, 
.post .tags, 
.post .categories, 
.post .editpost, 
.post .readingblinds, 
.post .comments, 
.post .addcomment, 
.post .editlinks {
	background:url(img/icons.gif) no-repeat;
	padding-left:22px;
	height:16px;
	line-height:16px;
	display:block;
	font-size:11px;
}
.post .act      { height:16px; float:right; }
.post .act span { float:left; margin-left:15px; }
.post .tags     { background-position:0 -16px; }
.post .categories {	background-position:0 -32px; }
.post .date     { background-position:0 -48px; float:left;}
.post .editpost { background-position:0 -64px; }
.post .readingblinds { background-position:0 -80px; }
.post .comments { background-position:0 -96px; }
.post .addcomment { background-position:0 -112px; }
.post .editlinks { background-position:0 -176px; }

blockquote  {
	background:#F4F5F7 url(img/blockquote.gif) 3px 3px no-repeat;
	border:1px dashed #CCC;
	padding:8px 12px 8px 36px;
	margin:5px 0;
}


/* ------------- *
 * Linkcat       *
 * ------------- */
.post .content .linkcat ul li    {list-style:none;float:left;width:25%;padding:2px 0;overflow:hidden;}
.post .content .linkcat ul li a  {background:url(img/icons.gif) 0 -160px no-repeat;padding-left:22px;height:16px;line-height:16px;}


#postpath {
	background:url(img/icons.gif) 0 -208px no-repeat;
	height:16px;
	line-height:16px;
	margin:5px 0;
	padding-left:22px;
}

/* footer START */
#footer {
	background:url(img/header_footer.jpg) 0 -132px no-repeat;
	display:block;
	height:88px;
	border-top:1px solid #CCC;
	font-size:11px;
	line-height:145%;
	width:100%;
}
#footer a {
	color:#2A2A2A;
}

a#gotop {
	background:url(img/icons.gif) 0 -304px no-repeat;
	float:right;
	height:16px;
	line-height:18px;
	display:block;
	padding-left:16px;
	margin:5px 15px 0 0 !important;
	margin:5px 8px 0 0;
	text-decoration:none;
}
/* footer END */

/* -------------------------
      comment START 
   ---------------------- */

#commentlist {
	background:#FCFCFC;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin:0 -15px;
	padding:0 15px 15px;
}
#commentlist ol, #commentlist li {
	list-style:none;
}

.comment { border: 1px solid #b9b9b9; background:#fff; padding: 6px 6px 0 6px; margin-top:15px; }
.admincomment { background-color:#F4F5F7; }

.comment .photo { padding:1px; border:1px solid #999; margin-top:2px;}
.comment .author { vertical-align:top; width:100px;}
.comment .author .fn { font-weight:bolder; color:#2970A6; }
.comment .author .url { text-decoration:underline; }
.comment .date, .trackback .date { font-size:10px; margin-top:10px; }
.comment .admin, .trackback .admin { float:left; font-size:10px; margin-left:5px; }
.comment .message  { font: normal 1.1em / 1.5em Lucida Sans Unicode,sans-serif; width:440px; }
.comment .message p { margin-top:10px; }
.comment .message blockquote p { margin-top:0; margin-bottom:10px; }
.comment .adminlinks { font-size:smaller;}

.comment-replies {
	background-position: inherit 2px;
    padding: 0 0 0 15px;
    margin: 5px 0 0 0;
    background-color: inherit;
    background-image: url('../../pics/reply-arrow.gif');
    background-repeat: no-repeat;
    background-attachment: inherit;
}

.commentForm        { padding:10px 0; 	font-size:11px;}
.commentForm label  { width:65px; float:left; }
.commentForm textarea { width: 96%;	height: 150px; }


#comment{width:601px;}
#commentMenu{padding:0;margin:0;clear:both;}
#commentMenu li{float:left;border:1px solid silver;border-bottom:transparent;margin:0;list-style:none;margin-right:5px;padding:3px 8px;cursor:pointer;position:relative;top:2px;background:#d8d8d8;}
#commentMenu li.selected{background:#FFF;border-bottom:1px solid #FFF;}
#commentPreview{display:none;clear:both;min-height:180px;}
.commentForm .bbcode{font-size:10px;float:right;position:relative;top:20px;padding:3px;}
.bbcode a{margin:1px;padding:1px 3px;background:#fff;border:1px solid #ccc;}


#thetrackbacks{display:none;}
#thetrackbacks li{margin-top:15px;}
.trackback{background:#EDEFF0 url(img/box.gif) 0 0 no-repeat;padding:10px 15px 0;width:575px;}
.trackback .title{background:#EDEFF0 url(img/box.gif) 100% 100% no-repeat;padding:10px 15px!important;padding:0 15px 10px;width:575px;margin:0 -15px;}
.success{color:green;font-weight:700;}
#submit{font-size:10px;}
#submitbox a.feed{background:url(img/icons.gif) 0 -256px no-repeat;padding-left:22px;height:16px;line-height:16px;display:block;float:left;}
#emoticon{float:right;margin-top:1px;margin-right:10px;}
/* comment END */

/* archives START */
#archives { list-style-position:inside; }
.postspermonth { margin:5px 0; list-style:none; }
.srg_switcher { margin-bottom:10px; }


/* ------------- *
 * related posts *
 * ------------- */
#relatedPosts{padding-bottom:10px;margin-top:15px;}
#relatedPosts h1{background:#E3E4E6 url(img/box.gif) 0 0 no-repeat;font-size:12px;padding:6px 12px;font-family:Verdana,"BitStream vera Sans",Arial,Helvetica,Sans-serif;letter-spacing:0;border-bottom:1px solid #CCC;}
#relatedPosts div{background:#F4F5F7 url(img/box.gif) 100% 100% no-repeat;padding:3px 12px 8px;display:block;}
#relatedPosts span{border-bottom:1px solid #E3E4E6;line-height:18px;}
#relatedPosts span{color:#999;font-size:11px;display:block;}


/*---------------------------- *
 *    Star rater               * 
 * ----------------------------*/
.rating p { display: inline; position: relative; top: 14px; left: 55px; }
.star-rating { position: relative; width: 125px; height: 25px; overflow: hidden; list-style: none; margin: 0 0 10px 0; padding: 0; background-position: left top; }
.star-rating li { display: inline; }
.star-rating a, .star-rating .current-rating { position: absolute; top: 0; left: 0; text-indent: -1000em; height: 25px; line-height: 25px; outline: none; overflow: hidden; border: none; }
.star-rating a:hover, .star-rating a:active, .star-rating a:focus { background-position: left bottom; }
.star-rating a.one-star { width: 20%; z-index: 6; }
.star-rating a.two-stars { width: 40%; z-index: 5; }
.star-rating a.three-stars { width: 60%; z-index: 4; }
.star-rating a.four-stars { width: 80%; z-index: 3; }
.star-rating a.five-stars { width: 100%; z-index: 2; }
.star-rating .current-rating { z-index: 1; background-position: left center; margin: 0px; }

/* smaller star */
.small-star { width: 50px; height: 10px; }
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating { background-image: url(../../pics/star_small.gif); line-height: 10px; height: 10px; }


/* ---------
    Widgets 
   --------- */
#sidepanel .block { margin-bottom: 14px; }
#sidepanel li { color: #554; padding: 2px 0 2px 0; margin-left:8px; border-bottom: 0px dashed #D2C2B2; text-decoration: none; }
#sidepanel li ul li { border-bottom: 1px dashed #D2C2B2; }
#sidepanel li a { color: #554; text-decoration: none; }
#sidepanel li img { padding-right: 5px; }
#sidepanel li a:hover { background: #797167; color: #FAFAFA; }

div#widgetzone          { padding: 0; }
div#widgetzone .clear   { clear: left; }
div.widget              { border: none; margin-bottom: 15px; z-index: 1; min-width: 1px; }
div.widget .content     { line-height: 16px; color: #456; }
div.widget h4           { color: #5A5A43; margin-left:-1px; font: bold 1.1em/1.4em Arial,sans-serif; z-index: 0;
                           margin-bottom: 6px; padding-left: 0px; border-bottom: 1px dashed #D2C2B2; }
#widgetzone .widget ul  { list-style-type: none; margin: 0; padding: 0; text-transform: capitalize; }
div.widget a.edit       { font-size: 10px; font-weight: normal; float: right; z-index: 1; }
div.widget a.delete     { font-weight: bold; float: right; margin-left: 5px; z-index: 1; text-decoration: none; }
div.widget a.delete:hover{ color: Red; }

/*--------------------------
        search 
----------------------------*/
#searchbox { font-size: 11px; }
#searchbutton { height: 21px; font-size: 12px; }
#searchfield { width: 110px; }
#searchcomments { margin-right: 4px; }

/*----------------------------
	Administration-Menue
----------------------------*/
.administration li  { font-size: 1.1em;  }
.counter span       { text-align:center; margin: 5px 30px;  }

/*----------------------------
	Tag cloud
----------------------------*/
.tagcloud { margin-bottom: 10px; white-space: normal; }
.tagcloud li { display: inline; }
.tagcloud a { margin-right: 4px; display: inline; color: #554; text-decoration: none; }
.tagcloud a:hover { background: #797167; color: #FAFAFA; }
.tagcloud a.biggest { font-size: 16px; }
.tagcloud a.big { font-size: 14px; }
.tagcloud a.medium { font-size: 12px; }
.tagcloud a.small { font-size: 10px; }
.tagcloud a.smallest { font-size: 9px; }

/*------------------
  Archiv/ Month list
 ------------------*/
ul#monthList            {  }
ul#monthList ul         { display: none; }
ul#monthList ul li      { margin-left: 20px; font-weight: normal; }
ul#monthList li.year    { font-weight:bold; color:#679; cursor: pointer; }
ul#monthList ul.open    { display: block; }

/* -------- *
 * blogroll *
 * -------- */
#blogroll{font-size:1em;border:0;}
#blogroll ul li ul li{font-size:.8em;padding-left:10px;border:0;border-top:1px dashed #D2C2B2;}
.rssButton,.xoxo img{margin-right:4px;}
#contact label{display:block;padding-top:5px;}

/*----------------------------
	Archiv Page
----------------------------*/
#archive h1{border-bottom:1px solid #CCC;display:block;font-family:Verdana,"BitStream vera Sans";font-size:16px;margin-top:10px;padding:0 5px;}
#archive h2{border-bottom:1px solid silver;padding-bottom:4px;font-size:12px;margin-bottom:10px;margin-top:20px;}
#archive h2 img{margin-right:3px;}
#archive ul{list-style-type:square;margin:0 10px;padding:10px;}
#archive ul li{margin-right:20px;}
#archive table{width:100%;border-collapse:collapse;}
#archive table td,#archive table th{text-align:left;}
#archive table td{text-align:left;border-bottom:1px solid #D8D8D8;padding:2px 0;vertical-align:top;}
#archive .date{width:85px;}
#archive .comments{width:70px;text-align:center;}
#archive .rating{width:70px;text-align:center;}

/*----------------------------
	Search page
----------------------------*/
#searchpage{margin-bottom:30px;}
#searchpage input#q{width:300px;}
#searchpage input#comment{clear:both;}
.searchresult{margin-bottom:20px;}
.searchresult a{font-weight:700;}
.searchresult span.text{clear:both;display:block;margin:3px 0;}
.searchresult span.type{display:block;}
.searchresult span.url{color:Gray;}
.searchpage h1{border-bottom:1px solid #CCC;display:block;font-family:Verdana,"BitStream vera Sans";font-size:16px;margin-top:10px;padding:0 5px;}
.searchpage ul.paging{list-style-type:none;margin:0;margin-bottom:20px;padding:0;}
.searchpage ul.paging li{display:inline;border:1px solid gray;background:#f1f1f1;margin-right:5px;}
.searchpage ul.paging li a{padding:5px 8px;}
.searchpage ul.paging li.active{background:#f1f1f1;border:1px solid #000;}

/*----------------------------
			Search on search
----------------------------*/
#searchonsearch{padding:5px 10px;margin-bottom:20px;}
#searchonsearch h3{border-bottom:1px solid #CCC;display:block;font-family:Verdana,"BitStream vera Sans";font-size:16px;margin-top:10px;padding:0 5px;}
#searchonsearch ol li{margin:2px 0 0 50px;}


/*--------------------------
   Code Formatter
  --------------------------*/
.pre  {
	background:#F4F5F7;
	border:1px dashed #CCC;
	padding: 0 12px 0 36px;
	margin: 10px 0;
}

.csharpcode, .csharpcode pre, .csharpcode .alt {
    color: Black;
    font: normal 10pt/13pt 'Courier New', Courier, Monospace;
    background-color: #fff;
    border-style: none;    
	padding: 0 0 0 20px;
	margin: 10px 0;
	overflow:hidden;
	width:97.5%;
}
.csharpcode pre { margin: 0em;}  

.csharpcode .attr { color: #ff0000; }
.csharpcode .alt { background-color: white; margin: 0em; width:100%; }
.csharpcode .asp {background-color: #ffff00;}
.csharpcode .cls { color: #cc6633; }
.csharpcode .html { color: #800000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .lnum { color: #606060;}
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .rem { color: #008000; }
.csharpcode .str { color: #006080; }


.csharpcode-wrapper, .csharpcode-wrapper pre {
  background-color: #fff;
  border: solid 1px silver;
  cursor: text;
  font: normal 10pt/13pt 'Courier New', Courier, Monospace;
  margin: 20px 0px 10px 0px;
  max-height: 200px;
  overflow: auto;
  padding: 4px;
  width: 97.5%;
}
.csharpcode-wrapper pre {
  border-style: none;
  margin: 0px 0px 0px 0px;
  overflow: visible;
  padding: 0px 0px 0px 0px;
}