Hjälp med wordpress theme

<?php get_header(); ?>
<?php get_sidebar(); ?>


<div id="maincol" >

<?php if (have_posts()) : ?><?php while (have_posts()) : the_post(); ?>

<div class="content">
<div class="contentheader"></div>
<div class="postcontent">
<h1><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h1>

<?php the_content('Read more »'); ?>


<?php link_pages('<p><strong>Pages:<strong> ', '</p>', 'number'); ?>
<p>Posted: <?php the_time('F jS, Y') ?> under <?php the_category(', ') ?> - <a href="<?php comments_link(); ?>"><?php comments_number('No Comments','1 Comment','% Comments'); ?></a>.
<?php the_tags('Tags: ', ', ',''); ?></p>
</div>
<div class="contentfooter"></div>
</div>

<?php endwhile; ?>




<div class="navigation">
<p><span class="prevlink"><?php next_posts_link('« Previous entries') ?></span>
<span class="nextlink"><?php previous_posts_link('Next entries »') ?></span></p>
</div>



		
<?php else : ?>
<div class="content">
<div class="contentheader"></div>
<div class="postcontent">
<h1>Not found!</h1>
<p>Could not find the requested page. Use the navigation menu to find your target, or use the search box below:</p>
<?php include (TEMPLATEPATH . "/searchform.php"); ?>

</div>
<div class="contentfooter"></div>
</div>
<?php endif; ?>

</div>

<?php get_footer(); ?>

/*
Theme Name: Scribblings
Description: Grungey Notepad Layout with original illustrations.  Includes a blank header graphic so that you can draw your own header.  Valid XHTML 1.0 Strict and CSS.
Version: 1.02
Author: Joey Robinson
Author URI: http://www.techdesigns.co.uk
Tags: two-columns, fixed-width, left-sidebar
*/
html, body{ margin:0; padding:0; text-align:center; background:url(img/bg.jpg) top center #BFAC7F;} 
#background{ width:100%; margin-left:auto; margin-right:auto; background:url(img/background.jpg) top center repeat-x;}  
#pagewidth{ width:1000px; text-align:left; margin-left:auto; margin-right:auto; background:url(img/page_bg.jpg) top center repeat-y;} 

#page{ width:940px; text-align:left; margin-left:auto; margin-right:auto; background:url(img/page.jpg) top center no-repeat; padding: 0px 30px 0px 30px;} 

#header{ position:relative; height:223px; width:940px; overflow:hidden;} 

#titles{float:left; clear:left; width: 500px; height:223px; overflow:hidden;}
#titles h1{ position:relative; float:left; margin:63px 0px 0px 45px; padding:0px; font-family:arial; font-weight:normal; color:#FF0099; font-size:20px;} 
#titles h1 a{color:#FF0099; text-decoration:none;}
#titles h1 a:hover{color:#000000; text-decoration:none;}
#titles h2{ position:relative; float:left; clear:left; margin:4px 0px 0px 50px; padding:0px; font-family:arial; font-weight:bold; color:#000000; font-size:14px; width: 400px;} 

#search{float:right; clear:right; margin: 45px 2px 0px 0px; height:178px; width: 300px; overflow:hidden;}


div.searchfield{padding: 0px 6px 0px 15px; width: 153px;height: 34px; overflow:hidden; border:0px; color:#FF0099; float:left;   background: url(img/search_field.gif) no-repeat;outline: none;  margin: 0px; }
div.searchfield:hover{ background: url(img/search_field.gif) no-repeat -200px 0px;color:#FF0099;overflow:hidden;}

.searchtext{background: url(img/search_trans.gif); border:0px; color:#FF0099; font-size:14px; font-family:arial; font-weight:bold; padding: 9px 10px 0px 0px; width: 143px; overflow:hidden;}

input.searchsubmit { float:right; clear:right; width: 115px;height: 35px;background: url(img/search_button.gif) no-repeat;outline: none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
input.searchsubmit:hover { background: url(img/search_button.gif) no-repeat -115px 0px;}


#menu{ position:relative; height:37px; width:940px; overflow:hidden;} 

#tabs { float:right;  display:block; line-height:normal; width:930px; margin: 0px 20px 0px 0px; height: 37px; text-align:right; padding: 0px 0px 0px 0px;overflow:hidden; }
#tabs ul { margin:0; padding:0px 0px 0px 0px; list-style:none;float:right; font-family: arial; font-size: 14px; font-weight:bold;}
#tabs li { display:inline; margin:0; padding:0; }
#tabs a { float:left; background:url(img/tab.gif) no-repeat left top; margin:0px 2px 0px 0px; padding:0 0 0 15px; text-decoration:none; }
#tabs a span { float:left; display:block; background:url(img/tab2.gif) no-repeat right top; padding:8px 10px 11px 0px; color: #000000; text-transform:uppercase; font-style:italic;}
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
 /* End IE5-Mac hack */
#tabs a:hover span { color: #FF0099; }
#tabs a:hover { background-position:0% -45px; color: #FF0099; }
#tabs a:hover span { background-position:100% -45px; color: #FF0099; }
#tabs #current a { background-position:0% -45px; }
#tabs #current a span { background-position:100% -45px;}

 
#leftcol{ width:205px; float:left; position:relative; padding:10px 0px 20px 25px;}
#leftcol h1, #leftcol h2, #leftcol h3, #leftcol h4, #leftcol h5, #leftcol h6 {font-family:arial; color:#000000; font-size:15px; margin:0px; padding:0px 0px 3px 0px;}


#leftcol ul {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:180px;  clear:both;}
#leftcol ul li{margin: 0px 0px 0px 0px; display: block; font-family: arial; font-size: 14px; text-decoration:none; font-weight:bold;}
#leftcol ul li a{ width: 149px; display: block; background:url(img/menu_li.gif) top left no-repeat; padding: 6px 5px 3px 26px;  text-decoration:none; color:#FF0099; vertical-align: bottom;}
#leftcol ul li a:hover{ background-repeat: no-repeat; background-position: -300px 0px; background-image:url(img/menu_li.gif); text-decoration:none; color:#000000; }
#leftcol ul li ul{margin: 0px 0px 0px 10px; display: block; font-family: arial;  text-decoration:none; font-weight:bold;}
#leftcol ul li ul li{margin: 0px 0px 0px 0px; display: block; font-family: arial; font-size: 14px; text-decoration:none; font-weight:bold;}
#leftcol ul li ul li a{ width: 140px; display: block; background:url(img/menu_li_sml.gif) top left no-repeat; font-size: 12px;padding: 6px 5px 3px 25px;  text-decoration:none; color:#FF0099; vertical-align: bottom;}
#leftcol ul li ul li a:hover{ background-repeat: no-repeat; background-position: -300px 0px; background-image:url(img/menu_li_sml.gif); text-decoration:none; color:#000000; }
#leftcol ul li ul li ul{margin: 0px 0px 0px 10px; display: block; font-family: arial;  text-decoration:none; font-weight:bold;}
#leftcol ul li ul li ul li a{ width: 130px; display: block; background:url(img/menu_li_sml.gif) top left no-repeat;  font-size: 11px; padding: 6px 5px 3px 25px;  text-decoration:none; color:#FF0099; vertical-align: bottom;}
#leftcol ul li ul li ul li a:hover{ background-repeat: no-repeat; background-position: -300px 0px; background-image:url(img/menu_li_sml.gif); text-decoration:none; color:#000000; }


#leftcol a{ font-family: arial; text-decoration:none; color:#FF0099;}
#leftcol a:hover{ font-family: arial; text-decoration:none; color:#000000;}

.menuheader{width:205px; height:7px; background:url(img/menu_header.gif) top left no-repeat; display:block; overflow:hidden;}
.menucontent{width:180px; background:url(img/menu_bg.gif) top left repeat-y; overflow:hidden; margin: 0px 0px 0px 0px; padding: 0px 10px 3px 15px;}

.menucontent h5{font-family:arial; color:#000000; font-size:15px; margin:0px; padding:0px 0px 3px 0px;}
.menucontent ul{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:180px;  clear:both;}
.menucontent ul li{margin: 0px 0px 0px 0px; display: block; font-family: arial; font-size: 14px; text-decoration:none; font-weight:bold;}
.menucontent ul li a{ width: 149px; display: block; background:url(img/menu_li.gif) top left no-repeat; padding: 6px 5px 3px 26px;  text-decoration:none; color:#FF0099; vertical-align: bottom;}
.menucontent ul li a:hover{ background-repeat: no-repeat; background-position: -300px 0px; background-image:url(img/menu_li.gif); text-decoration:none; color:#000000; }


#recentcomments {list-style: none; clear:left; }
ul#recentcomments {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:180px;  clear:both;}
ul#recentcomments li{margin: 0px 0px 0px 0px; display: block; font-family: arial;  vertical-align: bottom;padding: 6px 5px 3px 26px; font-size: 14px; text-decoration:none; font-weight:bold;width: 149px;display: block; background:url(img/menu_li.gif) top left no-repeat; }
ul#recentcomments li a{  text-decoration:none; color:#FF0099; background:url(img/search_trans.gif);}
ul#recentcomments li a:hover{ background-repeat: no-repeat; background:url(img/search_trans.gif); text-decoration:none; color:#000000; }




.menunews{width:180px; height:30px; background:url(img/menu_news.gif) top left no-repeat; display:block; overflow:hidden;}
.menunews span{display:none; }

.menulinks{width:180px; height:30px; background:url(img/menu_links.gif) top left no-repeat; display:block; overflow:hidden;}
.menulinks span{display:none; }

.menucats{width:180px; height:30px; background:url(img/menu_cats.gif) top left no-repeat; display:block; overflow:hidden;}
.menucats span{display:none; }

.menunav{width:180px; height:30px; background:url(img/menu_nav.gif) top left no-repeat; display:block; overflow:hidden;}
.menunav span{display:none; }

.menufooter{width:205px; height:60px; background:url(img/menu_footer.gif) top left no-repeat; display:block; overflow:hidden;}


#linkcat-2 h2{font-family:arial; color:#FF0099; font-size:15px; margin:0px; padding:0px 0px 3px 0px;}

#info {font-family: arial; font-size: 11px; text-decoration:none; width:205px; text-align:center; font-weight:bold; color:#FF0099; padding: 15px 0px 0px 0px;} 
#info a{ color: #FF0099;} 
#info a:hover{ color: #000000;text-decoration:none;} 

table#calendar_wrap {width:180px; overflow:hidden;}

#wp-calendar{font-family: arial; font-size: 14px; text-decoration:none; font-weight:bold; color:#000000; width:180px;}
#wp-calendar a{font-family: arial; font-size: 14px; text-decoration:none; font-weight:bold; color:#FF0099;}
#wp-calendar a:hover{font-family: arial; font-size: 14px; text-decoration:none; font-weight:bold; color:#000000;}





#maincol{ float: right; display:inline; position: relative; width:671px; padding: 10px 15px 20px 24px;}

.contentheader{width:671px; height:10px; background:url(img/content_header.gif) top left no-repeat; display:block; overflow:hidden;}
.content{width:671px; background:url(img/content_bg.gif) top left repeat-y; overflow:hidden; margin: 0px 0px 20px 0px;}
.contentfooter{width:671px; height:10px; background:url(img/content_footer.gif) top left no-repeat; display:block; overflow:hidden;}

.postcontent{width:621px; overflow:hidden; padding: 10px 25px 15px 25px; font-family:verdana; font-size:12px; color:#000000; line-height:1.5em;}

.postcontent h1{font-family:arial; font-weight:normal; color:#FF0099; font-size:20px; margin:0px 0px 5px 0px; padding:0px 0px 3px 0px; background:url(img/h1.gif) top left no-repeat;}
.postcontent h2{font-family:arial; font-weight:normal; color:#FF0099; font-size:19px; margin:0px; padding:0px 0px 3px 0px;background:url(img/h1.gif) top left no-repeat;}
.postcontent h3{font-family:arial; font-weight:normal; color:#FF0099; font-size:18px; margin:0px; padding:0px 0px 3px 0px;background:url(img/h1.gif) top left no-repeat;}
.postcontent h4{font-family:arial; font-weight:normal; color:#FF0099; font-size:17px; margin:0px; padding:0px 0px 3px 0px;background:url(img/h1.gif) top left no-repeat;}
.postcontent h5{font-family:arial; font-weight:normal; color:#FF0099; font-size:16px; margin:0px; padding:0px 0px 3px 0px;background:url(img/h1.gif) top left no-repeat;}
.postcontent h6{font-family:arial; font-weight:normal; color:#FF0099; font-size:15px; margin:0px; padding:0px 0px 3px 0px;background:url(img/h1.gif) top left no-repeat;}
.postcontent h1 a{font-family:arial; font-weight:normal; color:#FF0099; font-size:20px; text-decoration:none; margin:0px 0px 5px 0px; padding:0px 0px 3px 0px; }
.postcontent h2 a{font-family:arial; font-weight:normal; color:#FF0099; font-size:19px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
.postcontent h3 a{font-family:arial; font-weight:normal; color:#FF0099; font-size:18px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
.postcontent h4 a{font-family:arial; font-weight:normal; color:#FF0099; font-size:17px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
.postcontent h5 a{font-family:arial; font-weight:normal; color:#FF0099; font-size:16px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
.postcontent h6 a{font-family:arial; font-weight:normal; color:#FF0099; font-size:15px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
.postcontent h1 a:hover{font-family:arial; font-weight:normal; color:#000000; font-size:20px; text-decoration:none; margin:0px 0px 5px 0px; padding:0px 0px 3px 0px; }
.postcontent h2 a:hover{font-family:arial; font-weight:normal; color:#000000; font-size:19px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
.postcontent h3 a:hover{font-family:arial; font-weight:normal; color:#000000; font-size:18px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
.postcontent h4 a:hover{font-family:arial; font-weight:normal; color:#000000; font-size:17px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
.postcontent h5 a:hover{font-family:arial; font-weight:normal; color:#000000; font-size:16px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}
.postcontent h6 a:hover{font-family:arial; font-weight:normal; color:#000000; font-size:15px; text-decoration:none; margin:0px; padding:0px 0px 3px 0px;}

.postcontent p{ color:#000000; font-size: 12px; line-height:1.7em;}
.postcontent p a{ color:#FF0099; background:url(img/underline.gif) top left;text-decoration:none;}
.postcontent p a:hover{ color:#000000; text-decoration:none; background:url(img/underline.gif) top left; background-position: 0px -50px ;}
.postcontent ul{ color:#000000; font-size: 12px; line-height:1.7em; margin: 10px 0px 10px 10px; padding: 0px; }
.postcontent ul li{ color:#000000; font-size: 12px; line-height:1.7em; background:url(img/li.gif) top left no-repeat; list-style: none; padding: 0px 0px 5px 25px;}
.postcontent ol{ color:#000000; font-size: 12px; line-height:1.7em;margin: 10px 0px 10px 0px; padding: 0px 0px 0px 20px;}
.postcontent ol li{ color:#000000; font-size: 12px; line-height:1.7em; background:url(img/li.gif) top left no-repeat; padding: 0px 0px 5px 25px;}



blockquote { margin:20px; padding:8px 8px 8px 15px;}
blockquote p {background-color:inherit; color:#505050; font-size:0.9em; line-height:1.3em;}
label {background-color:inherit; color:#606060; font-size:0.9em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; margin:5px 0 15px 0;}



#author,#email,#url,#comment {border:1px solid #cccccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}




img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}
.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignright {float:right;}
.alignleft {float:left;}

.divider{height: 25px; width:604px; background: url(img/divider.jpg) top center no-repeat; margin: 10px auto 20px auto;}
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0px;}
.postinfo { color:#606060; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:0px; padding:8px 0px 8px 0px;}
.comment { color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img { margin: 0; padding: 0; border: 0 none;}
.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}











#footer{ height:48px; width: 1000px; background:url(img/footer.jpg) top center no-repeat; clear:both; margin-left:auto; margin-right:auto;font-family:arial; font-weight:bold; color:#FF0099; font-size:14px; padding: 7px 0px 0px 0px;} 
#footer a{ font-family:arial; font-weight:bold; color:#FF0099; font-size:14px;} 
#footer a:hover{ font-family:arial; font-weight:bold; color:#000000; font-size:14px; text-decoration:none;} 

 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}