/*
        Theme Name: PROMarketer
        Description:
        Version: 1.0
*/

* {
        margin:0;
        padding: 0;
}
body {
        background: url(images/background.gif) repeat-x top #f7f7f7;
        font-family: Verdana, sans-serif;
        font-size: 12px;
        text-align: center;
}
p {
        font-family: Verdana, sans-serif;
        font-size: 12px;
        line-height: 1.6em;
        color: #555;
        padding: 12px 0;
}
a {
        text-decoration: none;
}
#wrapper {
        width: 930px;
        margin: 0 auto;
        text-align: left;
}
#header {}
#search {
        padding: 8px;
        width: 370px;
        float: left;
}
#search input[type=text] {
        width: 250px;
        float: left;
        border: 1px solid #888;
        padding: 5px;
        color: #666;
}
#search input[type=image] {
        float: right;
}
#social {
        width: 240px;
        float: left;
        margin-left: 20px;
}
        #social a img {
                border: none;
                margin: 7px;
                float: left;
        }
#logo {
        width: 500px;
        float: left;
        height:91px;
        margin: 20px 0;
        margin-left: 20px;
        clear: left;
        text-align: left;
}
        #logo h1 a {
                color: #555;
                font-size: 55px;
                text-decoration: none;
                font-weight: bold;
                font-family: verdana, sans-serif;
                letter-spacing: -3px;
        }
        #logo h3 {
                color: #999;
                font-size: 14px;
                font-weight: normal;
                letter-spacing: 1px;
        }
#your-photo {
        background: url(images/your-photo.jpg);
        width: 387px;
        height: 229px;
        float: right;
        margin-right: -40px;
}
#nav {
        clear: left;
        padding-top: 15px;
}
        #nav ul {
                list-style: none;
                border-right: 1px solid #fff;
                border-left: 1px solid #ddd;
                height: 34px;
        }
        #nav ul li {
                float: left;
                display: block;
        }
        #nav ul li a {
                float: left;
                display: block;
                padding: 9px 18px;
                text-decoration: none;
                color: #666;
                font-size: 13px;
                font-weight: bold;
                border-left: 1px solid #fff;
                border-right: 1px solid #ddd;
        }
                #nav ul li a:hover {
                        color: #fff;
                        background: url(images/nav-hover.gif) repeat-x top;
                }
#content {
        clear: both;
        padding-top: 20px;
}
#posts {
        width: 609px;
        float: left;
}
        div.post {
                border: 1px solid #ddd;
                border-top: none;
                padding: 20px;
                background: url(images/post.gif) repeat-x top #fff;
                margin-bottom: 20px;
        }
        div.post h4 {
                color: #777;
                font-size: 11px;
                padding: 5px 0;
                font-weight: normal;
        }
        div.post h2 a {
                color: #444;
                font-size: 25px;
                text-decoration: none;
                width: 430px;
                float: left;
                padding: 5px 0;
        }
        div.comments {
                background: url(images/comments.gif) no-repeat top;
                width: 100px;
                height: 70px;
                float: right;
                margin: 10px;
                text-align: center;
                padding-top: 7px;
        }
                div.comments a {
                        font-size: 22px;
                        letter-spacing: -1px;
                        color: #9a9578;
                        font-weight: bold;
                        text-decoration: none;
                }
                div.comments span {
                        font-size: 11px;
                        letter-spacing: 1px;
                        color: #9a9578;
                        margin-top: -2px;
                        display: block;
                }
        div.post-bottom {
                background: url(images/post-bottom.gif);
                width: 609px;
                height: 53px;
                margin-left: -22px;
                margin-bottom: -20px;
                border-left: 1px solid #ccc;
                margin-top: 20px;
                clear: both;
        }
                div.post-bottom a {
                        color: #fff;
                        font-size: 14px;
                        padding: 15px;
                        float: left;
                        margin-left: 50px;
                        margin-right: 10px;
                }
                div.post-bottom a.right { float: right; }
#sidebar {
        width: 305px;
        float: right;
}
        #sidebar li {
                list-style: none;
        }
        div.box {
                border: 1px solid #ddd;
                border-top: none;
                padding: 20px;
                background: url(images/post.gif) repeat-x top #fff;
                margin-bottom: 20px;
        }
        #sidebar h2 {
                color: #555;
                font-size: 18px;
                padding-bottom: 15px;
                border-bottom: 1px dotted #ccc;
                margin-bottom: 15px;
        }
        #sidebar  a img {
                border: none;
                margin: 2px;
        }
        #sidebar ul {
                list-style: none;
                margin-bottom: 20px;
        }
        #sidebar ul li {
                padding: 10px;
                padding-left: 20px;
                background: url(images/bullet.gif) no-repeat left;
                width: 235px;
                border-bottom: 1px dotted #ccc;
        }
        #sidebar ul li a {
                color: #0a8fc3;
                font-size: 13px;
                font-family: Verdana, sans-serif;
        }

 #sidebart {
        width: 160px;
        float: right;
}
        #sidebart li {
                list-style: none;
        }

        #sidebart h2 {
                color: #555;
                font-size: 18px;
                padding-bottom: 15px;
                border-bottom: 1px dotted #ccc;
                margin-bottom: 15px;
        }
        #sidebart  a img {
                border: none;
                margin: 2px;
        }
        #sidebart ul {
                list-style: none;
                margin-bottom: 20px;
        }
        #sidebart ul li {
                padding: 10px;
                padding-left: 20px;
                background: url(images/bullet.gif) no-repeat left;
                width: 235px;
                border-bottom: 1px dotted #ccc;
        }
        #sidebart ul li a {
                color: #0a8fc3;
                font-size: 13px;
                font-family: Verdana, sans-serif;
        }





#f-wrapper {
        clear: both;
        margin-top: 20px;
        height: 450px;
        background: url(images/footer.gif) repeat-x bottom;
}
#footer {
        width: 930px;
        margin: 0 auto;
        text-align: left;
        padding-top: 36px;
}
#nav-cat {
        clear: left;
        padding-top: 15px;
}
        #nav-cat ul {
                list-style: none;
                border-right: 1px solid #fff;
                border-left: 1px solid #ddd;
                height: 34px;
        }
        #nav-cat ul li {
                float: left;
                display: block;
        }
        #nav-cat ul li a {
                float: left;
                display: block;
                padding: 9px 18px;
                text-decoration: none;
                color: #666;
                font-size: 13px;
                font-weight: bold;
                border-left: 1px solid #fff;
                border-right: 1px solid #ddd;
        }
                #nav-cat ul li a:hover {
                        color: #fff;
                        background: url(images/nav-hover.gif) repeat-x top;
                }
#footer div.box {
        width: 325px;
        float: left;
        margin: 10px;
        background: none;
        border: none;
        height: 250px;
}
        #footer h2 {
                color: #fff;
                font-size: 15px;
                padding-bottom: 15px;
                border-bottom: 1px dotted #fff;
                margin-bottom: 15px;
        }
        #footer div.box ul {
                list-style: none;
        }
        #footer div.box ul li {
                padding: 10px;
                padding-left: 20px;
                background: url(images/f-bullet.gif) no-repeat left;
                width: 285px;
        }
        #footer div.box ul li a {
                color: #fff;
                font-size: 11px;
                font-family: Verdana, sans-serif;
        }
#footer span {
        float: left;
        padding: 15px;
        clear: left;
        color: #fff;
        font-size: 11px;
}
#footer strong {
        float: right;
        padding: 15px;
        clear: left;
        color: #fff;
        font-size: 11px;
}

div.comment
{
        border-top: dotted 1px #eee;
        clear: both;
        padding: 0px;
}
.comment-meta
{
        float: left;
        padding: 0px 0 10px 0;
        text-align: right;
        width: 100px;
}
.commenttext
{
        border-left: dotted 1px #eee;
        float: right;
        margin-bottom: -5px;
        padding-left: 20px;
        width: 370px;
        margin-bottom: 20px;
}
.comment div.cgravatar
{
        border: 1px dotted #ccc;
        float: left;
        margin: 10px 50px;
        margin-top: 10px;
        padding: 4px;
}
.comment-author
{
        display: block;
        font-weight: bold;
}
.comment-date
{
        color: #B4AB9D;
        display: block;
        font-size: 12px;
}
.comment-meta a
{
        color: #000000;
        text-decoration: underline;
}
.comment
{
        clear: both;
        margin-bottom: 15px;
}
h2#comments
{
        border-bottom: dotted 1px #eee;
        display: block;
        text-align: center;
        font-size: 16px;
        color: #777;
        margin: 20px 0 20px 0;
        padding-bottom: 10px;
}
#commentform span
{
        display: block;
        font-size: 14px;
        margin-bottom: 10px;
}
#commentform input
{
        background-color: #ffffff;
        border: solid 2px #dddddd;
        margin-right: 10px;
        padding: 3px;
        width: 300px;
}
#commentform textarea
{
        border: solid 2px #dddddd;
        margin-bottom: 10px;
        padding: 3px;
        width: 400px;
}

blockquote {
        padding: 10px;
        margin: 10px;
        background: #eee;
        border: 1px dotted #ddd;
        border-left: 3px solid #ddd;
        border-bottom: 3px solid #ddd;
}

div.post h1 {
        font-size: 29px;
        color: #a70f0f;
        padding: 10px 20px;
        text-align: center;
        line-height: 1.2em;
}
div.post  h3 {
        font-size: 18px;
        color: #222;
        padding: 10px 20px;
        line-height: 1.2em;
}
div.post  h4 {
        font-size: 14px;
        color: #222;
        padding: 10px 0;
        text-align: left;
        line-height: 1.2em;
}
div.post ul {
        list-style: none;
        margin: 20px;
}
         div.post ul li {
                padding: 5px;
                padding-left: 26px;
                font-size: 12px;
                line-height: 1.65em;
                color: #2e6a97;
                border: 1px dotted #ddd;
                font-weight: bold;
                margin: 4px 0;
                font-family: verdana, arial, sans-serif;
                background: url(images/bullet.gif) no-repeat left;
        }
div.post ol {
        list-style: none;
        margin: 20px;
}
         div.post ol li {
                padding: 5px;
                padding-left: 26px;
                font-size: 12px;
                line-height: 1.65em;
                color: #5e0000;
                font-weight: bold;
                font-family: verdana, arial, sans-serif;
                background: url(images/bullet.gif) no-repeat left;
        }