/* CSS Document */


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


*{margin: 0; padding: 0; border: 0; text-align:left; }
img { border:none !important; }
ul li { list-style:none; }

body {background:#FFFFFF; text-align:center; font-family: 'Verdana', Arial, Helvetica, sans-serif; font-size:10px; line-height:17px; color: #000000; }


#wrapper {  width: 660px; height:auto; top:0px;  margin:0 auto; border-style: solid 1px #000; padding: 0 10px 30px 10px; }
#logo{  height:25px; margin-top: 15px; margin-right: 2px; width: 305px;
 background:transparent url(../_img/RuFBlog_logo.png) no-repeat top right;
 float: right; text-indent: -10000px;
}


.sep{
	height: 7px;
	width: 100%;
	background:transparent url(../_img/stripes.gif) repeat;
	}

.description {
color:#999;
font-size:1em;
font-weight:400;
padding:7px 0 0 12px;
width:300px;
display:none;
background-color: #FFF;
}

#container{ width:660px; height: auto; text-align: left; }

#head{ width:660px; border-top:solid 1px #000; margin-bottom:10px; clear:both;}

#content{ top:135px; width:660px; text-align:left; }
	
	
#content_container{float:left;  width:505px;}

.col1 {margin-right: 25px; margin-top:10px;}
#sidebar{ width:135px; float:left;  }

#sidebar h3 {
	 text-transform: uppercase;
	 background-color:#ccc;
	 color:#FFFFFF;
	 display:block;
	 font-family:'Verdana',Arial,Helvetica,sans-serif;
	 font-size:9px !important;
	 height:16px;
	 letter-spacing:1px;
	 padding:4px 4px;
	 position:relative;
	 text-align:left;
	 text-decoration:none !important;
	 width:150px;
	 margin-bottom: 5px;
}


#sidebar ul {
margin-bottom: 5px;
}

#sidebar ul li ul li {
	padding-bottom: 5px;
	margin-left: 5px;
	background:transparent url(../_img/pfeil.gif) no-repeat left center;
	text-indent: 12px;
	
}

#sidebar ul li ul {
	margin-bottom: 10px;
}
#tools{ border-top:solid 1px #000; padding:8px 0; margin-top: 150px; margin-bottom: 10px; width:660px; clear:both;}
	.tool1 { margin-right: 50px; display:inline; }
	.tool1b { margin-right:25px; display:inline; }
	.tool2 { display:inline; }
	.tool3 { margin-left:20px; display:inline; right:-6px; }
	
	
#footer { width:660px; clear:both; padding:8px 0 8px 0; border-bottom: solid 1px #000000; border-top: solid 1px #000000; }

.span { color: #e2003c; background-color:#FFFFFF;}


.entry {
	padding-top: 10px;
	padding-bottom: 15px;
/*	border-bottom: solid 1px #999;*/
	background:transparent url(../_img/stripes_sep.png) repeat-x bottom left;
}
			
.entry a {
padding: 0px;	
}




#navigation_box{margin: 10px 0 10px 0; padding-bottom:10px; border-bottom: solid 1px #000000;}

#navi {
	height: 20px;
}
.page-navi ul li {
	list-style-type: none;
	float: left;
	height: 18px;
	padding: 2px 3px 0px 0px;
	text-transform: uppercase;
}

#navi a{  
	height:18px; 
	width:auto;	
	font-family: 'Verdana', Arial, Helvetica, sans-serif; 
	color: #FFF;
	font-size: 9px !important; 
	text-align: center;
	display: inline; 
	position:relative; 
	letter-spacing: 1px;
	background-color: #e2003c;
	text-decoration:none !important;}
	
#navi a:hover,  #navi .page-navi ul li.current_page_item a{ 
	height:18px; 
	width:auto;	
	padding: 4px 6px;
	font-family: 'Verdana', Arial, Helvetica, sans-serif; 
	color: #FFF;
	font-size: 9px !important; 
	text-align: center;
	display: inline; 
	position:relative; 
	letter-spacing: 1px;
	background-color: #000;
	text-decoration:none !important;
	}
		

	
#streifen { margin: 10px 0 10px 0; padding-bottom:10px; border-bottom: solid 1px #000000;}

.pfeil { /*padding-bottom:1px;*/}

.link_box { float:right; position:relative; right: -6px; top: -16px;}

#spacer { height:50px; width:660px; color:#FFFFFF; position:absolute; clear:both;}

.copyright{
float: right;
position: relative;
top:-4px;}

/* Typography General */
.post,.page {
padding-bottom:10px;
}

.postinfo {
color:#999;
font-size:1em;
line-height:1.25em;
margin:10px 0;
clear:left;
}

.postinfo a {
	padding: 0px;
}
.sticky {
/*padding:0 10px 10px;
border:solid 1px #ccc;
margin-bottom:30px;
background:#f8f8f8;*/
}
blockquote {
background:url(../_img/blockquote.gif) top left no-repeat;
margin:10px 40px 10px 20px;
font-style:italic;
padding:3px 3px 3px 40px;
}
pre {
width:100%;
white-space:pre-wrap;
}
code {
font: 12px/20px Consolas, Monaco, 'Lucida Console', monospace  normal;
color: #596878;
}
input,textarea,select {
font-family: Arial, Helvetica, sans-serif;
border:1px solid #ccc;
background:#f8f8f8;
color:#333;
font-size:1em;
}
small {
font-size:1em;
color:#999;
}
.printinfo {
display:none;
}

.text_rot, h2.posttitle a, #content h2.title { color:#e2003c; font-size: 14px; text-transform: uppercase; margin:0px; padding:0px; text-decoration: none;
background:url(../_img/title_arrow.png) top left no-repeat;
text-indent: 20px;
padding: 0px 20px;
margin-bottom: 20px;
}

a{	
	padding: 4px 6px;
	font-family: 'Verdana', Arial, Helvetica, sans-serif; 
	color: #000;
	font-size: 10px; 
	text-align: left; 
	position:relative;
	text-decoration: underline;
	display: inline;
}
	
a:hover, .sub_navi span {
	font-family: 'Verdana', Arial, Helvetica, sans-serif; 
	color: #e2003c;
	font-size: 10px; 
	text-align: left; 
	position:relative;
	text-decoration:underline;
	display: inline;}



/*===== o0o: COMMENTS =====*/
ul.commentlist {
margin:0;
padding:0;
}
ul.children {
margin-left:0.5em;
}
ul.commentlist,ul.children {
list-style-type:none;
}
ul.commentlist li div.vcard img.avatar {
border:1px solid #999;
padding:2px;
margin:4px 5px 0 0;
float:left;
}
ul.commentlist .commentmetadata {
font-size:0.9em;
}
ul.commentlist .comment-author {
padding-top:4px;
border-top:1px dotted #999;
}
ul.commentlist .comment-meta {
padding-bottom:4px;
border-bottom:1px dotted #999;
}
.reply {
margin-bottom:1em;
}
span.says {
display:none;
}
h4#comments,h4#pings {
margin:0 0 1em;
font-size:1.125em;
}
h4#postcomment {
margin:0;
font-size:1.125em;
}
.commentmeta {
border-top:1px dotted #999;
border-bottom:1px dotted #999;
}
.commentmeta li {
font-size:.87em;
}
li.author,li.date {
font-style:italic;
}

/*===== o0o: FORMS =====*/
select {
width:130px;
}
#commentform input {
width:170px;
padding:2px;
margin:5px 5px 1px 0;
}
#commentform {
margin:5px 10px 0 0;
}
#commentform textarea {
width:100%;
padding:2px;
}
#commentform #submit {
margin:0 0 5px auto;
}
div#search{
border:none;
position:relative;
margin-top:25px;
margin-bottom:60px;
}
div#search form#searchform{
position:absolute;
top:0;
width:125px;
height:25px;
border:1px solid #ccc;
background-color:#f8f8f8;
}
div#search form#searchform .searchinput{
position:absolute;
padding-left:2px;
top:5px;
color:#666;
font-size:13px;
width:115px;
border:0;
}
div#search form#searchform .button{
position:absolute;
top:0px;
left:135px;
background:url(../_img/search.gif) no-repeat;
height:25px;
width:25px;
border:0;
cursor:pointer;
}

/*===== o0o: IMAGES =====*/
/* Images General */
.alignleft {
float:left;
}
.alignright {
float:right;
}
img {
border:0;
}
img.avatar {
float:left;
padding-right:5px;
}
p img {
max-width:100%;
padding:0;
}
img.alignleft{
margin: 3px 10px 2px 0;
}
img.alignright{ 
margin: 3px 0 2px 10px;
}
img.alignleft, img.alignright{
padding: 4px;
border: 1px solid #eee;
display: inline;
}
img.centered,.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

/* Captions */
.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f8f8f8;
padding-top:4px;
margin:10px;
}
.wp-caption img {
border:0 none;
margin:0;
padding:0;
}
.wp-caption p.wp-caption-text {
color:#666;
font-style:italic;
line-height:17px;
margin:0;
padding:0 4px 5px;
}

/*===== o0o: WIDGETS =====*/
div#calendar_wrap,table#wp-calendar {
width:100%;
}
div#calendar_wrap {
padding:0 15px 0 5px;
}
div#calendar_wrap caption {
font-size:1.1em;
font-weight:700;
padding:0 20px 0 0;
}

/*===== o0o: PLUGINS =====*/
/* Wp Page Numbers */
#wp_page_numbers ul,#wp_page_numbers li,#wp_page_numbers a {
background:#fff;
padding:0;
margin:0;
border:none;
text-decoration:none;
font-weight:400;
font-style:normal;
list-style:none;
text-transform:none;
text-indent:0;
font-variant:normal;
text-align:left;
line-height:12px;
letter-spacing:0;
word-spacing:0;
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
}
#wp_page_numbers {
margin-top:10px;
width:100%;
background:#fff;
}
#wp_page_numbers ul {
width:100%;
}
#wp_page_numbers li {
float:left;
display:block;
margin-bottom:2px;
}
#wp_page_numbers a {
color:#26a;
border:none;
padding:3px;
padding-left:5px;
padding-right:5px;
margin-left:2px;
margin-right:2px;
display:block;
text-decoration:none;
}
#wp_page_numbers li a:hover {
text-decoration:underline;
}
#wp_page_numbers li.space {
padding:6px;
padding-left:2px;
padding-right:2px;
}
#wp_page_numbers li.first_last_page {
font-style:italic;
}
#wp_page_numbers li.active_page a, #wp_page_numbers li.active_page a:hover {
color:#000;
}
#wp_page_numbers li.page_info {
float:left;
display:block;
padding:3px;
padding-left:5px;
padding-right:5px;
margin-right:2px;
color:#000;
font-size:1em;
}

/* Lightsocial */
.lightsocial_container{
margin-top:10px;
margin-bottom:55px;
position:relative;
}
.lightsocial_element {
margin-left:4px;
margin-right:4px;
display:inline;
float:left;
}

/* Flickrss */
ul.flickr li, .col2 ul li ul.flickr li {
list-style:none;
list-style-position:outside;
margin-left:0;
display:inline;
padding-right:5px;
}
ul.flickr {
margin-left:0;
padding-left:0;
}

/*===== o0o: FIXES =====*/
/* Floats */
clearFloat {
clear:both;
}


/* Article Formatting*/

.entry h2{
font-size: 14px;
font-weight: 400;	
margin-bottom: 5px;
margin-top: 10px;
}


.entry h3{
font-size: 14px;
font-weight: 400;	
margin-bottom: 5px;
margin-top: 10px;
}

.entry h4{
font-size: 12px;
font-weight: 400;	
margin-bottom: 5px;
margin-top: 10px;
}


.entry b, .entry strong {
	font-weight: bold;
}

.entry p{
	display: block;
	margin-bottom: 10px;
}

.entry i {
font-style: italic;
}






