/* = = = = = = = = = = = = = = = = = = = = = = = = = =
Theme Name: Blue-Box
Theme URI: http://theme.iwanudin.com/blue-box
Description: easy, clean and simple, automated image in each post (entry). Do you like this Theme? Consider to DONATE for some cup of coffee to Mas IWaNT. Find beautiful collection of Free Premium Themes at http://theme.iwanudin.com
Date: 6 April 2009
Version: 1.0
Author: Mas IWaNT
Author URI: http://blog.iwanudin.com/
Tags: fixed, 2 column, 3 column, widget, 125 banner, flickr ready, premium themes
= = = = = = = = = = = = = = = = = = = = = = = = = = */
@import "formatting.css";
@import "ddsmoothmenu.css";
@import "wordpress.css";
/* Change Log
= = = = = = = = = = = = = = = = = = = = = = = = = =
1.0 : Released | April 6, 2009
2.0 : CSS Modified | July 23, 2009
= = = = = = = = = = = = = = = = = = = = = = = = = = */
/* global
= = = = = = = = = = = = = = = = = = = = = = = = = = */
* { /*--reset all to 0--*/
margin: 0;
padding: 0;
}
body {
color: #363636;
font: 400 12px/18px Arial, Tahoma, Verdana, Helvetica, sans-serif;
background: #4086F8;
}
a {
text-decoration: none;
color: #1D44E9;
outline: none;
}
a:hover {
text-decoration: underline;
color: #516CD1;
}
a img {
border: 0;
}
.box1 {
border: 1px solid #90B3EC;
padding: 10px;
}
.box2 {
border: 1px solid #B9CDEF;
padding: 5px;
}
.box3 {
border: 1px solid #BACAE7;
padding: 2px 3px 2px 3px;
}
.box4 {
border: 1px dotted #91AAD4;
padding: 4px;
}
.box5 {
border: 1px solid #B9CFF5;
}
.box6 {
border: 1px solid #93B3E7;
padding: 10px;
}
.recent-post .box2:hover {
background: #D0E2F7;
}
a.read-more {
color: #1659C9;
text-decoration: none;
}
a.read-more:hover {
color: #0D2D3C;
text-decoration: none;
}
.navigation {
float: left;
width: 500px;
margin: 10px 0 0 0;
padding: 10px 18px 10px 18px;
}
/* container
= = = = = = = = = = = = = = = = = = = = = = = = = = */
#wrapper {
width: 930px;
margin: 0 auto;
}
#xbox {
float: left;
width: 900px;
border: 1px dashed #144BA7;
padding: 15px;
background: #ECF3FF;
margin-top: 10px;
margin-bottom: 10px;
}
#header {
float: left;
width: 900px;
margin-bottom: 9px;
}
#content {
float: left;
width: 900px;
margin-bottom: 9px;
}
#sidebar {
float: left;
width: 290px;
}
#footer {
float: left;
width: 900px;
}
/* header
= = = = = = = = = = = = = = = = = = = = = = = = = = */
.header {
float: left;
width: 900px;
height: 153px;
background: url(images/bg-header.gif) no-repeat left bottom;
}
.logo {
float: left;
width: 785px;
height: 100px;
padding-left: 15px;
}
.description {
margin: -5px 0 0 0;
padding-left: 45px;
}
.rss-feed {
float: left;
width: 48px;
height: 48px;
padding: 10px 10px 0 42px;
}
.rss-feed a {
float: left;
width: 48px;
height: 48px;
background: url(images/rss.png) no-repeat;
text-indent: -99999em;
}
.menu {
float: left;
width: 850px;
height: auto;
padding: 18px 25px 0 25px;
display: inline;
}
#nav {
float: left;
width: auto;
position: relative;
}
#nav li {
float: left;
width: auto;
line-height: 25px;
margin-right: 10px;
}
#nav li a {
display: block;
color: #559AF0;
padding: 0 10px;
text-decoration: none;
}
/* content ==> #ID of index, page or single display
= = = = = = = = = = = = = = = = = = = = = = = = = = */
#showpost, #showsingle, #showpage {
float: left;
width: 600px;
margin-right: 10px;
}
/* content ==> index display
= = = = = = = = = = = = = = = = = = = = = = = = = = */
.latest, .page, .single {
float: left;
width: 580px;
margin-bottom: 10px;
}
.lastpost, .pagepost, .singlepost {
float: left;
width: 580px;
margin: 10px 0 0 0;
}
.entry {
text-align: justify;
}
.date {
float: left;
width: 30px;
height: auto;
padding: 3px 5px 3px 5px;
text-align: center;
font: bold 25px/23px "Lucida Grande", Garamond, Georgia;
color: #386BC2;
background: #B9CCEC;
border-right: 3px solid #7391C3;
margin-right: 5px;
letter-spacing:1px;
}
.date span {
font: normal 13px tahoma;
text-transform: uppercase;
}
.comm-post {
float: right;
width: 30px;
height: 37px;
text-align: center;
padding: 13px 10px 0 10px;
display: inline;
background: url(images/balloon.png) no-repeat top right;
}
.comm-post a {
color: #000000;
font: Bold 11px tahoma, arial;
}
.meta-post {
float: right;
width: auto;
background: #E9ECF3;
margin-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
font-size: 11px;
}
.recent-post, .result, .archive {
float: left;
width: 590px;
padding: 15px 0 10px 10px;
border: 1px solid #D5E0F3;
}
.recent-array, .result-array, .archive-array {
float: left;
width: 273px;
height: 280px;
margin: 10px 10px 0 0;
overflow: hidden;
display: inline;
}
img.recent {
float: left;
width: 75px;
margin-right: 5px;
padding: 3px;
border: 1px dotted #88AAE4;
display: inline;
}
.date-recent {
float: left;
width: 100%;
display: block;
font: normal 10px arial, tahoma;
margin-bottom: -3px;
}
.author {
float: right;
width: auto;
font-size: 11px;
text-align: right;
margin: -5px 0 10px 0;
}
.center {
margin: 10px;
text-align: center;
}
.page, .single, .archive {
min-height: 999px;
}
/* search form
= = = = = = = = = = = = = = = = = = = = = = = = = = */
.search, .itsme {
float: left;
width: 278px;
margin-bottom: 10px;
}
#searchform {
float: left;
width: 270px;
height: 29px;
padding: 5px;
}
#searchform .s {
float: left;
width: 170px;
padding: 5px 0 5px 30px;
margin-right: 10px;
border: 1px solid #5E7AA9;
background: url(images/search.png) no-repeat left;
}
.submit {
float: left;
width: 58px;
height: 29px;
color:#FFFFCC;
font: bold 12px tahoma, arial;
border: 0;
background: #2B4A92;
}
.submit:hover {
background: #6B758E;
}
/* content ==> comment-area
= = = = = = = = = = = = = = = = = = = = = = = = = = */
#comment-area {
float: right;
width: 100%;
margin: 5px 0;
color: #18469B;
font: normal 11px Arial, Tahoma;
}
#comment-title, #respond h3 {
float: left;
width: 100%;
margin-bottom: 10px;
padding: 3px 4px;
}
#comment-area h3 {
float: left;
width: auto;
}
#comment-area span a {
float: right;
width: auto;
font-size: 11px;
}
.trackback {
float: left;
width: 100%;
padding: 0 8px;
margin: 5px 0;
}
.trackback h3 {
color: #666666;
clear: left;
margin-bottom: 10px;
padding: 3px 4px;
}
.trackback ol {
list-style-position: inside;
}
#comment-area ol, #comment-area ul {
float: left;
width: auto;
list-style: none;
}
#comment-area ul.children {
padding: 0 0 0 36px;
}
#comment-area ul.children li {
margin-top: 10px;
}
#comment-area ul.children li.depth-2 {
width: 576px;
}
#comment-area ul.children li.depth-3 {
width: 540px;
}
#comment-area ul.children li.depth-4 {
width: 504px;
}
#comment-area ul.children li.depth-5 {
width: 467px;
}
#comment-area ul.children li.depth-5 {
width: 432px;
}
#comment-area ul.children li.depth-2 .comment-meta {
width: 424px;
}
#comment-area ul.children li.depth-3 .comment-meta {
width: 388px;
}
#comment-area ul.children li.depth-4 .comment-meta {
width: 352px;
}
#comment-area ul.children li.depth-5 .comment-meta {
width: 316px;
}
#comment-area ul.children li.depth-6 .comment-meta {
width: 280px;
}
#comment-area ol li {
float: left;
width: 580px;
margin: 5px 0;
}
#comment-area ol li .comment-author {
float: left;
width: 90px;
padding-right: 10px;
text-align: right;
font-size: 11px;
}
a.url {
font-style: normal;
}
#comment-area ol li .comment-author img {
padding: 2px;
border: 1px solid #4B5376;
background-color: #4C5B99;
}
#comment-area ol li .comment-author img:hover {
padding: 2px;
border: 1px solid #4B5376;
background-color: #6B9CF0;
}
#comment-area ol li .comment-meta {
float: left;
width: 460px;
padding: 5px 5px 18px;
position: relative;
min-height: 36px;
border: 1px dotted #8392D6;
}
.comment-meta p {
padding: 0 0 10px;
}
#comment-area ol li.alt .comment-meta {
border: 1px dotted #6079EC;
}
.pinglist {
list-style: none;
padding-bottom: 10px;
}
.fn {
display: block;
}
.says {
display: none;
}
.comment-meta a {
font: 9px Arial, Helvetica, sans-serif;
color: #4A64D2;
}
.reply a {
float: right;
width: 42px;
padding: 3px 0 3px 0;
margin: 5px 0 0 0;
font: bold 9px Tahoma;
color: #63D4F7;
text-transform: uppercase;
text-decoration: none;
text-align: center;
background: #2F66D8;
}
.reply a:hover {
color: #E7E9F2;
text-decoration: none;
}
#cancel-comment-reply-link {
float: right;
width: 135px;
font: bold 9px Tahoma;
padding: 3px;
text-align: center;
color: #CDECFF;
margin: 1px 1px 10px;
display: inline;
background: #576CC0;
}
#cancel-comment-reply-link:hover {
color: #B6FF85;
}
/* #respond=============================================================*/
#respond {
float: right;
width: auto;
padding: 8px;
margin: 5px 0;
}
#comment-area #respond {
float: left;
width: 432px;
border: 1px solid #AFC0D6;
padding-left: 15px;
}
#comment-area #respond h3 {
}
#comment-area #respond form {
padding: 10px 0 0 15px;
width: 100%;
}
#comment-area #respond form p {
line-height: 15px;
}
#respond form {
width: 535px;
padding-left: 36px;
font: Normal 11px Arial, Helvetica, sans-serif;
}
#respond form input {
border-bottom: 1px dashed #566295;
background: none;
margin-left: 28px;
padding: 10px 5px 0 3px;
font: 400 12px Arial;
color: #404378;
border-left: 0;
border-top: 0;
border-right: 0;
height: 15px;
}
#c-author {
float: left;
width: 95%;
position: relative;
background: url(images/guest-name.png) no-repeat top left;
height: 30px;
}
#c-email {
float: left;
width: 95%;
position: relative;
background: url(images/guest-email.png) no-repeat top left;
height: 30px;
}
#c-url {
float: left;
width: 95%;
position: relative;
background: url(images/guest-web.png) no-repeat top left;
height: 30px;
}
#c-comment {
float: left;
width: 95%;
position: relative;
}
textarea {
border: 1px solid #566295;
background: url(images/guest-comment.png) no-repeat top left;
padding: 15px 5px 5px 5px;
font: 400 12px Arial;
color: #404378;
}
form label {
padding: 5px 10px 0 0;
text-align: left;
}
form p {
padding: 5px 0 5px 0;
display: block;
margin-bottom: 5px;
}
form input#submit {
float: right;
border: 0;
color: #151C37;
height: 27px;
letter-spacing: 2px;
width: auto;
padding: 0 10px 0 10px;
font-weight: bold;
background: #A7B6F2;
border: 1px solid #54698F;
margin: 10px 20px 0 0;
}
form input#submit:hover {
background: #536FE0;
cursor: pointer;
}
p.nocomment{
float: left;
width: 100%;
text-align: center;
color: #CFD8E7;
margin-top: 15px;
}
/* sidebar
= = = = = = = = = = = = = = = = = = = = = = = = = = */
.sidebar1 {
float: left;
width: 276px;
padding-right: 12px;
padding-bottom: 13px;
margin-bottom: 10px;
}
.sidebar2 {
float: left;
width: 145px;
display: inline;
}
.sidebar3 {
float: left;
width: 145px;
display: inline;
}
.ads125 {
float: left;
width: 125px;
margin: 13px 0 0 13px;
display: inline;
}
.side1 {
float: left;
width: 262px;
padding: 12px 13px;
margin-bottom: 10px;
}
.side2 {
float: left;
width: 127.5px;
min-height: 150px;
margin: 0 5px 10px 0;
display: inline;
padding: 5px;
}
.side3 {
float: left;
width: 127.5px;
min-height: 150px;
margin: 0 0 10px 5px;
display: inline;
padding: 5px;
}
#sidebar ul {
list-style-type: none;
}
#sidebar ul li {
display: block;
padding-left: 3px;
line-height: 18px;
}
/* xtra coloumn
= = = = = = = = = = = = = = = = = = = = = = = = = = */
#xtra {
float: left;
width: 900px;
margin-top: 10px;
margin-bottom: 10px;
}
#xtra .x-content {
float: left;
width: 878px;
}
#xtra .x-content ul {
list-style-type: none;
}
#xtra .x-content ul li{
background: url(images/li-xtra.png) no-repeat left;
padding-left: 18px;
margin-bottom: 5px;
}
.x-c-box01, .x-c-box02, .x-c-box03 {
min-height: 234px;
display: inline;
}
#xtra .x-content .x-c-box01 {
float: left;
width: 250px;
margin-right: 10px;
}
#xtra .x-content .x-c-box02 {
float: left;
width: 270px;
margin-right: 10px;
}
#xtra .x-content .x-c-box03 {
float: left;
width: 336px;
}
.x-c-box01, .x-c-box02 {
border-right: 1px dashed #8CABE1;
}
/* flickr image setting
= = = = = = = = = = = = = = = = = = = = = = = = = = */
.flickr img {
width: 72px;
height: 72px;
margin: 5px 10px 5px 0;
padding: 3px;
background: #CFCFDB;
float: left;
}
.flickr a img {
border: 1px solid #96BFF6;
}
.flickr a:hover img {
background: #5592F7;
}
/* footer
= = = = = = = = = = = = = = = = = = = = = = = = = = */
#footer {
color: #3A3F5A;
font: normal 11px arial, tahoma;
border-top: 1px dotted #4777C5;
padding-top: 10px;
}
.foot-info {
float: left;
width: 760px;
padding-left: 6px;
margin-right: 10px;
border-left: 4px solid #5A75DB;
}
.foot-info p {
padding: 0;
margin: 0;
}
.foot-info a {
color: #2640C4;
text-decoration: none;
}
.foot-info a:hover {
color: #475ED1;
text-decoration: underline;
}
.alexa {
float: left;
width: 120px;
height: 60px;
background: #696969;
display: inline;
}
.mas-iwant {
clear: both;
float: left;
width: auto;
display:block;
height: 10px;
}
.garping,.garpinghor {
border: none !important;
}
.garping table,.garpinghor table {
border: none !important;
background-color:transparent !important;
padding-top: 0px !important;
}
.garping td,.garpinghor td{
background-color:transparent !important;
font-family:Verdana,"BitStream vera Sans",Helvetica,Sans-serif !important;
/*font-family: Arial, "Trebuchet MS", Verdana, Tahoma !important;*/
font-size: 0px !important;
font-weight: !important;
font-style: !important;
padding: 0px 0 0px 23px !important;
background-repeat:no-repeat !important;
background-position:0px 0px !important;
}
.garping a,.garpinghor a{
font-weight:normal !important;
font-size: 11px !important;
font-family:Verdana,"BitStream vera Sans",Helvetica,Sans-serif !important;
font-style: !important;
text-decoration:none !important;
text-transform:capitalize !important;
}
.garping a:hover,.garpinghor a:hover{
text-decoration:underline!important;
border-bottom: 1px underline !important;
}