/*

Theme Name: Syshelp Fresh!

Theme URI: http://www.ilemoned.com/wordpress/wptheme-fresh/

Description: Designed by <a href="http://www.bartelme.at" title="Bartelme Design">Wolfgang Bartelme</a>.

Version: 2.0

Author: Luca Arena based on LEMONed

Author URI: http://www.ilemoned.com

modified by Luca Arena for Syshelp layout

*/





/**********************************************

*   Basics & Typography                       *

***********************************************/



body {

    margin: 0;

    padding: 0;

    background: black url(images/bg.jpg) repeat-y top center;

    font: 62.5% "Lucida Grande", "Lucida Sans Unicode", Sans-Serif;

    color: #000;

    text-align: left;

    }



p,

ol,

ul {

    line-height: 150%;

    }

ol {}

ul {}



h1, h2, h3, h4, h5, h6 {

    margin: 0;

    font-style: normal;

    font-weight: bold;

    background: transparent;

    color: #000099;

    }



h1 {

    font-size: 2.2em;

    }

h2 {

    font-size: 1.4em;

    }

h3, h4, h5, h6 {

    font-size: 1em;

    }



a:link {

    color: #2f63b3;

    text-decoration: none;

    }

a:visited {

    color: #2f63b3;

    text-decoration: none;

    }

a:hover {

    color: #4a5265;

    text-decoration: underline;

    }

a:active {

    color: #2f63b3;

    text-decoration: underline;

    }



blockquote {

    margin: 10px 0;

    padding: 0 50px;

    background: transparent url(images/blockquote.gif) no-repeat 0 0;

    color: #abafb9;

    }



code {

  background: #e9f0fa;

  cursor: text;

  font-family: "Courier New", Courier, monospace;

 }



small {

    font-size: 0.8em;

    }



input, textarea, select {}



form {}



img {}

img.noborder {

    border: none;

    }



.alert {

    font-weight: bold;

    color: #f00;

    }



.left {

    float: left;

    }

.right {

    float: right;

    }

.center {

    text-align: center;

    }

.alignleft {

    float: left;

    margin-right: 10px;

    }

.alignright {

    float: right;

    margin-left: 10px;

    }



/**********************************************

*   Structure: Content, Sidebar, etc.         *

***********************************************/



#outline {

    width: 855px;

    margin: 0 auto;

    padding: 0;

    background: #fff;

    font-size: 1.3em;

    }





/**********************

*   Header            *

***********************/



#header {

    width: 100%;

    height: 118px;

    background: transparent url(images/header_bg.gif) repeat-x left top;

    }



#header .blogtitle {

    width: auto;

    height: 118px;

    background: transparent url(images/header.gif) no-repeat left bottom;

    }

#header h1 {

    padding: 50px 0 0 50px;

    }

#header h1 a {

    color: #fff;

    }





    #navbar {

        clear: both;

        float: left;

        width: 100%;

        height: 31px;

        background: transparent url(images/nav_bg.gif) repeat-x 0 0;

        }



    ul.menu {

        float: left;

        margin: 0;

        padding: 0 15px;

        list-style-type: none;

        }

    ul.menu li {

        float: left;

        }

    ul.menu li a {

        float: left;

        display: block;

        height: 28px;

        padding: 3px 15px 0 15px;

        line-height: 24px;

        color: #fff;

        }

    ul.menu li a:link,

    ul.menu li a:visited {

        color: #fff;

        background: transparent url(images/nav_hover.gif) no-repeat center top;

        }

    ul.menu li a:hover,

    ul.menu li a:active {

        color: #fff;

        background: transparent url(images/nav_hover.gif) no-repeat center -31px;

        text-decoration: none;

        }



    ul.menu li.current_page_item a:link,

    ul.menu li.current_page_item a:visited,

    ul.menu li.current_page_item a:hover,

    ul.menu li.current_page_item a:active {

        color: #fff;

        background: transparent url(images/nav_active.gif) no-repeat center bottom;

        text-decoration: none;

        }



    .searchbar {

        float: right;

        width: 290px;

        height: 31px;

        margin: 0;

        }


    .searchform {

        width: 290px;

        height: 20px;

        text-align: left;

        }

    input#s {

        width: 265px;

        height: 18px;

        margin: 5px 0 0 1px !important;

        margin: 4px 0 0 1px; /* Fuck IE */

        padding: 1px 4px 0 3px;

        border: 1px solid #0b236c;

        background: #fff url(images/searchbg.gif) repeat-x 0 0;

        color: #ccc;

        }

    input#s:focus {

        color: #999;

        }



/***********************

*  Wrapper             *

***********************/



#wrapper {

    float: left;

    background: #fff url(images/wrapper.gif) repeat-y 0 0;

    margin: 0 !important;

    margin: -15px 0 0 0; /* Fuck IE */

    padding: 0;

    }





/**********************

*   Content           *

***********************/



#content {

    float: left;

    width: 560px;

    height: 100%;

    background: #fff;

    }





.page-title {

    margin: 10px 0;

    }

.page-title {

    clear: both;

    float: left;

    width: 470px;

    max-height: 48px;

    overflow: hidden;

    line-height: 48px;

    padding: 0 30px;

    background: #dce6ff url(images/pages-title.gif) repeat-x bottom center;

    }



.paged,

.wp-pagenavi {

    clear: both;

    float: left;

    width: 470px;

    line-height: 48px;

    padding: 0 30px;

    background: #dce6ff url(images/pages-title.gif) repeat-x bottom center;

    }

.wp-pagenavi a,

.wp-pagenavi span {

    margin: 0 20px 0 0;

    }





/**********************

*   Blog Entries      *

***********************/



.post {

    padding: 20px 20px;

    background: #fff;

    }



.postentry {

    color: #050d24;

    text-align: justify;

    }

.postentry a,

.postentry a:hover {

    color: #2f63b3;

    }



.postentry img {

    border: 5px solid #ffffff;

    }

.postentry img:hover {

    border: 5px solid #ffffff;

    }



.postentry img.wp-smiley,

.postentry img.wp-smiley:hover {

    border: none;

}



.postentry span.alert {

    font-weight: bold;

    color: #f00;

    }



.posttitle {}

.posttitle a:link,

.posttitle a:visited,

.posttitle a:hover,

.posttitle a:active {

    color: #050d24;

    }



.postmeta,

.postmeta a {

    margin: 5px 0 ;

    font-size: 1em;

    color: #2f63b3;

    }

.post-date {

    padding: 0 0 0 20px;

    background: url(images/icon_date.gif) no-repeat 0 0;

    }

.post-cmts {

    padding: 0 0 0 20px;

    background: url(images/icon_cmts.gif) no-repeat 0 0;

    }

.post-cate {

    padding: 0 0 0 20px;

    background: url(images/icon_cate.gif) no-repeat 0 0;

    }

.post-tags a {

    padding: 0 0 0 20px;

    background: url(images/icon_tag.gif) no-repeat 0 0;

    }



/**********************

*   Comments          *

***********************/



.commentpage {

    margin: 0 30px;

    padding: 0;

    }



#comments {

    margin: 0;

    padding: 0;

    }



.comments-num {

    background: transparent url(images/separator_green.gif) repeat-x center bottom;

    padding: 0 0 10px 0;

    }



#commentlist {

    margin: 0;

    padding: 0;

    list-style-type: none;

    }

#commentlist li {

    padding: 20px 25px 0 0;

    border-bottom: 1px solid #dce6ff;

    background: #edf2ff url(images/comment_bg.gif) repeat-y 0 0;

    }

    .alt {

        background-color: #fff !important;

        background-image: none !important;

        }



.comment-gravatar {

    float: left;

    width: 62px;

    height: 62px;

    background: transparent url(images/gravatar.gif) no-repeat;

    }

    img.avatar {

        margin: 7px 0 0 7px;

        border: none;

        }



.comment-title,

.comment-meta,

.comment-text {

    margin: 0 0 0 80px;

    }



.comment-title,

.comment-title a,

.comment-title a:hover{

    color: #030612;

    }

.comment-meta,

.comment-meta a,

.comment-meta a:hover {

    color: #2f63b3;

    }



h2#postcomment {

    margin: 30px 0 0 0;

    padding: 0 0 10px 0;

    background: transparent url(images/separator_green.gif) repeat-x center bottom;

    }



.postcomment {

    clear: both;

    margin: 20px 0 0 0;

    padding: 20px;

    background: #dce6ff url(images/separator_blue.gif) repeat-x center top;

    }



.postcomment input,

.postcomment textarea {

    border: 1px solid #b0c5ff;

    }

.postcomment input:hover,

.postcomment textarea:hover {

    border: 1px solid #fec02a;

    }

.postcomment input#author,

.postcomment input#email,

.postcomment input#url {

    width: 100% !important;

    width: 456px; /* Fuck IE */

    height: 18px;

    }

.postcomment textarea#comment {

    width: 100% !important;

    width: 456px; /* Fuck IE */

    height: 200px;

    }



.postcomment input#submit {

    width: auto;

    height: 25px;

    padding: 2px 10px 3px 10px;

    background: #e5edff url(images/submit.gif) repeat 0 0;

    }

.postcomment input#submit:hover {

    background: #e5edff url(images/submit_hover.gif) repeat 0 0;

    }







/**********************

*   Sidebar           *

***********************/



#sidebar {

    float: right;

    width: 290px;

    height: 100%;

    margin: 0;

    padding: 0;

    background: #fff;

    }



#sidebar .rssfeeds {

        height: 140px;

        margin: 0;

        padding: 0;

        background: transparent url(images/feeds.jpg) no-repeat right bottom;

        }

#sidebar h2.feed-title {

        margin: 0;

        padding: 20px 0 0 3px;

        background: none !important;

        font-size: 1.4em;

        }

    .rssfeeds a.rss  {

        padding: 1px 0 1px 25px;

        background: transparent url(images/icon_rss.gif) no-repeat 5px 0;

        line-height: 200%;

        }



#sidebar h2 {

    width: 287px;

    overflow: visible;

    display: block;

    margin: 16px 0 6px 0;

    padding: 0 0 10px 3px;

    background: url(images/separator_green.gif) repeat-x center bottom;

    font-size: 1.4em;

    }



#sidebar ul {

    clear: both;

    margin: 0;

    padding: 0;

    list-style-type: none;

    }

#sidebar ul li {

    clear: both;

    color: #666;

    }



#sidebar li li,

#sidebar li.widget li,

#sidebar li.widget div,

#sidebar .tagcloud {

    width: 260px;

    margin: 0 0 0 3px;

    }



#sidebar li.widget_tag_cloud {

    width: 260px;

    margin: 0 0 0 3px;

    }

#sidebar li.widget_tag_cloud h2 {

    margin-left: -3px;

    }

#sidebar ul.blc {

    padding: 0 5px;

    }





/**********************

*   Bottom            *

***********************/



#bottom {

    clear: both;

    float: left !important;

    float: none;

    width: 855px;

    height: 100%;

    margin: 0;

    padding: 0;

    background: #031545 url(images/separator_green.gif) repeat-x 0 0;

    border-top: 20px solid #fff;

    font-size: 0.9em;

    text-align: left;

    color: #fff;

    }



#bottom-left,

#bottom-mid,

#bottom-right {

    width: 30%;

    padding: 20px 0 20px 20px;

    float: left;

    }

#bottom h2 {

    margin: 0 0 10px 0;

    padding: 0 8px;

    font-size: 1.6em;

    color: #fff;

    }

#bottom h2 span {

    color: #508fd2;

    }

#bottom ul {

    margin: 0;

    padding: 0;

    list-style-type: none;

    border-top: 1px solid #031c5d;

    }

#bottom ul li {

    line-height: 26px;

    border-bottom: 1px solid #031c5d;

    }

#bottom ul li a {

    display: block;

    padding: 0 10px;

    color: #fff;

    text-decoration: none;

    }

#bottom ul li a:hover {

    background: #010b32;

    }







/**********************

*   Footer            *

***********************/



#footer {

    width: 100%;

    height: 74px;

    clear: both;

    background: #010b32;

    border-top: 1px solid #000;

    color: #fff;

    }



#footer .validate {

    background: url(images/icon_valid.gif) no-repeat 0 0;

    padding: 0 5px 0 20px;

    }



#footer .credits {

    float: right;

    margin: 0;

    padding: 0;

    border: none;

    }



#footer p {

    margin: 0;

    padding: 13px 25px;

    font-size: 0.9em;

    line-height: 200%;

    }

#footer p a:link,

#footer p a:visited {

    color: #a8cbff;

    }

#footer p a:hover {

    color: #fff;

    }

#footer p a:active {

    color: #9ad202;

    }