/*  
Theme Name: GulayBirandPortfolio
Theme URI: 
Description: 
Version: 
Author: 
Author URI: 
*/

* {
margin:0px;
padding:0px;
}

body {
background:url(images/background.png) no-repeat top center #363636;
font-family:'Helvetica Neue', Arial, 'Sans Serif';
color:#FFFFFF;
font-size:14px;
text-align:center;
}

input, textarea {
font-family:'Helvetica Neue', Arial, 'Sans Serif';
}

.alignleft {
float:left;
margin:0 10px 10px 0;
}

.alignright {
float:right;
margin:0 0 10px 10px;
}

a {
color:#FFFFFF;
text-decoration:none;
border-bottom:1px dotted #FFFFFF;
}

a:hover {
color:#b28125;
text-decoration:none;
border-bottom:1px dotted #b28125;
}

h1 a, h2 a, a.img, h1 a:hover {
border:none;
}

ul, ol, blockquote {
padding-left:20px;
line-height:15px;
padding-bottom:10px;
}

p {
padding-bottom:10px;
line-height:20px;
}

h1, h2, h3, h4, h5 {
padding-bottom:10px;
}

h2 {
font-size:16px;
font-weight:bold;
color:#df9f24;
width:100%;
clear:both;
height:22px;
}

h3 {
font-size:14px;
font-weight:bold;
color:#df9f24;
}

#page {
width:940px;
text-align:left;
margin:auto;
}

#header {
width:902px;
height:71px;
clear:both;
padding:31px 0 0 38px;
}

#header a.logo {
text-indent:-9999px;
background:url(images/logo.jpg) no-repeat;
width:196px;
height:54px;
display:block;
float:left;
}

#banner {
width:840px;
padding:0 50px 6px 50px;
height:103px;
background:url(images/banner.png) no-repeat;
clear:both;
}

#banner h2 {
font-size:21px;
color:#FFFFFF;
font-weight:bold;
padding-bottom:5px;
padding-top:3px;
}

#banner p {
width:530px;
font-size:12px;
}

#menulinks {
width:940px;
height:96px;
clear:both;
background:url(images/menulinks.png) no-repeat;
}

ul#nav {
padding-left:45px;
list-style:none;
}

ul#nav li {
display:block;
float:left;
width:110px;
margin-right:6px;
}

ul#nav li a {
color:#FFFFFF;
font-size:16px;
font-weight:bold;
border:none;
display:block;
height:23px;
padding:7px 0 0 10px;
margin-top:26px;
overflow:hidden;
position:relative;
}

ul#nav li a span {
font-size:10px;
font-weight:normal;
padding-top:5px;
display:block;
width:200px;
position:absolute;
}

ul#nav li a:hover {
background:url(images/menulinkshover.jpg) repeat-x;
width:100px;
height:26px;
margin-top:0px;
padding:10px 0 20px 10px;
}

ul#nav li a.active {
background:#9f721d;
height:23px;
padding:7px 0 0 10px;
margin-top:26px;
}

#mainarea {
width:860px;
padding:0 40px;
clear:both;
}

#contentarea {
width:580px;
float:left;
padding-right:25px;
}

h2 span.left {
float:left;
width:49%;
}

h2 span.right {
float:right;
width:49%;
text-align:right;
}

h2 span.right a {
font-size:11px;
font-weight:normal;
border-bottom:1px dotted #FFFFFF;
}

h2 span.right a:hover {
border-bottom:1px dotted #b28125;
}

#contentarea img {
border:4px solid #17191f;
}

#contentarea h3 {
height:30px;
}

#contentarea h3 span {
font-size:12px;
font-weight:normal;
}

#contentarea .subcontentarea {
clear:both;
width:100%;
}

#contentarea .subcontentarea .left {
float:left;
width:250px;
display:block;
}

#contentarea .subcontentarea .right {
float:right;
width:300px;
display:block;
}

ul.grid {
list-style:none;
padding-left:0px;
font-size:11px;
}

ul.grid li {
border-top:1px solid #404347;
line-height:28px;
clear:both;
width:100%;
}

ul.grid li span.theleft {
float:left;
font-weight:bold;
width:86px;
}

ul.grid li span.theright {
float:left;
font-weight:normal;
width:150px;
}

ul.grid li span.theright p {
line-height:15px;
padding-top:8px;
}

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

.post h2, .post h2 a, .post h2 a:hover {
font-size:16px;
color:#FFFFFF;
font-weight:bold;
padding-bottom:5px;
border:none;
}

.post .meta {
clear:both;
width:100%;
height:30px;
border-top:1px solid #424346;
border-bottom:1px solid #424346;
display:block;
margin-bottom: 10px;
position:relative;
}

.post .meta p {
display:block;
float:left;
padding-right:30px;
line-height:30px;
}

.post .meta p a, .post p.tags a {
border:none;
}

.post .meta p a:hover, .post p.tags a:hover {
border-bottom:1px dotted #b28125;
}

.meta .avatar {float: left; padding: 0; margin: 10px; border: 1px solid #ddd; background: white; }

#attachment_338 img {margin-bottom: -3px;}

.wp-caption-text {
background:#17191d;
position: relative;
margin-top: 0;
}

p.wp-caption-text {
background:#17191d;;
font-size:12px;
padding: 4px 8px;
margin-bottom: 8px;
margin-top: 0;
}


/*
OLD CODE
.wp-caption-text {
background:#17191d;
}

p.wp-caption-text {
background:#17191d;
font-size:11px;
padding: 4px;
}*/

ol#commentslist {
list-style:none;
padding:10px 0 0 0;
}

ol#commentslist .meta {
border:none;
height:30px;
line-height:30px;
background:#303134;
padding:0 10px;
width:550px;
}

ol#commentslist .commentauthored {
background:#A1741F;
}

ol#commentslist .meta p {
padding-bottom:0px;
font-size:11px;
}

ol#commentslist p {
padding:0 10px 10px 10px;
}

#commentsform {
padding:10px 0 0 0;
}

#commentsform p.label {
padding-bottom:2px;
padding-top:10px;
}

#commentsform input, #commentsform textarea {
background:#17191d;
border:1px solid #43464a;
padding:3px;
width:400px;
color:#FFFFFF;
}

#commentsform textarea {
height:80px;
}

#commentsform #submit {
border:none;
background:url(images/submitButton.png) no-repeat;
width:69px;
height:40px;
display:block
}

#contactform {
padding:10px 0 0 0;
}

#contactform p.label {
padding-bottom:5px;
padding-top:10px;
padding-left:1px;
}

.wpcf7 input, .wpcf7 textarea {
background:#17191d;
border:1px solid #43464a;
padding:3px;
width:400px;
color:#FFFFFF;
}

.wpcf7 textarea {
height:160px;
}

.wpcf7 p.submitbutton input {
border:none;
background:url(images/sendButton.png) no-repeat;
width:67px;
height:35px;
display:block
}

.wpcf7-response-output {
border:none;
}

.workpost {
padding:15px 0;
border-bottom:1px solid #43464a;
display:table;
height:1%;
clear:both;
}

.workpost .left {
width:325px;
float:left;
}

.workpost .right {
width:255px;
float:left;
}

.workpost .screenshotbuttons {
clear:both;
padding-top:3px;
}

.workpost .screenshotbuttons a {
float:left;
display:block;
height:29px;
width:23px;
padding-left:3px;
text-align:center;
line-height:29px;
color:#FFFFFF;
background:url(images/screenshotButtons.png) no-repeat;
border:none;
font-size:11px;
}

.workpost .screenshotbuttons a:hover {
background:url(images/screenshotButtonsOver.png) no-repeat;
border:none;
}

span.previousproject a {
background:url(images/previousProjectButton.png) no-repeat;
padding-left:30px;
float:left;
display:block;
height:23px;
line-height:23px;
width:90px;
font-size:11px;
border:none;
margin-top:45px;
}

span.previousproject a:hover {
background:url(images/previousProjectButtonOver.png) no-repeat;
}

span.nextproject a {
background:url(images/nextProjectButton.png) no-repeat center right;
padding-right:30px;
float:right;
display:block;
height:23px;
line-height:23px;
width:80px;
text-align:right;
margin-top:45px;
font-size:11px;
border:none;
}

span.nextproject a:hover {
background:url(images/nextProjectButtonOver.png) no-repeat center right;
}

#sidebar {
width:255px;
float:left;
}

#sidebar .widget, #sidebar .widget-twitter {
position:relative;
padding-bottom:30px;
}

#searchform #s {
background:#17191d;
border:1px solid #43464a;
padding:3px;
width:240px;
color:#FFFFFF;
}

#searchform #searchsubmit {
background:url(images/searchsubmit.png) no-repeat;
border:none;
width:70px;
height:37px;
display:block;
margin-top:5px;
}

#sidebar .twittericon {
right:0px;
top:-7px;
position:absolute;
}

#sidebar h3 {
color:#FFFFFF;
font-size:15px;
}

#sidebar ul {
padding:0px;
list-style:none;
}

#sidebar ul li {
border-top:2px solid #3f4144;
clear:both;
padding:0px;
display:block;
margin:0px;
height:1%;
}

#sidebar .widget ul li a {
padding:7px 10px;
display:block;
border:none;
line-height:18px;
margin:0px;
}

#sidebar .widget ul li a:hover {
background:#272a31;
}

#sidebar .widget li.current-cat {
background:#272a31;
}

#sidebar .widget-twitter ul li {
padding:7px 0;
display:block;
}

#sidebar .widget-twitter form, p.aktt_credit {
display:none;
}

#footer {
clear:both;
width:820px;
height:155px;
background:url(images/footer.png) no-repeat;
padding:50px 60px 0 60px;
position:relative;
}

#footer .left {
width:550px;
float:left;
}

#footer .right {
width:240px;
float:right;
}

#footer ul#footerlinks {
list-style:none;
padding-left:0px;
}

#footer ul#footerlinks li {
float:left;
display:block;
color:#a8a8a9;
padding-right:10px;
}

#footer ul#footerlinks li a {
font-size:14px;
font-weight:bold;
color:#a8a8a9;
border-color:#a8a8a9;
}

#footer ul#footerlinks li a:hover {
border-color:#b28125;
color:#FFFFFF;
}

#footer ul#footerrightlinks {
list-style:none;
padding-left:0px;
padding-bottom:0px;
width:260px;
border-bottom:1px solid #404347;
}

#footer ul#footerrightlinks li {
border-top:1px solid #404347;
line-height:35px;
padding-left:50px;
clear:both;
width:210px;
}

#footer ul#footerrightlinks li.vcard {
background:url(images/vcardIcon.png) no-repeat;
}

#footer ul#footerrightlinks li.email {
background:url(images/emailIcon.png) no-repeat;
}

#footer ul#footerrightlinks li.rss {
background:url(images/rssIcon.png) no-repeat;
}

#footer ul#footerrightlinks li a {
border:none;
}

#footer ul#footerrightlinks li a:hover {
border-bottom:1px dotted #b28125;
}

ul#moreinfolinks {
list-style:none;
padding-left:0px;
padding-bottom:0px;
border-bottom:1px solid #404347;
}

ul#moreinfolinks li {
border-top:1px solid #404347;
line-height:35px;
height:35px;
padding-left:50px;
clear:both;
width:210px;
}

ul#moreinfolinks li.resume {
background:url(images/resumeIcon.png) no-repeat;
}

ul#moreinfolinks li.linkedin {
background:url(images/linkedinIcon.png) no-repeat;
}

ul#moreinfolinks li.linkedin2 {
background:url(images/linkedin2Icon.png) no-repeat;
}

ul#moreinfolinks li.email2 {
background:url(images/email2Icon.png) no-repeat;
}

ul#moreinfolinks li a {
border:none;
}

ul#moreinfolinks li a:hover {
border-bottom:1px dotted #b28125;
}

#footer p.footer {
position:absolute;
bottom:30px;
left:60px;
display:block;
font-size:10px;
color:#a8a8a9;
}

#footer p.footer a {
color:#a8a8a9;
border-color:#a8a8a9;
}

#footer p.footer a:hover {
border-color:#b28125;
color:#FFFFFF;
}