/* Theme Name: Turuncu Gemi Theme URI: http://www.fadonet.net/2008/04/03/wordpress-temasi-turuncu-gemi/ Description: A simple wordpress theme on Fadonet. Version: 3.0.3 Author: Fado Author URI: http://www.fadonet.net Tags: simple,two columns,fixed width,widget ready,valid CSS,valid XHTML,sidebar left,ie6, ie7,firefox 2.0, opera 9.0 /******** Body Elements ********/ *{margin: 0; padding: 0;} :focus {outline: 0;} body { margin: 0; padding:0 0 15px 0; font-family: Verdana,Tahoma, Arial, Serif; line-height: 1.5em; font-size: 10px; /* IE5 Win */ voice-family: "\"}\""; voice-family: inherit; font-size: 10px; /* easy scaling */ font-size: 0.76em; background: #74003A url(images/bg.png) repeat-x ; border-top: 10px solid #FF0099; font: 12px Arial,Tahoma,Verdana,Helvetica,Sans-Serif; color: #333333; } img { border:0px; margin:none; text-decoration:none;} img a:hover { border:0px; margin:0px; text-decoration:none;} code { font: 1.1em 'Courier New', Courier, Fixed; } acronym, abbr{font-size: 0.9em; letter-spacing: .07em; } hr { display: block; color:#f1f1f1; border-bottom:1px solid #f1f1f1; margin:5px 0 5px 0;} pre { line-height: 1.5; width:460px; overflow:auto; line-height:2.0em; margin-bottom: 1.5em;} fieldset {border:1px solid #f1f1f1; padding:10px;} blockquote { background: #fff url(images/blockquote.png) no-repeat left top; color:#666; font-style: none; padding-left: 30px; padding-bottom: 10px; margin:20px 0px 20px 0px; width:90%;} table {border:1px solid #f1f1f1;} td,th { line-height: 1.0em; padding:9px; margin:1px;} th { background-color: #A5A587; color:#EFEFC1;} td { border: 1px solid #f1f1f1; color:#999;} #wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt; } #wp-calendar a {text-decoration: none; } #wp-calendar caption { font: bold 1.0em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center;} #wp-calendar th {font-style: normal; text-transform: capitalize;} /******** Layout Elements ********/ #header { width: 795px; margin: auto; height: 100px; background: url(images/masthead.jpg) ;} #navbar { width: 801px; margin: 0 auto; padding:0px; clear:both; height: 25px; } #main { background-color: #EEEEE8; width: 780px; min-height: 470px; height: auto; margin: 0 auto; padding: 10px 10px 10px 5px; border-top: 5px solid #FFFFFF;} #sidebar { margin: -5px 0 10px 0; float: left; width: 260px; padding: 5px; background-color: #EEEEE8; } #content-single { float:right; margin: 0 0px 10px 0px; width:495px; background-color: #EEEEE8;} #content-index { margin: 0px 0px 10px 0px; width:495px; float:right; background-color: #fff; } #footer { background-color: #FF0099; width: 795px; margin: 0 auto; clear: both; color: #FFFFFF;} .right { float: right; } .left { float:left; } .clear { clear:both; } .addthis { float:right; margin: -15px 0 0 0; } /******** Wordpress Styles ********/ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -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 p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } 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; } .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px;} .attachment { text-align: center; margin: 5px 0px;} /******** Document Styles ********/ h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: Verdana, Arial, Serif; font-weight:normal; color: #333; } h1.pagetitle { color: #FFF;background-color:#623F4B; font-size: 1.5em; text-align: right;margin-bottom: 10px; padding: 5px;} h2.pagetitle { color: #FFF;background-color:#623F4B; font-size: 1.5em; text-align: right;margin-bottom: 10px; padding: 5px;} h1.entry-title { background:#fff url(images/entry-title-line.png) no-repeat bottom; font-size: 1.5em; padding-bottom: 7px; margin-bottom: 5px; } h2.entry-title { background:#fff url(images/entry-title-line.png) no-repeat bottom; font-size: 1.5em; padding-bottom: 7px; margin-bottom: 5px; } a, a:active, a:visited { color: #FF0099; text-decoration: none; } a:hover { color: #623F4B; text-decoration: none;} p { margin: 10px 0 } .center { text-align: center; } strong { color: #3F3F30; } code { font: 1.1em 'Courier New', Courier, Fixed; } acronym, abbr{font-size: 0.9em; letter-spacing: .07em; } /******** Header Elements ********/ #logo {float:left; width: 475px; height: 100px; padding: 10px 0 0 0; } #logo h1{font-size: 2.6em;} #logo h2 { padding-left: 5px; font-size: 1.1em; font-family:"Trebuchet MS", Verdana, Arial, Serif; color: #88886A; font-style:italic; text-transform:lowercase;} #logo a { text-decoration: none; color:#EFEFC1; border:0; } #logo a:hover { text-decoration:none;} #searchbox { float:right; width: 290px; padding-left:10px; height: 40px; background: transparent url(images/searchbg.gif) no-repeat bottom;} .inputbox { margin:9px 0px 5px 5px; color: #999999; padding:1px; float:left; } span.rss { padding-left: 3px; margin-top: 2px; margin-right:5px; float:left; } #searchform .bt {background:url(images/search.gif) no-repeat; margin:8px 0px 0px 3px; color:#EFEFC1; font-size:12px; border:none; width:60px; height:24px; line-height:22px; padding-bottom:3px; cursor:pointer; } /******** Entry Elements ********/ .post { background-color: #fff; margin-bottom: 10px; padding: 10px; } .post hr { display: block; } .post blockquote { background: #fff url(images/blockquote.png) no-repeat left top; color:#999; padding-left: 30px; margin:20px 0px 10px 0px; } .post blockquote p { margin: 0px 0px 0px 0px; padding: 0 0px 10px 0px; } .postmetadata { color: #666666; display: block; } .postmetadata a{ color: #A31B00; text-decoration: none;} .postmetadata a:hover { text-decoration: underline;} .post-details a{ color: #A31B00; text-decoration: none; } .post-details a:hover { text-decoration: underline; } .navigation { background-color: #fff; margin:10px 0 10px 0; min-height: 20px; padding:10px 10px 10px 10px; line-height:22px; } .navigation img, .navigation a img {background:none;} .post-banner { background-color: #fff; margin-bottom: 10px; padding: 5px;text-align: center; } .post img, .post img a { border: 0px solid #f2f2f2; padding: 0px; } .post a img:hover { border: 2px solid #88886A; } /******** Advert Styles ********/ .google-ad-post {background-color: #fff; margin-bottom: 10px; margin-top: 5px; padding: 5px 5px 5px 5px;} /******** List Styles Styles ********/ #sidebar ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } ul li { margin: 0 0 0 3px; list-style: none; } ul ul li { margin: 3px 0 3px 30px; list-style: none; } ul ul { margin: 0 0 15px 0; } ol { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } ol li { margin: 0 0 0 3px; } ul li ul li { margin: 0px; padding:0px;} .entry { clear:right;} .entry ul{ list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} .entry ul li { list-style:square; margin-bottom:5px; line-height:115%; margin-left:42px; } .entry ol li { margin-bottom:5px; line-height:115%; margin-left:48px; } .entry ul ul li { margin: 5px 0 5px 20px; list-style: circle; } /******** Sidebar Elements ********/ #sidebar h2 { border-bottom: 1px solid #A31B00; font-size: 1.1em; font-weight: bold; color: #3F3F30; text-transform: uppercase; padding: 4px; margin-bottom: 10px; } .widget { padding: 2px 5px 2px 5px; background-color: #fff; width: 260px; margin: 0 0 5px 0; } /******** Homepage Intro Elements ********/ .homeintro { padding: 5px; background-color: #fff; width: 100percent; margin: 0 0 10px 0; } .homeintrotext { border-bottom: 0px; font-size: 0.9em; font-weight: normal; color: #A29D95; padding: opx; margin-bottom: 0px; } /******** Widget ********/ .textwidget { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } #archives ul li { background: #FFFFFF url(images/archives.gif) no-repeat top left; padding: 0px 0px 5px 18px; margin: 0px 0px 0px 0px; } #archives ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #recent-comments ul li { background: #FFFFFF url(images/comments.gif) no-repeat top left; padding: 0px 0px 5px 18px; margin: 0px 0px 0px 0px; } #recent-comments ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #widget_categories ul li { background: #FFFFFF url(images/categories.gif) no-repeat top left; padding: 0px 0px 5px 18px; margin: 0px 0px 0px 0px; } #categories ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; } #recent-posts ul li { background: #FFFFFF url(images/recent.gif) no-repeat top left; padding: 0px 0px 5px 18px; margin: 0px 0px 0px 0px; } #recent-posts ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #pages ul li { background: #FFFFFF url(images/recent.gif) no-repeat top left; padding: 0px 0px 5px 18px; margin: 0px 0px 0px 0px; } #pages ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; } #links ul li { background: #FFFFFF url(images/links.gif) no-repeat top left; padding: 10px 0px 5px 18px; margin: 0px 0px 0px 0px; } #links ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #meta ul li { background: #FFFFFF url(images/meta.gif) no-repeat top left; padding: 0px 0px 5px 18px; margin: 0px 0px 0px 0px; } #meta ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #text-1 ul li { padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; } #text-1 ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #tags ul li { padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; } #tags ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* Comments*/ .comments {background-color: #fff;margin-bottom: 5px; margin-top: 5px;padding: 5px 5px 35px 5px;} .respond h3{color: #FFF;background-color:#A5A587;text-align: right;padding-right:100px;} .comments h3{color: #FFF;background-color:#A5A587;text-align: right;padding:5px;} .comments ol {margin-left: 5px;} .comments ol li { line-height:115%; margin: 5px 5px 20px 0px; } .commentlist { padding-left:5px; } .commentlist li { margin: 15px 0 3px; padding: 8px 25px 10px 15px; background:#F5F5EB; } .commentlist li.alt { margin: 15px 0 3px; padding: 8px 25px 10px 15px; background:#fff; } #commentform small {background:#FFF; font-weight:bold; padding:0; } .commentmetadata { display: block; } .commentlist cite { font: 13 verdana,arial; font-weight:bold; letter-spacing:-0.05; } #commentform input {color: #3F3F30;padding: 3px;background-color: #f7f7f7;border: 1px solid #ccc;} #commentform textarea {color: #3F3F30;background-color: #f7f7f7;border: 1px solid #ccc; width:99%;} #commentform .submit {font-size: 10px;color:#fff;background:#A5A587;border: none; padding:5px;cursor:pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #commentform .submit:hover { background: #3F3F30; color:#fff; text-decoration:none;} #commentform label { text-align: center; } .avatar { float:left; padding-right:5px;} /******** Review Tables ********/ .commenttable {float:left; padding-left:5px;} .commenttablepost {float:left; padding-right:40px; padding-top:12px; padding-bottom:5px;} .reviewtablehome {float:left; padding-right:40px; padding-bottom:5px;} /******** Footer Elements ********/ .bottom { background: url(images/footer-right.gif) no-repeat bottom right; } .bottom span {background: url(images/footer-left.gif) no-repeat bottom right;} .bottom span{width: 12px;height: 12px;border: none;display: block !important;} .footer-content {padding:10px; text-align:right;} #footer p { margin: 0px; padding:0px; font-size: 11px; } #footer a {color: #FFA477;border-bottom: 1px dotted #FFA477;} #footer a:hover {color: #FFA477;border-bottom: 1px solid #FFA477;} /* Facebook Connect Styles */ .facebook-connect{ /* I added this div wrapper myself, was not part of the plugin */ position: relative; float: right; width: 300px; margin-top: -65px; text-align: right } .facebook-connect a, /* you probably won't need this css */ .facebook-connect a:hover, .facebook-connect a img, .facebook-connect a:hover img{ border: 0 } .facebook-connect .fbc_connect_button_area { /* This is the button container for your comment form */ border: 0; float:none; margin:0; padding:0 } body .fbc_profile_header { /* I added body to override the CSS from Facebook Connect's default CSS */ background:#000000 url("images/quote-bg-repeat5.jpg") repeat-x; border:1px solid #3d3e3d; border-right: 0; padding:10px 5px 5px 10px; position:fixed; top: 45%; right:0; text-align:left; width:220px } body .fbc_profile_header a.logout{ /* this is a custom class I added to the HTML in fbconnect.php */ font-size: .9em; color: #999 }