/*
Theme Name: TheBuckmaker
Theme URI: http://thebuckmaker.com/introducing-the-buckmaker-wordpress-theme
Description: Functional, simple and stylish WordPress Theme with nice hover effects by <a href="http://thebuckmaker.com">TheBuckmaker.com</a>.
Author: Joe Fischler
Author URI: http://thebuckmaker.com
Tags: fixed width, two columns, valid CSS, valid XHTML, white, simple, widgets, widget ready, 2columns, right sidebar, custom header, gravatars
Version: 1.0.2
*/




/*       ++++++++++++++++++++++++++++++++++++++++++++++++++++++
         ++++++++++++++++++ General Stylings ++++++++++++++++++
         +++++++++++++++++++++++++++++++++++++++++++++++++++++*/


a {
          color: #000;
        text-decoration:none;
        font-weight:bold;
}

a img {
        border: none;
}

img {}



a:hover {
        color:#f99831;
        text-decoration:none;
}



blockquote {
        border-left: 5px solid #ccc;
        margin-left: 1.5em;
        padding-left: 5px;
}

body {
        background:#fff;
        color: #000;
        font-family: Arial, Verdana, sans-serif;
        margin: 0;
        padding: 0;
}

cite {
        font-size: 90%;
        font-style: normal;
}

h2 {
        font: 95% 'Arial', Verdana, sans-serif;
        margin: 15px 0 2px 0;
        padding-bottom: 2px;
}

h3 {
        font-family: Arial, Verdana, sans-serif;
        margin: 0 0 5px 0;
}



p, li {
        font: 14px 'Arial', Verdana, sans-serif;
        line-height:17px;
}


/*       ++++++++++++++++++++++++++++++++++++++++++++++++++++++
        ++++++++++++++ Containers and Headers ++++++++++++++++
         +++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/* ++++++++++++++++++ The Main Container ++++++++++++++++++ */

#rap {
        width:1010px;
        margin:0 auto;
        background:#fff;

}

/* ++++++++++++++++++ The Content Container - where your posts are ++++++++++++++++++ */

#content {
        background:url(images/vert3.jpg) repeat-y #fff;
        position:relative;
        left:117px;
        width: 654px;
        float:left;
        min-height:1000px;
        overflow:hidden;

}


/* ++++++++++++++++++ The Header Section ++++++++++++++++++ */

#header {
        background: url(images/headerleft.jpg) no-repeat;
        width:675px;
        height: 250px;
        font-family: Verdana, Arial, sans-serif;
        font-size:20px;
        overflow:hidden;
        float:left;
        margin-bottom:7px;
}

#header a {
        color: #000;
        text-decoration: none;
}

#header a:hover {
        text-decoration: none;
}

#header h1 {margin:130px 0 0 120px;
            z-index:-1;
            font-size:36px;

}

#header h1 a:hover {color:#f99831;}

#header h2 {margin:0px 0 0 130px;
            font-family: verdana, arial, sans-serif;
            font-size:16px;
            z-index:-1;
}

#headerright a {
        background: url(images/headerrightfull.jpg) no-repeat 0 -1px;
        width:330px;
        height:250px;
        float:right;
        cursor:pointer;
}

#headerright a:hover {
        background: url(images/headerrightfull.jpg) no-repeat 1px -251px #fff;
}

.navlink, .navlink a {
        margin:20px 48px 20px 0;
        color:#808080;
        padding:10px;
        text-align:center;
        font-size:10px;
        border-top:1px solid #808080;
}

.navlink a:hover {
        color:#000;

}

/* ++++++++++++++++++ THE BUCKMAKER CUSTOM HEADER IMAGE ++++++++++++++++++
                      for your own custom image:
                      replace the buckmakerfull.jpg with your custom image
                      in "images" in the theme directory
                      give it the same name ("buckmakerfull.jpg")
                      + remove the lign "display:none"
                      that's it
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
                          #buckmaker {

                          display:none;

                          background:url(images/buckmakerfull.jpg) no-repeat 0 -155px #fff;
                          width:582px;
                          height:168px;
                          position:relative;
                          top:72px;
                          left:92px;
                          z-index:1;
                          overflow:hidden;
                          cursor:pointer;
                          }

                          #buckmaker:hover {
                          background:url(images/buckmakerfull.jpg) no-repeat 0 3px #fff;
                          }

/*++++++++++++++++++++ If you don't want to use a custom header image
                       just delete this section +++++++*/


#headmenu {
font-family: verdana, arial, sans-serif;
font-size:16px;
letter-spacing:-1px;
font-weight:bold;
width:400px;
position:relative;
top:108px;
border:1px solid #fff;
left:265px;
z-index:2;
}

#headmenu a:hover {color:#f99831}

#headmenu ul {margin-top:0;}

#headmenu ul li {float:right;
            list-style-type:none;
            padding:0 10px;
            text-transform:lowercase;
            border-left:2px solid #000;
}

/*++++++ The Post wrap without its heading (storytitle) ++++++ */

.storywrap {
        padding:0 40px 0 15px;
        font-size:14px;
        text-align:justify;
        margin-right:48px;
}


/* ++++++++++++++++++ The Sidebar Section ++++++++++++++++++ */

#sidebar {
        width:239px;
        background:#fff;
        float:right;
        min-height:1000px;
        z-index:-1;
}

#sidebartop {
        background: url(images/sidebartop.jpg) no-repeat;
        height: 20px;
}

#search {list-style-type:none;
         padding:5px 5px 5px 0;
         background:#000;
}

#sidebar form {
        margin: 0;
        padding:0;
        list-style-type:none;
}

#sidebar input#s {
        text-align:left;
        margin-left:0px;
        width: 80%;
        background: #808080;
        color: #fff;
        font-weight:bold;
        font-family: verdana, arial,sans-serif;
        font-size:12px;
}

#sidebar a {font-weight:normal;}

#sidebar a:hover {
         color:#f99831;
         text-decoration:none;
         border-bottom:1px dashed #f99831;}


#sidebar ul {
        color: #ccc;
        font-weight: bold;
        list-style-type: none;
        margin: 0;
        padding-left: 3px;
        text-transform: lowercase;
}

#sidebar ul li {
        font-family: Arial, Verdana, sans-serif;
        letter-spacing: 0.1em;
         padding-left:10px;
         margin-top:20px;
        padding-bottom: 2px;
}

#sidebar ul ul {
        font-variant: normal;
        font-weight: normal;
        line-height: 100%;
        list-style-type: none;
        margin: 0;
        padding: 0;
        text-align: left;
}

#sidebar ul ul li {
        border: 0;
        font: normal normal 12px/115% 'Arial', Verdana, sans-serif;
        letter-spacing: 0;
        margin-top: 0;
        padding: 0;
        padding-left: 12px;
}
#sidebar ul ul ul.children {
        font-size: 142%;
        padding-left: 4px;
}


/*       ++++++++++++++++++++++++++++++++++++++++++++++++++++++
        ++++++++++++++++++ Special Stylings ++++++++++++++++++
         +++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/* +++++++++++++++ The Heading of your Posts and Pages ++++++++++++++++++ */

.storytitle {
        color:#fff;
        height:15px;
        margin:20px 48px 0 0;
        padding:2px 15px 4px 15px;
        background-color:#808080;
}


.storytitle a {
        text-decoration: none;
        color:#fff;
        font-size:16px;
        font-weight:bold;
}

.storytitle a:hover {
        color:#f99831;
}

.storytitle a:visited {
}



.post {
       clear:both;
       padding-bottom:10px;
}

.feedback {
       float:left;
       font-size:10px;
       margin-bottom:20px;
}

.feedback a {font-weight:normal;}

.storycontent p a {text-decoration:underline;}

.meta {
        font-size: 10px;
        font-family: Arial, Verdana, sans-serif;
        color: #808080;
        clear:both;
        padding-top:2px;
}

.meta li, ul.post-meta li {
        display: inline;
}

.meta ul {
        display: inline;
        list-style: none;
        margin: 0;
        padding: 0;
}

.meta a, .meta a:visited {
        color: #808080;
        font-weight: bold;
}

.meta a:hover {
        border-bottom:1px dashed #808080;
}

ul.post-meta {
        list-style: none;
}

ul.post-meta span.post-meta-key {
        font-weight: bold;
}

.footprint {
        background: #000;
        border-top: 3px double #fff;
        color: #fff;
        font-size: 11px;
        margin: 10px 0 0 0;
        padding: 3px;
        text-align: center;
         clear:both;
}

.footprint a {
        color:#fff;

}

/* +++++++++++++++ The comment section +++++++++++++++++ */


#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
        background: #fff;
        border: 1px solid #333;
        padding: .2em;
}

#commentform textarea {
        width:100%;
}

#commentlist {
        width:90%;
        font-size:11px;
        color:#000;
        margin-bottom:20px;
        padding-left:10px;
        margin-left:0;
}

#commentlist li {
        background:#ffeebb;
        border:1px solid #0b74b6;
        margin:0 0 20px 0;
        list-style-type:none;
        padding:0px;

}


#commentlist li p {font-size:12px;
        padding:5px 15px 5px 70px;
        margin:0;

}

#commentlist a {
        text-decoration:underline;
        font-weight:bold;
}


#commentlist li .avatar {
        float:left;
        padding:0 15px 5px 0;

}


/* ++++++++++++++++++ Just a little for the Calendar ++++++++++++++++++ */

#wp-calendar {
        border: 1px solid #999;
        empty-cells: show;
        font-size: 14px;
        width:100%;
        text-align:center;

}

#wp-calendar caption {
        text-align: left;
}


/* ++++++++++++++++++ WORDPRESS Captions & aligment ++++++++++++++++++ */


.aligncenter,
div.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

.alignleft {
        float: left;
}

.alignright {
        float: right;
}

.wp-caption {
        border: 1px solid #ddd;
        text-align: center;
        background-color: #f3f3f3;
        padding-top: 4px;
        margin: 10px;
}

.wp-caption img {
        margin: 0;
        padding: 0;
        border: 0 none;
}

.wp-caption p.wp-caption-text {
        font-size: 11px;
        line-height: 17px;
        padding: 0 4px 5px;
        margin: 0;
}