/*  
Theme Name: YK2
Theme URI: http://nazrulamir.farlyk.com/yk2
Description: YK2 is modified and based from K2Lite where it based on K2.
Version: Beta One
Author: Nazrul Amir Aliasaa aka Yop
Author URI: http://nazrulamir.farlyk.com
*/
/* Main Crap*/

.clear {
        clear: both;
        margin: 0;
        padding: 0;
        }
body{
        background: #fff url(images/bg.gif) repeat-y center;
        color:#444;
        font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif;
        text-align: center;
        margin: 0;
}

#page{
        text-align: left;
        margin: 0 auto;
        padding: 0px 0 10px;
        border-top: none;
        background: #fff;
        border-left: 0px solid #eee;
        border-right: 0px solid #eee;
        border-bottom: 0px solid #eee;
        width: 780px;
}
#header {
        height: 25px;
        background: #0281d1;
        position: relative;
        }
        
#banner {
        height: 150px;
        background: url(./images/banner.gif) no-repeat;
        margin-top:2px;
        }
.content{
        _margin-top:5px;
}
#primary {
        width: 545px;
        float: left;
        padding: 5px 0 5px;
        margin: 0 0px 0 5px;
        _padding: 0px 0 0px;;
        _margin: 0 8px 0 2px;
        border:0px solid #000;
}
.secondary {
        font: 1em/1.5em 'Lucida Grande', Verdana, Arial, Sans-Serif;
        padding-top: 10px;
        margin: 0 0 0px 72%;
        width: 220px;
        _width:210px;
        _margin-left:10px;
        color: #666;
        border:0px solid #000;

}

#footer {
        float:left;
        border-left: 0px solid #f5f5f5;
        border-right: 0px solid #f55f5f5;
        margin-top:20px;
        margin-bottom:10px;
        width:780px;
        text-align: center;
        }
#footer small{
        _font-size:7pt;
        }
#footer a {
        font-weight: bold;
        }
/* Menu stuff */
ul.menu {
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: -1px;
        _bottom: -2px;
        right: 0px;
        text-align:right;
        border:0px solid #000;
        }
ul.menu li {
        display: inline;
        margin: 0;
        }
ul.menu,
ul.menu li a {
        padding: 2px 10px 2px;
        }

ul.menu li a {
        font: 1em Verdana, Helvetica, Arial, Sans-Serif;
        color: white;
        margin: 0;
        text-decoration: none;
}

ul.menu li a:hover {
        background: transparent;
        color: #eee !important;
        text-decoration: none;
        }

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover {
        color: #333 !important;
        background: white;
        text-decoration: none;
        }

/*- Sidebar Menu */
.sb-menu{
        margin-bottom:15px;
        margin-top:10px;
}

.sb-menu ul {
        margin-left: 10px;
        }

.sb-menu ul ul {
        margin-top: 2px;
        }

.sb-menu ul ul .page_item {
        margin-left: 10px;
        padding: 0;
        }

/* The 4H club */
h1, h2, h3, h4 {
        font-family: 'Trebuchet MS', Verdana, Sans-Serif;
        }

h1 { /* H1 is used for the title of your blog */
        font-size: 1.6em;
        font-weight: none;
        margin: 0 0 0 0px;
        width: 100%;
        padding: 0;
        position: absolute;
        top: 0px;
        left: 5px;
        }

h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
        text-decoration: none;
        color: white;
        }

h1:hover {
        text-decoration: none;
        }

#header .description { /* Blog description, under blog title */
        display: inline; /* Checking for IE bug. If people start having problems with header width, then this is it */
        position:absolute;
        font-size: 1em;
        margin-left: 140px;
        margin-top:5px;
        }
.pagetitle {
        text-align: center;
        margin: 0px 0 10px;
        }

.pagetitle h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
        font-size: 2.4em;
        font-weight: bold;
        letter-spacing: -1px;
        text-align: center;
        display: inline;
        }

.secondary h2 { /* Secondary H2 is sidebar headlines */
        font-size: 1.5em;
        font-weight: normal;
        display: inline;
        }
#primary h3, #primary h4 { 
        font-size: 2em;
        font-weight: normal;
        letter-spacing: -1px;
        display: inline;
        }

#primary .itemtext h3 {
        font-size: 1.8em;
        font-weight: normal;
        margin-top: 25px;
        }

#primary div.itemtext h4 {
        font-size: 1.5em;
        font-weight: normal;
        margin-top: 25px;
        }
#primary .itemtext {
        font: 1.1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
        text-align: justify;
        color: #444;
        }
h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
        color: #444;
        }

h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
        text-decoration: none;
        }

.metadata { /* Time and category for blog entries */
        font-size: 1em;
        display: block;
        margin-top: 1px;
        color: #bbb;
        }
.metadata a {
        color: #777;
        }
.chrono {
        padding: 2px 0 2px 20px ;
        background: url('images/time.gif') left center no-repeat;
        margin-left:7px;
        }
.chrono2 {
        padding: 2px 0 2px 20px ;
        background: url('images/time.gif') left center no-repeat;
        margin-left:0px;
        }
.comments {
        padding: 2px 0 2px 18px;
        background: url('images/comment.gif') left center no-repeat;
        margin-left: 0px;
        }
.filedto{
        background:url("images/file.gif") no-repeat 0 2px;
        padding-left:0px;
}
.post{
        margin-bottom:35px;
}
.commentsrsslink {
        background: url('images/feed.gif') left top no-repeat;
        padding: 2px 0 2px 20px;
        margin-right: 10px;
        height: 16px;
        }

.trackbacklink {
        background: url('images/arrow_refresh.gif') left top no-repeat;
        padding: 2px 0 2px 20px;
        height: 16px;
        }

.commentsrsslink a, .trackbacklink a {
        color: #999;
        padding: 2px;
        }
.commentlist {
        margin: 0;
        padding: 20px 0;
        position: relative;
        }

.commentlist li {
        margin: 10px 0;
        padding: 10px 10px 5px;
        list-style: none;
        }

.commentlist .commentmetadata {
        padding: 2px 0 2px 20px;
        background: url('images/time.gif') left center no-repeat;
        display: block;
        }

.commentlist li img {
        padding: 0;
        border: none;
        }

.commentlist li img.gravatar {
        float: right;
        margin: -5px 0 0;
        }

.commentlist li .commentauthor {
        font-size: 1.5em;
        font-weight: bold;
        letter-spacing: -1px;
        }

.commentlist li .counter {
        display: none;
        font: normal 1.5em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
        color: #999;
        float: left;
        width: 35px;
        }

.commentlist li.authorcomment {
        background: #fff;
        border:1px solid #eee;
        }
.commentlist li.visitorcomment {
        background: #fafafa;
        border:0px solid #eee;
}
#leavecomment {
        text-align: center;
        margin-bottom: 40px;
        color: #ddd;
        font-size: 2em;
        letter-spacing: -2px;
        }
img{

        border: none;
}
#primary .itemtext img {
        margin: 0 5px;
        padding: 4px;
        border: 1px solid #aaa;
        max-width: 100%;
        }

.center {
        text-align: center;
        }

.alignright {
        float: right;
        }
        
.alignleft {
        float: left
        }

img.center, img[align="center"] {
        display: block;
        margin-left: auto;
        margin-right: auto;
        }
        
img.alignright, img[align="right"] {
        padding: 4px;
        margin: 0 0 2px 7px;
        display: inline;
        }

img.alignleft, img[align="left"] {
        padding: 4px;
        margin: 0 7px 2px 0;
        display: inline;
        }
code {
        font: 1.1em 'Courier New', Courier, Monospace;
        }
blockquote {
        margin: 20px 0;
        padding: 0 20px 0 50px;
        color: #333;
        background: #fff url('images/quote.gif') no-repeat 10px 0;
        border: none;
        }
.navigation .left {
        float: left;
        width: 50%;
        text-align: left;
        }

.navigation .right {
        float: right;
        width: 50%;
        text-align: right;
        }

.navigation p {
        margin: 0;
        padding: 0;
        }

.navigation a {
        color: #999;
        }

img.wp-smiley {
        border: none !important;
        padding: 0 0 0 5px !important;
        }

.editlink a, .commentseditlink a {
        border: none;
        padding: 2px;
        padding-left: 23px;
        margin-left: 10px;
        background: url('images/pencil.gif') left center no-repeat;
        height: 16px;
        }
/*- Begin Lists */
.itemhead {
        margin-top: 0px;
        }
.itemtext ol, .itemtext ul {
        padding: 0 0 0 35px;
        margin: 0;
        }

.itemtext ol li, .itemtext ul li {
        margin: 0 0 3px;
        padding: 0;
        }

.secondary div p {
        margin-top: 0.5em;
        }

/*.secondary ul, .secondary ol {
        margin: 5px 0 0;
        padding-left: 0;
        }*/

.secondary ul, .secondary ol, .secondary div div {
        margin: 5px 0 0;
        padding-left: 0;
        }

.secondary ul {
        /*_margin-left: 0px;*/ /* IE Hack */
        }

.secondary ol {
        margin-left: 15px;
        }

.secondary ul li, .secondary ol li {
        margin: 0;
        padding: 1px 0;
        }
        
.secondary ul li {
        list-style-type: none;
        list-style-image: none;
        }

ol li {
        list-style: decimal outside;
        }

.sb-links ul li {
        margin-top: 20px;
        }

.sb-links ul ul li {
        margin-top: 0;
        }

/*- Search Form and Livesearch */

#search {
        margin-top: 20px;
        }

#search h2 {
        display: none;
        }

/* forms elements */
input { border: 1px solid #aaa;font-size: 11px; font-family: verdana, arial, helvetica, sans-serif; color: #333333;padding:3px;background-color: #fafafa;}
textarea {border: 1px solid #aaa;font-size: 11px; font-family: verdana, arial, helvetica, sans-serif; color: #333333;padding-left:3px;background-color: #fafafa;}
select {border: 1px solid #CCCCCC; font-size: 11px; font-family: verdana, arial, helvetica, sans-serif;}
input[type=button] {background-color: #0476be;color: #fff;font-weight: bold;text-align:center;border:2px solid #ddd;padding:1px;}
.button {background-color: #0281d1;color: #fff;font-weight: bold;text-align:center;border:2px solid #ddd;padding:1px;}
input[type=submit] {background-color: #0281d1;color: #fff;font-weight: bold;text-align:center;border:2px solid #ddd;padding:1px;}
input[type=reset] {background-color: #0281d1;color: #fff;font-weight: bold;text-align:center;border:2px solid #ddd;padding:1px;}
input:focus, textarea:focus{background-color: #ffffff;border: 1px solid #666;}

a {
        color: #27d;
        text-decoration: none;
        }

.navigation{

}