/*Theme Name: VT Portfolio 2009
Theme URI: http://vancetran.com/
Description: The theme for VanceTran.com.
Version: 1.0
Author: Vance Tran
Author URI: http://vancetran.com/
Tags: blue, grey, minimal, portfolio
*//* Reset (http://meyerweb.com/eric/tools/css/reset/) v1.0 | 20080212 */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}/* Clearfixes */div.clear,html body span.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}/* Basics */a {	outline-color:-moz-use-text-color;	outline-style:none;	outline-width:medium;}a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
}
a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none;
}
a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px;
}

blockquote {
padding:0 0 0 20px;
margin:10px 0;
border-left:2px solid #ccc;
}

ol {
list-style:decimal;
padding:10px 0 10px 30px;
}

.hide {
display:none !important;
}

/* Museo 500 by exljbris / Jos Buivenga @font-face {	font-family: 'Museo 500';	src: url('fonts/Museo500-Regular.eot');	src: local('Museo 500'), local('Museo-500'), url('fonts/Museo500-Regular.woff') format('woff'), url('fonts/Museo500-Regular.svg#Museo-500') format('svg'), url('fonts/Museo500-Regular.otf') format('opentype');}
 Museo Sans 500 by exljbris / Jos Buivenga @font-face {	font-family: 'Museo Sans 500';	src: url('fonts/MuseoSans_500.eot');	src: local('Museo Sans 500'), local('MuseoSans-500'), url('fonts/MuseoSans_500.woff') format('woff'), url('fonts/MuseoSans_500.svg#MuseoSans-500') format('svg'), url('fonts/MuseoSans_500.otf') format('opentype');}
 Layout */
html {
color:#444;
}

body {
background:#e3e3e3 url(images/bg-base-sub.png) top center repeat-x;
font:normal 13px/1.8em Helvetica,Arial,sans-serif;
}

body#home {
background:#e3e3e3 url(images/bg-base.png) top center repeat-x;
}

body#home #box {
background:url(images/header.jpg) top center no-repeat;
}

body #box {
background:url(images/header-sub.jpg) top center no-repeat;
}

#header,#subheader,#splash,#container,#footer {
width:930px;
margin:0 auto;
}

#header {
height:120px;
overflow:hidden;
}

#subheader {
height:88px;
background:transparent;
}

#splash {
height:275px;
margin-top:25px;
overflow:hidden;
}

#splash .bt-home-portfolio {
display:inline;
float:left;
width:136px;
height:36px;
margin-left:10px;
}

#splash .bt-home-portfolio a {
display:block;
background:url(images/sprite.png) 0 0 no-repeat;
width:136px;
height:36px;
text-indent:-999em;
}

#splash .bt-home-portfolio a:hover {
background:url(images/sprite.png) 0 -60px no-repeat;
}

#splash ul.screens {
margin-left:-30px !important;
position: relative;
display: block;
float: left;
}

#splash ul.screens li {
display:inline;
float:left;
width:280px;
height:153px;
padding:5px;
margin-left:30px;
}

#splash ul.screens li.middle {
margin-left:30px;
margin-right:30px;
}

#splash ul.screens li a {
display:inline;
float:left;
width:280px;
height:153px;
}

#splash ul.screens li:hover {
background:#C3ECFE;
}

#content {
width:660px;
margin-right:45px;
font-size:14px;
line-height:1.8em;
margin-top:20px;
margin-bottom:20px;
}

#content.wide {
width:930px;
}

body#home #content {
background:transparent;
width:930px;
margin:20px auto;
line-height:1.4em;
}

body#home #content .col.middle {
margin:0 30px;
}

body#home #content .col {
font-size:13px;
display:inline;
float:left;
width:290px;
margin:0;
}

#content img {
border:5px solid #fff;
}

#content .bt-grey {
display:block;
width:134px;
height:24px;
margin:10px 0;
text-align:center;
}

#content .bt-grey a {
display:block;
background:url(images/sprite.png) 0 -120px no-repeat;
color:#333;
font-family:Helvetica, Arial, sans-serif;
font-size:13px;
text-decoration:none;
line-height:24px;
width:134px;
text-shadow:1px 1px 0 #eee;
}

#content .bt-grey a:hover {
color:#333;
background:url(images/sprite.png) 0 -160px no-repeat;
text-shadow:1px 1px 0 #ccc;
}

#sidebar {
width:210px;
margin:20px 0 20px 15px;
}

#footer {
clear:both;
margin-top:40px;
border-top:1px solid #ccc;
}

#footer .legal {
padding:5px 0;
color:#999;
font-size:10px;
}

/* Navigation */
#menu {
text-align:right;
font-size:16px;
font-weight:bold;
line-height:120px;
}

#menu li {
display:inline;
}

#menu li a {
color:#fff;
text-decoration:none;
padding:20px;
}

#menu li a.last {
padding-right:0;
}

#menu li a:hover {
color:#fff;
text-decoration:underline;
}

/* Headings */
#header h1 a {
float:left;
display:inline;
width:290px;
height:120px;
text-indent:-999em;
}

#subheader #pagetitle {
color:#4c8299;
font:normal 40px/88px Helvetica, Arial, sans-serif;
margin-bottom:10px;
text-shadow:1px 1px 0 #ddd;
}

#splash h2 {
display:inline;
float:left;
width:774px;
height:58px;
margin-right:10px;
margin-bottom:5px;
text-indent:-999em;
}

#splash h3 {
clear:both;
height:20px;
line-height:20px;
text-indent:-999em;
}

#content .post h2 {
color:#4c8299;
font:normal 30px/30px Helvetica, Arial, sans-serif;
margin-bottom:5px;
text-shadow:1px 1px 0 #fff;
}

#sidebar h2 {
color:#4c8299;
font:normal 16px/16px Helvetica, Arial, sans-serif;
margin-bottom:5px;
text-shadow:1px 1px 0 #fff;
}

/* Links */
#content p a,#content li a,#sidebar a {
color:#004386;
text-decoration:none;
border-bottom:1px solid #ccc;
}

#content p a:visited,#sidebar a:visited {
color:#004386;
}

#content p a:active,#sidebar a:active {
color:#FF7F00;
}

#content p a:hover,#sidebar a:hover {
border-bottom:1px solid #004386;
}

#content .post h2 a,#content.work h2 a {
color:#4c8299;
text-decoration:none;
}

#content .post h2 a:hover,#content.work h2 a:hover {
color:#004386;
text-decoration:underline;
}

#content .post .info .comment-no a,#content .post .info .edit a {
display:block;
color:#999;
text-decoration:none;
}

#content .post .info .comment-no a:hover,#content .post .info .edit a:hover {
color:#333;
text-decoration:none;
}

#content .post .meta a {
color:#999;
text-decoration:none;
font-style:oblique;
}

#content .post .meta a:hover {
color:#666;
text-decoration:none;
}

.navigation a {
color:#004386;
text-decoration:none;
border:0;
}

/* Blog */
#content .post {
position:relative;
margin-bottom:50px;
}

/*
#content .post .info {
position:absolute;
top:0;
right:675px;
width:40px;
text-align:center;
}

#content .post .info .date {
color:#aaa;
background:#eee;
line-height:12px;
padding:3px 0;
border:1px solid #ccc;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

#content .post .info .date span {
display:block;
}

#content .post .info .date .month {
font-size:12px;
line-height:12px;
}

#content .post .info .date .day {
color:#999;
font-size:22px;
line-height:20px;
}

#content .post .info .date .year {
font-size:10px;
line-height:8px;
}

#content .post .info .comment-no {
line-height:1.2em;
color:#999;
background:#eee;
border:1px solid #ccc;
margin-top:5px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}*/

#content .post .meta {
color:#999;
font-size:12px;
line-height:12px;
margin-bottom:10px;
}

#content .postmetadata {
border:2px solid #fff;
padding:10px;
background:#eee;
font-size:10px;
line-height:14px;
}

/* Work */
.work-item {
overflow:hidden;
border-bottom:1px solid #ccc;
padding-bottom:20px;
margin-bottom:30px;
}

.work-item .desc {
width:130px;
margin-right:15px;
}

.work-item .screen {
width:770px;
margin-left:15px;
}

/* Home Page Items */
body#home .blog ul {
margin-bottom:10px;
}

body#home .blog li {
font-size:1.12em;
text-decoration:none;
padding-bottom:10px;
}

body#home .tweet p {
font-size:1.25em;
font-style:italic;
color:#666;
}

body#home a.aktt_tweet_time {
border:0;
display:block;
font-size:.8em;
}

/* Widgets */
#twitter-tools .aktt_tweets ul li {
margin-bottom:10px;
line-height:1.25em;
}

#twitter-tools .aktt_tweets ul li a.aktt_tweet_time {
border:0;
float:right;
font-size:.8em;
}

#content,#sidebar,.work-item .desc,.work-item .screen {
float:left;
display:inline;
}

#content p,#sidebar ul {
margin-bottom:15px;
}

body#home #content div h2,#content .post h3,#content.work h2 {
color:#4c8299;
font:normal 20px/20px Helvetica, Arial, sans-serif;
margin-bottom:10px;
text-shadow:1px 1px 0 #fff;
}