/* Theme Name: ColorboldAuthor: Site5.com
/* Author
/* URI: http://www.site5.com */
/* MAIN STYLES
/* ------------------------------------------- */

* { margin: 0; padding: 0; }
body,html {	
    font-weight:normal;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#333;	margin:0;
    padding:0;
    background:url(images/bk_body.jpg);
    line-height:135%;
}

ul {list-style:none;}

a {color:#0093CA; text-decoration:none;}
a:hover {text-decoration:underline;}
a:focus {outline:none;}
p {margin:1em 0;}

h1, h2 {
    font-size:28px;
    color:#0093CA;
    letter-spacing:-1px;
    font-weight:normal;
    line-height:100%;
    padding-bottom:10px;
}

h2 {
    font-size:20px;
    color:#333;
    padding-top:10px;
}

/* LAYOUT STRUCTURE--------------------------------------------------*/
#mainWrapper {
    background:url(images/bk_mainwrapper.png) 0 0 repeat-x;
    min-width:1024px;
}

#wrapper {
    margin:0 auto;
    width:976px;
}

#header {
    height:202px;
    position:relative;
    z-index:99;
    padding:0 8px;
}

#content {
    padding:0 8px 20px;
    background:url(images/bk_content.png) 0 0 repeat-y;
}

#colLeft{
    width:616px;
    float:left;
    padding:20px 30px 17px 25px;
    background:url(images/bk_colleft.png) 0 0 repeat-x;
}

#colRight {
    width:287px;
    float:left;
    padding:0 1px;
    position:relative;
}

#footer {	
    border-bottom:10px solid #282828;
    background:#000 url(images/bk_footer.jpg) 0 0 repeat-x;
    padding:10px 20px 20px 20px;
    width:920px;
    margin:0 auto 20px;	color:#666;
    position:relative;
    font-size:11px;
    min-height:44px;
}

/* HEADER ELEMENTS------------------------------------------*/
/* -- logo -- */
#logo {	
    position:absolute;
    top:30px;
    left:22px;
}

#logo a img{	
    border:none;
}

/* -- main menu --*/
#mainMenu {
    width:960px;
    height:47px;
    position:absolute;
    bottom:0;
}

#mainMenu ul.sf-menu {
    padding-top:19px;
    padding-left:3px;
}

#mainMenu ul.sf-menu li {	
    float:left;
    padding:0 12px;
    font-size:12px;
}

#mainMenu ul.sf-menu li a {
    text-decoration:none;
    text-transform:uppercase;
}

#mainMenu ul.sf-menu li li a {	
    padding:0 12px;
}
#mainMenu ul.sf-menu li li {	
    padding:0;
    padding-top:2px;
    border:none;
}
#mainMenu ul.sf-menu li ul.children {	
    padding:0;
}
#mainMenu ul.sf-menu li ul.children li,#mainMenu ul.sf-menu li.page_item ul li  {
    position:relative;
    line-height:100%;
    height:28px;
    text-transform:none;
}
#mainMenu ul.sf-menu li ul.children li a, #mainMenu ul.sf-menu li.page_item ul li a {
    text-decoration: none;
    display:block;
    padding-top:7px;
    line-height:100%;
    border:none;
    text-transform:none;
}
#mainMenu ul.sf-menu li ul.children li ul.children a {	
    text-decoration: none;
    position:relative;
    border:none;
}
#mainMenu ul.sf-menu li ul.children, #mainMenu ul.sf-menu li.page_item ul{	
    margin-top:-2px;
}
#mainMenu ul.sf-menu li ul.children ul.children{	
    margin:0 0 0 25px;
}
/*------------------------*/
#topMenu {
    position:absolute;
    right:8px;
    bottom:48px;
    background:url(images/bk_topmenu.png);
}
#topMenu ul li{
    float:left;
    padding:7px 15px;
    font-size:11px;
    color:#ccc;
}
#topMenu ul li a {	
    color:#ccc;
}
#topMenu ul li a:hover {
    color:#FFF;
    text-decoration:none;
}
#site5top {	
    position:absolute;
    top:37px;
    right:8px;
}
.rssTag {
    position:absolute;
    width:63px;
    height:71px;
    background:url(images/rss_tag.png) 0 0 no-repeat;
    text-indent:-9999px;
    right:5px;
    top:151px;
    z-index:9999;
}

/* COL LEFT ELEMENTS-------------------------------------------*/
.searchQuery, #archive-title {	
    border-bottom:1px solid #E2E2D8;
    padding:0 0 10px;
    margin-bottom:15px;
}
#colLeft .blogPost .metaLeft {
    float:left;	width:50px;
    text-align:center;
    padding-right:15px;
    padding-top:14px;
}
#colLeft .blogPost .metaLeft .month {
    text-transform:uppercase;
    font-size:11px;
    height:21px;
    line-height:21px;
}
#colLeft .blogPost .metaLeft .day {
    padding:12px 0;
    font-size:36px;
    border-bottom:1px dotted #cdcdcd;
    margin-bottom:10px;
}
#colLeft .blogPost .metaLeft .year {	
    padding:0;
    font-size:18px;
    margin-bottom:10px;
}
#colLeft .blogPost .metaLeft .comments {
    font-size:16px;
    height:40px;
    line-height:30px;
    font-weight:bold;
}
#colLeft .blogPost .postRight {
    float:left;
    width:526px;
    padding-left:20px;
    border-left:1px solid #D8D8D8;
    padding-top:10px;
    position:relative;
    padding-bottom:10px;
    text-align:justify;
}
#colLeft .blogPost .postRight .titBullet {
    position:absolute;
    left:-1px;
    top:15px;
    width:12px;
    height:22px;
    background:url(images/bullet_tit.jpg) 0 0 no-repeat;
}
#colLeft .blogPost .postRight .metaRight {
    border-top:1px dotted #CDCDCD;
    border-bottom:1px dotted #CDCDCD;
    padding:6px 0;
    font-size:11px;
}
#colLeft .blogPost .postRight .metaRight img {
    vertical-align:middle;
    margin-right:3px;
    border:none;
    padding:0;
}
#colLeft .blogPost a.more-link {	
    display:block;
    width:91px;
    height:24px;
    padding-left:10px;
    clear:both;
    border:none;
    line-height:22px;
    margin-top:10px;
    font-size:12px;
}
#colLeft .single {	
    margin-bottom:20px;
}
#colLeft p img {	
    margin:0 auto;
}

/* share icons */
#colLeft .social {
    border:1px solid #D8D8D8;
    background:#F2F2F2;
    padding:5px 10px;
    font-size:12px;
}

#colLeft .social a img {
    padding:0;
    border:none;
    background:none;
    vertical-align:middle;
}
#colLeft .social strong {
    color:#00C1F2;
    padding-right:10px;
}
.alignleft {
    float:left;
    margin:5px 15px 5px 0;
}
.alignright {
    float:right;
    margin:5px 0 5px 15px;
}
.navigation {
    margin-left:65px;
    margin-top:15px;
}
.navigation .alignleft a, .navigation .alignright a {	
    display:block;
    width:91px;
    height:24px;
    text-align:center;
    padding-left:8px;
    padding-top:3px;
    font-size:12px;
}
.navigation .alignleft a:hover, .navigation .alignright a:hover {	
    text-decoration:none;
}
.navigation .alignright a {	
    text-align:left;
    padding-left:18px;
    width:73px;
}
#colLeft ul li {
    background:url(images/bullet_left.png) 0 10px no-repeat;
    padding:5px 0 5px 14px;
}

/* COL RIGHT ELEMENTS------------------------------------------*/
#colRight #twitter {
    border-top:1px solid #CDCDCD;
    background:url(images/bk_grad_down.jpg) 0 0 repeat-x;
    padding:15px 13px;
    font-size:11px;
    color:#666;
    line-height:120%;
    margin:0;
    min-height:38px;
}
#colRight #twitter a img {	
    float:left;
    border:none;
    margin:0 10px 0 0;
}
#colRight #twitter span {	
    font-size:14px;
    color:#0FACEE;
    text-transform:uppercase;
    font-weight:bold;
    line-height:130%;
}
/* ads */
#colRight #ads {
    border-top:1px solid #CDCDCD;
    background:url(images/bk_grad_down.jpg) 0 0 repeat-x;
    padding:12px 0 8px 13px;
    margin:0;
}
#colRight #ads a {	
    float:left;
    margin:0 8px 7px 0;
    border:none;
}
#colRight #ads a img {	
    border:none;
}
#colRight h2 {	
    font-size:14px;
    text-transform:uppercase;
    height:28px;
    padding:10px 15px 0;
    font-weight:bold;
}
#colRight ul {
    margin:0 15px 15px;
    border-bottom:1px solid #cdcdcd;
}
#colRight div {	
    margin:0 15px 15px;
}
#colRight ul li {
    padding:5px 0 5px 14px;
    font-size:12px;
}
#colRight ul li a {	
    color:#333;
}
#colRight ul li:hover a, #colRight ul li a:hover{	
    text-decoration:none;
}
/* flickr */
#colRight #ads a img {	
    border:none;
}
#colRight #flickr {	
    margin-top:10px;
}
#colRight #flickr a {	
    border:none;
}
#colRight #flickr a img {
    border:none;
    padding:9px 10px 0 0;
}
#colRight #flickr .flickr_tit{
    margin:0;
    padding:0;
}

/* FOOTER ELEMENTS-------------------------------------------*/
#footerMenu li{	
    float:left;
    padding-right:12px;
    padding-top:5px;
}
#site5bottom {	
    position:absolute;
    right:20px;
    top:20px;
}

/*COMMENTS---------------------------------------------*/
#colLeft ul.commentlist {
    margin:15px 0;
    list-style-type:none;
}
#colLeft ul.commentlist li {
    background:none;
    padding:0;
}
#colLeft ul.commentlist li .comment-metaLeft {	
    float:left;
    width:50px;
    text-align:center;
    padding-right:15px;
    padding-top:14px;
}
#colLeft ul.commentlist li .commentRight {
    float:left;
    width:526px;
    border-left:1px solid #D8D8D8;
    padding:15px 0 10px 20px;
    position:relative;
    font-size:11px;
}
#colLeft ul.commentlist li .commentRight .text {
    border-bottom:1px dotted #ccc;
    font-size:14px;
}
#colLeft ul.commentlist li .commentRight .text img {	
    border:none;
    background:none;
    padding:0;
}
#colLeft ul.commentlist li .avatar {
    border:5px solid #E6E6E6;
    padding:1px;
    background:#fff;
}
#colLeft ul.commentlist li .reply {
    padding-top:5px;
    font-size:12px;
    font-weight:bold;
}
#colLeft ul.commentlist li em {	
    font-size:12px;
    padding-top:5px;
    display:block;
}#colLeft ul.commentlist li .commentRight .commentBullet {
    position:absolute;
    left:-1px;
    top:15px;
    width:12px;
    height:22px;
    background:url(images/bullet_tit.jpg) 0 0 no-repeat;
}
#colLeft ul.commentlist li .commentRight strong {	
    background:#009CDC;
    padding:3px 5px;
    font-size:12px;
}
#colLeft ul.commentlist li .children .commentRight {	
    padding-left:40px;
    width:500px;
    background:url(images/ico_reply.png) 20px 15px no-repeat;
}

/* FORMS-------------------------------------------*/
#colRight #searchBox {
    background:url(images/bk_grad_up.jpg) 0 100% repeat-x;
    padding:20px 0;
    padding-left:13px;
    margin:0;
}
#searchform input {	
    border:none;
    border-left:1px solid #CDCDCD;
    border-top:1px solid #CDCDCD;
    background:#fff;
    padding:6px 4px 7px 25px;
    color:#666;
    width:157px;
    float:left;
    background:#fff url(images/ico_search.jpg) 5px 50% no-repeat;
}
#searchform input#searchsubmit {
    width:72px;
    height:30px;
    border:none;
    background:url(images/but_search.jpg) 0 0 no-repeat;
    cursor:pointer;
    padding:0;
    text-align:center;
    color:#ccc;	font-size:12px;
}

/* contact */
#contact label {
    display:block;
    padding:8px 0 2px;
}
#contact input, #contact textarea {
    border:1px solid #ddd;
    padding:5px;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#666;
    width:300px;
}
#contact textarea {	
    width:500px;
}
#contact input.submit {	
    border:none;
    width:107px;
    height:31px;
    text-align:center;
    padding-top:4px;
    margin-top:15px;
    background:url(images/but_send.jpg) 0 0 no-repeat;
}
.errormsg, .successmsg{
    background:#FEF4F1;
    border:1px solid #F7A68A;
    color:#DA4310;
    padding:10px;
}
.successmsg {
    border:1px solid #9FD9FF;
    background:#EAF7FF;
    color:#00BFF5;
}

/* post comment */
#commentform label {
    display:block;
    padding:5px 0 2px;
}
#commentform input, #commentform textarea {
    border:1px solid #ddd;
    padding:5px;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#666;	width:300px;
}
#commentform textarea {	
    width:520px;
}
#commentform input#submit{	
    border:none;
    width:107px;
    height:31px;
    text-align:center;
    padding-top:4px;
    margin-top:5px;
    background:url(images/but_send.jpg) 0 0 no-repeat;
}

/* CLEARING---------------------------------------------------*/
.clearfix:after {   
    content: ".";
    display:block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {	
    display: block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */
.clear {clear: both;}
.noclear {clear: none;}

/* JEKO ADDONZ */
.main_title {
    font-size:22px;
    color:#FAFAFA;
    line-height:50px;
    margin-left:20px;
}
.wp-smiley {
    margin:0;
    padding:0;
    background:none;
}
#JeKo_headers {    
    padding-left:25px;
}
#wp-calendar td {
    text-align:center; 
    padding:0 9px;
}
#wp-calendar caption {
    font-size:1.4em;
    padding:5px 0 10px 0;
}