@charset "utf-8";
/* CSS Document */

/********************************
   
   CSS by Frank Stallone III
   
   iamfrankstallone.com
   
   twitter.com/frankstallone
   
   "skolar-1","skolar-2" & "apertura-condensed-1","apertura-condensed-2"
   
********************************/

a, a:visited {
color: #767676;
text-decoration: underline;
padding: 3px;
}

a:hover {
background: #4b4b4b;
color: #f9bb44;
text-decoration: none;
padding: 3px;
}

div#content {
position: relative;
margin: 0 auto;
width: 960px;
}

div#content h1#hello {
font: 60px "skolar-1","skolar-2", Garamond, Georgia, 'Times New Roman', serif;
color: #4b4b4b;
text-shadow: 1px 1px 2px rgba(71, 67, 67, 0.6);
background: url(../images/header-border.gif) bottom repeat-x;
margin-bottom: 12px;
}

div#content div.navigation ul {
width: 100%;
overflow:hidden;
display: inline;
}

div#content div.navigation ul li {
list-style:none;
display: inline;
}

div#content div.navigation ul li a, div#content div.navigation ul li a:visited {
font: 24px "skolar-1","skolar-2", Garamond, Georgia, 'Times New Roman', serif;
display: inline;
padding: 10px;
height: 30px;
background: #fff;
color: #3e3e3e;
text-decoration: none;
margin-right: 25px;
}

div#content div.navigation ul li a:hover {
padding: 10px;
height: 30px;
background: #4b4b4b;
color: #f9bb44;
text-decoration: none;
}

div#content blockquote {
position: relative;
width: 600px;
overflow: hidden;
border-left: 3px solid #4b4b4b;
margin: 40px 0 40px 160px;
padding: 0;
}

div#content blockquote p {
font: 48px/1.5 "skolar-1","skolar-2", Garamond, Georgia, 'Times New Roman', serif;
color: #4b4b4b;
letter-spacing: -3px;
margin: 0 0 0 30px;
padding: 0;
}

div#content div#social {
position: relative;
}

div#content div#social h2 {
font: 36px "skolar-1","skolar-2", Garamond, Georgia, 'Times New Roman', serif;
color: #9a9a9a;
margin: 20px 0 0 0;
padding: 0 0 0 10px;
}

div#content div#social ul {
overflow:hidden;
display: block;
background: #eef9fb;
border-top: 3px solid #9a9a9a;
margin: 0 0 20px 0;
}

div#content div#social ul li {
display: block;
list-style:none;
padding: 10px 0 0 10px;
}

div#content div#social ul#twitter-feed {
margin: 0;
}

div#content div#social ul li p#twitter {
font: 18px/1 "apertura-condensed-1","apertura-condensed-2", Verdana, Geneva, sans-serif;
line-height: 1.7em;
color: #3e3e3e;
background: transparent url(../images/tweet-bird.png) 0px 10px no-repeat;
padding: 5px 0 10px 70px;
}

div#content div#social ul li p#follow {
font: 10px/1 "apertura-condensed-1","apertura-condensed-2", Verdana, Geneva, sans-serif;
padding: 0 10px 0 0;
float:right;
}

div#content div#social ul#twitter-feed li p a,
div#content div#social ul#twitter-feed li p a:visited,
div#content div#social ul#twitter-feed li p a:focus {
border-bottom: 1px #767676 solid;
text-decoration: none;
}


div#content div#social ul#delicious-feed li {
padding: 5px 0 5px 10px;
background: transparent url(../images/delicious-bullet.png) 15px 7px no-repeat;
}

div#content div#social ul#delicious-feed li:first-child {
margin-top: 10px;
}

div#content div#social ul#delicious-feed li a {
margin: 0 0 0 70px;
border-bottom: 1px #9a9a9a solid;
text-decoration: none;
}

div#content img.imgright {
float: right;
margin-right: -50px;
padding: 10px 0 10px 10px;
}

/* Content End */

div#social-bar {
position: relative;
height: 133px;
background: transparent url(../images/social-bar-bg.jpg) top left repeat-x;
margin: 1ß0px 0 0 0;
}


div#social-bar ul#buttons {
width: 960px;
margin: 0 auto;
overflow: hidden;
padding: 50px 0 0 0;
}

div#social-bar ul#buttons li {
display: inline;
padding: 0 10px 0 0;
}

div#social-bar ul#buttons li a, 
div#social-bar ul#buttons li a:visited, 
div#social-bar ul#buttons li a:focus {
background: none;
text-decoration: none;
line-height: 0;
padding: 0;
}

div#social-bar ul#buttons li a:hover {
background: #f6f6f6;
text-decoration: none;
}

li#search {
float: right;
margin: 0 auto;
padding: 0;
}

li#search input#s {
float: left;
width: 300px;
margin: -10px 10px 0 0;
font-size: 25px;
padding: 4px;
}

li#search input#submit {
float: left;
margin-top: -10px;
width: 130px;
height: 47px;
background: transparent url(../images/search-button.png) top left no-repeat;
border: none;
color: #f6f6f6;
}

div#footer {
background: #222222;
color: #f9bb44;
font: 16px/1.5 "apertura-condensed-1","apertura-condensed-2", Verdana, Geneva, sans-serif;
z-index: 1;
padding: 60px 0;
}

div#footer p {
font: 16px/1.75 "apertura-condensed-1","apertura-condensed-2", Verdana, Geneva, sans-serif;
color: #c2c2c2;
text-shadow: 1px 1px 1px #474343;
}

div#footer a, 
div#footer a:visited, 
div#footer a:active,
div#footer a:link {
color: #f9bb44;
text-decoration: none;
text-shadow: 1px 2px 0px #474343;
}

div#footer div#wrapper {
position: relative;
width: 960px;
margin: 0 auto;
z-index: 2;
}

div#footer ul#dream-team, div#footer ul#sitemap, div#footer div#about-me {
z-index: 3;
}

div#footer ul#dream-team, div#footer ul#sitemap, div#footer div#about-me {
display: block;
margin: 10px 0 0 0;
}

div#footer ul#dream-team li, div#footer ul#sitemap li {
background: transparent url(../images/list-footer.gif) top left repeat-y;
list-style: none;
padding-left: 20px;
}


div#footer ul li:first-child {
background: none !important;
}

div#footer ul#dream-team {
width: 300px;
float: left;
overflow:hidden;
}

div#footer ul#sitemap {
width: 160px;
float: left;
overflow:hidden;
}

div#footer div#about-me {
width: 500px;
float: left;
overflow: visible;
}

div#footer div#about-me p {
margin:0 0 10px 0;
}

div#footer div#about-me p + p {
	text-indent: 1.5em;
	margin-top: 0px;
}

div#footer div#about-me a, div#footer div#about-me a:hover {
background:none;
}

div#footer div#about-me a img#aboutimg {
float: right;
margin: 20px 0 10px 10px;
border: 3px #474343 solid;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-border-radius: 4px;
}

div#footer div#about-me a:hover img#aboutimg {
-moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
text-decoration: none;
}

div#footer li h3 {
background: none;
font: 30px "skolar-1","skolar-2", Garamond, Georgia, 'Times New Roman', serif;
margin: 0 0 20px -20px;
color: #9a9a9a;
text-shadow: 1px 2px 0px #474343;
}

div#footer h3 {
background: transparent url(../images/about-me-h3.gif) bottom left repeat-x;
font: 30px "skolar-1","skolar-2", Garamond, Georgia, 'Times New Roman', serif;
text-shadow: 1px 2px 0px #474343;
padding-bottom: 10px;
}

div#footer div#donate {
position: absolute;
z-index: 5;
width: 147px;
background: transparent url(../images/coffee.png) top left no-repeat;
bottom: 0px;
left: 250px;
}

div#footer div#donate p {
padding: 100px 0 0 5px;
}

/* Enrichment */

div#delicious-feed, ul#twitter-feed {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
}

table#flickr_badge_uber_wrapper {
margin: 0 auto;
}