/*  
Theme Name: TG V03
Theme URI: http://toddgiannattasio.com
Description: Version 3
Version: 3.0
Author: Todd Giannattasio
Author URI: http://toddgiannattasio.com
*/

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
ul, ol{margin-left: 25px;}
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */
p{margin-bottom: 1em;}

/* =Utilities
-----------------------------------------------------------------------------*/

.clear{clear:both}
.clear-left{clear: left;}
.clear-right{clear: right;}
.float-right{float: right;}
.float-left{float: left;}
.img-right{float: right; border: 1px solid #ffffff; margin: 0px 0px 5px 5px}
.img-left{float: left; border: 1px solid #ffffff; margin: 0px 5px 5px 0px}
.img{border: 1px solid #ffffff; margin: 5px;}

/* =Styles
-----------------------------------------------------------------------------*/

body{
background: url(/wp-content/themes/tgv03/images/full-bg.jpg) no-repeat fixed top center #0e0d11;
}

#wrapper{
width: 960px;
margin: -19px auto 0;
}

/* =Typography
-----------------------------------------------------------------------------*/

#wrapper {
font-size: 62.5%;
font-family:Arial, Helvetica, sans-serif;
}

#wrapper #content{
font-size: 1.2em;
color: #ffffff;
}

/* =Links
-----------------------------------------------------------------------------*/

a:link, a:visited{
color: #ffffff;
text-decoration: none;
font-style: italic;
}

a:hover{
text-decoration: underline;
}

a#jump-content{
position: relative;
top: -999999px;
}

#branding h1 a{
color: #ffffff;
}

#content #main-content h2 a{
color: #ffffff;
}

#main-nav a{

}

#main-nav a:hover{

}

#content #main-content p a:link, #content #main-content p a:visited{
font-style: italic;
}


/* =Headings
-----------------------------------------------------------------------------*/

#branding h1{
font-size: 3em;
padding: 1em;
display: block;
}

h2{font-size: 2em;}

#content #main-content .post h2{
font-size: 2em;
margin-top: 1.5em;
}

#wrapper #content #main-content .page h2{
margin-bottom: .5em;
}

h3{
font-size: 1.8em;
margin-bottom: .5em;
}

#wrapper #content #main-content .page h3, #wrapper #content #main-content .post h3{
font-size: 1.5em;
margin: 1em 0;
}

#wrapper #content #sidebar h3{

}

h4{font-size: 1.6em; margin: 1em 0;}

h5{font-size: 1.4em;}

/* =Branding
-----------------------------------------------------------------------------*/

#branding{
width: 100%;
height: 175px;
background:url(/wp-content/themes/tgv03/images/branding-bg.jpg) no-repeat;
clear: both;
text-indent: -999999px;
}

#branding blockquote{
float: left;
padding-left: 20px;
font-size: 1.4em;
}


/* =Main Nav
-----------------------------------------------------------------------------*/

p.subscribe{
font-size: 1.5em;
float: right;
display: block;
padding: 5px 25px 5px 5px;
background-image: url(/wp-content/themes/tgv03/images/rss-icon.jpg);
background-repeat: no-repeat;
background-position: right top;
margin: 1em 0;
}

p.subscribe a:link, p.subscribe a:visited{
color: #292730;
}

p.subscribe a:hover{
color: #ffffff;
}

ul#main-nav{
list-style:none;
margin-left: 0;
border-left: 1px solid #ffffff;
}

ul#main-nav li{
float: left;
}

ul#main-nav li#mainnav-home{
border-left: 1px solid #3b383a;
}

ul#main-nav li a{
display: block;
padding: .5em 1em 2em;
border-right: 1px solid #3b383a;
}

ul#main-nav li a:hover{
background-image: url(/wp-content/themes/tgv03/images/main-nav-bg.jpg);
text-decoration: none;
}

ul#main-nav li a strong{
display: block;
font-size: 2em;
}



/* =Sub Nav
-----------------------------------------------------------------------------*/



/* =Content
-----------------------------------------------------------------------------*/

#content{
padding: 2em 15px 0;
margin-top: 35px;
}

/* =Main Content
-----------------------------------------------------------------------------*/

#main-content{
width: 600px;
float: left;
display: inline;
}

#content #main-content .navigation{

}

#wrapper #content #main-content .post{
border-bottom: 1px solid #ffffff;
margin: 0 0 3em 0;
padding-bottom: 3em;
}

#wrapper #content #main-content .post .post-date{
border: 1px solid #ffffff;
margin: 0 0 5px 5px;
float: right;
text-align: center;
}

#wrapper #content #main-content .post .post-date p{
margin: 0;
padding: 5px 5px 0 5px;
}

#wrapper #content #main-content .post .post-date p.month{
font-weight: bold;
padding-bottom: 5px;
}

#wrapper #content #main-content .post .post-date p.day{
background-color: #ffffff;
color: #000000;
padding: 3px 5px 5px 5px;
}

#wrapper #content #main-content .post .postmetadata{
margin-top: 1em;
}

#wrapper #content #main-content .post .post-content{
padding: 10px 20px 0px 10px;
}

#wrapper #content #main-content .page{

}

#wrapper #content #main-content ul#projects{
list-style: none;
margin-top: 1.5em;
}


/* =Sidebars
-----------------------------------------------------------------------------*/

#sidebar{
width: 300px;
float: right;
display: inline;
}

#sidebar .follow-me{
clear: both;
text-align: right;
}

#sidebar ul{
list-style: none;
}

#sidebar ul li{
margin-bottom: 2em;

}

#sidebar ul li:last-child{

}

#sidebar ul#twitter_update_list{
margin: 0;
padding: 0 10px;
background-image:url(/wp-content/themes/tgv03/images/twitter-bg.gif);
background-color: transparent;
background-repeat: no-repeat;
background-position: right bottom;
}

#sidebar ul#twitter_update_list li{
margin-bottom: 1em;
}

#sidebar ul#twitter_update_list li span{
display: block;
}

#sidebar ul#twitter_update_list li a{
font-style: italic;
}

#sidebar ul li ul li{
margin: 0;
}

#wrapper #content #sidebar ul li ul#recent-projects{
margin-left: 0;
}

#wrapper #content #sidebar ul li ul#recent-projects li{
margin: 1em 0 0 10px;
}


#sidebar ul li#tabbed .TabbedPanelsContentGroup a{

}

#sidebar ul li#tabbed .TabbedPanelsContentGroup ul{
padding: 0;
margin: 0;
}

#sidebar ul li#tabbed .TabbedPanelsContentGroup ul li{
margin-bottom: 1em;
}

#sidebar ul li#tabbed .TabbedPanelsContentGroup ul li ul li{
margin: .5em 0 0 10px;
}

#sidebar ul li#my-social ul{

}

#sidebar ul li#my-social ul li{
float: left;
}

#sidebar #google-ads{
margin: 0 0 0 15px;
clear: both;
}

#sidebar #google-ads h3{
margin-left: -15px;;
}


/* =Footer
-----------------------------------------------------------------------------*/

#footer{
color: #ffffff;
clear:both;
border-top: 1px solid #ffffff;
margin-top: 2em;
padding: 2em;
}
#footer #site-info{
float: left;
}

#footer #site-info ul{
list-style:none;
margin: 0;
}

#footer img.g3-logo{
float: right;
margin: -120px -20px 0 0;
padding: 0;
}

/* =Forms
-----------------------------------------------------------------------------*/
/* Removes fieldset borders. even on Opea 7 */
fieldset {
border: 1px solid transparent;
}

#searchform{

}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
border-spacing: 0;
border-collapse: collapse;
font-size: 98%;
}

.table th{
text-align: left;
vertical-align: top;
}

.table td {
text-align: left;
vertical-align: top;
}

/* =Comments
-----------------------------------------------------------------------------*/

.comments{
}

.comments #commentform #comment{
width: 500px;
}


/* =FlickR Badge
-----------------------------------------------------------------------------*/

/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {}
#flickr_badge_wrapper {}
.flickr_badge_image {}
.flickr_badge_image img {border: 1px solid black !important; float: left; margin: 5px;}
#flickr_badge_source {}
#flickr_badge_icon {}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}


/* =Misc 1
-----------------------------------------------------------------------------*/