body { font-family: verdana,sans-serif; background:url(../img/f/background.jpg) repeat-x #010101 fixed; color:#ffffff; }

#container { margin-left: auto; margin-right: auto; width: 950px; }
#mainbody { color: #ffffff; font-size: 70%; padding: 7px 20px 15px 20px; margin: 5px 10px 180px 10px; background-color: #080808;
	border: dashed 1px #333333; overflow:hidden; }
#mainbody a { color:#cb0000; text-decoration:underline; }
#footer { background:url(../img/f/london-skyline.png) repeat-x; height:180px; width:100%; position:fixed; bottom:0px;left:0px; }
	#footer p { position:absolute; bottom:0px; }

hr { height: 0px; width: 100%; }

h1 { font-size:16px; font-family:terminal,impact,sans-serif;}
h1:first-letter { font-size:20px; text-transform:uppercase; color:#cb0000; }

h2 { font-size:1.2em; font-family:terminal,impact,sans-serif; font-weight:normal; letter-spacing:3px; text-transform:uppercase; }
h3 { font-size:1.4em; font-family:terminal,impact,sans-serif; font-weight:normal; text-transform:lowercase; background-color:#cb0000;
	padding:5px; background: url(../img/f/h3.jpg) no-repeat; text-shadow: #333333 2px 2px 4px;}
h4 { background: url(h3.jpg) no-repeat; padding-left:7px; line-height:30px; text-transform:uppercase; font-size:1.2em; width:150px;}

p { font-size: 1.1em; }

ul { margin-left:0; padding-left:14px; }
li { list-style-type:disc; }
a img { border: none; }
a:link, a:visited { font-weight: bold; text-decoration: none;}
a:hover { font-weight: bold; text-decoration: underline; }

.floatleft { float: left; padding: 3px; }
.floatright { float: right; }
img.floatright { margin:0px 0 25px 10px; padding:0px; border:dashed 1px #333333; }
.clear { clear:both; }
textarea:focus, input:focus { border: 2px solid #cb0000; }
input.cancel { display:none; }
.definition { font-style:italic; font-size:0.6em; font-family:verdana,sans-serif;}
.highlight { font-weight: bold; text-decoration: underline; background-color:#333333; }
#authMessage { border:solid 1px #cb0000; padding:10px; margin:5px;  }

/* ======================================= FILE TYPE ICONS ==================================== */
a[href$='.pdf'] { background: transparent url(icons/pdf.gif) center left no-repeat; display: inline-block; line-height: 18px; padding-left: 20px; }
a[href$='.doc'], a[href$='.docx'] { background: transparent url(icons/doc.gif) center left no-repeat; display: inline-block; line-height: 18px; padding-left: 20px; }
a[href$='.xls'] { background: transparent url(icons/xls.gif) center left no-repeat; display: inline-block; line-height: 18px; padding-left: 20px; }

/* ======================================= TAG CLOUD ====================================== */
#tagcloud { text-align:center; text-transform:lowercase; }
#tagcloud span { padding:5px 10px 5px 10px; }
.one, .one a { font-size: 1.1em; color:#ffffaa!important;}
.two, .two a { font-size: 1.2em; color:#ffaa22!important;}
.three, .three a { font-size: 1.3em; color:#aa22cc!important;}
.four, .four a { font-size: 1.4em; color:#ccaaff!important; }
.five, .five a { font-size: 1.6em; color:#ffcc22!important; }

/* ====================================== CODE SAMPLES ===================================== */
.code { background-color: #FCFFCD; border: dashed 1px #333333; padding: 3px; color:#000000; }
pre { font-size: 1.3em; font-family:monospace; }

.polldemo label { float: left; padding-bottom: 10px; width: 160px; }
.pollclear { clear: left; }

/* ===================================== WEB AND GRAPHIC DESIGN PAGES ========================= */
.factsheet { float:right; padding:0 5px 5px 5px; border:solid 3px #cb0000; width:360px; }
.factsheet h3 { margin-top:3px; margin-bottom:0px; }
.factsheet li { list-style-type:none; }
.thumbs img { padding: 0 5px 5px 5px;}

/* ================================ NAVIGATION MENUS =========================== */
.centerme { margin-left:auto; margin-right:auto; width:75%; }
.horizontal-nav { font-size: 70%; height: 22px; line-height: 22px; font-weight: bold; width:400px;}
.horizontal-nav ul { list-style-type: none; margin: 0px; padding: 0px; }
.horizontal-nav ul li { float: left; height: 22px; line-height: 22px; list-style-type:none;  }
.horizontal-nav ul li a { display: block; line-height: 22px; padding-left: 18px; padding-right: 18px; text-decoration: none; z-index: 100;}
.horizontal-nav ul li a:visited, .horizontal-nav ul li a:link { text-decoration: none; color:#ffffff; }
.horizontal-nav ul li a:hover { color:#ffffff; text-decoration: underline; }
.active { background-color:#cb0000; background: url(../img/f/h3.jpg) no-repeat; }
.active a:hover { color:#ffffff!important; }

/* ===================================== LAVALAMP MENU ======================================= */
.lavaLampNoImage li.back { background: url(../img/f/h3_grey.jpg) #333333 no-repeat; position: absolute; width: 9px; z-index: -8; }

/*====================================== BLOG STYLES ========================================= */
.hentry { clear:both; }
.blog_time { clear:both; line-height:20px; float: right; font-family:monospace; background:url(../img/f/h3.jpg) no-repeat; padding:5px; border:solid 1px #D3D3D3; font-size:1.2em;}
.blog_time a { color:#ffffff!important; }
.category { text-transform: capitalize; }
.archive .date { float: left; width: 150px; }
.archive .blogtitle { text-transform: capitalize; }
.previous { font-size:0.9em; float:left;}
.next { font-size:0.9em; float:right;}
.previous:first-letter { font-weight:normal; font-size:1em; color:#ffffff; }
.paginate { float: right; }
.paging div { display:inline; }

/* ==================================== HRESUME STYLES ====================================== */
.hresume { width: 95%; padding: 10px; border:solid 1px #333333; margin:2px; background-color:#080808; clear:left; }
.hresume abbr { border: none; }
.hresume adr { font-style: normal; }
.hresume hr { display: block; background-color:#080808; color:#080808; }
.hresume .contact .fn { font-size: 11pt; font-weight:bold; color:#ffffff; padding-bottom:3px; text-align:center; text-decoration:underline; letter-spacing:1px;}
.hresume .contact .fn:first-letter { font-size: 15pt;  }
.hresume h2 { font-size: 10pt; padding: 0 0 5px 0; margin: 0; font-family:verdana,sans-serif; letter-spacing:1px;}
.hresume h2:first-letter { font-size: 15pt; }
.hresume .education, .hresume .accreditation { margin: 10px 0 10px 20px; padding: 1px; }
.hresume .experience { margin: 10px 0 30px 20px; padding: 1px; }
.hresume .summary, .hresume .tags { margin: 10px 0 20px 20px; padding: 1px; }
.hresume .education .htitle, .hresume .experience .htitle { float: left; font-weight:bold; }
.hresume .htitle .include { display: none; }
.hresume .education .date_duration, .hresume .experience .date_duration { float: right; font-size: smaller; font-style: italic; }
.hresume .education .summary { margin: 0; }
.hresume .tags ul { list-style: none; margin: 0; padding: 0; }
.hresume .tags ul li { display: inline; }
.hresume .description { clear:both; }
.hresume .description .org { font-weight:bold; }

/* ==================================== NEW CAROUSEL ========================================== */
#carousel { overflow: hidden; position:relative; width: 880px; height: 150px; list-style: none; }
#carousel ul { padding: 0px; margin: 0px; position:relative; }
#carousel li { display: inline; }
#carousel img { border: 0px; }
#carousel #left, #carousel #right { cursor:pointer; }

/* ============================= SLIDESHOW  ============================= */
#slideshow { position:relative; }
#slideshow #slidesContainer { width:757px; height:606px; overflow:auto; margin:0 auto; }
#slideshow #slidesContainer .slide { margin:0 auto; width:737px; height:586px;}
.control { width:50px; height:50px; text-indent:-10000px; cursor: pointer; }
#leftControl { background:transparent url(../img/f/previous.png) no-repeat 0 0; position:absolute; top:0; left:0;}
#rightControl { background:transparent url(../img/f/next.png) no-repeat 0 0; position:absolute; top:0; right:0; }
.client { background-color:#ececec; width:720px; height:100px; text-align:center; color:#000000; border-left:solid 8px #5C0403; border-right:solid 8px #5C0403;}
.client:first-letter { color:#000000; line-height:30px; }
.client img { border:solid 1px #9a9a9a; margin:10px; padding:15px; background-color:#ffffff;}
.tip { width: 736px; padding-top: 37px; margin-left:25px; margin-top:-10px; display: none; position: absolute; background: #ffffff; border:solid 4px #333333;}

/* ============================== TOOLTIPS =============================== */
.toolTip { position:absolute; top:0px; display:none; width:727px; padding:5px 15px; background-color:#000000; opacity:.9; }
.toolTip a { color:#ffffff!important; }
.offlinealert { position:absolute; top:10px; left:10px; background-color:#ff0000; color:#ffffff; font-weight:bold;
	padding:10px; border:solid 1px #ffffff; }

/* ============================== TABLES =============================== */
#mainbody table { width:875px; margin:10px; border:solid 1px #949494; }
#mainbody table tr.altrow { background-color:#2F2F2F; }
#mainbody table tr td { padding:10px; }
#mainbody table tr td.cathead { background-color:#2f2f2f; text-align:center; }

/* ============================== FORMS ================================ */
label { float:left; width:70px; }
.text input, .textarea textarea { width:270px; }
textarea#PostBody { width:750px; height:600px; }
form div { clear:both; margin:10px 0; }
textarea#markItUp:focus { border:3px solid #3C769D; }

/* ============================= VANITY BOX ============================ */
.imsovain { width:250px; float:right; }
.imsovain p { margin:15px; }
.imsovain cite { clear:both; }
.imsovain .organization { font-style:italic; }
.mainblurb { float:left; width:590px; }

/* ============================= SPONSORSHIP ============================ */
.sponsor { border:solid 1px #ececec; margin:10px; padding:0 5px;}
#paypal input:focus { border:none; }