/* - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Theme Name: Turquoise
Theme URI: http://theme.iwanudin.com/turquoise
Description: a simple design with a green garnish and leaf ornaments. Do you like this Theme? Consider to DONATE for some cup of coffee. Free Premium Themes at http://theme.iwanudin.com
Date: April 30, 2009
Version: 1.0
Author: Mas IWaNT
Author URI: http://blog.iwanudin.com/
Tags: turquoise, green, 2 column, widgets, 468 banner, 125 banner
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Change Log = = = = = = = = = = = = = = = = = = =
1.0 : Released | April 30, 2009
= = = = = = = = = = = = = = = = = = = = = = = = = = */
@import "formatting.css";
@import "ddsmoothmenu.css";
@import "comments.css";
@import "wordpress.css";
/* global
= = = = = = = = = = = = = = = = = = = = = = = = = = */
* { /*--reset all to 0--*/
margin: 0;
padding: 0;
}
body {
color: #363636;
font: 400 12px/18px Arial, Tahoma, Verdana, Helvetica, sans-serif;
background: #00CED1;
}
a {
text-decoration: none;
color: #2052D1;
outline: none;
}
a:hover {
text-decoration: underline;
color: #05382D;
}
a img {
border: 0;
}
a.read-more {
color: #0A4DBD;
text-decoration: none;
font-style: italic;
}
a.read-more:hover {
color: #0D2D3C;
text-decoration: none;
}
.navigation {
float: left;
width: 600px;
margin: 10px 0 0 0;
padding: 10px 18px 10px 18px;
}
.center {
display: block;
margin-left: auto;
margin-right: auto;
padding: 5px;
}
/* container
= = = = = = = = = = = = = = = = = = = = = = = = = = */
#wrapper {
width: 980px;
margin: 0 auto;
}
#header {
float: left;
width: 980px;
}
#content {
float: left;
width: 980px;
background: url(images/bg-content-out.png) repeat-y;
}
#footer {
float: left;
width: 920px;
}
/* header
= = = = = = = = = = = = = = = = = = = = = = = = = = */
#header {
height: 266px;
margin-top: 10px;
}
.header-01 {
float: left;
width: 915px;
height: 73px;
padding: 0 43px 0 22px;
background: url(images/bg-header_01.png) no-repeat top left;
}
.h-title {
float: left;
width: 442px;
padding: 0;
}
.h-468 {
float: left;
width: 468px;
padding-top: 7px;
padding-left: 5px;
}
.description {
margin: -5px 0 0 0;
padding-left: 45px;
}
.header-02 {
float: left;
width: 920px;
height: 138px;
padding: 10px 30px 0 30px;
background: url(images/bg-header_02.png) no-repeat top left;
}
.header-03 {
float: left;
width: 980px;
background: url(images/bg-menu.png) no-repeat;
}
.rss-feed {
float: left;
width: 32px;
height: 32px;
padding: 6px 0 5px 10px;
}
.rss-feed a {
float: left;
width: 32px;
height: 32px;
background: url(images/rss.png) no-repeat;
text-indent: -99999em;
}
/* header ==> menu
= = = = = = = = = = = = = = = = = = = = = = = = = = */
.menu {
float: left;
width: 830px;
height: 43px;
padding: 0 27px 2px 27px;
}
#nav {
position: relative;
}
#nav li {
float: left;
width: auto;
}
#nav li a {
display: block;
text-decoration: none;
}
/* content ==> #ID of index, page or single display
= = = = = = = = = = = = = = = = = = = = = = = = = = */
.menu-close {
float: left;
width: 980px;
height: 18px;
background: url(images/bg-menu-bot.png) no-repeat;
}
.show-wrap {
float: left;
width: 954px;
padding-left: 26px;
background: url(images/bg-content-in.png) no-repeat;
}
#showtime {
float: left;
width: 654px;
min-height: 200px;
padding-top: 10px;
margin-bottom: -99px;
z-index: 10;
position: relative;
}
.box1 {
background: url(images/bg-post.png) no-repeat right bottom;
min-height: 160px;
margin-bottom: 10px;
}
.box2 {
background: url(images/box2.png) repeat-x;
border: 1px solid #3AC2B4;
}
.box3 {
background: url(images/box3.png) repeat-x;
border: 1px solid #277C73;
}
.postmetadata {
float: right;
width: auto;
margin: 9px 10px 0 10px;
padding-left: 5px;
padding-right: 5px;
text-align: center;
font-size: 11px;
}
.postmetadata a {
font-weight: bold;
}
.latest, .page, .single {
float: left;
width: 644px;
padding: 0 5px 0 5px;
}
.page, .single {
min-height: 333px;
}
.post {
float: left;
width: 100%;
display: block;
margin-top: 9px;
margin-bottom: 5px;
border-bottom: 1px dotted #37AA9E;
}
.entry {
border-top: 1px solid #37BBAD;
}
.e-data {
clear: left;
float: left;
width: 644px;
padding-top: 10px;
}
.date {
float: left;
width: 99px;
height: 140px;
color: #072E0B;
margin-right: 5px;
background: url(images/bg-date.gif) no-repeat;
}
.date .d-day {
float: left;
width: 45px;
height: 43px;
text-align: center;
font: bold 28px/23px "Lucida Grande", Garamond, Georgia;
padding: 85px 5px 0 0;
}
.date .d-my {
float: left;
width: 49px;
height: 45px;
padding: 83px 0 0 0;
text-align: center;
letter-spacing: 2px;
font: normal 12px/14px "Trebuchet MS", tahoma;
text-transform: uppercase;
}
.date .d-author {
float: left;
width: 99px;
text-align: center;
font: normal 10px Tahoma;
}
.recent-post, .archive, .result {
float: left;
width: 625px;
margin-top: 15px;
padding-left: 15px;
}
.recent-array, .result-array, .archive-array {
float: left;
width: 295px;
height: 243px;
margin: 5px 15px 10px 0;
padding-top: 10px;
overflow: hidden;
display: inline;
border-bottom: 1px dashed #598B46;
}
img.recent {
float: left;
width: 75px;
margin-right: 5px;
padding: 3px;
border: 1px solid #6FAE49;
display: inline;
}
.date-recent {
float: left;
width: 100%;
display: block;
font: normal 10px arial, tahoma;
}
.author {
float: right;
width: auto;
font-size: 11px;
text-align: right;
margin: -5px 0 10px 0;
}
#sidebar {
float: left;
width: 300px;
min-height: 200px;
}
/* search form
= = = = = = = = = = = = = = = = = = = = = = = = = = */
.search {
float: left;
width: 260px;
padding: 0 30px 0 10px;
margin-bottom: 10px;
}
#searchform {
float: left;
width: 250px;
height: 29px;
padding: 5px;
}
#searchform .s {
float: left;
width: 152px;
padding: 5px 0 5px 30px;
margin-right: 5px;
border: 1px solid #73A95E;
background: url(images/search.png) no-repeat left;
}
.submit {
float: left;
width: 58px;
height: 29px;
color:#254E41;
font: bold 12px tahoma, arial;
border: 0;
background: #229D90;
}
.submit:hover {
background: #5DADA6;
color: #071F1D;
}
/* sidebar
= = = = = = = = = = = = = = = = = = = = = = = = = = */
.box-side {
background: url(images/bg-side-title.png) no-repeat;
padding: 18px 30px 0 10px;
}
.sidebar {
float: left;
width: 270px;
padding-bottom: 10px;
margin-bottom: 10px;
}
#sidebar ul {
list-style-type: none;
}
#sidebar ul li {
display: block;
padding-left: 3px;
}
/* footer
= = = = = = = = = = = = = = = = = = = = = = = = = = */
#footer {
height: 84px;
padding: 15px 30px 0 30px;
background: url(images/bg-footer.png) no-repeat left bottom;
}
.foot-info {
text-align: center;
letter-spacing: 1px;
color: #303030;
font: normal 11px arial, tahoma;
}
.foot-info p {
padding: 0;
margin: 0;
}
.foot-info a {
color: #063C0E;
text-decoration: none;
}
.foot-info a:hover {
color: #52E7C9;
text-decoration: underline;
}
/* bookmarks
= = = = = = = = = = = = = = = = = = = = = = = = = = */
.bookmarks {
float: left;
width: auto;
height: 24px;
display: block;
text-align: center;
margin: 5px 0 10px 0;
}
a.delicious {
height: 24px;
background: url(images/delicious.png) no-repeat left;
padding: 5px 10px 5px 27px;
}
a.digg {
height: 24px;
background: url(images/digg.png) no-repeat left;
padding: 5px 10px 5px 27px;
}
a.stumbleupon {
height: 24px;
background: url(images/stumbleupon.png) no-repeat left;
padding: 5px 10px 5px 27px;
}
a.reddit {
height: 24px;
background: url(images/reddit.png) no-repeat left;
padding: 5px 10px 5px 27px;
}
/* Administrator Widget
= = = = = = = = = = = = = = = = = = = = = = = = = = */
.imaster {
float: left;
width: 954px;
}
.i-blank {
float: left;
width: 656px;
height: 110px;
position: absolute;
z-index: 9;
}
.i-one {
float: right;
width: 238px;
min-height: 90px;
padding: 10px;
margin: 0 25px 9px 15px;
}
.i-one a {
color: #295B0B;
text-decoration: none;
font: normal 11px tahoma;
}
.i-one a:hover {
color: #04291C;
text-decoration: underline;
}
.i-admin {
float: left;
width: 113px;
margin-right: 5px;
line-height: 15px;
}
a.login {
height: 16px;
background: url(images/login.png) no-repeat left;
padding: 2px 0 3px 25px;
display: block;
}
a.dashboard {
height: 16px;
background: url(images/dashboard.png) no-repeat left;
padding: 2px 0 3px 25px;
display: block;
}
a.register {
height: 16px;
background: url(images/register.png) no-repeat left;
padding: 2px 0 3px 25px;
display: block;
}
a.profile {
height: 16px;
background: url(images/profile.png) no-repeat left;
padding: 2px 0 3px 25px;
display: block;
}
a.write {
height: 16px;
background: url(images/write.png) no-repeat left;
padding: 2px 0 3px 25px;
display: block;
}
a.logout {
height: 16px;
background: url(images/logout.png) no-repeat left;
padding: 2px 0 3px 25px;
display: block;
}
a.top {
height: 16px;
background: url(images/top.png) no-repeat left;
padding: 5px 0 5px 23px;
display: block;
}
.alexa {
float: left;
width: 120px;
height: 90px;
background: #68C2AA;
display: inline;
}
/* Banner Ads
= = = = = = = = = = = = = = = = = = = = = = = = = = */
.ads125 {
float: left;
width: 125px;
height: 125px;
margin: 5px;
display: inline;
background: url(images/ads-125.gif) no-repeat;
}
.ads468 {
background: url(images/ads468x60.gif) no-repeat;
width: 468px;
height: 60px;
}