/* MAIN STYLES
-------------------------------------------*/
* { margin: 0; padding: 0; }

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

ul {
        list-style:none;
}

a {
        text-decoration:none;
}

a:hover {
        border:none;
}

#colLeft a:hover {
        border:none;
}

#colRightInner a:hover {
        border:none;
}

a:focus {
        outline:none;
}

p {
        margin:1em 0;
}


 /* LAYOUT STRUCTURE
--------------------------------------------------*/
#wrapper {
        margin:0 auto;
        width:960px;
}


#header {
        height:204px;
        position:relative;
        z-index:99; 
}

#content {
        padding:15px 0 20px;
        

}

#colLeft{
        width:610px;
        border:7px solid #EAEAE3;
        float:left;        
        background:#fff;
        padding:17px 13px 17px 18px;
}

#colRight {
        width:288px;
        float:left;        
        padding-left:15px;
        position:relative;
}

#footer {

        border-top:2px solid #333;
        padding:12px 0 35px 0;
        width:960px;
        margin:1px auto;
        color:#868686;
        position:relative;
        font-size:11px;
}

/* HEADER ELEMENTS 
--------------------------------------------------*/
/* -- logo --*/
#logoTag {
        position:absolute;
        top:65px;
        left:0;
}

#logoTag #logo {
        height:85px;
        background:url(images/bk_logo_left.png) no-repeat;
        padding-left:12px;
        float:left;
}

#logoTag #logoImg {
        background:none;
        padding:0;
        float:left;
        padding-top:3px;
        padding-right:10px;
}

#logoTag #logoImg img {
        border:none;
}

#logoTag #logo h1 a {
        display:block;
        padding-right:12px;
        background:url(images/bk_logo_right.png) 100% 0 no-repeat;
        color:#fff;
        font-size:34px;
        padding-top:14px;
        height:61px;
        float:left;
        line-height:100%;
}


#logoTag #tagline {
        float:left;
        padding-top:14px;
        padding-left:15px;
        color:#CFD5DA;
        text-transform:uppercase;
        width:300px;
}


#topLinks {
        position:absolute;
        top:9px;
        left:0;
}

#bottomLinks {
        position:absolute;
        top:12px;
        right:0;
}

#topLinks li, #bottomLinks li {
        float:left;
        background:url(images/bullet_top.jpg) 0 50% no-repeat;
        padding-left:7px;
        padding-right:15px;
}

#topLinks li a, #bottomLinks li a {
        color:#868686;
        font-size:11px;
        text-decoration:none;
        text-transform:capitalize;
        border:none;
}

/* TOP MENU */

#topMenu {
        position:absolute;
        bottom:0;
        left:0;
        width:958px;
}

#topMenu ul.sf-menu {
        margin-left:-1px;
}

#topMenu ul.sf-menu li {
        float:left;
        line-height:43px;
        padding:0 12px;
}
#topMenu ul.sf-menu li a {
        text-decoration:none;
        text-transform:uppercase;
        border:none;
}
#topMenu ul.sf-menu li a:hover {
        color:#FFF;
}

#topMenu ul.sf-menu li li {
        background:#64e930;
        padding-right:15px;
        padding-top:5px;
}

#topMenu ul.sf-menu li ul.children {
        border-bottom:none;
}

#topMenu ul.sf-menu li ul.children li,#topMenu ul.sf-menu li.page_item ul li  {
        position:relative;
        line-height:100%;
        height:28px;
        text-transform:none;
}
#topMenu ul.sf-menu li ul.children li a, #topMenu 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;
}
#topMenu ul.sf-menu li ul.children li a:hover, #topMenu ul.sf-menu li.page_item ul li a:hover{
        color:#fff;
        
}
#topMenu ul.sf-menu li ul.children li ul.children {
        border: none;

}
#topMenu ul.sf-menu li ul.children li ul.children a {
        text-decoration: none;
        position:relative;
        border:none;
}
#topMenu ul.sf-menu li ul.children, #topMenu ul.sf-menu li.page_item ul
{
        margin:13px 0 0 0;
        
}
#topMenu ul.sf-menu li ul.children ul.children
{
        margin:0 0 0 38px;
}

/* ------------------------*/

#socialLinks {
        position:absolute;
        right:10px;
        bottom:10px;
}

#socialLinks a {
        display:block;
        float:left;
        padding-right:10px;
        border:none;
}

#socialLinks a img {
        border:none;
}

#site5top {
        position:absolute;
        top:9px;
        right:0;
}

#site5top a {
        display:block;
        width:200px;
        height:19px;
        background:url(images/site5_top.jpg) 0 0 no-repeat;
        text-indent:-9999px;
}

/* COLLEFT ELEMENTS
----------------------------------------------*/
.searchQuery, #archive-title {
        border-bottom:1px solid #E2E2D8;
        padding:0 0 10px;
        margin-bottom:15px;
}

.searchQuery strong, #archive-title strong {
        font-size:14px;
}        


#colLeft h1 {
        border-bottom:1px dotted #999;
        padding:0;
        font-family:Georgia, "Times New Roman", Times, serif;
        color:#333;
        font-size:20px;
        letter-spacing:-1px;
        line-height:110%;
        text-decoration:none;
        font-weight:normal;
}

.alignleft {
        float:left;
        margin:5px 15px 5px 0;
}

.alignright {
        float:right;
        margin:5px 0 5px 15px;
}

#colLeft img {
        padding:8px;
        background:#F0F0F0;
        border-right:1px solid #CCCCCC;
        border-bottom:1px solid #CCCCCC;
}

#colLeft .blogItem {
        margin-bottom:10px;
        padding-bottom:10px;
}

#colLeft .blogItem .itemTitle {
        position:relative;
        background:url(images/bk_dotted_vert.gif) 58px 0 repeat-y;
        margin-bottom:10px;
}

#colLeft .blogItem .date{
        float:left;
        width:47px;
        height:50px;
        text-align:center;
        padding-right:25px;
}

#colLeft .blogItem .date .month{
        color:#ccc;
        font-size:10px;
        text-transform:uppercase;
        padding-bottom:5px;
}

#colLeft .blogItem .date .day {
        font-size:20px;
        color:#fff;
        font-weight:bold;
        line-height:130%;
}

#colLeft .blogItem .itemTitle h1 {
        border:none;
}

#colLeft .blogItem .itemTitle h1 a{
        border-bottom:1px dotted #999;
        padding:0;
        font-family:Georgia, "Times New Roman", Times, serif;
        color:#333;
        font-size:24px;
        letter-spacing:-1px;
        line-height:110%;
        text-decoration:none;
        font-weight:normal;
}


#colLeft .blogItem .metadata {
        padding:5px 0 8px;
        border-top:1px solid #E2E2D8;
        border-bottom:1px solid #E2E2D8;

        font-size:11px;
}

#colLeft .blogItem a.more-link {
        display:block;
        width:90px;
        height:24px;
        text-align:center;
        clear:both;
        border:none;
        line-height:22px;
        margin-top:10px;
}

#colLeft .social {
        border:1px dashed #9FD9FF;
        background:#EAF7FF;
        padding: 0 10px;
}

#colLeft .social p {
        padding-left:5px;
        margin:0.8em 0 0.5em;
}

#colLeft .social a {
        border:none;
}

#colLeft .social a img {
        padding:5px;
        border:none;
        background:none;
}

#colLeft .social a:hover img {

}

#colLeft .social strong {
        color:#00C1F2;
}

#colLeft h2#comments {
        border-bottom:1px solid #E2E2D8;
        padding:20px 0 15px;
}



/* COLRIGHT ELEMENTS
----------------------------------------------*/
#boxAbout {
        border:1px solid #626262;
        background:#1B1B1B url(images/bk_box_about.jpg) 0 0 no-repeat;
        padding:13px 12px 5px;
        color:#838383;
        margin-bottom:12px;
}

#boxAbout h2 {
        border-bottom:1px solid #626262;
        padding-bottom:8px;
        color:#ccc;
}


#colRightInner {
        border:7px solid #EAEAE3;
        background:#fff;
        padding:8px 8px 15px;
        position:relative;
}

#colRightInner h2 {
        font-size:16px;
        padding:5px 0 8px;
        border-bottom:1px solid #E2E2D8;
}

#colRightInner ul {
        padding-bottom:10px;
}

#colRightInner ul li {
        padding:6px 0;
        border-bottom:1px solid #E2E2D8;
}

#colRightInner ul li a {
        color:#666;
        border:none;
}

#colRight #recentcomments .url {
        font-weight:bold;
}

#colRight #ads {
        padding-bottom:5px;
        width:290px;
} 

#colRight #ads a {
        float:left;
        margin:0 7px 6px 0;
        border:none;
}

#colRight #ads a img {
        border:none;
}

#colRight #flickr {
        margin-top:10px;
}

#colRight #flickr a {
        border:none;
}

#colRight #flickr a img {
        border:none;
        padding:10px 11px 0 0;
}

#colRight #flickr h2{
        background:url(images/flickr_logo.jpg) 0 0 no-repeat;
        padding-left:66px;
        padding-top:7px;
}

a#site5_sidebar {
        display:block;
        width:240px;
        height:68px;
        text-indent:-9999px;
        background:url(images/site5_sidebar.jpg) 0 0 no-repeat;
}


/*COMMENTS
---------------------------------------------*/
#colLeft ul.commentlist {
        margin-bottom:10px;
        list-style-type:none;
}

#colLeft ul.commentlist li {
        background:none;
        border-bottom:1px solid #E2E2D8;
        padding:10px 0;
        padding-left:40px;
}

#colLeft ul.commentlist li .avatar {
        float:left;
        width:32px;
        margin-left:-40px;
        padding:0;
        border:none;
}

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

* html #colLeft ul.commentlist li .avatar {
        margin-bottom:-20px;
}


#colLeft ul.commentlist li .commentmetadata {
        font-size:11px;
        color:#777;
}


/* FORMS
-------------------------------------------------*/
#searchform {
        position:absolute;
        right:0;
        top:80px;
}

#searchform input {
        border:1px solid #626262;
        background:#000;
        padding:5px 4px 6px;
        color:#999;
        width:215px;
        float:left;
}

#searchform input#searchsubmit {
        width:65px;
        height:30px;
        border:none;
        background:url(images/bk_search_but.jpg) 0 0 no-repeat;
        cursor:pointer;
}

/* 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:500px;
}

#commentform input#submit{
        border:none;
        width:90px;
        height:24px;
        text-align:center;
        padding-top:4px;
        margin-top:5px;
}

/* 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:90px;
        height:24px;
        text-align:center;
        padding-top:4px;
        margin-top:15px;
}

.errormsg, .successmsg{
        background:#FEF4F1;
        border:1px solid #F7A68A;
        color:#DA4310;
        padding:10px;
}

.successmsg {
        border:1px solid #9FD9FF;
        background:#EAF7FF;
        color:#00BFF5;
}


/* 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;
}