/* 
Theme Name: younic
Theme URL: http://www.younic.de
Description: younic meets cyan
Author: Nicole Ignaciuk
Author URI: http://www.younic.de
Version: 1.0

*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike,  tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
* {margin:0;padding:0;}



body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	min-height: 100.05%;
	background: url(images/wrapper-bg.png) repeat-y 0px 150px #F7F8F8;
}


em
{
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.1em;
line-height: 1.5em;
color: #777;
}

p
{
	margin-bottom: 8px;
}

#wrapper
{
	width:1000px;
}

#sidebar
{
	width:280px;
	float:left;
	background: url(images/sidebar-bg.png) repeat-x;
	color: #fff;
}

#main
{
	width:720px;
	float:right;
	color: #444;
}

#main-topbar
{
	padding-left: 10px;
	width:710px;
	background:  #F7F8F8 url(images/main-top-shadow.png) no-repeat;
	height: 135px;
}

*html #main-topbar
{
	width:720px;
	widt\h:710px;
}

#main-contents
{
	width:500px;
	float:left;
        margin:15px;
	line-height: 1.7em;

}


#main-sidebar
{
	width:160px;
	float:right;
	margin-right: 20px;
	padding-top: 10px;
}

#cloud
{
	width: 550px;
	margin-left:3px;
	margin-right: 10px;
	height: 135px;
	overflow: hidden;
	float: left;
}


#logo
{
	margin: 35px auto 35px 23px;
	
}

/**********************************
 * topbar
 **********************************/
ul.thumbsbar
{
	margin-left: -5px;
	margin-top:5px;

}
 
ul.thumbsbar li
{
	float: left;
	display: inline;
}

ul.thumbsbar li img
{
	padding: 5px;
	background: url(images/top-teilchen-bg2.png) no-repeat;
	
}

#main-topbar ul.lifestream
{
	float: right;
	margin-right: 5px;

}

#main-topbar ul.lifestream li
{
	width: 43px;
	height: 117px;
	display: block;
	background-color:#000000;
	float: left;
	text-align: left;
	margin-right: 2px;
}

#main-topbar ul.lifestream li a
{
	width: 31px;
	height: 117px;
	display: block;
}

#main-topbar ul.lifestream li.xing
{
	background: url(images/top-lifestream-links.png) -44px 0px no-repeat;
}

#main-topbar ul.lifestream li.twitter
{
	background: url(images/top-lifestream-links.png) 0px 0px no-repeat;
}

#main-topbar ul.lifestream li.rss
{
	background: url(images/top-lifestream-links.png) -88px 0px no-repeat;
}

#sidebar ul, #main-sidebar ul, #main-topbar ul
{
	list-style: none;
}

/**********************************
 * sidebar left
 **********************************/


#sidebar ul
{
	margin-bottom: 25px;
	list-style-type: none;
}

#sidebar ul li
{
	line-height: 1.3em;
	padding: 3px 0px;
	list-style-type: none;
}



#sidebar ul.about, 
#sidebar ul.evergreens, 
#sidebar ul.archives, 
#sidebar ul.categories, 
#sidebar ul.new,
#sidebar ul.ads
{
	padding-left: 40px;
	min-height: 120px;
	padding-right: 20px;
}

#sidebar ul.about
{
	background: url(images/sidebar-left-about.png) no-repeat 0px 0px;
}

#sidebar ul.evergreens
{
	background: url(images/sidebar-left-evergreens.png) no-repeat 0px 0px;
}

#sidebar ul.archives
{
	background: url(images/sidebar-left-archiv.png) no-repeat 0px 0px;
}

#sidebar ul.categories
{
	background: url(images/sidebar-left-kategorien.png) no-repeat 0px 0px;
}

#sidebar ul.new
{
	background: url(images/sidebar-left-neu.png) no-repeat 0px 0px;
}



#sidebar ul.ads
{
	background: url(images/sidebar-left-ads.png) no-repeat 0px 0px;
}
/**********************************
 * sidebar right
 **********************************/
 
 li.widget, li.widget_text
 {
	list-style-type: none;
 }
 
#main-sidebar h2.widgettitle
{
	font-weight: normal;
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: -1px;
	padding: 5px 0px 10px 0px;
}

#main-sidebar .textwidget
{
	font-size: 11px;
	line-height: 1.7em;
	margin-bottom: 20px;

}


/**********************************
 * links
 **********************************/

a:link { text-decoration: none; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}


#sidebar a:link, #sidebar a:visited, #sidebar a:hover
{
	color: #fff;
}

#main-contents a:link, #main-contents a:visited, #main-contents a:hover
{
	color: #009ee0;
}




#main-contents ul { padding: 0px 0px; margin: 0px; }
#main-contents li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top;}


#main-contents pre ul { padding: 0px 0px; margin: 0px; }
#main-contents pre ol { padding: 0px 0px; margin: 0px; }
#main-contents pre li { padding: 0px; background: none; display: block; }
#main-contents pre div,
#main-contents pre ul,
#main-contents pre ol,
#main-contents pre li
{ width: 500px;}

#main-contents div.sociable li {background:none;padding: 2px;}
#main-contents div.sociable li a img {background-color: #ddd; padding: 5px; border: 1px solid #bbb; }
#main-contents div.sociable li a:hover img {background-color: #ddd; padding: 5px; border: 1px solid #bbb; }

#main-contents h1
{
	font-size: 22px;
	letter-spacing: -1px;
	line-height: 26px;
	margin: 0 0 10px 0;
}

/**********************************
 * post
 **********************************/
 

 
.post
{
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;

}

.post blockquote
{
   padding-left: 5px;
   padding-right: 0px;
   border-left: 5px solid #AAA;
   margin-left: 0px;
font-style: italic;
color: #000;
}

#main-contents h4, #main-contents h2
{
	letter-spacing: 1px;
	text-transform:uppercase;
	font-size: 12px;
	color: #999;
	padding-bottom: 5px;
	margin-bottom: 15px;
	width: 100%;
	text-align: right;
	border-bottom: 1px solid #ccc;
   
}


#main-contents .post h2
{
letter-spacing: -1px;
text-transform:none;
border:none;
	font-size: 18px;
	color: #0077BF;
	margin: 25px 0px 3px 0px;
	padding:3px 0 3px 0px;
	width: 100%;
	text-align: left;
	border: none;
        font-weight: normal;
    clear: both;
}


#main-contents .post h3
{
letter-spacing: 0px;
text-transform:none;
border:none;
	font-size: 14px;
	color: #000;
	margin: 25px 0px 3px 0px;
	padding:3px 0 3px 0px;
	width: 100%;
	text-align: left;
	border: none;
        font-weight: bold;
    clear: both;
}


.post .meta
{
	color: #888;
	font-size: 11px;
	margin: 0 0 5px 0;
}

.post .meta a, a:link, a:visited
{
	color: #888;
}

.post .meta a:hover
{
	color: #555;
}

span.date
{
	letter-spacing: 1px;
}

.post img
{
	margin: 10px 0px;
}

.readmore
{
	display: block;
	font-weight: bold;
	margin: 15px 0px 10px 0px;
	font-size: 1.5em;
	color: #B61285;
	letter-spacing: -1px;
}

.socialnetworks
{	
	font-size: 10px;
	margin: 8px 0px 0px 0px;
	line-height: 1.4em;
}

.clear
{
	clear: both;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
}

.st-tag-cloud
{
	margin: 7px 0px 0px 0px;
}

.Search { width: 160px; height: 35px; margin-top: 13px; margin-bottom: 10px;}
.Search  form { padding: 0px 0px 10px 0px; margin: 0px; }
.Search  input { border: none; color: #1D7EBB; font-size: 12px; letter-spacing: 1px; }
.Search  input.search { width: 21px; height: 21px; background: url(images/SearchButton.gif) no-repeat;}
.Search  input.keyword { background: none; border: 1px dashed #1D7EBB; padding: 4px 0px 5px 5px; width: 125px; } /**/ * html #buttonsearch { margin: -25px 0px 0px 135px; } /* */ 
#buttonsearch { padding: 0px; margin: -24px 0px 0px 135px; top: 0px; background: none; }

/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


#main-contents .Comments .List h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; letter-spacing: 0px; }
#main-contents .Comments .List ol { padding: 0px; margin: 0px;}
#main-contents .Comments .List li { position: relative; padding: 15px 0px 15px 0px; margin: 0px 0px 0px 0px; list-style-type: none;  color:#484c4f; background: none;}
#main-contents .Comments .List li p { padding: 5px 0px; margin: 0px; color:#484c4f;}
#main-contents .Comments .List li blockquote { padding: 0px; margin: 0px; color:#666666; font-style: italic; border-top: dashed 1px #ccc; border-bottom: dashed 1px #ccc; }
#main-contents .Comments .List li blockquote p { padding: 5px 0px; margin: 0px; color:#666666; }
#main-contents .Comments .List li ul { padding: 5px 0px; margin: 0px; }
#main-contents .Comments .List li ul li { padding: 0px; list-style-type: none; background: none;color:#63565f; }



.Comments .List img.gravatar { width: 34px; height: 34px; float: left; background: #fff; padding: 1px; border: solid 1px #ccc; margin: 0 5px 5px 0;}

.Comments .List big { margin: 0px; padding: 0px 0px 0px 35px; line-height: 16px; color:#333; font-weight: bold; display: block;}
.Comments .List small { color:#7e7e7e; padding: 0px 0px 10px 35px; margin: 0px; border-bottom: solid 1px #ccc; display: block;}
.Comments .List small a { color:#7e7e7e; text-decoration: none;}
.Comments .List small a:visited { color:#7e7e7e; text-decoration: none;}
.Comments .List small a:hover { color:#7e7e7e; text-decoration: none;}

/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments form {margin: 0px; padding: 0px;}
.Comments a { text-decoration: underline;}
.Comments p { padding: 0px; margin: 0px; font-size: 11px; color:#663300; }
.Comments p small strong { font-size: 10px; font-weight: bold; color:#FF3300;}
.Comments p small { font-size: 11px; display: block; padding: 5px 0px;}
.Comments .TextField { background: #fff;  background: #EFFAFF; border: 1px solid #D1E6EF;border-left: solid 3px #009EE0; padding: 3px; font-size: 12px; line-height: 1.8em; letter-spacing: 1px; color: #1D7EBB; display:block;}
.Comments .TextArea { font-family: Arial, Helvetica, sans-serif; background: #EFFAFF; border: 1px solid #D1E6EF;border-left: solid 3px #009EE0; padding: 3px; font-size: 12px; line-height: 1.8em; letter-spacing: 1px; color: #1D7EBB;}

.Comments input.SubmitComment { width: 84px; height: 26px; background: url(images/SubmitComment.png) no-repeat; margin-top: 5px;}
.Comments input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 5px;}
.Comments input.SubmitCommentIE { width: 84px; height: 26px; background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 5px; }

span.alternate { font-family: 'Lucida Grande', Arial, Helvetica, Sans-serif; font-size: 26px; font-weight: bold;}

img.littlecontentimg
{
   padding: 4px;
background-color: #fff;
border: 1px solid #bbb;
float: left;
margin: 2px 6px 2px 0px;
}

#main-contents .w1e1r1b1u1n1g
{
   margin: 0px 0px 20px 0px;
 /*  background: #FFF5F5 url(images/werbung.gif) no-repeat 8px 8px;*/
   border: 1px dashed #B61285;
   padding: 10px 10px 10px 10px;
   color:#000;
   background: #FFF9F9;
}



#main-contents .w2e2r2b2u2n2g
{
   margin: 0px 0px 20px 0px;
   border: 1px dashed #B61285;
   padding: 10px 10px 10px 10px;
   color:#000;
   background: #FFF9F9;
}

#main-contents .w1e1r1b1u1n1g a, 
#main-contents .w1e1r1b1u1n1g a:link, 
#main-contents .w1e1r1b1u1n1g a:visited, 
#main-contents .w1e1r1b1u1n1g a:hover,
#main-contents .w2e2r2b2u2n2g a, 
#main-contents .w2e2r2b2u2n2g a:link, 
#main-contents .w2e2r2b2u2n2g a:visited, 
#main-contents .w2e2r2b2u2n2g a:hover
{
   font-weight: bold;
   color: #B61285;
}

.w1e1r1b1u1n1g em, 
.w2e2r2b2u2n2g em
{
font-style:italic; font-size: 11px; font-family: arial, sans-serif; color: #5f0030;
}


#main-contents .w1e1r1b1u1n1g blockquote, #main-contents .w2e2r2b2u2n2g blockquote
{

 
font-style: normal;
font-style:italic; font-family: arial, sans-serif; color: #5f0030;
border-color: #5f0030;
}

#main-contents .post .w1e1r1b1u1n1g h3, #main-contents .post .w2e2r2b2u2n2g h3
{
   color: #B61285;
        font-weight: bold;
        border:none;
        background:none;


        font-size: 14px;
        padding: 5px 0px 5px 0px;
}

.code
{
  border: 1px solid #B5D1DF;
  padding: 10px;
  background-color: #EFFAFF;
  font-family: monospace;
  margin: 20px 0px 10px 0px;
}

.tipp
{
  border: 1px solid #e6bd55;
  padding: 10px;
  background-color: #FFFBCC;
  margin: 20px 0px 10px 0px;
}


#main-contents .post .tipp h2
{
margin: 0px 0px 3px 0px;
 color: #BF7900;
}

table
{
  margin: 1em 0;
}

table tr th
{
  border-bottom: 1px solid #666;
  padding: 0px 5px 5px 0px;
}

table tr td


{
  border-bottom: 1px solid #999;
  padding: 0px 5px 5px 0px;
}