/* Theme Name: mystyle Theme URL: http://halilgokdal.com Version: 0.5.5 Author: Halil Gokdal Author URL:http://halilgokdal.com */ /* Overal setup */ * { margin:0; padding:0; } body { background: url(images/BgWood.jpg) repeat; font-family:Arial, Helvetica, "Lucida Grande", Tahoma; font-size:12px;} a img { border: none; } ul, li { list-style: none;margin:0;padding:0; } h1 { font-size:30px; } h2 { font-size:14px; } h3 { font:bold 11px arial,helvatica;color:#bbb;text-transform:capitalize; } h3 SPAN.slash { font:bold 10px Arial !important; text-transform: lowercase; } h4 { font-size:14px; } /* navigation start*/ #navigation { margin:10px 0; clear: both; float:left; width:470px; font-size:11px; color:#666666;} #previous a { width:200px; padding:15px 0 5px 30px; float: left; background: url(images/navigation-bg.png) top left no-repeat; height:30px; text-align:left; color:#666666; text-decoration:none;} #next a { width:200px; padding:15px 30px 5px 0;float: right; background: url(images/navigation-bg.png) top right no-repeat; height:30px; text-align:right; color:#666666; text-decoration:none;} /* navigation end*/ code { font: 11px "Courier New"; color:#666; padding:5px;margin:5px 0;display:block;border-left:1px solid #903000; } blockquote { color:#ddd; padding:5px;font: 12px Arial,Sans-serif;line-height:1.4em; } .pullquote { padding: 6px; float: right; width: 180px; margin:5px 0 10px 10px; border-top:1px solid #222; border-bottom:1px solid #222; text-align: center; font-family: verdana, Arial, Helvetica, sans-serif;color:#aaa;font-size:11px; } .capi { color:#333;float:left;font:3.6em Georgia,arial;line-height:0.8em;text-transform:uppercase;margin:0.07em 0.14em 0 0; } .left { float:left;margin-top:3px;margin-right:8px; } .right { float:right;margin-left:8px; } .clear { clear: both; } .clear-both { clear: both; } #mainbg { margin:0 auto;} #mainbg { background-image:url(images/NewSiteBG.png); background-position:top center; background-repeat:no-repeat;} /* navigation */ #Nav { width:115px; height:155px; padding-left:20px; padding-right:10px; padding-bottom:10px; padding-top:10px; margin-left:80px; margin-top:0px; margin-right:0px; margin-bottom:0px; background-image:url(images/NavBarbg.png); background-repeat:no-repeat;} ul.homefirst { list-style:none; margin:0px; padding:0px; width:115px;} .homefirst li { display:inline;} .homefirst li a { float:left; padding-top:55px; height:0px; overflow:hidden; width:115px;} .homefirst li a { background-image:url(images/NavBar.png); background-repeat:no-repeat;} .homefirst li#home a { background-position:0px 75px; } .homefirst li#home a:hover { background-position:0px 75px; } .homefirst li#home a:active { background-position:0px 75px;} ul.topnav { list-style:none; margin:0px; padding:0px; width:80px;} .topnav li { display:inline;} .topnav li a { float:left; padding-top:25px; height:0px; overflow:hidden; width:80px;} .topnav li a { background-image:url(images/NavBar.png); background-repeat:no-repeat;} .topnav li#work a { background-position:0px -25px;} .topnav li#icon a { background-position:0px -50px;} .topnav li#adium a { background-position:0px -75px;} .topnav li#mail a { background-position:0px -100px;} .topnav li#work a:hover { background-position:-90px -25px;} .topnav li#icon a:hover { background-position:-90px -50px;} .topnav li#adium a:hover { background-position:-90px -75px;} .topnav li#mail a:hover { background-position:-90px -100px;} .topnav li#work a:active { background-position:-180px -25px;} .topnav li#icon a:active { background-position:-180px -50px;} .topnav li#adium a:active { background-position:-180px -75px;} .topnav li#mail a:active { background-position:-180px -100px;} /* header */ #header { width:950px; height:200px; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; padding:0px;} #main-wrapper { display:block;width:950px; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; padding:10px;text-align:left;background:url(images/px.png); } .main { width: 490px;margin:0;padding:0;float:left;overflow: hidden; } /* thumnail covers */ .thumb { background:url(images/thumb.gif); display: block; width: 470px; overflow: hidden; height: 300px; margin: 0 10px 10px 0; position: relative; } .thumb-title { margin-bottom:10px; background-color:#000000; bottom:0;right:0;display:block;position:absolute;padding:5px;} .thumb-title:hover { background-color:#222222; } .thumb-title h2 { margin: 0;} .thumb-title h2 a { font:18px bold; display:block; color:#FFFFFF; text-decoration: none; text-transform: capitalize; } .thumb-title h2 a:hover { color: #FFFFFF;} /* single page */ .post.single {width:490px;padding:0px; margin:0px;} .post.single h2, .post.single h2 a { font:22px arial,helvetica;letter-spacing:-1px;line-height:1.4em;color:#000000;text-decoration:none; } .post.single .postMeta { font:10px Arial;margin-bottom:5px;color:#999; } .post.single .postMeta span.date { padding:0 2px 0 0; } .post.single .postMeta span.comments { background: url(images/comment.gif) no-repeat left center;padding-left:15px; } .post.single .postMeta span.comments a, .post.single .postMeta span.date a{ color:#999; } .post.single .entry { float:left; line-height:18px;overflow:hidden;padding-bottom:25px; } .post .entry img.wp-smiley { border:0px none; margin:0; vertical-align:middle; } /*//////// SMILEY ////////*/ .post .entry img,.entry a img { border:1px solid #6699FF;} .post .entry a:hover img { border-color: #3399FF; } .entry img { margin-bottom:5px;} .post.single h3 { font-size: 12px;font-weight:bold; color: #6199dc; display:inline; } .post.single p { margin: 1em 0; font-size: 12px; } .post.single p a,.post.single li a { color:#000000; } .post.single p a:hover { color:#000000; text-decoration:underline; } .post.single p strong { font-weight: bold; } .post.single p em { font-style: normal; background: #f9f9de; } .post.single a { color:#000000; } .post.single a:hover { color:#000000; text-decoration:underline;} .post.single blockquote { margin: 0 1.5em; color: #6c6c6c; } .post.single ul, .post.single ol { margin: 1em; } .post.single ul li, .post.single ol li { margin: 0; color: #666; line-height: 1.4em; } .post.single ul li strong { font-weight: bold; } .post.single img.floatleft { float: left; margin: 4px 5px 0 0; } .post.single img.floatright { float: right; margin: 4px 0 0 10px; } /* sidebar related */ #sidebarwrapper { margin:0;padding:0;float:right; width:460px;} #left-sidebar {color:#000000; float:left; margin-left:10px; margin-top:-40px; margin-right:0px; margin-bottom:0px; width:190px;padding:20px;} #left-sidebar { background-image:url(images/RightBG.png); background-repeat:no-repeat; height:420px;} #left-sidebar #about { height:100px; padding-top:20px; padding-left:20px; padding-right:20px; padding-bottom:10px;} #left-sidebar h3 {background: #6e80c4;display: inline; color: #eee; padding:5px;} #left-sidebar a { color:#000000; } #left-sidebar a:hover { color:#000000; } #left-sidebar p { color:#000000;} #left-sidebar ul { list-style:none; color: #000000;} /* Left Sidebar */ #leftsb { float:left; margin:0px; padding:0px; width:200px;} #socialnetwork { margin:0px; padding:0px;} #socialnetwork ul { margin:0px; padding:0px; list-style:none; width:200px;} #socialnetwork li { display:inline;} #socialnetwork li a {float:left; margin:0px; padding-top:30px; height:0px; overflow:hidden; width:200px;} #socialnetwork li a {background-image:url(images/SocialNetwork.png); background-repeat:no-repeat; } #socialnetwork li#facebook a { background-position: 0px 0px; margin-top:0px; } #socialnetwork li#lastfm a { background-position:0px -40px;margin-top:10px; } #socialnetwork li#deviantart a { background-position:0px -80px; margin-top:10px; } #socialnetwork li#flickr a { background-position:0px -120px; margin-top:10px;} #socialnetwork li#delicious a { background-position:0px -160px; margin-top:10px;} #ads { padding:0px; margin-top:10px;width:200px; height:200px;} /* Left Sidebar End*/ /* Right Sidebar */ #rightsb { float: left; margin:0 0 0 10px; padding:0; width:250px;} #right-bg-top { background:url(images/right-bg-topbottom.png) no-repeat top left; height:35px; margin:0; padding:0;} #right-bg-splash {background:url(images/right-bg-splash.png) repeat-y top left; padding:0 10px; margin:0; min-height:90px;} .tags { text-align:center;} .tags a { text-decoration:none;color:#000000;font-weight:normal; } .tags a:hover { color: #000000;text-decoration: underline; } #right-bg-bottom { background:url(images/right-bg-topbottom.png) no-repeat bottom left; height:115px; margin:0; padding:0;} /* Right Sidebar End*/ /* footer */ #footer { font-size:10px; padding:0; height:290px; margin:0 auto;} #footer { background-image:url(images/FooterBG.png); background-position: bottom center; background-repeat:no-repeat;} #footerbg { background-image:url(images/px.png); width:970px; height:190px; margin:0 auto;} #footerbg #greenbg { background-image:url(images/FooterGreenbg.png); background-position:bottom center; background-repeat:no-repeat; height:190px; width:970px;} /* twitter New Style*/ #twitter {margin:5px 155px 0px 0px; padding:0; float:right; height:60px;} #twitter li { float:left;} #twitter #t-left { height:60px; width:15px; background:url(images/twitter-bubble-left.png) no-repeat; float:left;} #twitter #t-center { height:60px; width:auto; background:url(images/twitter-bubble-center.png) repeat-x;float:left;} #twitter #twitter_update_list { color:#000000; padding:10px 0; margin:0; font-size:14px; text-align:right;} #twitter #twitter_update_list a { color:#FF4300;padding:0;margin:0;display: block; text-decoration:none;} #twitter #twitter_update_list a:hover {color:#FF4300; padding:0;margin:0; text-decoration:underline;} #twitter #t-right { height:60px; width:29px; background:url(images/twitter-bubble-right.png) no-repeat;float:left;} /* twitter End*/ #footerbg #Logos { float:left; width:280px; height:36px; padding-bottom:14px; padding-top:10px; margin: 65px 0 0 330px;} #footerbg #Logos ul { margin:0px; padding:0px; list-style:none;} #footerbg #Logos li { display:inline;} #footerbg #Logos li a { float:left; margin:0px; padding-top:36px; height:0px; overflow:hidden; width:40px;} #footerbg #Logos li a { background-image:url(images/FooterLogo.png); background-repeat:no-repeat;} #footerbg #Logos li#adobe a { background-position:0 0;} #footerbg #Logos li#adobe a:hover {background-position:0 -50px;} #footerbg #Logos li#apple a {background-position:-40px 0;} #footerbg #Logos li#apple a:hover {background-position:-40px -50px;} #footerbg #Logos li#google a {background-position:-80px 0;} #footerbg #Logos li#google a:hover {background-position:-80px -50px;} #footerbg #Logos li#wordpress a {background-position:-120px 0;} #footerbg #Logos li#wordpress a:hover {background-position:-120px -50px;} #footerbg #Logos li#technorati a {background-position:-160px 0;} #footerbg #Logos li#technorati a:hover {background-position:-160px -50px;} #footerbg #Logos li#MarkupValidation a {background-position:-200px 0;} #footerbg #Logos li#CSSValidation a{background-position:-200px -50px;} #footerbg #mylogo { float:right; width:120px; height:50px; padding-bottom:14px; padding-top:10px; margin: 130px 0 0 0;} #footerbg #mylogo ul { margin:0px; padding:0px; list-style:none;} #footerbg #mylogo li { display:inline;} #footerbg #mylogo li a { float:left; margin:0px; padding-top:36px; height:0px; overflow:hidden;} #footerbg #mylogo li a { background-image:url(images/FooterLogo.png); background-repeat:no-repeat;} #footerbg #mylogo li#halilgokdal a{ background-position:-280px 0px; width:120px;}