/*
Theme Name: Graphic Design Blog
Theme URL: http://www.graphicdesignblog.org/
Description: Graphic Design Blog is a podium giving professional insight on graphic designing, graphic designers, logo designs, typography and much more. It also brings news and useful resources for freelance graphic designers. Graphic Design Blog posts design tutorials and showcases best collection of logos. US Graphic Designers Directory and Guest Blog section are the additioanl feature here.

Version: Delta
Author: Junaid Farooqui
Author URL: http://www.graphicdesignblog.org/

Tags: graphic designs, graphic designing, graphic designers, graphic design schools, logo designs, logo designing, blog designs, typography, photography
*/


/* TABLE OF CONTENTS

00 - Global Elements - Standard Elements
01 - Typography - All Type throughout the site
02 - Main Structure - Columns, clearfix, etc.
03 - Header - Header, Logo, navigation, search.
04 - Dock - jQuery latest articles.
05 - Main Content - Post boxes, post meta, etc.
06 - Sidebar - Custom sidebar widgets.
07 - Footer - Categories, About, Copyright, Sponsors.
/* ----------------------------------------------*/


html { margin: 0px !important }
#dotted_bg
{
    background: url("img/raster.png") repeat scroll 0 0 transparent;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}
body
{
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    font: 0.75em Arial, Helvetica, sans-serif;
    nowhitespace: afterproperty;
    color: #5e6568;
    /*background: url(img/raster.png) top left;*/
    line-height: 19px;
}
ul { list-style: none!important }
#main-cont
{
    width: 993px;
    text-align: left;
    margin: 10px 0 0;
    background: #fff url(img/main-bg.jpg) center -85px repeat-x;
}
code
{
    margin: 0;
    padding: 0;
    width: 80%;
    height: auto;
    font: 1.17em Georgia, "Times New Roman", Times, serif;
    color: #0f8eb3;
}
pre
{
    margin: 0 auto;
    padding: 5px 20px;
    background: #f4f1ec url(img/code.gif) repeat;
    border: 1px solid #bbced7;
    font: 0.92em Georgia, "Times New Roman", Times, serif;
    color: #3e3e3e;
    line-height: 200%;
}
blockquote
{
    margin: 0 auto;
    padding: 5px 20px;
    width: 80%;
    height: auto;
    background: #f8fbfc url(img/blockquote.gif) no-repeat top left;
    border: 1px solid #edeff0;
}
img
{
    margin: 0;
    padding: 0;
    border: 0;
}
ins { color: #009999 }
del { color: #990000 }
/* 01 - TYPOGRAPHY



/* ----------------------------------------------*/
h1
{
    margin: -10px 0 0 0;
    padding: 0;
    font: bold 3.53em Verdana, Arial, Helvetica, sans-serif;
    color: #fefefe;
    position: relative;
    display: block;
}
.post-content h1,
.page-content h1
{
    margin: 10px 0;
    padding: 0;
    font: bold 2.50em Arial, Helvetica, sans-serif;
    color: #999999;
}
h1 a:link,
h1 a:active,
h1 a:visited
{
    color: #000000;
    outline: 0;
}
h1 a:hover { color: #d7d7d7 }
h1 span
{
    margin: 10px 0 0 0;
    /*        background: url(img/gradient.png) repeat-x;;*/
    width: 100%;
    height: 20px;
    position: absolute;
    display: block;
}
h2
{
    margin: 0;
    padding: 0;
    font: 0.83em Verdana, Arial, Helvetica, sans-serif;
    color: #b9b9b9;
}
.post-content h2,
.page-content h2
{
    margin: 10px 0;
    padding: 0;
    font: bold 2.00em Arial, Helvetica, sans-serif;
    color: #999999;
}
h3
{
    margin: 0;
    padding: 0;
    font: bold 24px Arial, Helvetica, sans-serif;
    color: #30393d;
}
.post-content h3,
.page-content h3
{
    margin: 10px 0;
    padding: 0;
    font: 1.70em Arial, Helvetica, sans-serif;
    color: #000000;
}
h3 a:link,
h3 a:active,
h3 a:visited
{
    color: #30393d;
    font-family: "Times New Roman", Times, serif;
}
h3 a:hover { color: ##000000 }
h3.post-title,
.single h3.post-title,
h3.post-title-small
{
    margin: 0; /*padding: 0 30px 0 0;*/ clear:both;;;
    float: left;
    width: 590px;
    height: 60px;
}
.single h3.post-title
{
    font-size: 2.00em;
    width: 275px;
}
h3.post-title-small { font-size: 1.50em }
h4
{
    margin: 0;
    padding: 0;
    font: bold 1.75em Arial, Helvetica, sans-serif;
    color: #fefefe;
}
.post-content h4,
.page-content h4
{
    margin: 10px 0;
    padding: 0;
    font: bold 1.17em Georgia, "Times New Roman", Times, serif;
    color: #999999;
}
#footer h4 { margin: 0 0 20px 10px }
/*h5, #searchform label {



     Sidebar Header 



    margin:0; padding:28px 0 0 20px;



    width:285px; height:55px;



    background:#f5fbfe url(img/sidebar-top.gif) no-repeat top center;



    font:bold 2.25em Arial, Helvetica, sans-serif; color:#587682;



}*/
.post-content h5,
.page-content h5
{
    margin: 10px 0;
    padding: 0;
    width: auto;
    height: auto;
    background: none;
    font: bold 1.00em Georgia, "Times New Roman", Times, serif;
    color: #999999;
}
#tag_cloud h5,
#searchform label
{
    margin: 0;
    padding: 0;
    background: none;
}
a:link,
a:active
{

    color: #000;
    text-decoration: none;
}
a:hover { color: #000 }
a:visited
{
    color: #333333;
    text-decoration: none;
}
/* Header



/* -------------- */
a.rss:link,
a.rss:active,
a.rss:visited,
a.rss:hover
{
    margin: 13px 15px 0 0;
    padding: 0;
    width: 16px;
    height: 17px;
    background: url(img/rss.png) no-repeat top center;
    text-indent: -9999px;
    display: block;
    outline: 0;
}
/* Main Content



/* -------------- */
.post-info
{
    text-align: right;
    font: 0.92em Georgia, "Times New Roman", Times, serif;
    color: #81888d;
}
.post-info span
{
    font-size: 1.18em;
    display: block;
}
.post-info span a:link,
.post-info span a:active,
.post-info span a:visited
{
    color: #1e1c1a;
    text-decoration: none;
}
.post-info span a:hover { color: #f23183 }
.comment-count a:link,
.comment-count a:active,
.comment-count a:visited
{
    margin: 0;
    padding: 0px 25px;
    color: #999;
    display: block;
}
.comment-count a { background-color:  }
.single .comment-count a:link,
.single .comment-count a:active,
.single .comment-count a:visited,
.page-content .comment-count a:link,
.page-content .comment-count a:active,
.page-content .comment-count a:visited
{
    padding: 8px 18px;
    font: bold 1.45em Arial, Helvetica, sans-serif;
}
.post-intro strong
{
    font: bold 1.33em Arial, Helvetica, sans-serif;
    color: #30393d;
    line-height: 21px;
}
.post-intro
{
    font-size: 13px;
    line-height: 1.5em;
}
.continue-reading a:link,
.continue-reading a:active,
.continue-reading a:visited,
.cat-posts li.view-more a:link,
.cat-posts li.view-more a:active,
.cat-posts li.view-more a:visited
{
    font: bold italic 1.17em Georgia, "Times New Roman", Times, serif;
    color: #000000;
}
.continue-reading a:hover,
.cat-posts li.view-more a:hover { color: #f2307f }
/* Drop Down



/* -------------- */
.category a:link,
.category a:visited,
.category-inside a:link,
.category-inside a:active,
.category-inside a:visited
{
    margin-bottom: -1px;
    padding: 15px 25px 0 15px;
    display: inline-block;
    height: 25px;
    outline: 0;
    font: 1.00em Georgia, "Times New Roman", Times, serif;
    color: #7f7d7e;
}
.active div
{
    margin: 0 0 -1px 0;
    padding: 0 0 0 6px;
    width: auto;
    height: 40px;
    background: url(img/cat-hover-left.gif) no-repeat top left;
    float: right;
    display: block;
    position: relative;
    z-index: 10;
}
.active a:link,
.active a:visited { }
.cat-posts li.view-more
{
    margin: 0;
    padding-top: 15px;
    text-align: right;
}
.cat-posts li a:link,
.cat-posts li a:active,
.cat-posts li a:visited
{
    font: bold 1.17em Arial, Helvetica, sans-serif;
    color: #30393d;
    display: block;
}
.cat-posts li a:hover { color: #000000 }
.cat-posts li span
{
    font: 0.92em Arial, Helvetica, sans-serif;
    color: #889194;
}
/* Content Navigation



/* -------------- */
.navigation
{
    font: normal 0.92em Georgia, "Times New Roman", Times, serif;
    color: #81888d;
}
.navigation a:link,
.navigation a:visited,
.navigation a:active
{
    font: bold 0.92em Georgia, "Times New Roman", Times, serif;
    color: #656c71;
}
.navigation a:hover { color: #35383a }
/* Comments



/* -------------- */
.submit-comment
{
    margin: 0 0 15px 0;
    padding: 0;
    width: 127px;
    height: 27px;
    background: url(img/submit-comment.gif) no-repeat top center;
    display: block;
    outline: 0;
    text-indent: -9999px;
    border: 0;
}
.author
{
    font: 1.50em Arial, Helvetica, sans-serif;
    color: #3c4d54;
}
.author a:link,
.author a:active,
.author a:visited { color: #3c4d54 }
.author strong span,
.author strong span a:link,
.author strong span a:active,
.author strong span a:visited
{
    color: #6b8894;
    display: inline;
}
.author span
{
    font: 0.61em Georgia, "Times New Roman", Times, serif;
    color: #a3aeb2;
    display: block;
}
.comment-text
{
    font: 1.00em Arial, Helvetica, sans-serif;
    color: #74868d;
    line-height: 19px;
}
/* Sidebar



/* -------------- */
/* Footer



/* -------------- */
p.about-text
{
    margin: 0 0 10px 0;
    font: 0.92em Arial, Helvetica, sans-serif;
    color: #fff;
    line-height: 17px;
}
p.copyright
{
    margin: 10px 0 0 0;
    font: 0.92em Arial, Helvetica, sans-serif;
    color: #fff;
}
/* Misc



/* -------------- */
.arial,
.arial a { font-family: Arial, Helvetica, sans-serif }
/* 02 - MAIN STRUCTURE



/* ----------------------------------------------*/
.container
{
    /* The container is a class simply because of the multiple full-span elements.*/
    margin: 0 auto;
    padding: 0;
    width: 1001px;
    height: auto;
}
/* Various Columns



/* -------------- */
.col-580 { width: 610px }
.col-340 { width: 380px }
.left,
.alignleft
{
    float: left;
    text-align: left;
    padding-left: 10px;
}
.right,
.alignright
{
    float: left;
    text-align: left;
}
.aligncenter
{
    margin: 0 auto;
    display: block;
}
/* Clearfix



/* -------------- */
.clearfix:after
{
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix { display: inline-block }
html[xmlns] .clearfix { display: block }
* html .clearfix { height: 1% }
/* 03 - HEADER



/* ----------------------------------------------*/
#header_cntnr
{
    margin: 0 auto;
    width: 100%;
    background: url("img/main-bg.jpg") top center repeat-x;
    height: 123px;
}
#header
{
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: auto;
    height: auto;
    height: 120px;
    width: 993px;
    /*    background: #171615 url(img/header.jpg) repeat-x top center;;;
    border-bottom: 1px solid #4a4d4c;*/
}
#logo
{
    margin: 0;
    padding: 20px 0 0 20px;
    width: 580px;
    height: auto;
    /*background: url(img/header-shade.gif) no-repeat top right;*/
    float: left;
}
#searchform-header
{
    margin: 10px 35px 26px 0;
    padding: 0;
    width: 325px;
    height: 30px;
    background: url(img/input.gif) no-repeat center left;
    float: right;
}
#searchform-header #s
{
    margin: 0 0 0 0;
    padding: 10px 10px 5px 25px;
    width: 208px;
    height: 15px;
    border: 0;
    background: none;
    float: left;
    font-size: 0.92em;
    color: #aea592;
}
#searchform-header #s:focus { outline: none }
#searchform-header #go
{
    float: right;
    margin: 0;
}
#navigation1
{
    margin: 0 0 0 0px;
    padding: 10px 0px 0px 0px;
    background-color: #f6f6f6;
    background: url(img/nav-bg.png) repeat-x center top;
    height: 41px;
    width: 100%;
}
#navigation1 li
{
    display: inline;
    margin: 0px 2px 0px 2px;
    height: 25px;
    font-size: 14px!important;
    font-family: Arial, Helvetica, sans-serif!important;
}
#navigation1 li a
{
    color: #FFFFFF;
    padding: 5px 13px 5px 13px;
}
#navigation1 li a:hover,
.nav-act2
{
    color: #FFFFFF;
    padding: 5px 13px 5px 13px;
    color: #000000;
    background-image: url(img/left.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
.nav-act2
{
    color: #FF0000 !important;
    font-weight: bold;
    font-style: italic;
}
#navigation1 li:hover,
.nav-act1
{
    color: #FFFFFF;
    padding: 5px 0px 5px 0px;
    color: #000000;
    background-image: url(http://www.graphicdesignblog.org/wp-content/uploads/2010/05/right.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}
#navigation ul.pages
{
    margin: 0 auto;
    padding: 0;
    width: 1050px;
    height: auto;
    list-style: none;
    float: left;
}
#navigation ul li
{
    margin: 10px 14px 0 14px;
    float: left;
    overflow: visible;
    list-style: none;
}
.rss
{
    margin: 0 30px 0 0;
    padding: 0;
    width: 16px;
    height: 17px;
    float: right;
}
#navigation ul li a
{
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Cambria Math';
}
#navigation ul li a:hover { color: #cccccc }
/* 04 - DOCK



/* ----------------------------------------------*/
#latest-dock
{
    margin: 0;
    padding: 0;
    background: #f4f6f8 url(img/dock.gif) repeat-x bottom center;
    border-bottom: 1px solid #fbf9fa;
}
.dock-back
{
    padding: 20px 0;
    background: url(http://www.graphicdesignblog.org/wp-content/themes/graphic-design-blog-delta/images/dock-back.gif) no-repeat bottom center;
}
#dock
{
    margin: 0 auto;
    padding: 0;
    width: 940px;
    list-style: none;
    position: relative;
    text-align: center;
}
#dock li
{
    margin: 0;
    padding: 0 0 18px 0;
    display: inline;
}
#dock li.dock-active { background: url(img/dock-shadow.png) no-repeat bottom center }
#dock li a:link,
#dock li a:active,
#dock li a:visited
{
    margin: 30px 7px 0 7px;
    padding: 2px 0 0 0;
    width: 75px;
    height: 58px;
    background: url(img/dock-preview-back.png) no-repeat top center;
    display: inline-block;
}
#dock li span
{
    margin: 0;
    padding: 0;
    width: 980px;
    height: auto;
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    text-align: center;
    font: bold 1.17em Arial, Helvetica, sans-serif;
    color: #31393d;
}
.latest
{
    width: 980px;
    text-align: center;
    font: bold 1.17em Arial, Helvetica, sans-serif;
    color: #31393d;
    position: absolute;
}
/* 05 - MAIN CONTENT



/* ----------------------------------------------*/
#main-content
{
    padding: 20px 0px;
    /*    background-image: url(img/main-bg.png); background-repeat:repeat-y;;*/
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
}
.post
{
    margin: 0 0 60px 0;
    width: 600px;
    float: right;
}
/* Archive Post



/* --------------- */
.archive { margin: 0 }
.archive .post-meta { margin: 0 0 17px 0 }
.archive .post-info { font-style: italic }
/* Small (Half) Post



/* --------------- */
.single
{
    margin: 0 15px 20px 0;
    width: 275px;
    height: auto;
    float: left;
}
.single .post-content
{
    margin: 0;
    padding: 22px 17px 11px;
}
.single .post-image { height: 115px }
.single .post-footer { padding: 16px 23px }
.last { margin: 0 }
/* Post Box



/* --------------- */
.post-box
{
    margin: 0;
    padding: 0;
    background: #fdfefe url(img/post-box-top.gif) repeat-x top center;
    border: 1px solid #dce7ed;
    border-bottom: 1px solid #cfdbe1;
    border-top: 0;
    float: left;
    width: 100%;
}
.post-meta
{
    margin: 0 0 5px 0;
    padding: 0;
    border-bottom: 1px solid #FFF;
    position: relative;
}
.post-info
{
    margin: 0;
    padding: 10px 5px;
    width: 100px;
    height: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    bottom: 0;
    right: 0;
    position: absolute;
    color: #000000;
}
.post-info a
{
    font-family: Arial, Helvetica, sans-serif;
    color: #000000!important;
}
.post-content,
.page-content
{
    margin: 0;
    padding: 22px 22px 11px;
    border: 1px solid #d8d8d8;
    border-bottom: 1px solid #e8ebec;
    position: relative;
    background-color: #F6F6F6;
}
.page-content ul { list-style: none }
.page-content
{
    padding: 15px 22px 0;
    list-style: none;
}
.comment-count a
{
    color: #666666!important;
    font-size: 13px!important;
    font-style: italic!important;
}
.comment-count
{
    margin: 0;
    padding: 0;
    width: 600px;
    height: 14px;
    position: absolute;
    display: block;
    top: 10px;
    left: -0px;
    text-align: right;
}
.page-content .comment-count { margin-top: -15px }
.post-image,
.post-image-inner
{
    margin: 0 auto 10px auto;
    padding: 0;
    width: auto;
    height: auto;
    display: block;
}
.post-image-inner
{
    margin: 0 auto 10px 15px;
    float: right;
}
.post-image img,
.post-image-inner img
{
    margin: 0 auto;
    padding: 3px;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e7e8e8;
    text-align: center;
    display: block;
}
/* Post Footer



    /* --------------- */
.post-footer
{
    margin: 0;
    padding: 15px;
    background: #fcfdfe;
    border-top: 1px solid #FFF;
    position: relative;
    z-index: 100;
    background-image: url(img/p-f-bg.jpg);
    background-repeat: repeat-x;
}
.continue-reading
{
    margin: 0;
    padding: 0;
    width: 180px;
    height: auto;
    float: left;
}
.category-menu
{
    margin-top: 15px;
    padding: 0;
    text-align: right;
    font-weight: bold;
    width: 350px;
    height: auto;
    float: right;
    text-align: right;
    position: absolute;
    top: 10px;
    right: 10px;
}
.indicator,
.indicator-active
{
    margin: 0;
    padding: 0;
    width: 7px;
    height: 5px;
    background: url(img/expand.gif) no-repeat center left;
    display: inline-block;
    vertical-align: middle;
}
.indicator-active { background: url(img/collapse.gif) no-repeat center left }
.dropdown
{
    margin: 0;
    padding: 0;
    width: 360px;
    height: auto;
    background: url(img/dropdown.png) no-repeat bottom center;
    text-align: left;
    display: none;
    position: relative;
}
.cat-posts
{
    margin: 0 auto;
    padding: 10px 0 19px 0;
    width: 322px;
    height: auto;
    list-style: none;
    border-top: 1px solid #ebecec;
}
.cat-posts li
{
    margin: 0;
    padding: 10px 15px;
    background: url(img/cat-post-li.gif) no-repeat bottom right;
}
.cat-posts li.view-more { background: none }
/* Content Navigation



/* --------------- */
.navigation
{
    margin: 0;
    padding: 8px 10px;
}
/* WP Attachments



/* --------------- */
.wp-caption
{
    margin: 0 10px;
    padding: 9px 5px 5px;
    background: #FFF;
    border: 1px solid #ebf2f5;
    border-bottom: 1px solid #CCCCCC;
    : ;
    text-align: center;
}
.wp-caption-text
{
    margin: 5px auto auto auto;
    padding: 5px 0 0;
    font: 0.92em Arial, Helvetica, sans-serif;
    color: #656c71;
}
/* Inputs



/* --------------- */
.input
{
    margin: 0;
    padding: 5px;
    background: #fdfefe url(img/post-box-top.gif) repeat-x top center;
    border: 1px solid #dce7ed;
    font: 0.92em Arial, Helvetica, sans-serif;
    color: #76716c;
}
/* Comments



/* --------------- */
.comment-content
{
    padding: 0;
    border-bottom: 0;
}
.commentlist,
.commentlist ul
{
    margin: 15px 0 0 0;
    padding: 0;
    list-style: none;
}
.commentlist li
{
    margin-bottom: 15px;
    padding: 20px;
    background: url(img/white.gif) repeat-x bottom center;
    border: 1px solid #d9e1e6;
    background-color: #f8f8f8;
}
.commentlist li.alt,
.thread-alt { background: url(img/white.gif) repeat-x bottom center }
.commentlist li.no-comments
{
    margin: 55px 0 0 0;
    padding: 0 30px;
    background: none;
    border: 0;
}
.commentlist .children
{
    margin: 10px 0 0 0;
    padding: 0;
    border: 1px solid #d9e1e6;
}
.commentlist .children li
{
    margin: 0;
    padding: 20px;
    border-bottom: 1px solid #FFF;
}
.commentlist li .comment-wrap
{
    position: relative;
    text-align: left;
}
.commentlist li .comment-text
{
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    background: none;
}
.commentlist li .comment-author
{
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
}
.gravatar
{
    margin: 0 10px 0 0;
    padding: 1px 0 0 2px;
    width: 42px;
    height: 42px;
    background: url(img/avatar1.jpg) no-repeat top center;
    float: left;
}
.author
{
    margin: 2px 0 0 0;
    padding: 0;
    width: auto;
    height: auto;
    float: left;
}
/* 06 - SIDEBAR



/* ----------------------------------------------*/
#sidebar
{
    margin: 0 0 0 10px;
    padding: 0;
    width: 380px;
    height: auto;
    list-style: none;
}
/*    #sidebar li {



        margin:0 0 20px 0; padding:0 0 56px 0;



        width:auto; height:auto;



        background:#f5fbfe url(img/sidebar-bottom.gif) no-repeat bottom center;



    }*/
#sidebar #tag_cloud,
#sidebar #search
{
    padding: 0;
    background: none;
}
#searchform
{
    margin: 0 auto;
    padding: 0;
}
#sidebar #sponsored-ad { background: none }
/*        #sidebar li ul, #sidebar .textwidget, #calendar_wrap {



            margin:0 auto; padding:0;



            width:245px; height:auto;



            list-style:none;



            background:#ebf6fb;



            overflow:hidden;



        }        



        */
#calendar_wrap
{
    margin: 0 auto;
    width: 190px;
}
#wp-calendar
{
    margin: 15px 0;
    padding: 0;
    width: 100%;
    height: auto;
}
#wp-calendar caption
{
    font: bold 1.17em Arial, Helvetica, sans-serif;
    color: #5a656a;
}
#wp-calendar thead tr th { font-weight: bold }
#wp-calendar td
{
    font: 0.92em Arial, Helvetica, sans-serif;
    color: #709cb0;
    border: 1px solid #d2dce0;
    text-align: center;
}
#wp-calendar tfoot td { border: 0 }
#sidebar .textwidget { margin: 0 auto 15px auto }
#sidebar li ul li { }
.sidebar-preview
{
    margin: 0;
    padding: 3px 0 0 4px;
    width: 114px;
    height: 65px;
    background: #FFF url(img/sidebar-preview-back.gif) no-repeat top center;
    float: left;
}
.sidebar-content
{
    margin: 0;
    padding: 0;
    width: 115px;
    height: auto;
    float: right;
}
/* 07 - FOOTER



/* ----------------------------------------------*/
#footer
{
    margin-left: 0px;
    padding: 15px 0;
    width: 993px;
    height: auto;
    background: #171615 url(img/footer-stroke.gif) repeat-x top center;
    border-top: 1px solid #171615;
    border-bottom: 1px solid #1e1d1d;
}
.footer-divider { }
#footer .categories
{
    margin: 0;
    padding: 0;
    width: 990px;
    height: auto;
    float: left;
    font-size: 12px!important;
}
.footer-cat
{
    margin: 0px 0px 0px 10px;
    padding: 0;
    width: 980px;
    height: auto;
    list-style: none;
}
.footer-cat li
{
    margin: 5px 0;
    padding: 0 0 0 9px;
    width: 230px;
    height: auto;
    float: left;
    background: url(img/footer-cat-left.gif) no-repeat top left;
}
.footer-cat li a
{
    margin: 0;
    padding: 0 9px 0 0;
    width: auto;
    height: 23px;
    line-height: 23px;
    float: left;
    display: block;
    background: url(img/footer-cat-right.gif) no-repeat top right;
}
.footer-cat li a:link,
.footer-cat li a:active,
.footer-cat li a:visited
{
    font-family: Arial, Helvetica, sans-serif;
    color: #a7a7a7;
}
.footer-cat li a:link span,
.footer-cat li a:active span,
.footer-cat li a:visited span { color: #FF00FF }
.footer-cat li:hover,
.footer-cat li:hover a
{
    background-position: 0% -23px;
    color: #171615;
    cursor: pointer;
}
.footer-cat li:hover a { background-position: 100% -23px }
#footer .about
{
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
}
#link-back
{
    margin: 0;
    padding: 15px 0;
    background: #0c0b0b;
}
.donators
{
    margin: 0;
    padding: 0;
    width: 282px;
    height: auto;
    float: left;
}
a.smashing:link,
a.smashing:active,
a.smashing:visited,
a.smashing:hover,
a.function:link,
a.function:active,
a.function:visited,
a.function:hover
{
    margin: 0;
    padding: 0;
    width: 154px;
    height: 54px;
    display: block;
    text-indent: -9999px;
    float: left;
    outline: 0;
}
a.function:link,
a.function:active,
a.function:visited,
a.function:hover
{
    width: 128px;
    background: url(http://www.graphicdesignblog.org/wp-content/themes/graphic-design-blog-delta/images/function.gif) no-repeat top center;
}
/* Last Update 2.7.09 */
.thumbnail
{
    width: 550px;
    height: 200px;
    margin-top: 20px;
    border: 1px solid #666666;
}
.space
{
    width: 993px;
    margin-left: 4px;
}
/*.main-bg1{



background-image:url(img/m-left.jpg); background-repeat:repeat-y;



}



*/
.main-bg2 { /*background-image: url(img/m-right.jpg); nowhitespace: afterproperty; nowhitespace: afterproperty; background-repeat:repeat-y; background-position:right;*/ /*background-color:#FFFFFF;_NO__DOTCOMMA__AFTER__*/  }
/*   Navigation   */
.nav-left
{
    background-image: url(img/nav-left.jpg);
    background-repeat: no-repeat;
    width: 9px;
    height: 29px;
    float: left;
}
.nav-right
{
    background-image: url(img/nav-right.jpg);
    background-repeat: no-repeat;
    width: 9px;
    height: 29px;
    float: right;
}
.nav-bg
{
    background-image: url(img/nav-bg.jpg);
    background-repeat: repeat-x;
    height: 29px;
    float: left;
    width: 100%;
}
/*  Nav 2  */
#navi
{
    position: relative;
    height: 26px;
    width: 960px;
    margin: 0px auto;
    top: 19px;
    text-align: center;
    line-height: normal;
}
#nav
{
    list-style: none;
    margin: 0 0px;
    padding: 0px;
    float: left;
    clear: both;
}
#nav li
{
    float: left;
    height: 30px;
    background: url(img/navtabr.gif) top right no-repeat;
    margin: 0 0px;
    white-space: nowrap;
}
#nav .page_item a
{
    color: #fff;
    display: block;
    background: url(img/navtabl.gif) top left no-repeat;
    text-decoration: none;
    padding: 0px 20px 0px 20px;
    font: bold 13px Arial, Helvetica, sans-serif;
    line-height: 30px;
}
#nav li:hover { background-position: 100% -36px }
#nav .page_item a:hover
{
    background-position: 0px -36px;
    border: none;
}
#nav li.current_page_item
{
    color: #13475f;
    text-decoration: none;
    background: url(img/navtabactiver.gif) top right no-repeat;
}
#nav .current_page_item a,
#nav .current_page_item a:visited
{
    color: #13475f;
    text-decoration: none;
    background: url(img/navtabactivel.gif) top left no-repeat;
}
.footer-links a
{
    display: inline;
    color: #FFFFFF;
}
.footer-links ul li
{
    display: inline;
    color: #FFFFFF;
}
.post-content
{
    background-image: url(img/post-bg.jpg);
    background-repeat: repeat-x;
    border: 1px solid #e1e1e1;
}
#icons
{
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}
#twt
{
    width: 110px;
    float: right;
    font-size: 12px;
    color: #000000;
}
#rss
{
    width: 110px;
    float: right;
    font-size: 12px;
    color: #000000;
}
#txt
{
    width: 60px;
    float: left;
    margin: 10px 0 0 10px;
}
#ico
{
    width: 40px;
    float: left;
}
/* Tabs CSS */
#accordion
{
    width: 328px;
    margin: 0 0 15px 20px;
    float: left;
}
#accordion .element
{
    background-color: #f2f2f2;
    width: 280px;
    margin: 0;
    padding: 10px 24px;
}
#accordion .element ul.nor
{
    width: 290px;
    float: left;
    margin: 0px;
    padding: 0px;
}
#accordion .element ul.nor li
{
    font-size: 13px;
    /*margin: 10px 0 10px 0px;*/ padding:5px 0px 5px 0px;;;
    list-style: none;
    border-bottom: 1px solid #dcdcdc;
}
#accordion .element ul.design
{
    width: 280px;
    float: left;
    margin: 0;
    padding-bottom: 18px;
    padding-top: 24px;
}
#accordion .element ul.design li
{
    list-style-type: none;
    margin-bottom: 7px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 7px;
}
#accordion .element ul.design li.fflinks
{
    margin: 5px 0 0;
    padding: 0;
    border-bottom-style: none;
    text-align: right;
}
h3.main
{
    cursor: pointer;
    font-size: 18px;
    font-family: "Times New Roman", Times, serif;
    margin: 0;
    padding: 10px 0px 0px 25px;
    height: 30px;
    background: url(img/tabs-bg.jpg) repeat-x;
    border: 1px solid #d3d3d3;
}
/*  RSS AND RT */
#iconwrap
{
    margin: 50px 0 0 0px;
    float: right;
    width: 170px;
}
/* RSS */
.rsstooltip
{
    margin-top: 20px;
    margin-right: 30px;
    padding: 0;
    width: 35px;
    position: relative;
    float: left;
}
.rsstooltip em
{
    background: url(img/rssbubble.png) no-repeat;
    width: 120px;
    height: 51px;
    position: absolute;
    top: -40px!important;
    left: -40px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}
#rss-icon
{
    width: 75px;
    height: 30px;
    background: url(img/rss.png) no-repeat 0 0;
    text-indent: -9999px;
    margin: 0 0px;
    display: block;
    opacity: 0.85;
    float: left;
}
#rss-icon:hover
{
    opacity: 1.0;
    background: url(img/rss1.png) no-repeat 0 0;
}
/* TWITTER */
.twittertooltip
{
    margin-top: 20px;
    padding: 0;
    width: 50px;
    position: relative;
    float: left;
}
.twittertooltip em
{
    background: url(img/twitterbubble.png) no-repeat;
    width: 120px;
    height: 51px;
    position: absolute;
    top: -40px!important;
    left: -30px;
    text-align: center;
    text-indent: -9999px;
    z-index: 2;
    display: none;
}
#twitter-icon
{
    width: 72px;
    height: 35px;
    background: url(img/twitter.png) no-repeat 0 0;
    text-indent: -9999px;
    margin: 0 auto;
    display: block;
    opacity: 0.85;
}
#twitter-icon:hover
{
    opacity: 1.0;
    background: url(img/twitter1.png) no-repeat 0 0;
}
/* Widget */
#advancedrecentposts-4
{
    list-style: none;
    float: left;
    width: 328px;
    margin: 0px 0 0 20px;
}
#advancedrecentposts-4 .widgettitle
{
    font-size: 18px;
    font-family: "Times New Roman", Times, serif;
    margin: 0;
    padding: 10px 0px 0px 25px;
    height: 30px;
    background: url(img/tabs-bg.jpg) repeat-x;
    border: 1px solid #d3d3d3;
}
#advancedrecentposts-5
{
    list-style: none;
    float: left;
    width: 350px;
    margin: 0px 0 0 20px;
}
#advancedrecentposts-5 .widgettitle
{
    font-size: 18px;
    font-family: "Times New Roman", Times, serif;
    margin: 0;
    padding: 10px 0px 0px 25px;
    height: 30px;
    background: url(img/tabs-bg.jpg) repeat-x;
    border: 1px solid #d3d3d3;
}
.advanced-recent-posts2
{
    list-style: none;
    padding: 0px;
    margin: 0 0px 0px 0px;
    width: 174px;
    float: left;
    background-color: #f2f2f2;
}
.advanced-recent-posts2 li
{
    float: left;
    width: 160px;
    font-size: 13px;
    font-weight: normal!important;
    border-bottom: 1px solid #CCCCCC;
    padding: 5px;
}
/* Plug Inn */
.advanced-recent-posts
{
    list-style: none;
    padding: 0px;
    width: 328px;
    float: left;
}
.advanced-recent-posts li
{
    float: left;
    width: 300px;
    margin-bottom:20px;
    		
     
}
.advanced-recent-posts h3 { font-size: 14px }
.advanced-recent-posts .image
{
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}
.advanced-recent-posts .t-post
{
    float: left;
    margin-bottom: 20px;
    border-bottom: 1px dashed #CCCCCC;
    padding-bottom: 20px;
    width: 100%;
}
.advanced-recent-posts .content-x { margin-top: 10px }
.recent-posts-thumb { border: 2px solid #999999 }
.twitter
{
    width: 119px;
    height: 71px;
    background-image: url(img/tw1.png);
    background-repeat: no-repeat;
    float: right;
    margin: 30px 0 0 0px;
}
.twitter:hover
{
    width: 119px;
    height: 71px;
    background-image: url(img/tw.png);
    background-repeat: no-repeat;
    float: right;
    margin: 30px 0 0 0px;
}
.rss
{
    width: 119px;
    height: 71px;
    background-image: url(img/rs-ov1.png);
    background-repeat: no-repeat;
    float: right;
    margin: 30px 20px 0 -40px;
}
.rss:hover
{
    width: 119px;
    height: 71px;
    background-image: url(img/rs-ov.png);
    background-repeat: no-repeat;
    float: right;
}
#comments
{
    margin-left: 10px!important;
    width: 600px!important;
}
#respond
{
    margin-left: 10px!important;
    width: 585px!important;
}
.post-box a { color: #990000 }
#footer-nav
{
    display: inline;
    color: #FFFFFF;
    padding: 0px!important;
}
#footer-nav li
{
    margin: 0 5px 0 5px;
    display: inline;
    list-style: none;
}
#footer-nav a
{
    color: #FFFFFF;
    text-decoration: none;
}
#footer-nav a:hover
{
    color: #990000;
    text-decoration: underline;
}
/*   **************   new widgets   *****************  */
#contest
{
    width: 326px;
    margin: 0 0 15px 20px;
    float: left;
}
#contest .box
{
    background-color: #f2f2f2;
    width: 100%;
    margin: 0;
    padding: 0px;
    float: left;
}
#contest .box ul.con
{
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}
#contest .box ul.con li
{
    font-size: 13px;
    margin: 2px 0 2px 0px;
    padding: 3px 10px 3px 10px;
    list-style: none;
    border-bottom: 1px solid #dcdcdc;
}
#contest .box ul.design
{
    width: 100%;
    float: left;
    margin: 0;
    padding: 0px;
}
#contest .box ul.design li
{
    list-style-type: none;
    margin-bottom: 7px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 7px;
}
#contest h3
{
    font-size: 18px;
    font-family: "Times New Roman", Times, serif;
    margin: 0;
    padding: 10px 0px 0px 25px;
    height: 30px;
    background: url(img/tabs-bg.jpg) repeat-x;
    border: 1px solid #d3d3d3;
}
#designer
{
    width: 326px;
    margin: 0 0 15px 20px;
    float: left;
}
#designer .box
{
    background-color: #f2f2f2;
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
}
#designer .box ul.des
{
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}
#designer .box ul.des li
{
    font-size: 13px;
    margin: 0px;
    padding: 0px;
    list-style: none;
    border-bottom: 1px dashed #989898;
}
#designer .box ul.design
{
    width: 280px;
    float: left;
    margin: 0;
    padding-bottom: 18px;
    padding-top: 24px;
}
#designer .box ul.design li
{
    list-style-type: none;
    margin-bottom: 7px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 7px;
}
#designer h3
{
    font-size: 18px;
    font-family: "Times New Roman", Times, serif;
    margin: 0;
    padding: 10px 0px 0px 25px;
    height: 30px;
    background: url(img/tabs-bg.jpg) repeat-x;
    border: 1px solid #d3d3d3;
}
.pad
{
    font-size: 14px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px 10px 5px 10px;
    border-top: 1px dashed #989898;
    border-right: 1px dashed #989898;
}
.pad1
{
    font-size: 14px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px 10px 5px 10px;
    border-top: 1px dashed #989898;
}
.pad2
{
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px 10px 5px 10px;
}
.cont-title
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-variant: normal;
}
.money
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
.service
{
    font-size: 11px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #990000;
}
#link
{
    padding: 10px;
    text-align: left;
    color: #000;
    font-weight: bold;
    font-size: 11px;
}
#link a
{
    color: #990000;
    font-size: 11px;
}
#slide-trf
{
    position: fixed;
    right: 0px;
    top: 90px;
    z-index: 30000 !important;
    width: 27px;
    text-align: right;
}
.comment-number
{
    bottom: 20px;
    float: right;
    font-size: 120px;
    right: -10px;
    position: absolute;
    opacity: 0.1;
    filter: alpha(opacity=10);
}
.tags
{
    background-image: url(img/tag.png);
    background-repeat: no-repeat;
    padding: 0 0 0 40px;
    margin-bottom: 15px;
}
.tags a { text-decoration: underline }
.fb_edge_widget_with_comment
{
    float: left;
    width: 255px;
}
li .menu-active
{
    background-image: url(img/active.jpg);
    background-repeat: no-repeat;
    color: #993300 !important;
    padding-right: 16px !important;
    padding-left: 16px !important;
}
li .menu-active:hover
{
    background-image: url(img/active.jpg);
    background-repeat: no-repeat;
    color: #993300;
    !important: ;
    padding-right: 16px !important;
    padding-left: 16px !important;
}
.social-nav
{
    position: fixed;
    left: 5px;
    top: 220px;
    z-index: 10000px !important;
    width: 50px;
    border: 1px solid #CCCCCC;
    padding: 10px;
    background-color: #f2f2f2;
}
.fb_edge_widget_with_comment
{
    clear: both;
    margin: 5px 0;
    position: relative;
}
/*#wpcf7-f9545-p5-o1 {margin: 0 0 0 10px } */
#botSlide
{
    padding: 20px;
    width: 200px;
    position: fixed;
    bottom: 20px;
    right: -240px;
}
/*   **************   new widgets   *****************  */
/*   **************   new widgets   *****************  */
#community
{
    width: 326px;
    margin: 0 0 15px 20px;
    float: left;
}
#community .box
{
    background: #f2f2f2;
    width: 100%;
    margin: 0;
    padding: 0px;
    float: left;
}
#community .box ul.con
{
    width: 100%;
    float: left;
    margin: 0px;
    nowhitespace: afterproperty;
    padding: 0px;
    /*border-bottom: 1px solid #CCCCCC; */border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; background:url(img/gdb-directory1.jpg) no-repeat top left;;;
}
#community .box ul.con li
{
    overflow: hidden;
    width: 95px;
    font-size: 13px;
    float: left;
    text-align: center;
    margin: 10px 0 2px 0px;
    padding: 5px 0 0 10px;
    list-style: none;
}
.inside_social_box h4
{
    color: #000000;
    float: left;
    font-size: 14px;
    text-align: left;
    width: 100%;
}
.inside_social_box h4 img { padding: 0 2px 0 0 }
#community .box ul.design
{
    width: 100%;
    float: left;
    margin: 0;
    padding: 0px;
}
#community .box ul.design li
{
    list-style-type: none;
    margin-bottom: 7px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 7px;
}
.inside_social_box h5
{
    font-size: 18px;
    font-family: "Times New Roman", Times, serif;
    margin: 0 !important;
    line-height: 30px !important;
}
#community h4
{
    font-size: 13px;
    font-family: "Arial", serif;
    margin: 0 !important;
    text-align: left;
}
#socialshare { float: left }
inside_social_box
{
    width: 70px;
    margin: 0 2px;
    float: left;
    text-align: center;
}
.connect_widget_number_cloud { display: none }
/*.rss_social{ background:#ff8700;color;#fff}

.rss_social a{background:#ff8700;color;#fff; padding:3px 10px; font-weight:bold;}

*/
.inside_social_box p
{
    font-size: 16px;
    font-family: "Times New Roman", Times, serif;
}
.gplus_cntnr
{
    float: left;
    width: 296px;
    padding: 5px 15px;
    border: 1px solid #ccc;
}


.advanced-recent-posts2 li {width: 154px !important;}
.advanced-recent-posts2 {width: 164px !important; border: 1px solid #CCCCCC !important; }
#advancedrecentposts-5 {width: 332px !important;}


#graphic_gallery_cntnr {  width:930px; background:#d4d4d4 url(img/gallery_bg.jpg) top left repeat-x; overflow:auto; margin:0 0 0 15px; border:1px solid #e3e3e3; padding:5px 15px 10px; }
#graphic_gallery_cntnr span.heading { width:400px; float:left; text-align:center; clear:both; border-bottom:1px solid #dcdcdc}


.gallery_graphic { float:left; clear:left}
.gallery_graphic ul { float:left; clear:left; margin:5px 0 0; padding:5px}
.gallery_graphic ul li{ float:left; border:1px solid #ccc; padding:3px; margin: 0 5px 0 0; }
.gallery_graphic ul li a img{ width:210px; height:120px}
.readmore_button a{ float:right; clear:right; margin:5px 0 0; color:#990000; font-weight:bold}

#logo_gallery_cntnr {  width:930px; background:#d4d4d4 url(img/gallery_bg.jpg) top left repeat-x; overflow:auto; margin:0 0 0 15px; border:1px solid #e3e3e3; padding:5px 15px 10px; }
#logo_gallery_cntnr span.heading { width:400px; float:left; text-align:center; clear:both; border-bottom:1px solid #dcdcdc}


.logo_graphic { float:left; clear:left}
.logo_graphic ul { float:left; clear:left; margin:5px 0 0; padding:5px}
.logo_graphic ul li{ float:left; border:1px solid #ccc; padding:3px; margin: 0 5px 0 0; }
.logo_graphic ul li a img{ width:155px; height:120px}
.readmore_button_logo a{ float:right; clear:right; margin:5px 0 0; color:#990000; font-weight:bold}
#logo_gallery_cntnr h3 span.heading, #graphic_gallery_cntnr h3 span.heading {text-align:left; padding:0 0 0 10px; font:bold 24px/30px "Times New Roman",Times,serif; text-transform:uppercase}



.tip-box {
    background-image: -moz-linear-gradient(center bottom , #968E95 29%, #CBCAD0 100%);
    border-left: 1px solid #6A6A6A;
    border-radius: 5px 5px 0 0;
    border-right: 1px solid #6A6A6A;
    border-top: 1px solid #6A6A6A;
    bottom: 0;
    display: none;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    height: 80px;
    padding: 20px;
    position: fixed;
    right: 0;
    width: 270px;
}

.close{display:block; position:absolute; top:5px; right:5px; cursor:pointer}
#top_navg {
    background: url(img/top_nav_bg_red.png) repeat-x scroll left top transparent;
    clear: both;
    height: 56px;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 30000;
}