/*
Theme Name:deGusto
Theme URI:http://themeshift.com/degusto
Description:Portfolio WordPress Theme by ThemeShift.com
Version:0.9.2
Author:Simon Rimkus
Author URI:http://themeshift.com
Tags:dark-style,elegant,portfolio
*/

/*
 + GENERAL
 + HEADINGS
 + BUTTONS
 + INPUTS
 + LISTS
 + OTHER HTML
 + BASIC LAYOUT
 + HEADER
 + SIDEBAR
 + FOOTER
 + BOXES
 + HOME DISPLAY
 + IMAGE OVERLAY
 + HOME
 + POST / PAGE
 + PAGING
 + COMMENTS
 + COMMENTFORM
 + SEARCHFORM
 + 404
 + WORDPRESS CSS
 + WIDGET CSS
 + CLEARING

/* ##################################
 GENERAL
 ################################## */

html,body,p,ul,ol,li,h1,h2,h3,h4,h5,h6,img,hr,form { margin:0px;padding:0px;border:none;list-style:none; }
html { height: 100%; }
body { margin: 0; padding: 0; height: 100%; color:#fff;/* background:#444 url(img/bg-body-texture.png) repeat-x top;*/
 background:#444 url(img/sns-profilev2-background.png);/* background:#666;*/
/* background-attachment:fixed;*/
 font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:11px;line-height:22px; }

p,ul,ol { padding:0 0 0px; }
a { color:#99CC33; }
a.none { text-decoration:none; }
a.none:hover { text-decoration:underline; }
small { font-size:10px;font-weight:normal; }

/* ##################################
 NEXT/PREV
 ################################## */
.post-nav-wrap { position:fixed;width:940px;margin:0 auto;display:block;top:350px; }
.post-nav { position:relative;z-index:22;width:940px;height:40px;right:30px; }
.post-nav .left { float:left; }
.post-nav .right { float:right; }

/*
.post-nav { position:relative;z-index:22;width:940px;height:40px;top:350px;left:-30px;display:block;margin:-40px auto 0 auto;overflow:hidden; }
.post-nav .left { float:left; }

.post-nav .right { float:right; }
*/

/* ##################################
 HEADINGS
 ################################## */

h1,h2,h3 { margin:0 0 20px;padding:0px;color:#99CC33; }
#logo h1 { float:left;width:auto;margin:0px;padding:22px 0 0;color:#5c5c5c;font-size:11px;font-weight:normal; }
.display-text h2 { font-size:18px;font-weight:normal;text-transform:uppercase; }
.latest-post h3 { margin:0px;font-size:14px;font-weight:normal;text-transform:uppercase; }
#footer h3 { margin:0 0 10px;font-size:14px;font-weight:normal;text-transform:uppercase; }

/* ##################################
 BUTTONS
 ################################## */

.btn,.more-link { display:block;float:left;width:auto;height:20px;line-height:20px;margin:0px;padding:0 -0px 0 10px;color:#ddd;background:url(img/bg-btn.png) no-repeat left top;text-decoration:none;clear:both; }
.btn span,.more-link span { display:block;height:20px;line-height:20px;padding:0 25px 0 0;background:url(img/bg-btn-span.png) no-repeat right top; }

/* ##################################
 INPUTS
 ################################## */

input.text,textarea.text { width:75%;background:#2c2c2c;border:none;height:22px;padding:8px 10px 0;color:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; }
textarea.text { width:95%;height:150px; }
button.button { background:none;border:none;height:30px;color:#ddd; }
input.button { height:30px;background:url(img/bg-input-button.png) repeat-x left top;border:1px solid #870120;-moz-border-radius:10px;-webkit-border-radius:10px;color:#fff; }

/* ##################################
 LISTS
 ################################## */

#content ul,#content ol { margin-left:10px;padding-left:10px; }
#content li ul { padding-top:0;padding-bottom:0; }
#content ul li { list-style:square; }
#content ol li { list-style:decimal; }
#content ol li li { list-style:lower-latin; }
#content ol li li li { list-style:lower-roman; }

/* ##################################
 OTHER HTML
 ################################## */

blockquote,address { margin-left:10px;padding-left:10px;border-left:5px solid #2c2c2c; }
code,pre { font-family:"Courier New",Courier,serif;overflow:auto; }
pre { margin:0 0 20px;padding:10px;background:#2c2c2c;overflow:auto; }
dl { margin:0 0 10px; }
dt { font-weight:bold; }
dd { padding:0 0 10px; }

/* ##################################
 BASIC LAYOUT
 ################################## */

#prewrap { background: url(img/sns-profilev2-prewrap.png) repeat-x bottom left; min-height: 100%;  }
#wrap { width:980px; margin:0 auto;overflow:hidden; padding: 20px 0 0 0; }
#header { padding: 0 50px; position:relative;left:0px;height:127px;margin:0 0 16px 0;background:url(img/sns-profilev2-bartop.png) no-repeat bottom left; }
#content { padding: 0 50px; margin: 0 0 16px 0; }
#footer { height: 65px; padding: 10px 50px 0 50px; background: url(img/sns-profilev2-barbottom.png) no-repeat top left; }

.white-bar { position:absolute;background:url(img/bg-divider-white.png) repeat-x bottom left;width:100%;left:0px;top:99px;height:2px; }
#content-wrap { height:1%; }
#content-wide { padding: 0 50px; }
#sidebar { float:right;width:240px;margin:0 0 20px; }

/* ##################################
 HEADER
 ################################## */

#logo, #logo a { display: block; height: 127px; width: 387px; }
#menu { position:absolute;right:50px;bottom:18px;margin:0px;padding:0px;font-size:16px;line-height:14px;text-transform:uppercase;}
#menu li { float:left;width:auto; }
#menu li a { margin:0 0 0 30px;color:#99CC33;text-decoration:none; }

/* ##################################
 FOOTER
 ################################## */

.box-footer { float:left;width:240px;margin:0 40px 0 0; }

#footer-about { float:right;width:240px;margin:0px; }

#about-img { position:relative;float:right;width:auto;margin:0 0 10px 10px; }

#footer li { margin:0 0 5px;padding:0 0 5px;border-bottom:1px dotted #3c3c3c; }

#footer a { text-decoration:none; }

#footer #rss,#footer #twitter,#footer #flickr { padding:0px;margin:0 0 10px; }

#footer #rss a,#footer #twitter a,#footer #flickr a { padding:5px 0 5px 30px; }

#footer #rss a { background:url(img/icon-rss.png) no-repeat left center; }

#footer #twitter a { background:url(img/icon-twitter.png) no-repeat left center; }

#footer #flickr a { background:url(img/icon-facebook.png) no-repeat left center; }

#subfooter { float:left;margin:0px 0 0;padding:0px 0 0;color:#aaa; }

#subfooter2 { float:right;margin:0px 0 0;padding:0px 0 0;color:#aaa; }

#subfooter a { color:#aaa; }

#subfooter p { text-align:center; }

/* ##################################
 SIDEBAR
 ################################## */

.box-sidebar { margin:0 0 20px; }

.box-sidebar h3 { margin:0 0 10px;padding:0px;text-decoration:none;font-size:12px;font-weight:normal;text-transform:uppercase; }

.toggle h3 { height:30px;line-height:30px;margin:0px;padding:0 10px;cursor:pointer; }

.toggle h3 a { text-decoration:none; }

.toggle-open { background:#2c2c2c url(img/bg-toggle-open.png) no-repeat right top; }

.toggle-close { background:#2c2c2c url(img/bg-toggle-close.png) no-repeat right top; }

.totoggle { padding:10px 0 0; }

.box-sidebar ul { margin:0 0 -5px;padding:0 5px 5px; }

.box-sidebar ul ul { margin:0 0 0 20px;padding:0px; }

.box-sidebar li { margin:0 0 5px;padding:0 0 5px;border-bottom:1px dotted #3c3c3c; }

.box-sidebar li li { margin:0px;padding:0px;border-bottom:none;list-style:square; }

.box-sidebar li a { text-decoration:none; }

.box-sidebar p { padding:0px; }

/* ##################################
 BOXES
 ################################## */

.box1-top,.box2-top,.box3-top { height:20px; }

.box1-top { background:url(img/sns-profilev2-boxtop.png) no-repeat left top; }

.box2-top { background:url(img/bg-box2-top.png) no-repeat left top; }

.box3-top { background:url(img/bg-box3-top.png) no-repeat left top; }

.box1,.box2,.box3 { position:relative; }

.box1 { padding:0px 40px 00px 40px;background:#999999; }

.box2 { padding:20px 40px;background:url(img/bg-box2.png) repeat-y left top; }

.box3 { padding:0 20px;background:url(img/bg-box3.png) repeat-y left top; }

.box1-bot,.box2-bot,.box3-bot { height:20px;clear:both; }

.box1-bot { background:url(img/sns-profilev2-boxbot.png) no-repeat left bottom; }

.box2-bot { background:url(img/bg-box2-bot.png) no-repeat left bottom; }

.box3-bot { background:url(img/bg-box3-bot.png) no-repeat left bottom; }

/* ##################################
 HOME DISPLAY
 ################################## */

#home-display { position:relative;height:539px;margin:0 0 0px;background:#999999; }

.display-img { position:relative;float:left;width:520px;margin:0 40px 20px 0; }

.display-text { float:right;width:240px;word-wrap:break-word; }

.ribbon { position:absolute;bottom:-1px;left:-1px;z-index:20; }

/* ##################################
 IMAGE OVERLAY
 ################################## */

.overlay1 { position:absolute;top:0px;left:0px;width:520px;height:200px;background:url(img/bg-overlay1.png) no-repeat left top;z-index:10; }

.overlay2 { position:absolute;top:0px;left:0px;width:240px;height:90px;background:url(img/bg-overlay2.png) no-repeat left top;z-index:10; }

.overlay3 { position:absolute;top:0px;left:0px;width:90px;height:90px;background:url(img/bg-overlay3.png) no-repeat left top;z-index:10; }

/* ##################################
 HOME
 ################################## */

#latest-posts { margin:0 0 20px; }

.space { height:20px;clear:both; }

.latest-post { position:relative;float:left;width:240px;margin:0 0 20px 40px; }

.first { margin-left:0px;clear:left; }

.latest-post img { margin:0 0 10px; }
.latest-post p { width:240px;word-wrap:break-word; }

.meta { padding:0 0 10px;color:#5c5c5c;font-style:italic; }

/*
.meta-div { background:url(img/bg-divider.png) repeat-x;margin:0 0 10px;color:#5c5c5c;font-style:italic; }
*/
.meta a { color:#5c5c5c; }

/* ##################################
 POST / PAGE
 ################################## */

.post { margin:0 0 20px;position:relative;/* position:absolute;*/ }

.post-img { position:relative;margin:0 0 20px; }

.post h2 { margin:0 0 10px;font-size:14px;font-weight:normal;text-transform:uppercase; }

#page .post h2 { margin:0 0 20px; }

#screenshots h2 { margin:0 0 10px;float:right; }

.screenshot { position:relative;/* display:block;*/
 width:240px;margin:10px 0px;float:right; }

#profileqs h2 { margin:0 0 10px;float:left; }

.profileq h3 { position:relative;margin:0 0 0px;float:left;font-weight:normal;text-transform:lowercase;color:#777; }

.profileq p { margin:0 0 0 10px;padding:0px; }

.profileq { position:relative;display:block;margin:10px 0px 10px 10px;word-wrap:break-word; }

.screenshot-gallery { position:relative;float:left;width:240px;margin:20px 40px 0px 0px; }

#screenshots-gallery .alt { margin:20px 0px; }

#screenshots-gallery .end { float:right;margin:20px 0px;/*
 margin-bottom:40px;margin-left:40px;margin-right:0px;margin-top:0px;*/ }

.interviewq { position:relative;display:block;margin:10px 0px 10px 10px;word-wrap:break-word; }
.interviewq p { margin:0 0 0 10px;padding:0px;color:#ddd; }

.interview { background:#333;padding:5px 10px 10px 10px;-webkit-border-bottom-left-radius:8px 8px;-webkit-border-bottom-right-radius:8px 8px;-webkit-border-top-left-radius:8px 8px;-webkit-border-top-right-radius:8px 8px; }

#interviewqs h2 { margin:0 0 10px;float:left; }

.interviewq h3 { position:relative;margin:0 0 0px;float:left;font-weight:normal;text-transform:lowercase;color:#777; }

.profile-contents { }

.divider { height:2px;background:url(img/bg-divider.png) repeat-x;width:800px; }

.profile-table { background:url(img/bg-divider.png) repeat-x;width:800px; }

.table-profile-col { padding:15px 10px 10px 0px;width:140px;/* border-right:solid 1px #fff;*/
 vertical-align:top; }

.table-interview-col { padding:10px;width:400px;vertical-align:top;/* border-right:solid 1px #fff;*/ }

.table-gallery-col { padding:15px 0px 10px 10px;width:260px;float:right; }

/* ##################################
 PAGING
 ################################## */

#paging { margin:0 0 20px;text-transform:uppercase; }

#paging a { text-decoration:none; }

#paging .box1 { padding:0 20px; }

.wp-pagenavi .pages { float:right;width:auto; }

.wp-pagenavi a,.wp-pagenavi .current { display:block;float:left;width:20px;height:20px;line-height:20px;margin-right:5px;text-align:center; }

.wp-pagenavi .current { background:url(img/bg-paging-current.png) no-repeat center center; }

/* ##################################
 COMMENTS
 ################################## */

#comments-list,#trackbacks-list { margin:0 0 40px; }

#comments-list .box2,#trackbacks-list .box2 { padding:20px 40px 0; }

#comments-list p,#trackbacks-list p { padding:0 0 10px; }

#comments-list ol,#trackbacks-list ol { margin:0px;padding:0px; }

#comments-list ol li,#trackbacks-list ol li { list-style:none;clear:both; }

.comment-img { position:relative;float:left;width:90px;margin:0 0 40px; }

.comment-text { float:right;width:410px;margin:0 0 30px; }

.trackback-text { padding:0 0 20px; }

.moderation { color:#5c5c5c;font-style:italic; }

/* ##################################
 COMMENTFORM
 ################################## */

#commentform { margin:0 0 20px; }

#commentform #logout { position:absolute;top:20px;right:40px; }

#commentform input.text,#commentform textarea.text { width:780px;margin:0 0 20px; }

#commentform input.fielderror,#commentform textarea.fielderror { color:#5c5c5c; }

#commentform button { height:30px;line-height:30px;padding:0 0px 0 20px;background:url(img/bg-button.png) no-repeat left top;color:#ddd;text-align:center;border:0px;overflow:visible; }

#commentform button span { position:relative;display:block;height:30px;line-height:30px;margin:0 0 0 0;padding:0 25px 0 0px;background:url(img/bg-button-span.png) no-repeat right top;white-space:nowrap; }

#commentform button::-moz-focus-inner { /* fixing default firefox padding */
 padding:0px;border:none; }

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

#commenterror { height:20px;line-height:20px;margin:20px 0 0;padding:0 0 0 30px;background:url(img/bg-commenterror.png) no-repeat left center; }

/* ##################################
 SEARCHFORM
 ################################## */

.searchform { width:200px; }

#search-text { display:inline;float:left;width:150px;font-size:12px;text-transform:uppercase; }

#search-submit { float:right;width:30px;background:url(img/bg-search-submit.png) no-repeat right top; }

/* ##################################
 404
 ################################## */

.searchform { margin:0 0 0px; }

/* ##################################
 WORDPRESS CSS
 ################################## */

.aligncenter,
div.aligncenter { display:block;margin:0 auto; }

.aligncenter { margin-bottom:20px!important; }

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

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

.wp-caption { padding:4px 0;background:#2c2c2c;border:1px solid #3c3c3c;text-align:center; }

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

.wp-caption p.wp-caption-text { padding:0px;margin:0px; }

/* ##################################
 WIDGET CSS
 ################################## */

#calendar_wrap table { width:100%; }

#calendar_wrap td { text-align:center; }

#wp-calendar caption { margin:0 0 10px;padding:2px;border-bottom:1px dotted #3c3c3c; }

#tag_cloud { line-height:normal; }

#content #tag_cloud { margin:0 0 20px; }

/* ##################################
 CLEARING
 ################################## */

.clear { clear:both; }

.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%; }