@charset "UTF-8";
/*
	Author: peterbanjo@gmail.com
	Version: 09 Jan 2009
	Website: http://www.iampeterbanjo.com
	
 */

/* =General
----------------*/
a { color:#69F; text-decoration:none; }
a:hover { color:silver; }
a img { border-style:none; }
body { background:#000 url("../images/cloudy/iampeterbanjo_cloud_bgnd.jpg") no-repeat; color:#FFF; 
	font-family:Helvetica, Arial; margin:0; padding-bottom:20px; }
#container> .content { width:960px; min-height:500px; }
.content { margin:0 auto; position:relative; }
.clear { clear:both; }
h4, h4 a { color:#ff9900; text-decoration:none; }
ul li a { font-size:0.9em; text-decoration:none; }
ul li h4, ul li h4 a { font-size:1em; margin:0 0 5px 0; }
.no-list-style ul li { list-style:none; }

/* =Banner
---------------*/
#banner { background:#000; color:#FFF; height:130px; width:100%; margin:0;  }
#banner .content { padding-left:20px; width:960px; }
#banner .content div { float:left; margin:10px 0 0 50px; height:135px; }
#banner .content div ul li img { margin:5px 12px; }
#banner .content div ul li img:hover { border:1px black solid; }
#banner .content ul { margin:0px; padding:0px; }
#banner .content p { color:#FF9900; float:left; margin:15px 0 0 0; padding:0 20px; width:300px; }
#banner .content p span { color:#FFF; display:block; font-size:0.8em;  padding-left:40%; }

/* =Contact List
------------------*/
#contact-links { float:right; width:80px; }
#contact-links .content ul { margin:0; padding:0; }
#contact-links img { margin:15px 0; }

/* =Thumbs
-------------*/
#thumbs { float:left; }
#thumbs .content div { background:transparent url('../images/cloudy/iampeterbanjo_trans.png'); border:1px black solid;
	height:250px; float:left; margin:0 30px 30px 30px; width:220px; }
#thumbs .content div span { color:#fff; font-size:0.75em; display:block; height:50px; margin:0px 5px 10px 0; padding:10px; }
#thumbs .content div a img { float:right; margin:0px 10px; padding:0; }
#thumbs .content div a img:hover { border:1px black solid; }
#thumbs .content img { margin:0; padding:10px; }

/* =Footer
-------------*/
#footer { clear:both; margin-top:20px; }
#footer .content { min-height:150px; width:960px; }
#footer .content div { display:inline; float:left; margin-left:5%; width:25%; }
#footer .content div ul { padding:0; }
#footer .content div ul li { margin-bottom:6px; }
#footer .content #sitemap { text-align:left; width:10%; } 
#footer .content #blog-roll ul { }
#footer .content #blog-roll h4 {  }
#footer #hire-me { position:absolute; bottom:100px; right:95px; }
#footer .content #fav-podcasts { text-align:left; }
#footer .content p { padding:35px 100px; text-align:right; }

/* =Multimedia
-----------------*/
#thumbs .content .videos { padding:10px; width:340px; height:350px; }
#thumbs .content .videos p { display:block; font-size:14px; margin:0 20px; width:300px; }
#thumbs .content .videos p #emi-link { color:#F00; font-weight:bold; }