/*
Theme Name: Karl Bellagio
Theme URI: http://karlbellagio.com
Description: Updated Portfolio
Version: 2.0
Author: Karl Bellagio
Author URI: http://karlbellagio.com.com
Tags: css3, modern, blue, textured
*/

/* Style

Rockwell: font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
Helvetica: font-family:Helvetica, "Helvetica Nueue", Arial, san-serif;
*/

*, html {
padding:0;
margin:0;
font-family:"Helvetica Nueue", Helvetica, Arial, san-serif;
}


body {
background:url(images/body_bg.jpg) 0 0 repeat;	
}

#wrapper {
margin:0 auto;
background: url(images/light-color.png) 50% 20px no-repeat;
}

#header {
margin:0 auto;
width:980px;
position:relative;
padding:50px 0 0;
z-index:10;
}

img {
border:none;	
}

#header h1 {
padding:8px 0 0;
display:inline-block;
}
#header h1 a {
width:255px;
height:55px;
display:block;
background:url(images/logo.png) 0 0 no-repeat;
text-indent:-999999px;
overflow:hidden;
}


#header h2 {
font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
font-size:18px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
letter-spacing:1px;
text-shadow: 0px -1px 0px #3c7288;
filter: dropshadow(color=#3c7288, offx=0, offy=-1);
position:absolute;
left:15px;
}

#header h3 {
font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
display:inline-block;
font-size:13px;
color:#98d3ec;
text-transform:uppercase;
position:relative;
font-weight:normal;
top:7px;
letter-spacing:1px;
text-shadow: 0px -1px 0px #3c7288;
filter: dropshadow(color=#3c7288, offx=0, offy=-1);
}

.ff #header h3 {
top:-16px;	
}

#nav {
position:absolute;
display:inline-block;
padding:15px 0 0;
right:0;
top:50px;
}

#nav ul {
list-style:none;
}

#nav ul li {
display:inline-block;
padding:0 20px 0 20px;
border-left: solid 1px #70acc7;
-webkit-box-shadow: -1px 0px 0px #518ca6;
-moz-box-shadow: -1px 0px 0px #518ca6;
box-shadow: -1px 0px 0px #518ca6;
}

#nav ul li.first {
border-left:none;
-webkit-box-shadow: 0px 0px 0px #518ca6;
-moz-box-shadow: 0px 0px 0px #518ca6;
box-shadow: 0px 0px 0px #518ca6;
}

#nav ul li a {
text-decoration:none;
text-align:right;
display:block;
font-size:11px;
color:#b2e1f6;
font-weight:normal;
font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
text-transform:uppercase;
letter-spacing:1px;
text-shadow: 0px -1px 0px #3c7288;
filter: dropshadow(color=#3c7288, offx=0, offy=-1);
padding:2px;
}

#nav ul li a:hover {
text-shadow: 1px 1px 5px #82D3F0;
filter: dropshadow(color=#82d3f0, offx=2, offy=2);

}

#nav ul li.current_page_item a{
	text-shadow: 1px 1px 5px #82D3F0;
filter: dropshadow(color=#82d3f0, offx=2, offy=2);	
}
/* 3d
text-shadow: 1px 2px 2px #093242;
filter: dropshadow(color=#093242, offx=1, offy=2);*/

.white {
text-transform:none;
color:#fff;
font-size:22px;
font-weight:bold;
line-height:20px;
}

#content {	
margin:0 auto 60px;
width:980px;
z-index:10;
}

.page-headline {
display:block;
background: url(images/border-top.png) 50% 0 no-repeat;
margin:50px 0 0;
}

.page-headline h2 {
color:#caefff;
text-align:center;
font-size:30px;
line-height:33px;
padding:30px 50px 20px;
font-weight:bold;
text-shadow: 0px -2px 0px #517e91;
filter: dropshadow(color=#517e91, offx=0, offy=-1);
z-index:999;
}

.page-headline h3 {
background:url(images/homepage-bottom.png) 50% 15px no-repeat;
margin:0 auto;
color:#caefff;
text-align:center;
font-size:14px;
font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
font-weight:normal;
line-height:18px;
padding:0 370px;
display:block;
text-shadow: 0px -1px 0px #3c7288;
filter: dropshadow(color=#3c7288, offx=0, offy=-1);
z-index:10;
}

.blocks {
width:900px;
float:left;
}


.block-wrap {
margin:70px 0 0;
background:rgba(115, 178, 210,.2);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding:20px;
}
.right {
float:right;
}

.blocks img {
float:left;
margin:20px 10px 0;
}
#twitter_update_list{
width:800px;
float:left;
}
#twitter_update_list li {
background:url(images/tweet-quotes.png) 50% 0 no-repeat;
list-style:none;
font-size:14px;
width:285px;
padding:0 0 20px;
margin:20px 0 0 60px;

float:left;
}
.ff #twitter_update_list li, .in_unknown #twitter_update_list li {
    box-shadow: 0 1px 0px #70ACC7;	
}
#twitter_update_list li:last-child {
border-bottom:none;
-webkit-box-shadow: 0px 0px 0px #70acc7;
-moz-box-shadow: 0px 0px 0px #70acc7;
box-shadow: 0px 0px 0px #70acc7;
}

#twitter_update_list li a {
text-decoration:none;
font-size:12px;
color:#85c5e0;
text-shadow: -1px -1px 0px #4486a2;
filter: dropshadow(color=#4486a2, offx=0, offy=-1);
font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
}

#twitter_update_list a:hover {
color:#305e71;
	text-shadow:none;
filter: dropshadow(color=#82d3f0, offx=0, offy=0);
	
}

#twitter_update_list li p {
width:220px;
display:block;
font-size:14px;
line-height:18px;
color:#caefff;
font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
font-weight:normal;
text-shadow: 0px -1px 0px #517e91;
filter: dropshadow(color=#517e91, offx=0, offy=-1);
margin:0 auto;
padding:1px 0 0;
}
#twitter_update_list li p a {
font-size:14px;
}
#twitter_update_list li span a {
display:inline-block;
font-size:12px;
}


.blog-excerpt {
width:300px;
float:left;
margin:5px 0 0;
}

.blog-excerpt h3 {
color:#256b89;
font-size:10px;
text-transform:uppercase;
font-weight:normal;
display:inline-block;
padding:22px 0 0 5px;
}

.blog-excerpt h2 {
display:inline;	
}
.blog-excerpt h2 a{
color:#85C5E0;
font-size:24px;
text-transform:uppercase;
padding-left:0px;
padding-top:15px;
letter-spacing:.5px;
display:inline-block;
font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
text-shadow: 0px -1px 0px #347590;
filter: dropshadow(color=#347590, offx=0, offy=-1);
text-decoration:none;
}

.blog-excerpt a.home-shadow {
padding:15px 0 0;
text-transform:none;
font-size:14px;
color:#2d7698;
text-shadow: -1px -1px 0px #347590;
color:#85C5E0;
}

.home-shadow img {
margin:0;
float:none;
opacity:.8;
width:100px;
height:50px;
}

.home-shadow img:hover {
opacity:1;
}

.home-shadow-links {
display:none;
}

.blog-excerpt h2 a:hover {
color:#305e71;
text-shadow: 0px 0px 0px #347590;
filter: dropshadow(color=#347590, offx=0, offy=0);
}
.blog-excerpt p {
	font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
color:#caefff;
font-size:14px;
font-weight:normal;
line-height:18px;
padding:10px 0 0;
text-shadow: 0px -1px 0px #517e91;
filter: dropshadow(color=#517e91, offx=0, offy=-1);
display:inline-block;
}
.blog-excerpt  a {
color:#85c5e0;
text-decoration:none;
font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
text-shadow: 0px -1px 0px #347590;
filter: dropshadow(color=#347590, offx=0, offy=-1);
text-transform:uppercase;
font-size:12px;
padding-left:5px;
display:inline-block;
}

.blog-excerpt  a:hover {
color:#305e71;
text-shadow: 0px 0px 0px #347590;
filter: dropshadow(color=#347590, offx=0, offy=0);
}

#footer {
width:980px;
margin:0 auto;
padding:15px 0;
border-top: solid 1px #518ca6;
-webkit-box-shadow: 0px -1px 0px #70acc7;
-moz-box-shadow: 0px -1px 0px #70acc7;
box-shadow: 0px -1px 0px #70acc7;
z-index:10;
}

#footer p {
font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
color:#85c5e0;
font-size:12px;
text-shadow: 0px -2px 0px #4c8eaa;
filter: dropshadow(color=#4c8eaa, offx=0, offy=-2);
}
.clear {
clear:both;	
}



/* Inner Pages Shared */

.inner-headline {
display:block;
background: url(images/border-top.png) 50% 0 no-repeat;
margin:50px 0 0;
}

.inner-headline-bot {
display:block;
background: url(images/border-top.png) 50% 0 no-repeat;
margin:35px 0 0;
height:5px;
}

.inner-headline img {
float:left;
margin:30px 15px 0 320px;
}

.inner-headline h2 {
margin:35px 0 0;
font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
color:#caefff;
text-align:center;
font-size:30px;
line-height:33px;
padding:0;
display:inline-block;
font-weight:bold;
text-transform:uppercase;
text-shadow: 0px -2px 0px #517e91;
filter: dropshadow(color=#517e91, offx=0, offy=-1);
z-index:999;
}

.inner-headline h3 {
color:#fff;
font-size:18px;
font-weight:bold;
display:block;
line-height:24px;
margin-left:20px;
text-shadow: 0px -1px 0px #3c7288;
filter: dropshadow(color=#3c7288, offx=0, offy=-1);
z-index:10;
}

/* Blog */


#blog {
}
.blog-post {
margin:40px auto;
width:650px;
padding:0 0 20px;
border-bottom: solid 1px #518ca6;
-webkit-box-shadow: 0px 1px 0px #70acc7;
-moz-box-shadow: 0px 1px 0px #70acc7;
box-shadow: 0px 1px 0px #70acc7;
}

.blog-post h3 {
display:inline-block;
position:relative;
padding:5px 10px;
font-size:16px;
color:#fff;
font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
background-color: #305e71;
border: solid 1px #305e71;
top:0;
left:0;
}


.arrow-left {
display: block;
position: absolute;
top: 0;
right: -16px;
border-left: 15px solid #305e71;
border-bottom: 15px solid transparent;
border-top: 15px solid transparent;	
}
.blog-title {
width:650px;
position:relative;
}
.blog-post h2{
font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
font-size:28px;
text-transform:uppercase;
color:#fff;
letter-spacing:1px;
display:inline-block;
padding:0 0 20px 30px;
position:relative;
top:5px;
width:520px;
}

.blog-post img {
padding:0 0 20px 112px;
}
.blog-post p {
color:#caefff;
font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
line-height:20px;
font-size:16px;
padding:0 8px 20px 110px;
font-weight:normal;
text-shadow: 0px -1px 1px #327592;
filter: dropshadow(color=#327592, offx=0, offy=-1);
}

.blog-post a {
color:#305e71;
font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
line-height:20px;
font-size:16px;
font-weight:normal;
text-shadow: 0px 0px 0px #327592;
filter: dropshadow(color=#327592, offx=0, offy=0);	
}

.blog-post a:hover {
text-decoration:none;	
}

#blog .blog-post:last-child{
border-bottom: none;
-webkit-box-shadow: 0px 0px 0px #70acc7;
-moz-box-shadow: 0px 0px 0px #70acc7;
box-shadow: 0px 0px 0px #70acc7;	
}

/* Work */

#work {
padding:0px 0 0;
}

.work-item {
width:720px;	
margin:0 auto;
border-bottom: solid 1px #518ca6;
-webkit-box-shadow: 0px 1px 0px #70acc7;
-moz-box-shadow: 0px 1px 0px #70acc7;
box-shadow: 0px 1px 0px #70acc7;
padding: 40px 0;
}

.work-item-info {
width:320px;
float:left;
}
.work-item h2 {
font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
font-size:18px;
color:#fff;
display:inline-block;
text-transform:uppercase;
text-shadow: 0px -1px 1px #327592;
filter: dropshadow(color=#327592, offx=0, offy=-1);
}

.work-item h3 {
font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
font-size:10px;
color:#b1e1f6;
font-weight:normal;
display:inline-block;
text-transform:uppercase;
padding:0 0 0 5px;
}

.work-item p {
color:#caefff;
font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
line-height:20px;
font-size:16px;
font-weight:normal;
text-shadow: 0px -1px 1px #327592;
filter: dropshadow(color=#327592, offx=0, offy=-1);
padding:5px 0 0;
}

.work-item a {
float:right;
margin:5px 0 0;
opacity:.8;
background:#000;
width:320px;
height:115px;
display:block;
-webkit-box-shadow: -1px -1px 1px #327592;
-moz-box-shadow: -1px -1px 1px #327592;
box-shadow: -1px -1px 1px #327592;
}

.work-item a:hover {
opacity:1;	
}

.work-item ul{
display:none;	
}
#work .work-item:last-child {
border-bottom: none;
-webkit-box-shadow: 0px 0px 0px #70acc7;
-moz-box-shadow: 0px 0px 0px #70acc7;
box-shadow: 0px 0px 0px #70acc7;		
}

/* Connect */
#connect {
padding:40px 0;
width:720px;	
margin:0 auto;
}

.photo {
float:left;
width:275px;
}
.photo img {
display:block;	
}
.photo p {
font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
padding:10px;
background:#6eb2cf;
color:#3a7a95;
font-size:16px;
text-align:center;
text-transform:uppercase;
display:block;
}


.contact {
float:right;
width:350px;
padding:0 40px 0 0;
}

.contact p {
font-family: Rockwell, "Courier New", Courier, Georgia, Times, "Times New Roman", serif;
font-size:16px;
color:#caefff;
font-weight:normal;
text-shadow: 0px -1px 1px #327592;
filter: dropshadow(color=#327592, offx=0, offy=-1);
line-height:20px;
padding:0 0 20px;
}

/* Form */



.blog-post p img {
padding:0;
}

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


form { 
margin: 0 0 18px; 
}
     
label { 
display: block; 
font-size: 13px; 
font-weight: bold; 
line-height: 18px; 
cursor: pointer; 
position: relative; 
z-index: 1; 
}
        
button, input.input-text, input.password, input.button, textarea { 
font-family: Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif; 
}
        
input.input-text, input.password, textarea { 
display: block; 
background: transparent url(images/forms/input-bg.png) no-repeat 0 0; 
margin: 0 0 10px; 
padding: 3px 4px; 
border: 1px solid #bbb; 
-moz-border-radius: 2px; 
-webkit-border-radius: 2px; 
-webkit-box-shadow: 0 1px 1px #517E91; 
font: 12px/18px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif; 
text-shadow: 0 0 1px #fff; 
color: #999; 
position: relative; 
z-index: 2; 
line-height: 18px; 
}
        
form input.input-text:focus, form textarea:focus { 
outline: none; 
border-color: #999; 
color: #333; 
padding: 2px 3px; 
border: 2px solid #517E91; 
}
        
label.inlined { 
padding: 3px 0 3px 6px; 
font-weight: normal; 
font-size: 12px; 
font-family: Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif; 
color: #aaa; 
-webkit-transition: color 0.15s linear; 
background: #fff; width: 146px; 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
position: relative; 
z-index: 1; 
}
        
label.focus { 
color: #ccc; 
}
      
label.has-text { 
color: #fff; 
-webkit-transition-duration: 0s; 
}
        
label.inlined + input.input-text { 
margin-top: -25px; 
}
        
label.inlined + textarea.input-text { 
margin-top: -43px; 
}
        
        
label.inlined.mini { 
width: 94px; 
}
        
label.inlined.small { 
width: 124px; 
}
        
label.inlined.medium { 
width: 334px; 
}
        
label.inlined.large { 
width: 584px; 
}
        
label.inlined.textarea { 
height: 90px; 
}
        
label.inlined + input.input-text {
margin-top: -25px;
}

input.input-text {
width:142px;	
}
label.inlined + textarea.input-text {
margin-top: -97px;
}
input.medium, textarea.medium {
width: 330px;
height: 90px;
}	

textarea {
resize:none;
}
.contact form p {
text-shadow:none;
}		

form span.wpcf7-not-valid-tip {
color:#013e57;
text-shadow:none;
position: absolute;
top: -25px;
left: 0;
}

form div.wpcf7-validation-errors {
background: rgba(115, 178, 210, .4);
border-color:#CAEFFF;
color:#013e57;
padding:10px;
margin:10px 0;
}

form div.wpcf7-mail-sent-ok {
background: rgba(115, 178, 210, .4);
border-color:#CAEFFF;
color:#013e57;
padding:10px;
margin:10px 0;
}

.wpcf7-form p {
padding-top:10px;
}

span.wpcf7-form-control-wrap {
position: relative;
padding-bottom: 5px;
display: block;
}

input[type="submit"] {
padding:5px 20px;
background:#6EB2CF;
color:#3A7A95;
border:none;
cursor:pointer;
font-weight:bold;
text-transform:uppercase;
font-size:14px;
letter-spacing:1px;
margin-top:10px;
}

input[type="submit"]:hover {
background:#013E57;
color:#CAEFFF;
-webkit-box-shadow: -1px -1px 2px 0px rgba(0, 0, 0, .3);
-moz-box-shadow: -1px -1px 2px 0px rgba(0, 0, 0, .3);
box-shadow: -1px -1px 2px 0px rgba(0, 0, 0, .3);
}