MistyLook sidebar nach rechts verschieben

<div id="sidebar">
<ul>
<? Php if (function_exists ('dynamic_sidebar') & &  dynamic_sidebar ()): else:?>
<? Php if (is_home ()) (mistylook_ShowAbout ();)?>


<li class="sidebox">
<h2> <? php _e ('Archiv');?> </ H2>
<ul> <? php wp_get_archives ('type = monatliche &  show_post_count = true');?> </ ul>
</ Li>


<li class="sidebox">
<h2> <? php _e ('Kategorien');?> </ H2>
<ul>
<? Php wp_list_cats ('optioncount = 1');?>
</ Ul>
</ Li>


<li class="sidebox">
<h2> <? php _e ('Pages');?> </ H2>
<ul> <? php wp_list_pages ('title_li =');?> </ ul>
</ Li>
<? Php if (is_home ()) (mistylook_ShowLinks ();?>
<li class="sidebox">
<h2> <? php _e ('Meta');?> </ H2>
<ul>
<? Php wp_register ();?>
<li> <? php wp_loginout ();?> </ li>
<li> <a href="http://validator.w3.org/check/referer"  title="Diese Seite validiert als XHTML 1.0 Valid Transitional">  <abbr title="eXtensible HyperText Markup Language"> XHTML </  abbr > </ a> </ li>
<li> <a href="http://gmpg.org/xfn/"> <abbr title="XHTML  Friends Network"> XFN </ abbr> </ a> </ li>
<li> <a href="http://wordpress.org/" durch WordPress,  state-of-the-art semantische persönliche Publishing platform.">  WordPress </ a> </ li> title="Powered
<? Php wp_meta ();?>
</ Ul>
</ Li>
<? Php)?>
  <? Php endif;?>
</ Ul>
</ Div ><!-- Ende ID: Sidebar ->
</ Div ><!-- Ende ID: Content ->
</ Div ><!-- Ende ID: Container ->

/ *
Theme Name: MistyLook (DE)
Theme URI: http://wpthemes.info
Beschreibung: Eine wirklich saubere Vorlage von <a href="http://wpthemes.info" title="Sadish"> Sadish Bala </ a> durch <a href = "http://reorganize.ca" target = beeinflusst "_blank"> ReOrganize </ a>. Support ist unter <a href="http://forums.wpthemes.info/" title="Forums"> Forums </ a> zur Verfügung. <br /> Deutsche Übersetzung von <a href = "http:// eisregen1986.de.vu "> Fabian Künzel </ a>
Version: 3.0
Autor: Sadish
Autor URI: http://simpleinside.com
* /
* (
padding: 0;
margin: 0;
)
p (
margin: 0.7em 0;
line-height: 1.6em;
)
dl (
margin: 1em 0;
)
dt
(
font-weight: bold;
)
dd
(
margin: 0.5em;
padding: 0;
)
img
(
background: url (img / shadow.gif) no-repeat rechts unten;
padding: 10px 10px 4px 4px;
border: none;
border-top: 1px solid # eee;
border-left: # eee 1px solid;
)
ein img (
border: none;
Hintergrund: none;
padding: none;
background: url (img / shadow.gif) no-repeat rechts unten;
padding: 10px 10px 4px 4px;
border-top: 1px solid # eee;
border-left: # eee 1px solid;
)
. Klare (
clear: both;
height: 20px;
)


blockquote
(
color: # 666;
margin: 1em;
padding: 10px 50px 0 0;
background: url (img / blockquote.gif) no-repeat links oben;
)
fieldset
(
border: none;
)
Körper
(
background: # f9f9f0;
margin: 0;
font: 76% / 1.6em Verdana, Tahoma, Arial, sans-serif;
color: # 333;
text-align: center;
)
ein
(
    text-decoration: none;
)
a: link, a: visited (
color: # 265e15;
)
a: hover, a: active (
border-bottom: 1px solid # 963;
)
H1, H2, H3, H4, H5, H6
(
font-family: Georgia, Verdana, Arial, Serif;
)


# Container (
border: 1px solid # ccc;
background: # fff;
margin: 0 auto;
width: 780px;
position: relative;
text-align: left;
)
# Navigation (
Hintergrund: transparent;
margin: 20px auto 0;
overflow: hidden;
width: 760px;
position: relative;
text-align: left;
font-family: Trebuchet MS, Tahoma, Verdana, Arial, Sans;
letter-spacing: 1px;
)
 html # navigation (
height: 1%;
)
# Navigation ul li (
float: left;
margin: 0 5px 0 0;
list-style-type: none;
)
# Navigation ul li a (
border: 1px solid # Nickerchen;
border-bottom: none;
padding: 2px 10px;
display: block;
font-weight: bold;
color: # 666;
text-decoration: none;
background: # ededed;
)
# Navigation ul li a: hover, # navigation ul li a: active, # navigation ul li.current_page_item a (
background: # fff;
color: # 333;
border: 1px solid # ccc;
border-bottom: none;
)
# Navigation ul (li.search
font-size: 0.9em;
rechts: 0;
position: absolute;
top: 0;
)
# Navigation ul li.search Input # (searchsubmit
border: 1px solid # 999;
font-size: 0.9em;
background: # ddd;
margin: 0 0 0 2px;
color: # 265e15;
padding: 2px;
)
# Header (
clear: both;
float: left;
margin: 10px 5px;
width: 450px;
)
# Header h1
(
font-size: 1.8em;
margin: 10px 10px 0 0;
font-variant: small-caps;
letter-spacing: 1px;
)
# Header h1 a (


text-decoration: none;
border: none;
)
# Header h2
(
margin: 5px 0 0 10px;
font-size: 1em;
font-weight: normal;
font-family: Tahoma, Verdana, Arial, Serif;
letter-spacing: 1px;
)
# (Feedarea
padding: 10px 10px 0 0;
float: right;
text-align: right;
)
html # (feedarea
padding-top: 10px;
)
# Feedarea dl dt (
display: inline;
margin-right: 5px;
height: 45px;
)
# Feedarea dl dd (
display: inline;
margin-right: 5px;
height: 45px;
background: url (img / icon_feed.gif) no-repeat links von der Mitte;
padding-left: 16px;
)
# (Headerimage
clear: both;
background: # fff url (img / misty.jpg) no-repeat 0 0;
margin: 10px;
color: # fff;
height: 200px;
)
 html # (Headerimage
margin-top: 0;
)
# Content (
margin: 10px 10px 10px 30px;
)
 html # content (
height: 1%;
)
# Content h3 (
font-size: 1.4em;
font-weight: normal;
margin: 1em 0 0;
color: # 265e15;
)
# Content h4 (
font-size: 1.1em;
margin: 1em 0 0 0;
)
# Content h5 (
font-size: 1em;
margin: 1em 0;
)
# Content-Main-ul
(
    margin: 1em;
    padding: 0 1em;
    list-style-image: url (img / bullet.png);
)
# Content-main ul.asides
(
margin: 0;
padding: 2em;
border-bottom: 1px # ddd gestrichelt;
)
# Content ol
(
    list-style-type: decimal;
    margin: 1em;
    padding: 0 1em;
)
# Content-main (
float: left;
width: 520px;
margin-right: 20px;
)
 html # section-Index # content-main (
margin-right: 20px;
)
# Content. Post
(
padding: 0 0 2em 0;
border-bottom: 1px # ddd gestrichelt;
)
# Content p (img.right
float: right;
margin: 10px 10px 0 0;
)
# Content p (img.left
float: left;
margin: 0 10px 10px 0;
)
# Content. Post h2
(
font-size: 1.4em;
margin: 1em 0 0;
letter-spacing: 1px;
font-weight: normal;
)
# Content. Einreise
(
    margin: 1em 0;
    padding-right: 1em;
)
# Content. Einreise a: link, # content. Einreise a: visited
(
    border-bottom: 1px # 963 gestrichelt;
)
# Content. Einreise a: hover, # content. Einreise a: active
(
    border-bottom: 1px solid # 963;
)
# Content. Post-info, # content. Postmetadata
(
font-size: 0.9em;
color: # 999;
margin: 0;
padding: 0;
)
# Content. Post-info
(
background: url (img/underline1.jpg) no-repeat links unten;
padding-bottom: 12px;
)
# Sidebar (
float: left;
width: 200px;
font-size: 0.9em;
)
# Sidebar ul
(
list-style: none;
margin: 0;
padding: 0;
)
# Sidebar ul ul
(
list-style: none;
margin: 0.5em 0 0 1em;
padding: 0;
)
li.sidebox (
padding: 10px;
background: url (img / sideheadtop.gif) # ededed no-repeat links oben;
margin-bottom: 10px;
)
html li.sidebox (
padding-bottom: 10px;
)
li.sidebox h2 (
font-weight: normal;
font-size: 1.6em;
text-align: left;
color: # 242;
font-variant: small-caps;
)
# Sidebar li.sidebox p (img
margin: 0;
padding: 3px;
border: 1px solid # ccc;
Hintergrund: none;
)


# Footer (
clear: both;
Hintergrund: transparent;
margin: 0 auto;
width: 760px;
text-align: left;
)
 html # footer (
height: 1%;
)
# Footer p (
float: left;
width: 50%;
line-height: 1.2em;
)
# Footer (p.right
float: right;
margin: 1em 0;
width: 50%;
text-align: right;
font-size: 0.9em;
color: # 999;
)
# Comments, # (reagieren
margin: 10px 5px 0 2em;
)
# Commentform
(
margin: 10px 0;
padding: 10px;
background: # f9fcfc;
border-top: 1px solid # ddd;
border-bottom: 1px solid # ddd;
)
. Commentnum
(
font-size: 1.5em;
font-weight: bold;
margin: 0 5px 0 0;
)
# Container. Kommentarliste (
margin: 0;
padding: 0;
border-top: 1px solid # ddd;
)
. Kommentarliste li
(
list-style: none;
margin: 0;
padding: 0.5em;
background: # fff url (img / shadow_top.gif) repeat-x top;
border-bottom: 1px solid # ddd;


)
. Kommentarliste li.alt
(
    background: # f9f9f9;
)
. Kommentarliste li. Cmtinfo
(
font-size: 1em;
)
. Kommentarliste li Zitieren
(
font-style: normal;
font-weight: bold;
)
. Kommentarliste li. Cmtinfo em
(
float: right;
margin: 0;
padding: 0;
font-style: normal;
font-size: 0.9em;
color: # 999;
)
# Content. Commentsfeed
(
background: url (img / icon_feed.gif) no-repeat links von der Mitte;
padding-left: 16px;
)
# Content. Trackback
(
background: url (img / link.gif) no-repeat links von der Mitte;
padding-left: 20px;
)
input.textbox
(
border: 1px solid # ccc;
background: # fff url (img / shadow_top.gif) repeat-x top;
font: 1em Verdana, Arial, Serif;
padding: 2px;
width: 150px;
)
textarea (
width: 90%;
padding: 10px;
line-height: 2em;
height: 20em;
border: 1px solid # ccc;
background: # fff url (img / shadow_top.gif) repeat-x top;
font: 1em Verdana, Arial, Serif;
)
. Textfeld: focus, textarea: Schwerpunkt
(
background: # fff url (img / shadow_top.gif) repeat-x top;
border: 1px solid # 999;
)
. Post h4
(
font-size: 1em;
font-weight: normal;
font-family: Verdana, Tahoma, Arial, Serif;
)
. Post h4 em
(
font-style: normal;
float: right;
font-weight: normal;
)
# Header, # content, # sidebar, # footer. Widget (
    overflow: hidden;
)

/*  
Theme Name: MistyLook (DE)
Theme URI: http://wpthemes.info
Description: A real clean template by <a href="http://wpthemes.info" title="Sadish">Sadish Bala</a> , influenced by <a href="http://reorganize.ca" target="_blank">ReOrganize</a>. Support is available at <a href="http://forums.wpthemes.info/" title="Forums">Forums</a>.<br />Deutsche &Uuml;bersetzung von <a href="http://eisregen1986.de.vu">Fabian K&uuml;nzel</a>
Version: 3.0
Author: Sadish
Author URI: http://simpleinside.com
*/
* {
    padding: 0; 
    margin:0;
}
p {
    margin: 0.7em 0;
    line-height:1.6em;
}
dl {
    margin:1em 0;
}
dt 
{
    font-weight:bold;
}
dd 
{
    margin:0.5em;
    padding:0;
}
img 
{
    background:url(img/shadow.gif) no-repeat right bottom;
    padding:4px 10px 10px 4px;    
    border:none;
    border-top:#eee 1px solid;
    border-left:#eee 1px solid;    
}
a img {
    border:none;
    background:none;
    padding:none;
    background:url(img/shadow.gif) no-repeat right bottom;
    padding:4px 10px 10px 4px;    
    border-top:#eee 1px solid;
    border-left:#eee 1px solid;    
}
.clear {
    clear:both;
    height:20px;
}


blockquote
{
    color:#666;
    margin: 1em;
    padding: 0 0 10px 50px;
    background: url(img/blockquote.gif) no-repeat left top;    
}
fieldset 
{
    border:none;
}
body 
{
    background: #f9f9f0;
    margin: 0; 
    font: 76%/1.6em verdana, tahoma, arial,  sans-serif; 
    color: #333; 
    text-align: center;
}
a 
{
    text-decoration:none;
}
a:link, a:visited {
    color: #265e15;    
}
a:hover, a:active {
    border-bottom:#963 1px solid;
}
h1, h2, h3, h4, h5, h6 
{
    font-family:Georgia, Verdana, Arial, Serif;
}


#container {
    border: #ccc 1px solid; 
    background: #fff; 
    margin: 0 auto; 
    width: 780px;     
    position: relative; 
    text-align: left;
}
#navigation {
    background: transparent; 
    margin: 20px auto 0; 
    overflow: hidden; 
    width: 760px; 
    position: relative; 
    text-align: left;
    font-family: Trebuchet MS,Tahoma, Verdana, Arial, Serif;
    letter-spacing:1px;
}
 html #navigation {
    height: 1%;
}
#navigation ul li {
    float: left; 
    margin: 0 5px 0 0; 
    list-style-type: none;
}
#navigation ul li a {
    border: #dedede 1px solid; 
    border-bottom:none;
    padding: 2px 10px; 
    display: block; 
    font-weight:bold;
    color:#666;        
    text-decoration: none;
    background:#ededed;
}
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li.current_page_item a {
    background: #fff;
    color: #333;    
    border: #ccc 1px solid; 
    border-bottom:none;        
}
#navigation ul li.search {
    font-size: 0.9em; 
    right: 0; 
    position: absolute; 
    top: 0;
}
#navigation ul li.search input#searchsubmit {
    border: #999 1px solid; 
    font-size: 0.9em; 
    background: #ddd; 
    margin: 0 0 0 2px; 
    color: #265e15; 
    padding: 2px;         
}
#header {
    clear: both; 
    float: left; 
    margin: 10px 5px; 
    width: 450px;
}
#header h1 
{
    font-size:1.8em;
    margin:10px 0 0 10px;
    font-variant:small-caps;
    letter-spacing:1px;        
}
#header h1 a {
    
    text-decoration:none;    
    border:none;
}
#header h2 
{
    margin:5px 0 0 10px;
    font-size:1em;
    font-weight:normal;
    font-family:Tahoma, Verdana, Arial, Serif;
    letter-spacing:1px;        
}
#feedarea {
    padding:10px 10px 0 0; 
    float: right;     
    text-align: right;
}
html #feedarea {
    padding-top: 10px;
}
#feedarea dl dt {
    display: inline; 
    margin-right: 5px; 
    height: 45px;
}
#feedarea dl dd {
    display: inline; 
    margin-right: 5px; 
    height: 45px;
    background:url(img/icon_feed.gif) no-repeat left center;
    padding-left:16px;
}
#headerimage {
    clear: both; 
    background: #fff url(img/misty.jpg) no-repeat 0 0;
    margin: 10px; 
    color: #fff; 
    height: 200px;
}
 html #headerimage {
    margin-top: 0;
}
#content {
    margin: 10px 10px 10px 30px;     
}
 html #content {
    height: 1%;
}
#content h3 {
    font-size: 1.4em; 
    font-weight:normal;
    margin: 1em 0 0;
    color: #265e15;    
}
#content h4 {
    font-size: 1.1em; 
    margin: 1em 0 0 0;
}
#content h5 {
    font-size: 1em; 
    margin: 1em 0;
}
#content-main ul 
{
    margin:1em;
    padding:0 1em;
    list-style-image:url(img/bullet.png);
}
#content-main ul.asides 
{
    margin:0;
    padding:2em;
    border-bottom:#ddd 1px dashed;
}
#content ol 
{
    list-style-type:decimal;
    margin:1em;
    padding:0 1em;
}
#content-main {
    float: left; 
    width: 520px; 
    margin-right: 20px;
}
 html #section-index #content-main {
    margin-right: 20px;
}
#content .post 
{
    padding:0 0 2em 0;
    border-bottom:#ddd 1px dashed;
}
#content p img.right {
    float: right;
    margin:10px 0 0 10px;    
}
#content p img.left {
    float: left; 
    margin:0 10px 10px 0;
}
#content .post h2 
{
    font-size: 1.4em; 
    margin: 1em 0 0;    
    letter-spacing:1px;
    font-weight:normal;    
}
#content .entry 
{
    margin:1em 0;
    padding-right:1em;    
}
#content .entry a:link, #content .entry a:visited
{
    border-bottom:#963 1px dashed;    
}
#content .entry a:hover, #content .entry a:active
{
    border-bottom:#963 1px solid;    
}
#content .post-info , #content .postmetadata
{
    font-size:0.9em;
    color:#999;
    margin:0;
    padding:0;    
}
#content .post-info 
{
    background:url(img/underline1.jpg) no-repeat left bottom;
    padding-bottom:12px;    
}
# Sidebar {
float: left;
width: 200px;
font-size: 0.9em;
overflow-x: visible;
position: absolute;
left: 700px;
border: 1px solid #CCCCCC;)
}
#sidebar ul
{
    list-style:none;
    margin:0;
    padding:0;
}
#sidebar ul ul
{
    list-style:none;
    margin:0.5em 0 0 1em;
    padding:0;
}
li.sidebox {
    padding:10px;
    background: url(img/sideheadtop.gif) #ededed no-repeat left top; 
        
}
html li.sidebox {
    padding-bottom: 10px;
}
li.sidebox h2 {
    font-weight: normal; 
    font-size: 1.6em; 
    text-align: left;
    color: #242;    
    font-variant:small-caps;
}
#sidebar li.sidebox p img {
    margin:0;
    padding:3px;
    border:#ccc 1px solid;
    background:none;
}


#footer {
    clear: both;     
    background: transparent; 
    margin: 0 auto; 
    width: 760px;     
    text-align: left;
}
 html #footer {
    height: 1%;
}
#footer p {
    float: left; 
    width: 50%; 
    line-height: 1.2em;
}
#footer p.right {
    float: right; 
    margin: 1em 0; 
    width: 50%; 
    text-align: right;
    font-size: 0.9em; 
    color:#999;
}
#comments, #respond{
    margin: 2em 0 10px 5px;
}
#commentform 
{
    margin:10px 0;    
    padding:10px;
    background:#f9fcfc;
    border-top: #ddd 1px solid;
    border-bottom: #ddd 1px solid;
}
.commentnum 
{
    font-size:1.5em;
    font-weight:bold;    
    margin:0 5px 0 0;
}
#container .commentlist {
    margin: 0;
    padding: 0;        
    border-top: #ddd 1px solid;
}
.commentlist li 
{
    list-style:none;
    margin: 0;
    padding: 0.5em;    
    background:#fff url(img/shadow_top.gif) repeat-x top;
    border-bottom: #ddd 1px solid;
    
}
.commentlist li.alt 
{
    background:#f9f9f9;    
}
.commentlist li .cmtinfo 
{
    font-size:1em;        
}
.commentlist li cite 
{
    font-style:normal;
    font-weight:bold;
}
.commentlist li .cmtinfo em 
{
    float:right;
    margin:0;
    padding:0;
    font-style:normal;
    font-size:0.9em;
    color:#999;
}
#content .commentsfeed 
{
    background:url(img/icon_feed.gif) no-repeat left center;
    padding-left:16px;
}
#content .trackback 
{
    background:url(img/link.gif) no-repeat left center;
    padding-left:20px;
}
input.textbox
{
    border:#ccc 1px solid;
    background:#fff url(img/shadow_top.gif) repeat-x top;
    font:1em Verdana, Arial, Serif;
    padding:2px;
    width:150px;
}
textarea{
    width: 90%;
    padding:10px;
    line-height:2em;
    height: 20em;
    border: 1px solid #ccc;    
    background:#fff url(img/shadow_top.gif) repeat-x top;
    font:1em Verdana, Arial, Serif;
}
.textbox:focus, textarea:focus
{
    background:#fff url(img/shadow_top.gif) repeat-x top;
    border:#999 1px solid;
}
.post h4 
{
    font-size:1em;
    font-weight:normal;
    font-family:Verdana, Tahoma, Arial, Serif;
}
.post h4 em
{
    font-style:normal;
    float:right;
    font-weight:normal;
}
#header, #content, #sidebar, #footer, .widget {
    overflow: hidden;
}