/*

Theme Name: Mackey V7

Theme URI: http://wordpress.org/

Description: Mackey's Design! <a href="http://www.mackeydesigns.com">Mackey</a>.

Version: 1.0

Author: Josh Makcey

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



        Mackey v1.0

         http://www.mackeydesigns.com



        This theme was designed and built by Josh Mackey,

        whose blog you will find at http://www.mackeydesigns.com



        The CSS, XHTML and design is released under GPL:

        



*/







/* Begin Typography & Colors */

html {overflow-y: scroll;}

body {

        font-family:Helvetica,Arial,sans-serif; font-size:12px; color:#777777; line-height:1.3;

        background:#2a2a2a url('images/bg.jpg') no-repeat top center;

        text-align: center;

        }



img {border:0px;}

a:link{color:#ff6600; text-decoration:none}

a:visited{color:#ff6600; text-decoration:none}

a:hover{color:#ca0002; text-decoration: underline}

a:active{color:#ff6600; text-decoration: underline}



#page {

        /*background-color: white;*/

        text-align: center;

        }



#content {

        font-size: 1.2em;

/*        background-color; #2a2a2a;*/

        }



.widecolumn .entry p {

        font-size: 1.05em;

        }



.narrowcolumn .entry, .widecolumn .entry {

        line-height: 1.4em;

        }



.widecolumn {

        line-height: 1.6em;

        }



.narrowcolumn .postmetadata {

        text-align: center;

        }



.alt {

        background-color: #f8f8f8;

        border-top: 1px solid #ddd;

        border-bottom: 1px solid #ddd;

        }



small {

        font-family: Arial, Helvetica, Sans-Serif;

        font-size: 0.9em;

        line-height: 1.5em;

        }



h1, h2, h3 {

        font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;

        font-weight: bold;

        }



h1 {

        font-size: 4em;

        text-align: center;

        }



#headerimg .description {

        font-size: 1.2em;

        text-align: center;

        }



h2 {

        font-size: 1.6em;

        }



h2.pagetitle {

        font-size: 1.6em;

        }



#sidebar h2 {

        font-family: 'Lucida Grande', Verdana, Sans-Serif;

        font-size: 1.2em;

        text-align: center

        }



h3 {

        font-size: 1.3em;

        }

        

h4 {

        font-size: 1.3em;

        font-weight: bold;

        color: #FF6600;

        }



h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {

        text-decoration: none;

        color: white;

        }



h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {

        color: #333;

        }



h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {

        text-decoration: none;

        }



.entry p a:visited {

        color: #b85b5a;

        }



.commentlist li, #commentform input, #commentform textarea {

        font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

        }



.commentlist li {

        font-weight: bold;

        }



.commentlist cite, .commentlist cite a {

        font-weight: bold;

        font-style: normal;

        font-size: 1.1em;

        }



.commentlist p {

        font-weight: normal;

        line-height: 1.5em;

        text-transform: none;

        }



#commentform p {

        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

        }



.commentmetadata {

        font-weight: normal;

        }



#sidebar {

        font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;

        padding: 0;

        margin: 0;

        }



small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {

        color: #777;

        }



code {

        font: 1.1em 'Courier New', Courier, Fixed;

        }



acronym, abbr, span.caps

{

        font-size: 0.9em;

        letter-spacing: .07em;

        }



a, h2 a:hover, h3 a:hover {

        color: #06c;

        text-decoration: none;

        }



a:hover {

        color: #147;

        text-decoration: underline;

        }



#wp-calendar #prev a, #wp-calendar #next a {

        font-size: 9pt;

        }



#wp-calendar a {

        text-decoration: none;

        }



#wp-calendar caption {

        font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;

        text-align: center;

        }



#wp-calendar th {

        font-style: normal;

        text-transform: capitalize;

        }

/* End Typography & Colors */









body {

        margin: 0 0 20px 0;

        padding: 0; 

        }

        



#containerbg {text-align: center; height:148px; padding:0px; margin-left:-10px; background:url('/images/V7/containerbg.png') no-repeat top center;

        margin-top:11px;

        *margin-top:-8px;

        }

#container {float:right;text-align: left; min-height:600px; width: 880px; padding:10px; margin-top:-40px; /*background-color:#2a2a2a;*/}



#page {

        /*background-color: white;*/

        margin-left: auto; 

        margin-right: auto;

        padding: 0;

        width: 900px;

        }

        

#header {position:relative; top:45px; width:900px; height:148px; margin-left: auto; margin-right:auto; padding: 0px 0px 0px 0px; text-align:center;}



#logo {float:left; width:441px; height:74px;  padding:0px 0px 0px 15px;}

#nav {float:right; display:inline; text-align:right; width:421px; height:69px; margin-right:7px; padding:0px 0 0px 0px}

#nav_blog {float:left; width:88px; height:69px; margin-bottom:10px; background:url('/images/V7/nav_blog.png') no-repeat 0 0;}

#nav_blog_current {float:left; width:88px; height:69px; margin-bottom:10px; background:url('/images/V7/nav_blog.png') no-repeat 0 -138px;}

#nav_blog:hover {float:left; width:88px; height:69px; margin-bottom:10px; background:url('/images/V7/nav_blog.png') no-repeat 0 -69px;}

#nav_portfolio {float:left; width:125px; height:69px; margin-bottom:10px; background:url('/images/V7/nav_portfolio.png') no-repeat 0 0;}

#nav_portfolio_current {float:left; width:125px; height:69px; margin-bottom:10px; background:url('/images/V7/nav_portfolio.png') no-repeat 0 -138px;}

#nav_portfolio:hover {float:left; width:125px; height:69px; margin-bottom:10px; background:url('/images/V7/nav_portfolio.png') no-repeat 0 -69px;}

#nav_about {float:left; width:103px; height:69px; margin-bottom:10px; background:url('/images/V7/nav_about.png') no-repeat 0 0;}

#nav_about_current {float:left; width:103px; height:69px; margin-bottom:10px; background:url('/images/V7/nav_about.png') no-repeat 0 -138px;}

#nav_about:hover {float:left; width:103px; height:69px; margin-bottom:10px; background:url('/images/V7/nav_about.png') no-repeat 0 -69px;}

#nav_store {float:left; width:104px; height:69px; margin-bottom:10px; background:url('/images/V7/nav_store.png') no-repeat 0 0;}

#nav_store_current {float:left; width:104px; height:69px; margin-bottom:10px; background:url('/images/V7/nav_store.png') no-repeat 0 -138px;}

#nav_store:hover {float:left; width:104px; height:69px; margin-bottom:10px; background:url('/images/V7/nav_store.png') no-repeat 0 -69px;}



/*

div#preload1 {background: url(/images/V7/nav_blog_over.png);display:none;}

div#preload2 {background: url(/images/V7/nav_portfolio_over.png);display:none;}

div#preload3 {background: url(/images/V7/nav_about_over.png);display:none;}

div#preload4 {background: url(/images/V7/nav_res_over.png);display:none;}

*/



.posticon {

        position:absolute;

        right: 0;

        top: 0;

        margin-top: -7px;

        margin-right: -10px;

}



.narrowcolumn {

        float: left;

        padding: 5px;

        margin: 0px;

        width: 673px;

        }



.widecolumn {

        margin:5px auto;

        width: 900px;

        }

        

.flashcolumn {

        padding: 5px;

        width: 900px;

        }



.post {

        margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: -20px;

        text-align: justify;

        min-height: 325px;

        }



.share_btn

{

        position: absolute;

        width: 44px;

        height: 43px;

        bottom: 0;

        right: 0;

        background: url('images/share_btn.png') no-repeat;

        padding-bottom: 4px;

        padding-right: 5px;

}

        

.post_shell

{

        border: medium double rgb(250,0,255);

        padding:5px;

}

.post_date

{

        position: absolute;

        top:1px;

        left:-30px;

        width:72px;

        height:65px;

        background: url('images/date_bg.png') no-repeat;

        text-align: center;

        font: Tahoma;

        font-size: 18px;

        padding-top: 12px;

        color: #000000;

        line-height: 20px;

}



.post_title

{

        padding-top: 12px;

        padding-left: 32px;

        font: bold 22px 'Tahoma';

        background: url('images/title_bar.png') bottom left no-repeat;

        height:38px;

}



.post_title a

{

        color: #262626;

}



.post hr {

        display: block;

        }



.widecolumn .post {

        margin: 0;

        }



.narrowcolumn .postmetadata {

        padding-top: 5px;

        }



.widecolumn .postmetadata {

        margin: 30px 0;

        }



.widecolumn .smallattachment {

        text-align: center;

        float: left;

        width: 128px;

        margin: 5px 5px 5px 0px;

}



.widecolumn .attachment {

        text-align: center;

        margin: 5px 0px;

}



.postmetadata {

        clear: left;

}



.seperator {

        width: 693px;

        height: 30px;

        background: url('images/post_bottom.png') no-repeat;

        margin-left: -20px;

}



.wide_seperator {

        width: 900px;

        height: 36px;

        background: url('images/wide_bottom.jpg') no-repeat;

        margin-left: -20px;

}



#josh {

        width: 380px;

        height: 260px;

        margin-left: -20px;

        float:left;

        background: url('images/josh.png') no-repeat top left;

}



#josh img {

        position:relative;

        top: 193px;

        left:5px;

        float:left;

        }

        

.feat_work {

        width: 520px;

        height: 260px;

        float:left;

}





#footer {

        clear: both;

        float:left;

        width:100%;

        height:185px;

        margin: 0;

        padding:0;

        text-align:left; background:url('/images/V7/footerbg.jpg') repeat-x top left;

        margin-left:-10px;

        }

#footercontent {

        width:880px;

        height:165px;

        margin-left: auto;

        margin-right:auto;

        padding: 10px;

        text-align:left; background:url('/images/V7/footer.jpg') no-repeat top left;}



#footer p {

        margin: 0;

        padding: 20px 0;

        text-align: center;

        }

/* End Structure */







/*        Begin Headers */

h1 {

        padding-top: 70px;

        margin: 0;

        }



h2 {

        margin: 30px 0 0;

        }



h2.pagetitle {

        margin-top: 30px;

        text-align: center;

}



#sidebar h2 {

        margin: 5px 0 0;

        padding: 0;

        color:#666666;

        }



h3 {

        padding: 0;

        margin: 30px 0 0;

        }



h3.comments {

        padding: 0;

        margin: 40px auto 20px;

        color: #ffffff;

        }

/* End Headers */







/* Begin Images */

p img {

        padding: 0;

        max-width: 100%;

        }



/*        Using 'class="alignright"' on an image will (who would've

        thought?!) align the image to the right. And using 'class="centered',

        will of course center the image. This is much better than using

        align="center", being much more futureproof (and valid) */



img.centered {

        display: block;

        margin-left: auto;

        margin-right: auto;

        }



img.alignright {

        padding: 4px;

        margin: 0 0 2px 7px;

        display: inline;

        }



img.alignleft {

        padding: 4px;

        margin: 0 7px 2px 0;

        display: inline;

        }



.alignright {

        float: right;

        }



.alignleft {

        float: left

        }

/* End Images */







/* Begin Lists



        Special stylized non-IE bullets

        Do not work in Internet Explorer, which merely default to normal bullets. */



html>body .entry ul {

        margin-left: 0px;

        padding: 0 0 0 30px;

        list-style: none;

        padding-left: 10px;

        text-indent: -10px;

        } 



html>body .entry li {

        margin: 7px 0 8px 10px;

        }



.entry ul li:before, #sidebar ul ul li:before {

        content: none;

        }



.entry ol {

        padding: 0 0 0 35px;

        margin: 0;

        }



.entry ol li {

        margin: 0;

        padding: 0;

        }



.post .entry {

        padding: 5px;

}



.postmetadata ul, .postmetadata li {

        display: inline;

        list-style-type: none;

        list-style-image: url('none');

        }



#sidebar ul, #sidebar ul ol {

        margin: 0;

        padding: 0;

        }



#sidebar ul li {

        list-style-type: none;

        list-style-image: url('none');

        margin-bottom: 15px

        }



#sidebar ul p, #sidebar ul select {

        margin: 5px 0 0 8px;

        }



#sidebar ul ul, #sidebar ul ol {

        margin: 5px 0 0 10px;

        }



#sidebar ul ul ul, #sidebar ul ol {

        margin: 0 0 0 10px;

        }



ol li, #sidebar ul ol li {

        list-style: decimal outside;

        }



#sidebar ul ul li, #sidebar ul ol li {

        margin: 3px 0 0;

        padding: 0;

        }

/* End Entry Lists */







/* Begin Form Elements */

#searchform {

        margin: 10px auto;

        padding: 5px 3px;

        text-align: center;

        }

        

#searchform_top {

        position:relative;

        margin-left: 710px;

        margin-top: 3px;

        text-align: center;

        }



#searchform_top #s {

        background-color: transparent;

        border:0px;

        height:20px;

        width: 120px;

        padding: 2px;

        }



#sidebar #searchsubmit {

        padding: 1px;

        }



.entry form { /* This is mainly for password protected posts, makes them look better. */

        text-align:center;

        }



select {

        width: 130px;

        }



#commentform input {

        width: 170px;

        padding: 2px;

        margin: 5px 5px 1px 0;

        }



#commentform textarea {

        width: 600px;

        padding: 5px;

        margin: 5px 5px 1px 0;

        }

        }



#commentform #submit {

        margin: 0;

        float: right;

        }

/* End Form Elements */







/* Begin Comments*/

.alt {

        margin: 0;

        padding: 10px;

        }



.commentlist {

        padding: 0;

        text-align: justify;

        }



.commentlist li {

        margin: 15px 0 3px;

        padding: 5px 10px 3px;

        list-style: none;

        }



.commentlist p {

        margin: 10px 5px 10px 0;

        }



#commentform p {

        margin: 5px 0;

        }



.nocomments {

        text-align: center;

        margin: 0;

        padding: 0;

        }



.commentmetadata {

        margin: 0;

        display: block;

        }

/* End Comments */







/* Begin Sidebar */

#sidebar

{

        padding: 20px 0 10px 0;

        margin-left: 690px;

        margin-top: 244px;

        *margin-top: -15px;

        width: 190px;

        }



#sidebar form {

        margin: 0;

        }

/* End Sidebar */







/* Begin Calendar */

#wp-calendar {

        empty-cells: show;

        margin: 10px auto 0;

        width: 155px;

        }



#wp-calendar #next a {

        padding-right: 10px;

        text-align: right;

        }



#wp-calendar #prev a {

        padding-left: 10px;

        text-align: left;

        }



#wp-calendar a {

        display: block;

        }



#wp-calendar caption {

        text-align: center;

        width: 100%;

        }



#wp-calendar td {

        padding: 3px 0;

        text-align: center;

        }



#wp-calendar td.pad:hover { /* Doesn't work in IE */

        background-color: #fff; }

/* End Calendar */







/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

        cursor: help;

        }



acronym, abbr {

        border-bottom: 1px dashed #999;

        }



blockquote {

        margin: 15px 30px 0 10px;

        padding-left: 20px;

        border-left: 5px solid #ddd;

        }



blockquote cite {

        margin: 5px 0 0;

        display: block;

        }



.center {

        text-align: center;

        }



hr {

        display: none;

        }



a img {

        border: none;

        }



.navigation {

        display: block;

        text-align: center;

        margin-top: -10px;

        margin-bottom: 20px;

        }

/* End Various Tags & Classes*/







.mainCornerBox { position: relative; width: 100%; background: url('images/post_bg.jpg') #ffffff repeat-x bottom left; min-height:325px; }

.mainCorner { position: absolute; width: 22px; height: 22px; background: url('images/rc.jpg') no-repeat; font-size: 0%; }

.mainBorderH { position: absolute; width: 651px; height: 5px; background: url('images/brdh.png') repeat-x; font-size: 0%; }

.mainBorderV { position: absolute; width: 5px; height:100%; background: url('images/brdv.png') repeat-y; font-size: 0%; }

.cornerBoxInner { padding: 8px; }



.sideCornerBox { position: relative; width: 100%; background: url('images/side_bg.jpg') #ffffff repeat-x bottom left; min-height:100px;  }

.sideCorner { position: absolute; width: 22px; height: 22px; background: url('images/rc.jpg') no-repeat; font-size: 0%; }

.sideBorderH { position: absolute; width: 160px; height: 5px; background: url('images/brdh.png') repeat-x; font-size: 0%; }

.sideBorderV { position: absolute; width: 5px; height:100%; background: url('images/brdv.png') repeat-y; font-size: 0%; }

.sideCornerBoxInner { padding: 8px; }





.wideCornerBox { position: relative; width: 100%; background: url('images/post_bg.jpg') #ffffff repeat-x bottom left; min-height:325px;  }

.wideCorner { position: absolute; width: 22px; height: 22px; background: url('images/rc_s.jpg') no-repeat; font-size: 0%; }

.wideBorderH { position: absolute; width: 878px; height: 5px; background: url('images/brdh.png') repeat-x; font-size: 0%; }

.wideBorderV { position: absolute; width: 5px; height:100%; background: url('images/brdv.png') repeat-y; font-size: 0%; }

.wideCornerBoxInner { padding: 10px; }



.TL { top: 0; left: 0;  background-position: 0 0; }

.TR { top: 0; right: 0; background-position: -22px 0; }

.BL { bottom: 0px; left: 0; background-position: 0 -22px; }

.BR { bottom: 0px; right: 0; background-position: -22px -22px; }

.TT { top: 0; left:22px; background-position: 0 0; }

.LL { top: 0; left:0; background-position: 0 0; }

.RR { top: 0; right:0; background-position: -5px 0; }

.BB { bottom: 0; left:22px; background-position: 0 -5px; }





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

                            Footer

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



.hide

{

    display:none;

}



#footercolumn1

{

    float: left;

    width: 240px;

    height: 118px;

    background:url('http://www.mackeydesigns.com/content/footer/vertbar.png') no-repeat top right;

}



#footercolumn2

{

    float: left;

    width: 250px;

    height: 118px;

    background:url('http://www.mackeydesigns.com/content/footer/vertbar.png') no-repeat top right;

}



#footercolumn3

{

    float: left;

    width: 160px;

    height: 50px;

}



#footercopyright

{

    float: left;

    width: 100%;

    margin: 0;

    text-align: center;

    color: #FFF;

    font-size: 0.8em;

    background:url('http://www.mackeydesigns.com/content/footer/horzbar.png') no-repeat top center;; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:0

}



.footerMSN

{

    float: left;

    width: 100px;

    height: 38px;

    padding: 0;

    background:url('http://www.mackeydesigns.com/content/footer/msn.png') no-repeat top center;; margin-left:0; margin-right:0; margin-top:15px; margin-bottom:0

}



.footerAIM

{

    float: left;

    width: 56px;

    height: 43px;

    background:url('http://www.mackeydesigns.com/content/footer/aim.png') no-repeat top center;; margin-left:0; margin-right:0; margin-top:15px; margin-bottom:0

}



.footerEMAIL

{

    float: left;

    width: 68px;

    height: 50px;

    background:url('http://www.mackeydesigns.com/content/footer/email.png') no-repeat top center;; margin-left:0; margin-right:0; margin-top:15px; margin-bottom:0

}



.footerLINKEDIN

{

    float: left;

    width: 110px;

    height: 50px;

    background:url('http://www.mackeydesigns.com/content/footer/linkedin.png') no-repeat top center;; margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0

}



.footerMYSPACE

{

    float: left;

    width: 120px;

    height: 50px;

    background:url('http://www.mackeydesigns.com/content/footer/myspace.png') no-repeat top center;; margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0

}



.footerRSS

{

    float: left;

    width: 100px;

    height: 43px;

    background:url('http://www.mackeydesigns.com/content/footer/rss.png') no-repeat top center;; margin-left:0; margin-right:0; margin-top:15px; margin-bottom:0

}



.footerCC

{

    float: left;

    width: 140px;

    height: 50px;

    background:url('http://www.mackeydesigns.com/content/footer/creativecommons.png') no-repeat top center;; margin-left:0; margin-right:0; margin-top:20px; margin-bottom:0

}



.footerFB

{

    float: left;

    width: 115px;

    height: 50px;

    background:url('http://www.mackeydesigns.com/content/footer/facebook.png') no-repeat top center;; margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0

}



.footerTwitter

{

    float: left;

    width: 125px;

    height: 50px;

    background:url('http://www.mackeydesigns.com/content/footer/twitter.png') no-repeat top center;; margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0

}



#ffcontainer

{

    float: left;

    padding: 0 10px 0 10px;

    text-align: center;

    color: #FFF;

    font-size: 0.8em;    

}



.footerFF

{

    float: left;

    width: 138px;

    height: 76px;

    background:url('http://www.mackeydesigns.com/content/footer/firefox.png') no-repeat top center;; margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0

}



a.footercopyrighttext

{

    color: #FFFFFF;

}



img#wpstats{width:0px;height:0px;overflow:hidden;}