/*
Theme Name: V-Theme
Theme URI: http://vintom.com
Description: A simple starting point to wordpress theme development
Version: 1
Author: Vin Thomas
Author URI: http://vintom.com
Tags: starter, blank, framework
*/

/* Colors 

blue: 75d2f7
dark blue: 5ca7c4

*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* Sticky Footer Styles */

html, body, #wrap {
height: 100%;
}

body > #wrap {
height: auto; min-height: 100%;
}

#main {
padding-bottom: 300px;
}  /* must be same height as the footer */

#footer {
position: relative;
margin-top: -300px; /* negative value of footer height */
height: 300px;
clear:both;
background: #111 url(images/footerbg.png) repeat-x top center;
} 

/* CLEAR FIX*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix { 
height: 1%;
}

.clearfix {
display: block;
}
/* End hide from IE-mac */

/* End Sticky Footer Styles */

body {
background: #fff url(images/bg.gif) repeat-x;
font-family: Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-size: 12px;
color: #999;
}

a:link, a:active, a:visited { color: #75d2f7; text-decoration: none; overflow: hidden;}

a:hover { color: #75d2f7; text-decoration: none; overflow: hidden;}

#main {
width: 960px; 
margin: 0 auto;
}

#inner-wrap {
width: 960px;
position: relative;
z-index: 99; /* allows superfish dropdowns */
}

#content {
width: 590px; 
float: left; 
display: inline; 
padding-right: 40px; 
position: relative;
z-index: 100; /* allows superfish dropdowns */
color: #555;
}

#wide-content {
width: 100%; 
float: left; 
display: inline;
color: #555;
}

.post a:link, .post a:active, .post a:visited { color: #000; text-decoration: none; border-bottom: dotted 1px #777}

.post a:hover { color: #75D2F7; text-decoration: none;}

#sidebar {
width: 288px;
float: right;
display: inline;
padding: 20px;
border: solid 1px #eee;
margin-bottom: 20px;
background: #fff url(images/bg.png) repeat-x;
color: #555;
}

#footer-content { 
width: 960px;
margin: 0 auto;
padding: 3.5em 0;
color: #eee;
}

#header { 
margin: 40px 0 65px;
position: relative;
/* z-index: 101; */
}

#menu { 
width: 250px; 
height: 32px; 
position: absolute;
z-index: 9999; /* fixes superfish dropdowns */
top: 53px;
right: 0;
}

/*
h1.logo { 
width: 460px; 
height: 134px;
background: url(images/logo-trans.png) top left;
text-indent: -9999px;
margin-bottom: 20px;
float: left;
}
*/

h2 {
font-size: 1.6em; 
font-weight: normal;
margin-bottom: 10px;
color: #333;
font-family: Georgia, Times, 'Times New Roman', serif;
}

#main .post h2 a { 
border: none;
}
h2 a:hover {
color: #333;
text-decoration: none;
}

#sidebar h2 {
color:#999999;
font-family:Georgia,Times,'Times New Roman',serif;
font-size:1.6em;
font-style:italic;
font-weight:normal;
margin-bottom:10px;
}

h3 {
font-size: 1.4em; 
font-weight: normal;
margin-bottom: 10px;
color: #444;
font-family: Georgia, Times, 'Times New Roman', serif;
font-style: italic;
clear: both;
}

.post {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: solid 1px #eee;
}

#wide-content .post {
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: 0;
}

#banner {
width: 500px;
background: #75D2F7;
height: 200px;
}

.post p, .postfolio p {
margin-bottom: 20px;
line-height: 1.6em;
}

.postdate {
color:#CCCCCC;
float:left;
font-family:Georgia,Times,'Times New Roman',serif;
font-size:1.2em;
font-weight:normal;
margin:-0.5em 0 0.5em;
text-transform:uppercase;
}

#commentform input {
display: inline;
margin: 5px 0 20px;
padding:6px;
background-color:#f5f5f5;
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;
font-size: 1.2em;
float: left;
}

#comment {
margin: 5px 0 20px;
padding:6px;
background-color:#f5f5f5;
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;
font-size: 1.2em;
width: 578px;
font-family: Trebuchet,'Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif;
}

#commentform .hiddenstuff {
background: none;
border: none;
}

#sidebar ul li { 
margin-bottom: 20px; 
padding-bottom: 20px; 
border-bottom: solid 1px #eee; 
overflow: hidden;
}

#sidebar ul li ul li { 
margin: 0; 
padding: 0; 
border-bottom: none;
}

#sidebar ul li ul { 
padding-left: 10px;
}

#sidebar ul li ul li { 
background:transparent url(images/bullet.png) no-repeat scroll left 3px;
color:#555555;
float:left;
line-height:1.4em;
padding:0 0 0 20px;
width:119px;
}

.post ul li, .postfolio ul li {
background: transparent url(images/bullet.png) no-repeat scroll 20px 6px;
padding: 0 0 0 40px;
line-height: 1.8em
}

.post ol li {
color:#777777;
font-style:italic;
line-height:1.8em;
list-style-position:inside;
list-style-type:decimal;
padding:0 0 0 40px;
}

.post ul, .postfolio ul, .post ol {
margin-bottom: 20px;
overflow: hidden;
}

img.alignright {
float: right; padding: 5px; border: solid 1px #eee; margin: 0 0 10px 10px;
}

img.alignleft {
float: left; padding: 5px; border: solid 1px #eee; margin: 0 10px 10px 0;
}

#inner-wrap p.big { 
font-size: 2.6em;
font-family: Georgia, Times, 'Times New Roman', serif;
color: #555;
padding: 20px 10px;
margin: 0;
border-top: solid 1px #eee;
border-bottom: solid 1px #eee;
}

ul.topfolio {
margin-top: 65px;
line-height: 1.6em;
margin-bottom: 0;
}

ul.topfolio li {
width: 293px;
float: left;
margin: 0 40px 60px 0;
background: none;
padding: 0;
}

ul.topfolio li.nomarg {
margin-right: 0px;
}

ul.bottomfolio {
margin-top: 0px;
line-height: 1.6em;
}

ul.bottomfolio li {
width: 293px;
float: left;
margin: 0 40px 60px 0;
background: none;
padding: 0;
}

ul.bottomfolio li.nomarg {
margin-right: 0px;
}

img.thumbnail {
background: #fff url(images/imgbg.gif) repeat-x top center;
padding: 10px;
border: solid 1px #ccc;
margin-bottom: 10px;
-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

#inner-wrap img.thumbnail:hover {
border: solid 1px #bbb;
}

/* Begin Portfolio Button */
.pbutton {
display:block;
float:left;
margin:0 7px 0 0;
background-color:#f5f5f5;
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;
text-decoration:none;
font-weight:bold;
color:#565656;
padding:5px 10px 5px 7px; /* Links */
width:auto;
overflow:visible;
}

.pbutton img {
margin:0 5px -2px 0 !important;
padding:0;
border:none;
width:16px;
height:16px;
}

.pbutton:hover, .pbutton a:hover{
background-color:#e6f2f7;
border:1px solid #97c8db;
border-top: solid 1px #bbddea;
border-left: solid 1px #bbddea;
color:#336699;
text-decoration:none;    
}
.pbutton a:active{
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}
/* End Portfolio Button */

/* Begin Button */
.button {
display:block;
margin:0 7px 0 0;
background-color:#f5f5f5;
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;
text-decoration:none;
font-weight:bold;
color:#565656;
padding:5px 7px; /* Links */
width:auto;
overflow:visible;
}

.button:hover, .pbutton a:hover{
background-color:#e6f2f7;
border:1px solid #97c8db;
border-top: solid 1px #bbddea;
border-left: solid 1px #bbddea;
color:#336699;
text-decoration:none; 
cursor: pointer;   
}
.button a:active{
background-color:#6299c5;
border:1px solid #6299c5;
color:#fff;
}

/* End Button */

div.recent {
width: 293px;
float: left;
display: inline;
}

#footer h2 {
color: #eee;
font-weight: bold;
font-size: 2em;
}

.recent ul li a {
padding: 7px;
display: block;
border-bottom: solid 1px #333;
}

.recent ul li a:hover {
background: #eee;
text-decoration: none;
color: #333;
}

div.twitter {
display:inline;
float:left;
margin-left:40px;
width:627px;
text-align: right;
}

.twitter img {
float: right;
margin-top: 10px;
}

.twitter-message {
padding: 7px;
border-bottom: solid 1px #333;
}

#wrap a.twitter-link {
color: #9AE4E8;
}

#wrap a.flickr {
color: #FF0084;
}

#wrap a.linkedin {
color: #006699;
}

#wrap .googlea {
color: #007236;
}

#wrap .googler {
color: #BF0404;
}

#wrap .googleo {
color: #F2BB16;
}

#wrap .googleu {
color: #0034AA;
}

#wrap .googlen {
color: #32A62E;
}

#wrap .googled {
color: #BF0404;
}

#wrap a.facebook {
color: #3E5A88;
}

#wrap a.music {
color: #000;
}

span.required {
color: red;
}

td.head {
color:#333333;
font-family:Georgia,Times,'Times New Roman',serif;
font-size:2em;
padding:20px 0 10px;
}

.jotform label {
color:#777777;
font-family:Georgia,Times,'Times New Roman',serif;
font-size:1.2em;
}

.jotform input {
padding: 10px;
margin: 5px 0 20px;
width: 400px;
background: #F3F3F3 url(images/imgbg.gif) repeat-x scroll 0 0;
border: solid 1px #ddd;
}

.jotform textarea {
margin:5px 0;
padding:5px;
width:500px;
background: #F3F3F3 url(images/imgbg.gif) repeat-x scroll 0 0;
border: solid 1px #ddd;
}

.jotform .button {
width: 200px;
font-size: 1.5em;
}

.meta {
color:#999999;
font-size:0.9em;
background-color: #f5f5f5;
padding: 10px;
font-style: italic;
text-align: center;
-webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
}


.right {float: right;}

.left {float: left;}

.readmore {
/*
background:transparent url(images/go.png) no-repeat scroll right top;
padding-right:20px;
*/
float:right;
margin-bottom:20px;
font-family:Georgia,Times,'Times New Roman',serif;
font-size:1.2em;
font-style:italic;
font-weight:normal;
}

#s { 
padding:6px;
width:195px;
background-color:#fff;
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;
float:left;
}

blockquote {
font-family:Georgia,Times,'Times New Roman',serif;
font-size: 1.2em;
padding: 0 20px;
font-style: italic;
line-height: 1.6em;
color: #999;
}

#inner-wrap img { 
max-width: 588px;
height: auto;
border: solid 1px #ddd;
}

#commentform label {
float: left;
color:#555;
font-family:Georgia,Times,'Times New Roman',serif;
font-size:1.4em;
font-weight:normal;
padding: 11px 0 0 10px;
}

.hidden {
display:  none !important;
}

.sociable ul {
margin-top: 15px;
}

.sociable ul li {
display: inline;
padding: 5px;
background: none;
}

#content .sociable img, #content .sociable a {
border: none;
opacity: 0.6;
max-width: 100px;
height: auto;
}

#content .sociable img:hover, #content .sociable a:hover {
border: none;
opacity: 1;
}

#content .sociable {
text-align: center;
}

#respond {
margin-top: 20px;
}

.response {
margin-bottom: 10px;
padding: 10px 10px 0 10px;
background: #eee;
}

.response p {
padding-left: 68px;
padding-bottom: 10px;
}

.response .avatar {
float: left;
margin: 0 10px 2px 0;
}

.response cite {
font-family:Georgia,Times,'Times New Roman',serif;
font-size:1.4em;
font-weight:normal;
font-style: italic;
margin-bottom: 10px;
display: block;
}

.response img {
padding: 3px;
border: solid 1px #ccc;
}

.alt {
background: transparent;
}

#commentform .subscribe-to-comments label {
font-size: 1.2em;
padding: 3px 10px;
font-style: italic;
}

#commentform #_wp_unfiltered_html_comment {
border: none;
background: none;
}

#commentform input#submit {
float: none;
display: block;
cursor: pointer;
}

#sidebar img.aff {
max-width: 286px;
height: auto;
margin-bottom: 10px;
}

#sidebar .aboutme {
font-size:1.2em;
font-weight:normal;
line-height:1.4em;
margin-bottom:10px;
}

#sidebar img.about {
float: left;
border: solid 1px #333;
margin: 0 5px 2px 0;
}

.rss {
background:transparent url(images/feed.png) no-repeat scroll right 1px;
float:right;
font-size:1em;
height:18px;
margin:-24px 0 0;
padding:0 20px 0 0;
text-align:right;
}

.rss a {
color: #555;
}

.popfolio {
padding: 20px;
}

img.portfolio {
background: #fff url(images/imgbg.gif) repeat-x top center;
padding: 10px;
border: solid 1px #eee;
-webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
float: left;
margin: 0 10px 5px 0;
}

.noborder { border: none !important;}

#searchsubmit {
width: 65px;
}

.nav {
float:right;
margin-top:-64px;
width:440px;
}

.nav a {
float: right;
background-image: url(images/nav-sprite.png);
background-repeat: no-repeat;
height: 51px;
text-indent: -9999px;
}

.home {
width: 134px;
background-position: 0px 0px;
}

.blog {
width: 105px;
background-position: -138px 0px;
margin-left: 10px;
}

.contact {
width: 132px;
background-position: -247px 0px;
margin-left: 10px;
}

.home:hover {
width: 134px;
background-position: 0px -55px;
}

.blog:hover {
width: 105px;
background-position: -138px -55px;
margin-left: 10px;
}

.contact:hover {
width: 132px;
background-position: -247px -55px;
margin-left: 10px;
}

.available {
height:50px;
position:absolute;
right:0;
top:-40px;
width:301px;
}

.portfolio-links a {
background:transparent url(images/plus.png) no-repeat scroll right 3px;
float:right;
font-size:1.1em;
font-weight:normal;
padding-right:20px;
text-align:right;
}

.popimages {
display: block;
clear: both;
overflow: auto;
text-align: center;
margin-bottom: 10px;
}

.popimages img {
border:8px solid #eee;
margin:5px;
text-align: center;
}

.popfolio ul li {
width: 270px;
float: left;
display: inline;
}

.popfolio a {
background:transparent url(images/link_go.png) no-repeat scroll right -1px;
float:left;
font-size:1.1em;
font-weight:normal;
padding-right:20px;
}

.smallprint {
font-size: smaller;
}

.video {
margin: 0 auto;
display: block;
text-align: center;
}

#main .topfolio a, #main .bottomfolio a {
border: none;
}

h2.highlight {
background:#FFF799;
border:1px solid #E5DE8A;
padding:10px;
}