Wordpress bir tema da CSS de degisiklik yapmak istiyorum ama beceremedim bu sefer.....

Kodlar alttadir.
Simdi Internetten para kazanma yolllarin bazilari sitesinde SOn yazilarin kategorilerin , baglantilar linkleri falan fare ile ustunde geldiginde en ustte menu oldugu gibi maviye cevrilsin...

Biliyorum Hover kodu ile yapiliyor ama bulamadim CSS de onun yeri :S

tesekkur ederim ve yardim edene bir + var

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
 margin:0;
 padding:0;
}
ul{
 list-style:none;
}
a{
 color:#7f7f7f;
 text-decoration:none;
}
a:hover{
 text-decoration:underline;
}
a img{
 border:0;
}
.clear{
 clear:both;
}
body{
 margin:0px;
 padding:0px;
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size:11px;
 background:#ffffff url(images/bg.gif) repeat-x left top;
 color:#7f7f7f;
}
#page{
 width:1000px;
 margin:0px auto;
}
/* HEADER */
#header{
 width:100%;
 height:150px;
 background:url(images/header_bg.gif) no-repeat left top;
}
#header h1{
 color:#2e94b5;
 font-size:43px;
 padding-top:20px;
 padding-left:50px;
}
#header h1 a{
 color:#2e94b5;
 text-transform:capitalize;
 text-decoration:none;
}
/* MENU */
#menu{
 text-align:right;
}
#menu_items{
 padding-top:25px;
 padding-right:25px;
 text-transform:uppercase;
 font-size:12px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 color:#0000cc;
}
#menu_items a{
 color:#3b7186;
 background:url(images/dotted_blue.gif) repeat-x left bottom;
 padding-bottom:2px;
}
#menu_items a:hover{
 color:#000066;
 text-decoration:none;
}
/* BODY */
#body{
 width:100%;
 background:url(images/body_bg.gif) repeat-y top left;
 margin-bottom:20px;
 float:left;
}
#body_top{
 width:100%;
 background:url(images/body_top_bg.gif) no-repeat top left;
 float:left;
}
#body_left{
 width:650px;
 float:left;
 padding-bottom:40px;
 padding-top:30px;
}
#body_right{
 width:350px;
 float:right;
 padding-bottom:100px;
}
/* left contact */
#body_left_content{
 width:598px;
 margin-left:25px;
}
.post{
 width:100%;
}
.post-top{
}
.post-title{
 color:#000;
}
.post-title h2{
 font-size:31px;
 color:#3d3d3d;
 margin-bottom:4px;
 font-weight:normal;
 padding-bottom:2px;
}
.post-title h3{
 font-weight:normal;
 color:#000;
 font-size:11px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 background:#e7f3f7;
 padding-left:5px;
 padding-top:5px;
 padding-right:5px;
 padding-bottom:5px;
}
.post-title h2 a{
 color:#3d3d3d;
}
.post-title h2 a:hover{
 color:#000;
}
.post-title h3 a{
 color:#000;
 font-size:10px;
}
.post-title h3.tags{
 color:#000;
 background:#f5fafc url(images/tags_bg.gif) repeat-x top left;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:normal;
}
.post-title h3.tags span{
 color:#1e7f9e;
 font-weight:bold;
}
.post-title h3.tags a{
 color:#000;
 font-weight:normal;
}
.entry{
 line-height:20px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:14px;
 padding-top:5px;
 padding-left:3px;
 padding-right:5px;
 padding-bottom:20px;
}
.postmetadata{
 margin-bottom:30px;
 margin-left:5px;
 color:#333;
 height:29px;
 background:url(images/postmetadata_bg.gif) repeat-x top left;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
}
.postmetadata a{
 color:#004a80;
}
.postmetadata .alignleft{
 padding-top:8px;
 padding-left:10px;
}
.postmetadata .alignright{
 text-align:center;
 padding-top:8px;
 padding-right:10px;
}
.post-page{
 padding-right:10px;
 background:url(images/post-page.gif) no-repeat top left;
}
.post-page h2{
 font-size:31px;
 font-style:normal;
 font-weight:normal;
 color:#2e94b5;
 margin-left:25px;
 padding-top:10px;
 background:url(images/dotted_blue.gif) repeat-x left bottom;
}
.post-page .entry{
 padding-left:25px;
 margin-top:10px;
 color:#333;
}
.post-page .entry a{
 color:#000;
}
strong{
 color:#2e94b5;
}
/* right content */

/* RSS */
#main_rss{
 text-align:center;
 padding-top:30px;
}
/* TAGS */
#main_tags{
 padding-left:20px;
 margin-right:10px;
 background:url(images/sidebar_line.gif) no-repeat top left;
 padding-top:5px;
}
#main_tags a{
 color:#217590;
}
/* ADS */
#main_ads{
 margin-left:10px;
 margin-bottom:5px;
}
#main_ads img{
 float:left;
 margin-left:8px;
 margin-bottom:8px;
}
/* SEARCH */
#main_search{
 margin-top:45px;
 margin-bottom:40px;
}
#searchform_top{
 margin-left:30px;
}
#searchform_top_text{
 width:272px;
 border:0px;
 background:none;
 color:#666;
 font-size:11px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}
#gosearch{
 position:relative;
 top:5px;
}
#sidebars{
 float:left;
 background:url(images/sidebar_line.gif) no-repeat top left;
 padding-top:10px;
 margin-top:10px;
}
#body_right_content{
 width:346px;
}
#sidebar{
 width:139px;
 float:left;
 padding-left:20px;
}
#sidebar_right{
 width:139px;
 float:left;
 padding-left:32px;
}
#sidebars h2{
 font-size:17px;
 color:#000;
 padding-left:6px;
 padding-bottom:4px;
 margin-bottom:5px;
 text-transform:capitalize;
 font-weight:bold;
 font-family:Arial, Helvetica, sans-serif;
 border-bottom:2px solid #cfe8f0;
}
#sidebars ul{
 color:#999999;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}
#sidebars li ul{
 padding-bottom:18px;
}
#sidebars li ul li ul{
 padding-left:10px;
 background:none;
 padding-bottom:0px;
}
#sidebars li ul li ul li ul{
 padding-left:0px;
}
#sidebars li{
 margin-bottom:0px;
}
#sidebars li li{
 margin-bottom:0px;
 padding-bottom:0px;
 border-bottom:1px solid #e7f3f7;
 padding-top:4px;
 padding-bottom:8px;
 padding-right:3px;
 padding-left:2px;
}
#sidebars li li li{
 background:none;
 border:0px;
 padding-bottom:3px;
}
#sidebars li a{
 color:#3b7186;
}
#sidebars li.widget_categories ul li{
 font-weight:bold;
}
#sidebars li.widget_categories ul li a{
 background:url(images/sidebar_li_cat.gif) no-repeat 2px 5px;
 font-weight:normal;
 padding-left:10px;
}
#sidebars li.widget_categories ul li ul li a{
 background:url(images/sidebar_li_cat.gif) no-repeat 2px 5px;
 font-weight:normal;
 padding-left:10px;
}
#sidebars li.widget_meta ul li a{
 background:url(images/sidebar_li_cat.gif) no-repeat 2px 5px;
 font-weight:normal;
 padding-left:12px;
}
#tag_cloud{
 color:#999999;
 padding-bottom:20px;
}
#tag_cloud a{
 color:#999999;
}
/* FOOTER */
#footer_rep{
 width:100%;
 height:86px;
 background:url(images/footer_rep_bg.gif) repeat-x top left;
 clear:both;
}
#footer{
 width:1000px;
 height:86px;
 background:url(images/footer_bg.gif) no-repeat top left;
 margin:0px auto;
}
#footer_text{
 color:#000;
 padding-top:40px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 float:left;
 width:45%;
 padding-left:40px;
}
#footer_copyrights{
 text-align:right;
 padding-right:20px;
 padding-top:15px;
 float:right;
 width:20%;
}
 

/* Begin Typography & Colors */
#wp-calendar #prev a, #wp-calendar #next a {
 font-size: 9pt;
 }
#wp-calendar a {
 text-decoration: none;
 }
#wp-calendar caption {
 font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
 text-align: center;
 }
#wp-calendar th {
 font-style: normal;
 text-transform: capitalize;
 }
/* End Typography & Colors */
 

/* Begin Images */
p img {
 padding: 0;
 max-width: 100%;
 }
/* Using 'class="alignright"' on an image will (who would've
 thought?!) align the image to the right. And using 'class="centered',
 will of course center the image. This is much better than using
 align="center", being much more futureproof (and valid) */
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;
 }
.alignright {
 float: right;
 }
.alignleft {
 float: left
 }
/* End Images */
 
/* Begin Calendar */
#wp-calendar {
 empty-cells: show;
 margin: 10px auto 0;
 width: 155px;
 }
#wp-calendar #next a {
 padding-right: 10px;
 text-align: right;
 }
#wp-calendar #prev a {
 padding-left: 10px;
 text-align: left;
 }
#wp-calendar a {
 display: block;
 }
#wp-calendar caption {
 text-align: center;
 width: 100%;
 }
#wp-calendar td {
 padding: 3px 0;
 text-align: center;
 }
#wp-calendar td.pad:hover { /* Doesn't work in IE */
 background-color: #fff; }
/* End Calendar */
 
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
 cursor: help;
 }
acronym, abbr {
 border-bottom: 1px dashed #999;
 }
blockquote {
 margin: 15px 30px 10px 10px;
 padding-left: 10px;
 background:url(images/blockquote_bg.gif) repeat-y left center;
 }
blockquote blockquote{
 background:url(images/blockquote_bg2.gif) repeat-y left center;
 }
blockquote cite {
 margin: 5px 0 0;
 display: block;
 }
.center {
 text-align: center;
 }
hr {
 display: none;
 }
a img {
 border: none;
 }
.navigation {
 display: block;
 text-align: center;
 margin-top: 10px;
 margin-bottom: 60px;
 font-weight:bold;
 clear:both;
 }
/* End Various Tags & Classes*/
/* Begin Lists
 Special stylized non-IE bullets
 Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul {
 margin-left: 0px;
 padding: 0 0 0 30px;
 list-style: none;
 padding-left: 10px;
 text-indent: -10px;
 } 
html>body .entry li {
 margin: 7px 0 8px 10px;
 }
.entry ul li:before{
 content: "\00BB \0020";
 }
.entry ol {
 padding: 0 0 0 35px;
 margin: 0;
 }
.entry ol li {
 margin: 0;
 padding: 0;
 }
.postmetadata ul, .postmetadata li {
 display: inline;
 list-style-type: none;
 list-style-image: none;
 }
 
ol li{
 list-style: decimal outside;
 }
/* End Entry Lists */
 
/* Begin Form Elements */
#searchform {
 margin: 10px auto;
 padding: 5px 3px; 
 text-align: center;
 }
#sidebar #searchform #s {
 width: 108px;
 padding: 2px;
 }
#sidebar #searchsubmit {
 padding: 1px;
 }
.entry form { /* This is mainly for password protected posts, makes them look better. */
 text-align:center;
 }
select {
 width: 130px;
 }
#commentform{
 width:500px;
}
#commentform input {
 width: 170px;
 padding: 2px;
 margin: 5px 5px 1px 0;
 }
#commentform textarea {
 width: 350px;
 padding: 2px;
 }
#commentform #submit {
 margin: 0;
 width:65px;
 height:25px;
 }
/* End Form Elements */
 
/* Begin Comments*/
h3#comments_title{
 font-size:18px;
 color:#2e94b5;
 margin-left:35px;
 font-weight:normal;
 font-style:italic;
 margin-bottom:10px;
}
h3#comments{
 font-size:13px;
 color:#000;
 margin-left:25px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 background:#e7f3f7;
 border:1px dashed #b9c2c6;
 padding:10px;
}
.alt {
 margin: 0;
 padding: 10px;
 }
.commentlist {
 padding: 0;
 text-align: justify;
 margin-left:30px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#4c4c4c;
 width:565px;
 }
.commentlist li {
 margin: 15px 0 3px;
 padding: 5px 0px 10px;
 list-style: none;
 background:url(images/commentlist_line.gif) no-repeat left bottom;
 }
.commentlist li li {
 margin: 0px;
 padding: 5px 10px 5px;
 border:0px;
 background:none;
 }
.commentlist p {
 margin: 10px 5px 10px 10px;
 }
#commentform p {
 margin: 5px 0;
 }
.nocomments {
 text-align: center;
 margin: 0;
 padding: 0;
 }
.commentmetadata {
 margin: 0;
 display: block;
 color:#000;
 background:url(images/commentlist_bg.gif) repeat-x left top;
 padding:6px 0px 6px 10px;
 }
.commentmetadata a{
 color:#2e94b5;
 font-weight:bold;
 }
#respond_box{
 width:535px;
 background:url(images/respond_box.gif) repeat-x top left;
 margin-top:40px;
 margin-left:35px;
 border:1px dashed #c2c7c9;
 padding:10px 10px 40px 10px;
}
h3#respond{
 font-size:21px;
 color:#000;
 margin-left:5px;
 padding-top:1px;
 padding-bottom:25px;
 font-weight:normal;
}
#commentform{
 margin-left:35px;
 color:#000;
}
#commentform a{
 color:#000;
}
/* End Comments */
/* Archives page */
.page_archives_div{
 padding-bottom:60px;
}
.ar_panel{
 width:95%;
 padding-right:10px;
 background:url(images/post-page.gif) no-repeat top left;
}
.ar_panel3{
 background:none !important;
}
.page_archives_div h2{
 font-size:31px;
 font-style:normal;
 font-weight:normal;
 color:#2e94b5;
 margin-left:25px;
 padding-top:10px;
 background:url(images/dotted_blue.gif) repeat-x left bottom;
}
.ar_panel3 h2{
 padding-top:0px !important;
 margin-left:10px !important;
}
.ar_panel3 ul{
 margin-left:0px !important;
}
.page_archives_div ul h2{
 border:0px;
}
.page_archives_div ul{
 margin:0px;
 padding:0px;
 padding-top:5px;
 margin-bottom:40px;
 margin-left:20px;
}
.page_archives_div ul li{
 margin:0px;
 padding:0px;
 list-style:none;
 background:none;
}
.page_archives_div ul li ul{
 margin:0px;
 padding:0px;
 padding-left:10px;
}
.page_archives_div ul li a{
 font-weight:bold;
 color:#333;
 font-size:12px;
 padding-left:10px;
}
.page_archives_div ul li a:hover{
 color:#333;
}
.page_archives_div ul li{
 padding-top:5px;
 padding-bottom:5px;
 border-bottom:1px solid #f2f2f2;
}
.page_archives_div ul li ul li{
 background:none;
 border:0px;
}