/*   
Theme Name: gustavscirulis.com v2
.
*/

@import url('css/blueprint/reset.css');


/* =Layout
-------------------------------------------------------------- */
body {
background: #edf1e5 url("images/bg.png") top center no-repeat;
text-align: center;
}

#wrapper {
width: 960px;
margin: 21px auto 0 auto;
text-align: left;
}

#header {
background: url("images/header.png") no-repeat;
padding:40px 40px 25px;
width: 880px;
float: left;
}

#main {
background: url(images/content.png) repeat-y;
padding:0px 40px 40px;
width: 880px;
float: left;
min-height: 500px;
}

#container, .container {
float: left;
width: 602px;
}

#footer {
background: url(images/footerbg.jpg) no-repeat top right;
width: 960px;
height: 130px;
position: relative;
z-index: 2;
float: left;
}

#inner-footer {
padding:20px 40px;
width: 880px;
background: url(images/footer.png) no-repeat top left;
height: 10px;
}


/* =Typography
-------------------------------------------------------------- */
body {
font-family: "Helvetica", "Arial", sans-serif;
font-size: 12px;
line-height: 21px;
color:#535353;
}

h1, h2, h3, h4, h5 {
font-family: "Georgia", "Times New Roman", serif;
font-style: oblique;
margin-bottom: 10px;
color: #3e3e3e;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
color: #3e3e3e;
}

h1 {
font-size: 25px;
}

h2 {
font-size: 23px;
font-style: oblique;
}

h3 {
font-size: 21px;
font-style: oblique;
}

h4 {
font-size: 18px;
padding:5px 0;
}

h4 a {
text-decoration: underline;
}

h4 a:hover {
text-decoration: none;
}

a {
color: #a1dc45;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

p {
margin-bottom: 15px;
}

/* =Logo
-------------------------------------------------------------- */
.logo {
float: left;
width: 290px;
}

.blog-name a {
width: 271px;
height: 34px;
display: block;
background: url("images/gustavs.png");
margin-bottom: 10px;
}

.blog-description {
width: 199px;
height: 8px;
display: block;
background: url("images/designer.png");
margin-left: 36px;
}

.blog-name a span, .blog-description span {
display: none;
}


/* =Menu
-------------------------------------------------------------- */
.menu {
float: right;
width: 526px;
}

.nav {
list-style: none;
float: right;
}

.nav li {
float: left;
list-style: none;
margin-left: 15px;
}

.nav li a {
width: 66px;
height: 57px;
background: url("images/nav/home.png") no-repeat;
display: block;
outline: 0;
}

.nav li.current_page_item a, .nav li.current_page_item a:hover {
background-position: 0 -117px;
}

.nav li a:hover {
background-position: 0 -57px;
}

.nav li.page-item-6 a {
background-image: url("images/nav/portfolio.png");
width: 100px;
}

.nav li.page-item-9 a {
background-image: url("images/nav/blog.png");
width: 60px;
}

.nav li.page-item-11 a {
background-image: url("images/nav/hire-me.png");
width: 88px;
}

.nav li a span { display: none; }


/* =Sidebar
-------------------------------------------------------------- */
.aside {
width: 241px;
float: right;
}

#hello {
background: #edf1e5;
padding:3px;
color:#8a8a8a;
font-style: italic;
margin-bottom:30px;	
margin-top:45px;
}

.single #hello {
margin-top:30px;
}

.home #hello {
margin-top: 60px;
}

.padding {
padding: 10px;
border:1px solid #fff;
background: url("images/hellobg.png") bottom right no-repeat;
}

.hellotitle {
font-family: "Georgia", "Times New Roman", serif;
font-style: oblique;
font-size: 1.7em;
display: block;
width: 100%;
margin-bottom: 20px;
margin-top:10px;
color: #5f5f5f;
}

.page-id-11 .hellotitle {
margin-bottom: 0px;
margin-top: 0;
}


.label {
width: 50px;
display: block;
float: left;
font-weight: bold;
}

.value {
width: 160px;
display: block;
float: left;
}

#hello strong {
color:#757575;
}

#me {
position: absolute;
margin-left:155px;
margin-top: -30px;
}

#resume a {
display: block;
height: 32px;
background: url("images/resume.gif") no-repeat top left;
padding-left: 40px;
padding-top:7px;
margin-bottom:30px;
font-family: "Georgia", "Times New Roman", serif;
font-style: oblique;
font-size: 1.4em;
color: #5f5f5f;
}

.sideitem {
margin-bottom:30px;
}

.sideitem .title {
font-family: "Georgia", "Times New Roman", serif;
font-style: oblique;
font-size: 1.4em;
color: #5f5f5f;
display: block;
margin-bottom: 5px;
}

.sideitem .tweet {
font-size: 1.2em;
font-style: italic;
color: #b6bbac;
font-family: "Georgia", "Times New Roman", serif;
}

.flickr img {
margin-right: 5px;
}


/* =Article
-------------------------------------------------------------- */
.post, .comments-cotainer {
width: 605px;
float: left;
clear: left;
margin-bottom: 30px;
}

.comments-cotainer {
margin: 0;
}

.date {
position: absolute;
background: #fff;
padding:7px 0 6px 10px;
font-weight: bold;
color: #b2b2b2;
font-size: 12px;
margin-left: -65px;
width: 40px;
}

.entry-title a {
color: #3e3e3e;
display: block;
}

.entry-summary {
margin-bottom: 20px;
}

.more-link, .more-projects {
width: 105px;
height: 20px;
padding:6px 0 6px 7px;
display: block;
color: #888888;
text-shadow: 1px 1px #fff;
background: url("images/continue.gif") no-repeat;
float: left;
margin-right: 7px;
font-size: 12px;
}

.more-link:hover {
color: #767676;
}

.single .post {
font-size: 14px;
}

.comments-cotainer h5 {
font-size: 20px;
}

.comments-cotainer ul {
list-style: none;
margin: 0;
}

#commentlist li {
float: left;
clear: left;
width: 100%;
margin-bottom: 20px;
}

.comment .comment-author {
width: 110px;
float: left;
text-align: right;
margin-right: 10px;
font-weight: bold;
}

.comment .comment-author a, .comment .comment-author .fn {
color: #5f5f5f;
font-style: normal;
}

.comment .comment-author img {
margin-bottom: 5px;
}

.comment .commentmetadata {
line-height: 10px;
font-weight: bold;
color: #b2b2b2;
}

.comment-content {
width: 435px;
float: left;
background: url("images/comment.png");
min-height: 75px;
padding:10px 25px;
font-style: italic;
color: #5f5f5f;
}

.comment-bottom {
background: url("images/comment-bottom.png") no-repeat;
height: 1px;
margin: 0;
width: 485px;
float: right;
}

#respond, #commentlist {
float: left;
clear: both;
width: 100%;
}

#commentlist {
margin-bottom: 30px;
}

input {
width: 476px;
background: url("images/input.png") no-repeat;
border: 0;
padding:3px;
height: 18px;
font-size: 14px;
float: left;
font-family: "Lucida Grande", "Helvetica", "Arial", sans-serif;
}

textarea {
width: 476px;
max-width: 476px;
height: 198px;
max-height: 198px;
background: url("images/textarea.png") no-repeat;
border: 0;
padding:3px;
font-size: 14px;
font-family: "Lucida Grande", "Helvetica", "Arial", sans-serif;
}

.submit, .download {
border: 0;
width: 102px;
height: 26px;
background: url("images/button.png") no-repeat;
font-size: 11px;
color: #fff;
font-weight: bold;
text-shadow: 1px 1px #48830f;
display: block;
text-align: center;
}

.download {
padding-top:2px;
height: 23px;
margin-left: 250px;
margin-top:30px;
}

.submit:hover, .download:hover {
background-position: -102px 0;
text-shadow: 1px 1px #3b4a20;
text-decoration: none;
}

.submit:active, .download:active {
background-position: -204px 0;
text-shadow: 1px 1px #3b4a20;
}



label {
text-align: right;
width: 110px;
float: left;
margin-right: 10px;
line-height: 14px;
color: #5f5f5f;
font-weight: bold;
}

#commentsform .error {
color: #e98648;
}

#commentsform label.error {
font-size: 10px;
margin-left: 120px;
float: left;
clear: left;
width: 400px;
font-weight: bold;
display: block;
text-align: left;
}

#commentsform .note {
font-size: 11px;
font-weight: normal;
color: #b2b2b2;
}

form p {
float: left;
clear: left;
width: 100%;
}

#sbutt, #contactbut {
float: right;
margin-right: 3px;
}

#contactbut {
margin-right: 1px;
}

.logged-as {
font-weight: bold;
color: #5f5f5f;
text-align: right;
}

.req { color: #7fcb29; }

body div.wpcf7-validation-errors { border: 0; visibility: hidden; }
body span.wpcf7-not-valid-tip { position: static; color: #e98648; font-weight: bold; text-align: left; background: #fff; border: 0; margin-left:120px; font-size: 10px; display: block;  }
body div.wpcf7-mail-sent-ok { border: 0; float: left; clear: both; width: 100%; padding: 0; color: #a1dc45; font-size: 14px; margin: 0; font-weight: bold; }

.single h1 {
margin-top:3px;
}

/* =Featured project
-------------------------------------------------------------- */
#featured {
width: 880px;
float: left;
margin-bottom: 10px;
}

#featured #slideshow {
height: 299px;
overflow: hidden;
}

#slideshow {
padding:5px;
background: #edf1e5;
margin-bottom: 0px;
height: 297px;
}

#slideshow img {
border: 1px solid #fff;
margin-top:5px;
margin-left: 5px;
}

.feature-summary {
font-size: 14px;
float: left;
width: 605px;
margin-top: 25px;
color: #747474;
}

.more-projects {
background: url("images/more.gif");
color: #fff;
text-shadow: 1px 1px #48830f;
padding:6px 9px;
width: 78px;
}

#featured #hello {
width: 241px;
float: right;
margin-left: 25px;
}

/* =Project
-------------------------------------------------------------- */
.projectcontainer {
width: 100%;
margin-bottom: 100px;
float: left;
clear: left;
}

.projectcontainer .container {
width: 610px;
}

.projectcontainer .slideshow {
height: 585px;
overflow: hidden;
}

.pside {
width: 241px;
float: right;
}

.project-summary {
margin-bottom: 20px;
text-align: justify;
}

.pside h4 {
margin-bottom: 0;
}

.job {
font-weight: bold;
color: #a1dc45;
font-size: 11px;
line-height: 10px;
}

.pside blockquote {
font-style: oblique;
font-family: "Georgia", "Times New Roman", serif;
text-indent: 40px;
line-height: 24px;
font-size: 13px;
background: url("images/quote.gif") no-repeat 0 9px;
margin-bottom: 25px;
width: 241px;
}

.pside blockquote .author {
display: block;
font-size: 15px;
text-align: right;
}

.project-link {
background: url("images/project.gif") no-repeat;
padding: 1px 0 1px 23px;
}


/* =Footer
-------------------------------------------------------------- */
#footer-nav {
list-style: none;
}

#footer-nav li {
float: left;
background: url("images/sep.gif") no-repeat center right;
margin-right: 10px;
padding-right: 10px;
font-size: 14px;
font-family: "Georgia", "Times New Roman", serif;
font-style: oblique;
}

#footer-nav li.last {
background: transparent;
}

#footer-nav a {
color: #afb2a9;
}

.footer-message {
float: right;
width: 300px;
text-align: right;
color: #fff;
font-size: 11px;
text-shadow: 1px 1px #9fc75f;
}

.photoAlbum * {
line-height: 0px;
margin: 0;
}

.aside .flickrImage img {
border: 0;
height: auto;
margin: 0 5px 5px 0;
width: auto;
display: block;
float: left;
}

.social {
list-style: none;
}

.social li {
float: left;
width: 200px;
margin-bottom: 15px;
}

.social img {
float: left;
width: 32px;
height: 32px;
}

.social a {
position: relative;
color: #888888;
font-weight: bold;
font-size: 14px;
display: block;
width: 100px;
float: left;
margin:3px 0 0 10px;
padding:5px 0;
}

table.borderless {
border: 0;
width: 66%;
}

body div.wpcf7 {
margin-bottom: 40px;
float: left;
width: 100%;
}

.home .wp-pagenavi { display: none; }

.wp-pagenavi {
float: left;
width: 100%;
}

.wp-pagenavi span, .wp-pagenavi a {
display: block;
float: left;
padding: 2px 3px 5px;
width: 17px;
text-align: center;
height: 17px;
border: 1px solid #e5e5e5;
margin-right: 5px;
font-weight: bold;
color: #999;
font-size: 11px;
}

.wp-pagenavi span {
border-color: #f3f3f3;
color: #ccc;
}

.wp-pagenavi a:hover {
border-color: #a1dc45;
text-decoration: none;
}