/*
Theme Name: Dalton
Theme URI: http://www.daltonhurd.com
Description: Dalton Hurd's portfolio
Version: 1.0
Author: Monkify
Author URI: http://www.monkify.com/
*/

/* Reset Browser Defaul Styles --------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a { text-decoration: none; color:#89A018; }
a:hover {text-decoration: none;color:#59641d; }

body {background:#FFFFCC;font-family: arial;}
.wrapper {width:878px; margin:0px auto; clear:both;}
.clear {clear:both}
.hide{display: none;}

/* general */

a.btn{display:block; float:left; padding:0px 13px 0px 0px; border:0;background: transparent url(images/btnGrey.png) no-repeat right -117px;border: 0 !important;}
a.btn.more{padding-right:15px;background-image:url(images/btnGreyMore.png);}

a.btn span{display:block; float:left; font:13px/13px Georgia, "Times New Roman", Times, serif; padding:6px 0px 11px 13px; cursor:pointer;color:#e1e0cd;background: transparent url(images/btnGrey.png) no-repeat left top; }
a.btn.more span{padding-left: 23px;background-image:url(images/btnGreyMore.png);}

.right{float: right;}
.noposts{margin-top:25px; margin-bottom:0 !important;}

button {
    position: relative;
    border: 0;
    cursor: pointer;
    overflow: visible; /* removes extra side padding in IE */
    font:13px/13px Georgia, "Times New Roman", Times, serif;
    color:#e1e0cd;
    padding: 0 11px 0 0;
    text-align: center;
    background: transparent url(images/btnGrey.png) no-repeat right -117px;
}

button::-moz-focus-inner {
    border: none;  /* overrides extra padding in Firefox */
}

button span {
    position: relative;
    display: block;
    white-space: nowrap;
    padding: 3px 0 0 13px;
    height:26px;
    line-height:18px;
    background: transparent url(images/btnGrey.png) no-repeat left top;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Google Chrome only - fix margins */
    button span {
        margin-top: -1px;
        margin-right:-1px;
    }
}



button:hover, button.submitBtnHover,a.btn:hover { /* the redundant class is used to apply the hover state with a script */
                                                  background-position: right -156px;
}
button:active, button.submitBtnActive,a.btn:active { /* the redundant class is used to apply the hover state with a script */
                                                     background-position: right -195px;
}

button:hover span, button.submitBtnHover span,a.btn:hover span {
    background-position: 0 -39px;
    color:#ffffff;
}
button:active span, button.submitBtnActive span,a.btn:active span {
    background-position: 0 -78px;
    color:#ffffff;
}

/* Header */
#header {background:#2f2c1d url(images/header-patern.gif) center bottom repeat-x; padding-bottom:35px;}

#logo {margin-left:4px; float:left; position:relative; z-index:4; height:84px; overflow:hidden;}
#logo a {display:block; width:365px; height:84px; overflow:hidden; z-index:3;}
#logo a img {position:relative; top:0px; left:0px; z-index:1;}
#logo a:hover img {display:block; position:relative; top:-84px; left:0px;}

#menu {float:right; margin-top:40px;}
#menu li {float:left; margin-right:1px;}
#menu li a, #menu li a.active {display:block; float:left; margin-left:12px; padding:0px 0px 0px 15px;}
#menu li a span, #menu li a.active span {padding:1px 15px 3px 0px; display:block; float:left; line-height:13px; font:13px/27px Georgia, "Times New Roman", Times, serif; color:#b2b091;}
#menu li a:link, #menu li a:visited {background:url(images/topmenu-buttons.gif) left 0px no-repeat}
#menu li a:link span, #menu li a:visited span {background:url(images/topmenu-buttons.gif) right 0px no-repeat;}
#menu li a:hover {background:url(images/topmenu-buttons.gif) left -33px no-repeat; text-decoration:none;}
#menu li a:hover span {background:url(images/topmenu-buttons.gif) right -33px no-repeat; color:#ffffff; cursor:pointer}
#menu li a:active {background:url(images/topmenu-buttons.gif) left -66px no-repeat}
#menu li a:active span{background:url(images/topmenu-buttons.gif) right -66px no-repeat; color:#8d8b6c}
#menu li a.active {background:url(images/topmenu-buttons.gif) left -66px no-repeat}
#menu li a.active span{background:url(images/topmenu-buttons.gif) right -66px no-repeat; color:#8d8b6c}



/* About Section */
.page-title {background:#3c3928 url(images/about-patern.gif) center bottom repeat-x; padding:24px 0px 44px;}
.page-title.about{padding-bottom: 60px;}

.page-title .avatar {float:left; margin-right:13px; padding:9px 11px 13px; width:121px; height:122px; background:url(images/admin-avatar-bg.gif) left top no-repeat;}

.page-title .content {float:left; width:722px;}
.page-title h2 {font:24px/24px Arial, Helvetica, sans-serif; margin-bottom:7px; color:#fff; float: left;}
.page-title h2.title {float: left;}
.page-title .content h2 {float: none;}

.page-title .content h2 a {color:#ffffff}
.page-title .content p {font:16px/27px Georgia, "Times New Roman", Times, serif; color:#868566;}
.page-title .content p a {border-bottom:1px dashed #4e4b37; color:#a6c21f}
.page-title .content p a:hover {border-bottom:1px dashed #767459; color:#ffffff;}

.page-title .boxes {margin:20px 0px 0px; border-top:1px solid #474431; padding-top:23px; width:890px;}
.page-title .boxes .box {background:url(images/about-box-bg.gif) left top no-repeat; width:254px; height:129px; padding:2px 14px 18px 17px; float:left; margin-right:11px}
.boxes .box img {float:right; margin-left:10px;}
.boxes .box h2 {font:20px/24px Arial, Helvetica, sans-serif; color:#3c3928; padding:12px 0px 5px}
.boxes .box p {font:13px/18px Georgia, "Times New Roman", Times, serif; color:#868566; padding-bottom:5px;clear: left;}

/* Main Section */
#main {background:#ffffcc; padding-top:25px;}
#main .wrapper {width:876px; padding-left:2px}

#main .content {float:left; width:622px; margin-right:37px; padding-top:2px;}
.content .post {border-top:1px solid #e3e3b5; padding-bottom:21px; clear:both;}
.post .post-date {float:left; background:url(images/date-bg.gif) top left no-repeat; margin-right:18px; height:30px; padding:37px 0px 16px; text-align:center; width:64px; font:italic 12px/15px Georgia, "Times New Roman", Times, serif; color:#ffffcc; position:relative; top:-1px;}
.post-date .post-day {font:italic 26px/20px Georgia, "Times New Roman", Times, serif; color:#ffffff;}
.content .post-content {float:left; width:540px;}
.post-content h2 {font:24px/29px Arial, Helvetica, sans-serif; color:#89a018; padding-top:20px;}
.post-content h2 a {color:#89a018; border-bottom:1px dashed #89a018; color:#89a018;}


.content .post-content a {color:#89a018; border-bottom:1px dashed #89a018}
.content .post-content a:hover {color:#59641d; border-bottom:1px dashed #59641d}
.content .post-content img, .content .post-content a img {padding:5px; border:1px solid #cdcda2; background:#e7e7bf; position:relative; top:4px;}
.content .post-content a:hover img {padding:5px; border:1px solid #cdcda2; background:#ffffff;}
.content p {font:13px/20px Arial, Helvetica, sans-serif; color:#8c8c6b; margin-bottom:10px;}
.content p.post-comments-number {font:italic 13px/13px Georgia, "Times New Roman", Times, serif; color:#a6a589; margin:5px 0px 21px;}
.content p.post-comments-number a {color:#a6a589; border:0;}
.content p.post-comments-number a:hover {color:#a6a589; border:0;}

.content #pagination {padding:16px 0px 32px; border-top:1px solid #e3e3b5; clear:both;}


#pagination a,#pagination span {display:block; float:left; height:24px; width:30px; text-align:center; margin:2px 3px 0px 0px; font:13px Georgia, "Times New Roman", Times, serif; color:#e1e0cd; padding-top:5px}
#pagination a:link, #pagination a:visited {background:url(images/pagination-buttons.gif) left 0px no-repeat;}
#pagination a:hover {background:url(images/pagination-buttons.gif) left -29px no-repeat; color:#ffffff}
#pagination span:active {background:url(images/pagination-buttons.gif) left -58px no-repeat;}
#pagination span.active, #pagination span.active:visited {background:url(images/pagination-buttons.gif) left -87px no-repeat; color:#939370}

#pagination a#prev-page,#pagination a#next-page,#pagination span#next-page,#pagination span#prev-page{display:block; float:left; width:30px; height:33px; text-indent:-9999px; margin:0px; padding:0px;background:url(images/arrows.png) 0px 0px no-repeat;}
#pagination a#next-page,#pagination span#next-page {margin-right:16px}

#pagination a#prev-page:hover{background-position: 0 -33px;}
#pagination a#prev-page:active{background-position: 0 -66px;}
#pagination a#next-page,#pagination span#next-page{background-position: -30px 0px;}
#pagination a#next-page:hover{background-position: -30px -33px;}
#pagination a#next-page:active{background-position: -30px -66px;}

#main .sidebar {float:left; width:216px}
.sidebar a.banner {display:block; width:201px; height:101px; margin-bottom:20px; 	filter: alpha(opacity=70);
                   -khtml-opacity: 0.7;
                   -moz-opacity: 0.7; 
                   opacity: 0.7;
}
.sidebar a.banner.default {background:url(images/banner-bg.gif) left top no-repeat; margin-bottom:20px; padding:10px 0px 0px 15px; font:20px/20px Arial, Helvetica, sans-serif; color:#3c3928;filter: alpha(opacity=100);
                   -khtml-opacity: 1;
                   -moz-opacity: 1;
                   opacity: 1;}
.sidebar a.banner:hover {background-position:left bottom;
filter: alpha(opacity=100);
                   -khtml-opacity: 1;
                   -moz-opacity: 1;
                   opacity: 1;
}

/*journal*/
.page-title h2{font-size: 2em;}
.about.page-title h2.title{font-size:1.5em;}
#search{width: 226px;}
#search input{background: url(images/searchInput.png) no-repeat left top transparent; border: none; height: 23px; width: 123px; float: left; margin-right: 5px; color: #868566; font:13px/13px Georgia,"Times New Roman",Times,serif; font-size: 0.9em; padding: 2px 14px; line-height: 23px;}
#search button{background: url(images/searchBtn.png) no-repeat left top transparent; border: none; height: 27px; width: 151px; text-align: center; color: #e1e0cd; width: 70px; height: 28px; cursor: pointer; padding: 0;padding-bottom:6px;font:13px/13px Georgia,"Times New Roman",Times,serif;}

img.alignright,img.alignleft  {
    display:inline;
    margin:0 0 2px 7px;
    padding:4px;
}
.alignright {
    float:right;
    margin-bottom:23px;
    margin-left:13px;
}
.alignleft {
    float:left;
    margin-right:13px;
}
img.alignleft  {
    margin:0 7px 2px 0;
}
/*about me*/
#main.about h3{color:#2f2c1d; font-size: 1.3em; font-weight: normal; margin-bottom: 20px;}
#main.about img{margin-top: -15px;}
#main.about p{margin-bottom: 100px; color: #8c8c6b; font-size:12px; line-height: 22px; font-family: georgia; letter-spacing: 1px;}
#main.about p.fiximgpos{margin-bottom: 55px;}
#main.about .fiximgpos img{margin-top: -35px;}
#main.about .fiximgpos img.alignleft{margin-right: 35px;}
#main.about .fiximgpos img.alignright{margin-left: 22px;}

/*contact*/
.contact .box{background: url(images/widget_tops.png) no-repeat left top; width: 216px; padding-top: 7px; margin-bottom: 7px;}
.contact .boxBtm{background: url(images/widget_tops.png) no-repeat left bottom; width: 216px; padding-bottom: 8px;}
.contact .boxInner{background: url(images/widget_bg.png) repeat-y left top; width: 184px; padding: 9px 16px 8px 16px;}
.contact .box h3{color: #3c3928; font-size: 1.2em; font-weight: normal; margin-bottom: 5px;}
.contact .box p{color: #868566; font-family: georgia; font-size: 0.9em; line-height: normal; margin-bottom: 22px;}

.contact .contactform_error { font-weight:bold; }

.contact .content p{margin-bottom: 25px;}
.contact .content p.last{margin-bottom: 45px;}
.contact .box .last{margin-bottom: 0;}

.contact .box ul li{padding-left: 24px; background: url(images/socialIcons.png) no-repeat 0 2px; margin-bottom: 10px;}
.contact .box ul li.facebook{background-position: 0 -17px;}
.contact .box ul li.dribbble{background-position: 0 -37px;}
.contact .box ul li.deviantart{background-position: 0 -55px;}
.contact .box ul li a{color: #89a018; text-transform: capitalize; height: 15px; display: inline-block; border-bottom: 1px #cbd59a dashed; font-size: 0.8em;}
.contact .box ul li a:hover{color:#59641d;}

form.monk div.line,form.monk{width: 467px;}
form.monk div.line{clear: both; padding-bottom: 7px; border-bottom: 1px solid #e3e3b5; float: left;}
form.monk label{float: left;color: #3c3928; margin-top: 12px; font-size: 0.8em;}
form.monk .inputholder{background: url(images/inputTxt.png) no-repeat left top; width: 283px; height: 25px; display: block;float: right; margin-top: 6px; padding: 0 13px;}
form.monk .inputholder.active{background-position: left bottom;}
form.monk .inputholder.active input{ color: #34342a;}
form.monk input{background:none no-repeat scroll 0 0 transparent;
                border:medium none;
                padding:0;
                width:100%; padding-top: 7px; padding-bottom: 5px; height: 13px; color: #868566; font-family: georgia;
                font-size:0.7em;}
form.monk .textfieldholder{background: url(images/textfield.png) no-repeat left top; width: 283px; height: 146px; display: block;float: right; margin-top: 6px; padding: 0 13px;}
form.monk .textfieldholder.active{background-position: left bottom;}
form.monk textarea{background:none no-repeat scroll 0 0 transparent;
                   border:medium none;
                   padding:0;
                   width:100%; padding-top: 7px; padding-bottom: 5px; height: 134px; color: #868566; font-family: georgia;
                   font-size:0.7em;}
form.monk button{margin-top:8px; float:right;}

/*my work*/

.description{float: left; width: 274px; float: left; margin-right: 20px;}
.project{padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #e3e3b5;float: left;}
.project h2{color:#89A018;
            font:24px/29px Arial,Helvetica,sans-serif;
            margin-bottom: 7px;
}
.project h2 a{
    border-bottom:1px dashed #89A018;
    color:#89A018;

}

.project h2 a:hover {color:#59641d; border-color:#59641d}
.project h3{color: #a6a589; font-style: italic; font-family: georgia; margin-bottom: 20px; font-size: 0.9em; font-weight: normal;}
.project p{color: #8c8c6b;font:12px/21px Arial, Helvetica, sans-serif; margin-bottom: 17px;}
.preview{float: right; background: url(images/preview.png) no-repeat left top; width: 575px; height: 443px; position: relative;}

.overlay{position: absolute; top:13px; left: 13px; width: 549px; height: 416px;background: url(images/previewOverlay.png) no-repeat left top;}
.overlay .top{height: 50%;}
.overlay .bottom{height: 50%;}
.screenshots{margin: 13px; width: 549px; height: 416px; overflow: hidden;
}
.screenshots img{position: relative; top: 0px;}
.previewNav{position: absolute; z-index: 2; left: 258px; top: -6px;}
.previewNav span{float:left; width:30px; margin:0px; padding:0px;background:url(images/arrows.png) 0px 0px no-repeat;text-indent:-9999px; display: block; height: 33px; display: block; cursor: pointer;}

.previewNav span.prevBtn:hover{background-position: 0 -33px;}
.previewNav span.prevBtn:active{background-position: 0 -66px;}
.previewNav span.nextBtn{background-position: -30px 0px;}
.previewNav span.nextBtn:hover{background-position: -30px -33px;}
.previewNav span.nextBtn:active{background-position: -30px -66px;}

/*work slider*/
.slider li{float: left;width:549px;}

/*single*/

.post .content .post{border-bottom: 1px solid #E3E3B5; padding-bottom: 25px;}
.post .content .comments{padding-top: 25px; border-bottom: 1px solid #E3E3B5; padding-bottom: 30px;}

.post .content #reply{padding-top: 22px; padding-bottom: 30px; }

.post .content #reply h3,.post .content .comments h3{padding-bottom: 17px; font-weight: normal; font-size: 1.5em; color: #2f2c1d;}
.post .content #reply h3{padding-bottom: 22px; color: #2f2c1d;}
.post .content #reply form{margin-bottom: 30px; float: left;}


div.gravatar{width: 60px; height: 60px; padding: 5px; background-color: #e7e7bf; border: 1px solid #d9d9aa;position:relative;
             float: left; margin-right: 14px;}
div.gravatar img{z-index: 5; position: relative;}
.comments.block {
    position:relative
}

.comments .info{float: left; margin-right:60px }
.comments .info *{display: inline-block;}
.comments .item {
    overflow:hidden;
    position:relative;
    padding-bottom: 40px;
}
.comments .comment-reply{margin-left: -3px;}
.comments .children,.grandchildren {
    clear:left;
    padding-left:72px;
    position:relative;
}
.grandchildren{    overflow: hidden;
}

.comments .line {
    width:35px;
    height:9999px;
    border:solid #dbdac9;
    position:absolute;
    bottom:50%;
    left:-37px;
    border-width:0 0 1px 1px
}

.comments .info strong {
    display:block;
    font-size:13px;
    color:#4e4b37;
    line-height:15px
}

.comments .info strong a {
    border-bottom:1px dashed #89A018;
    margin-bottom: 6px;
}

.comments .info em {
    font-style:normal;
    font-size:11px;
    display:block;
    color:#8c8c6b;
    font-weight: bold;
    margin-bottom: 10px;

}

.comments div.reply {
    padding-top:24px;
    position:relative
}

.comments .text {
    overflow:hidden;
    background:#fff url(images/bg-comment-l.png) repeat-y;
    position:relative;
}

.comments .left{background:url("images/comments_left.gif") no-repeat scroll left top transparent;
                float:left;
                height:15px;
                margin-top:25px;
                position:relative;
                position:relative;
                right:-1px;
                text-indent:-9999px;
                width:16px;
                z-index:2;
}
.comments .text .r {
    background:url(images/bg-comment-r.png) repeat-y 100% 0
}

.comments .text .tl {
    background:url(images/comments_lt.gif) no-repeat
}

.comments .text .tr {
    background:url(images/comments_rt.gif) no-repeat 100% 0;
    padding-top: 4px;

}

.comments .text .bl {
    background:url(images/comments_lb.gif) no-repeat 0 100%
}

.comments .text .br {
    background:url(images/comments_rb.gif) no-repeat 100% 100%;
    min-height:28px;
    position:relative;
    padding-bottom: 4px;

}
.comments .text p{padding:18px 33px 17px 15px; margin: 0; border:1px solid #e3e3bb; border-width: 0 1px;}

.popup-comment {
    background:url(images/popup_tops.png) no-repeat left top;
    display:block;
    left:300px;
    padding-top:12px;
    position:absolute;
    top:-9999px;
    width:454px;
    z-index:10
}

.popup-comment_bottom {
    background:url(images/popup_tops.png) no-repeat right bottom;
    padding-bottom:6px;
    width:454px;
    float:left;
}

.popup-comment_inner{
    background:url(images/popup_bg.png) repeat-y;
    padding:5px 12px;
    padding-left: 21px;
    padding-right: 19px;
    width:414px;
    float: left;
    padding-top: 16px;
}
.popup-comment form{margin-bottom: 0 !important; width: 414px;}

.popup-comment  form.monk .textfieldholder{
    background-position: top right; width: 225px; height: 125px;
}
.popup-comment  form.monk .textfieldholder textarea{height: 111px;}
.popup-comment  form.monk .textfieldholder.active{background-position: right -125px;}
.popup-comment .form-inner{clear: both; width: 413px; padding-bottom: 12px; border-bottom: 1px solid #e3e3b5; float: left; margin-bottom: 8px;}
.popup-comment form.monk .inputholder{background-position: top right;width: 116px; margin-bottom: 4px;}
.popup-comment form.monk .inputholder.active{background-position: bottom right; }
.popup-comment .notify{float:right;}

.popup-comment .col-left {
    width:142px;
    float:left
}

.popup-comment .col-right {
    width:251px;
    float:left;
    margin-left:20px
}

.popup-comment form.monk label {
    color:#4e4b37;
    float:left;
    cursor:pointer;
    font-size:.8em;
    margin:0px
}

/* Footer */
#footer {background:#9ab51d url(images/footer-patern.gif) center top repeat-x; padding-top:50px; height:43px;}
#footer h1 {float:left; color:#ffffcc; font:16px/16px Georgia, "Times New Roman", Times, serif; width:50%;}
#footer h1 img {position:relative; top:5px; left:5px;}
#footer .meta {float:left; width:49%; text-align:right; font:13px/17px Georgia, "Times New Roman", Times, serif; color:#ffffff;}
#footer .meta span {color:#ccdc83}
#footer .meta a {color:#59641d;}
#footer .meta a:hover {color:#ffffff}