/*
Theme Name: I Am Web Developer Standard
Theme URI: http://www.iamwebdeveloper.com/
Version: 1.0
Author: Nico De Backer
Author URI: http://www.iamwebdeveloper.com/
*/
body {background:#e1e9fd url('images/content_bg.png') 0 104px repeat-x; color:#101010; font:62.5%/1.618 "Trebuchet MS", "Lucida Sans", verdana, arial, sans-serif;}
.printOnly {display:none;}

a {color:#214d7c; padding:4px 0; text-decoration:none;}
a:visited {color:#4c7eaf;}
a:hover, a:focus {background-color:#fff; color:#214d7c;}
a:active {background-color:#f5f5f5; color:#204c7b;}
img {display:block;}
abbr, acronym {border-bottom:1px dotted #c0c0c0; cursor:help; speak:normal;}
abbr.initialism {speak:spell-out;}
abbr.truncation {speak:normal;}
h2, h3 {color:#f60; font-family:Georgia, "Times New Roman", Times, serif; font-size:medium; font-weight:bold; text-shadow:0 0 0 #f60;}
h3, .sub h2 {font-size:small;}
.main h3, #servicespage .sub h3 {color:#204c7b;}
hr {background:transparent url('images/content_hr.png') center; clear:both; border:0; height:2px; margin:40px 0;}
form {margin-top:1.618em;}
.left {float:left; margin:1.618em 2em 1em .75em;}
#skiptocontent {position:absolute; text-indent:-9999px;}

.section {background:transparent url('images/content_vr.png') 580px 50% repeat-y; overflow:auto;}
.main {float:left; padding:0 40px 0; width:500px;}
.sub {float:right; font-size:smaller; padding:0 25px 0; position:relative; width:310px;}

h2, h3, .main p, .sub p {margin:1.618em 0;}
.sub ul {margin-bottom:3.236em;}

#info {background:#204c7b url('images/header_bg.png') bottom left repeat-x; height:80px; position:relative;}
#menu {float:left; overflow:visible; position:absolute; right:0; top:0;}
#sets {background:#fdfdfd url('images/breadcrumbs_bg.png') top left repeat-x; float:left; font-size:10px; height:24px; line-height:24px; overflow:hidden; width:100%;}
#canvas {margin:8em auto; width:940px;}
#content {background:transparent url('images/content_vr.png') 580px 0 repeat-y; clear:both; font-size:small; overflow:hidden; position:relative;}
#footer {background:#204c7b url('images/footer_bg.png') repeat-x; clear:both; color:#afc3ff; font-size:10px; padding:45px 35px 35px; position:relative;}
.inner {margin:0 auto; position:relative; width:940px;}
#qtranslate-chooser {background:transparent url('images/lang.png') no-repeat scroll 0 50%; padding-left:1.6em; position:absolute; top:0; right:0;}

#info h1, #info img {height:63px; width:136px;}
#info h1 {left:0; position:relative; top:4px;}

#menu li, #breadcrumbs li, #qtranslate-chooser li, .post-meta li, .post-meta2 li {display:block; float:left;}
#menu li {font-size:x-large; height:69px; line-height:69px; position:relative;}
#menu a {background:transparent url('images/menu_bar.png') 100% 50% no-repeat;  color:#e1e9fd; display:block; padding:0 .7em; text-decoration:none;}
#menu a:hover, #menu a:focus {color:#f5f5f5; text-decoration:underline;}
#menu .current_page_item a, .blog-entry #menu #blog a, .blog-entry #menu #nl-blog a {color:#f60;}

.breadcrumb {display:none;}
.breadcrumb a, #qtranslate-chooser a {color:#999; cursor:pointer; display:block; padding:0; text-decoration:none;}
.breadcrumb a {text-decoration:underline;}
.breadcrumb a:hover, .breadcrumb a:focus, #qtranslate-chooser a:hover, #qtranslate-chooser a:focus {background:transparent;}

#qtranslate-chooser li {font-size:x-small; margin-left:.5em; width:1.5em;}
#qtranslate-chooser a {text-transform:lowercase;}

#elrio {background:transparent url('images/elrio.png'); display:block; height:106px; overflow:hidden; position:absolute; right:4em; top:-65px; width:177px;}
#business, #copy {height:60px;}
#business {float:left;}
#copy {float:right; padding-top:32px; margin-bottom:-31px;}
#footer hr {background:transparent url('images/footer_hr.png'); margin:1.5em 0;}
#footer a {background-color:transparent; color:#cddafc;}
#footer a:visited {color:#f8f8f8;}
#footer a:hover, #footer a:focus {color:#4c7eaf;}
#footer a:active {color:#4c7eaf;}



/** PAGE-SPECIFIC **/
#homepage #content, #portfoliopage #content, #content.fourOfour {background-image:none;}

/** HOME **/
#welcome .intro {font-family:Georgia, "Times New Roman", Times, serif; font-size:large;}
#getquote img {height:85px; margin:.5em auto; width:185px;}
#preview {background-image:none; margin:0 auto; overflow:visible; position:relative; width:742px;}
#preview ul {overflow:auto;}
#preview li {background-color:#204c7b; color:#e1e9fd; float:left; font-size:smaller; height:216px; margin:0 28px 2em; overflow:hidden; padding:3px; width:309px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#preview img {height:202px; width:309px;}
#preview a {color:#e1e9fd;}
#preview a:hover, #preview a:focus {background:transparent;}
#btnFirst, #btnLast {display:none;}
#btnPrev, #btnNext {display:block; font-size:x-small; height:32px; line-height:32px; position:absolute; top:37.5em; width:32px;}
#btnPrev {left:4em;}
#btnNext {right:4em;}
#btnPrev a, #btnNext a {background:transparent url('images/arrows.png') 0 0 no-repeat; color:#f5f5f5; display:block; outline:none; overflow:hidden; padding:0; text-decoration:none; text-indent:-9999px;}
#btnNext a {background-position:0 -32px;}
#fromblog .meta {font-family:Georgia, "Times New Roman", Times, serif; font-size:smaller; margin-top:-2.6em;}
#headlines ul {margin-bottom:3.236em;}
#headlines li {margin-bottom:1.618em;}

/** SERVICES **/
#servicespage h3 {clear:both;}
#servicespage .sub img {border:3px solid #214d7c; height:72px; float:left; margin:.2em 1.2em 0 0; width:72px;}
#servicespage .sub img, .screenshots img, .screenshot img {border:3px solid #214d7c; -moz-border-radius:3px; -webkit-border-radius:3px;}

/** PORTFOLIO **/
.project {overflow:auto;}
.project h2 {margin-top:0;}
.project h2 a {color:#f60;}
.project strong {font-size:120%; font-variant:small-caps; font-weight:bold;}
.meta {margin-bottom:1.618em;}
.meta span {font-weight:bold;}
.screenshots {float:left; overflow:hidden; position:relative; width:100%;}
.screenshots li {float:left; margin:0 20px 20px 0;}
.screenshot img {height:202px; width:309px;}
.screenshot img.remark {border:0; color:#e1e9fd; height:35px; position:absolute; right:12px; top:10px; width:80px;}
.screenshot img, 
	.screenshots img {display:block;}
.screenshots img {height:68px; width:90px;}
.screenshots a:hover img {border-color:#f60;}

/** ABOUT **/
.list {overflow:auto; margin-bottom:1.618em;}
.list li {border-bottom:1px solid #afc3ff; float:left; line-height:16px; margin:0 2px; white-space:nowrap; width:140px;}
.list img {float:left; height:16px; padding:4px; vertical-align:middle; width:16px;}
.list a {display:block; float:left; line-height:24px; padding:4px; width:98px;}
.list li:hover, .list li:focus, .list a:hover, .list a:focus {background-color:#fff; color:#214d7c;}
#profiles img {height:32px; width:32px;}
.skills, #clients {margin-bottom:3.236em;}
.skills {float:left; width:25%;}
.skills li {background:transparent url('images/skills.png') 0 50% no-repeat; line-height:24px; padding-left:2.3em;}

/** CONTACT **/
.screenReader {left:-9999px; position:absolute; top:-9999px;}
.thanks {background:#f4f8ff; border:1px solid #afc3ff; margin-bottom:3.236em; padding:.5em 1em; position:relative; -moz-border-radius:3px; -webkit-border-radius:3px;}
#contactForm {}
#contactForm div {clear:both; float:left; margin-bottom:1em; /*position:relative;*/ width:100%;}
#contact_methods {margin-top:1.618em;}
#contact_methods li {background:transparent url('images/contact_methods.png') 0 0 no-repeat; line-height:24px; margin:10px; padding-left:28px;}
li#contact_phone {background-position:0 0;}
li#contact_email {background-position:0 -48px;}
li#contact_skype {background-position:0 -96px;}
li#contact_vcf {background-position:0 -144px;}
#questionnaire img {height:85px; margin:0 auto; width:185px;}

#commentform label, #contactForm label {display:block; font-weight:bold;}
#commentform input, #commentform textarea, #contactForm input, #contactForm textarea {border:1px solid #a5acb2; padding:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#commentform input:focus, #commentform textarea:focus, #contactForm input:focus, #contactForm textarea:focus {background:#f4f8ff; border:1px solid #afc3ff;}
textarea {vertical-align:top;}
p.field-keys {border:1px solid #afc3ff; border-width:1px 0; font-style:italic; margin:1.618em auto; padding:.5em 2em; width:80%;}
.req-label {font-weight:bold;}
.warning {color:#900;}
.inline {float:right;}
.inline input {width:auto;}
#contactForm .inline label {display:inline; float:none; width:auto;}
#commentform .warning input, #contactForm .warning input,  #contactForm .warning textarea {background-color:salmon; border-color:#900;}
#commentform .allowed, .commentlist .comment-text cite {font-size:smaller;}

/** BLOG **/
.post-meta {float:left; font-size:x-small; position:relative; top:-2.6em; width:100%;}
.post-meta2 {font-size:x-small; overflow:hidden;}
.post-meta li, .post-meta2 li {border-left:1px solid #f4f8ff; border-right:1px solid #b5c8fb; padding:0 1em;}
li.post-readon, li.post-date, li.post-archive {border-left:none; padding-left:0;}
#homepage li.post-cat, li.post-comments {border-right:none; padding-right:0;}
.nvdr, .socials, .commentlist li.author {background:#f4f8ff; border:1px solid #afc3ff; margin-top:3.236em; position:relative; -moz-border-radius:3px; -webkit-border-radius:3px;}
.nvdr {background:#f4f8ff url('images/nvdr.png') .5em 50% no-repeat; font-style:italic; margin-bottom:3.236em; margin-top:0; padding:.5em 1em .5em 3em;}
.socials ul {overflow:auto; margin:.5em 1em;}
.socials li {float:left; line-height:18px; margin:0 6px;}
.socials .rss {position:absolute; right:-1px; top:-8px;}
.socials .rss:hover {background-color:transparent;}
.socials .rss img {height:24px; width:24px;}
.socials li img {height:16px; width:16px;}
.commentlist li {margin-bottom:2em; overflow:auto; padding:1em; width:90%;}
.commentlist .comment-image {border:1px solid #afc3ff; border-left-color:#f4f8ff; border-top-color:#f4f8ff; float:left; height:64px; overflow:hidden; position:relative; width:64px;}
.commentlist .comment-text {float:right; position:relative; width:83%;}
.commentlist .comment-text .comment-author {font-weight:bold;}
.commentlist .comment-text .comment-datetime {}
.hidden {display:none;}
#archives {clear:both; margin-bottom:3em;}

/** 404 **/
#content.fourOfour img {float:left; height:484px; margin:0 4em 4em 0; width:310px;}


#blockinghaze {background-color:#fff; filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5;}
#loadingdialog {background-color:#fff; border:1px solid #c0c0c0; color:#666; margin-left:-100px; margin-top:-20px; width:200px; -moz-border-radius:10px; -webkit-border-radius:10px;}
#loadingdialog p {background:#fff url('images/loading.gif') 9px 50% no-repeat; font-weight:bold; line-height:40px; padding-left:50px;}