/*
Theme Name: Tom
Theme URI: http://wordpress.org/
Description: Toms design
Version: 1.6
Author: Tom
Author URI: http://thomasprior.co.uk/
Tags: blue, custom header, fixed width, two columns, widgets

*/




/* CSS Document */

*{
margin:0;
padding:0;
}

body{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:67.5%;
}

img {
  border: 0px;
}

a
{
  outline: none;
  border:none;
  color:#FFF;
  text-decoration:none;
}

a:hover
{
  outline: none;
  color:#CCC;
  text-decoration:underline;
}

#mainWrapper{
width:958px;
height:1100px;
margin:0 auto;
margin-bottom:100px;
}

#logo{
width:508px;
height:217px;
float:left;
}

#logo img{
z-index:5;
position:absolute;
}

#splatEffect{
background:url(assets/splat.png) no-repeat;
width:420px;
height:332px;
position:absolute;
z-index:4;
margin:-30px 0 0 -85px;
}

#twitter{
list-style:none;
padding:18px 0 11px 0;
font-family: Arial, Helvetica, sans-serif;
width:306px;
height:45px;
float:right;
margin:0 140px 16px 0;
text-align:left;
color:#FFF;
font-size:9px;
color: #666;
}

#twitter a{
font-size:9px;
}

#twitter h3{
margin:0 0 3px 0;
padding:8px 0 3px 22px;
color:#CCC;
font-size:12px;
font-weight:normal;
border-bottom:1px solid #313131;
background:url(assets/twitterificIconSmall.png) no-repeat left bottom;
}

#twitter p{
line-height:12px;
}

#socialNetworks{
list-style:none;
text-align:right;
width:280px;
height:79px;
float:right;
margin:15px 3px 0 0;
color:#FFF;
font-weight:bold;
font-size:1.2em;
line-height:1.6em;
}

#socialNetworks a:hover{
text-decoration:line-through;
}

#socialNetworks li{
padding:2px 18px 0 0;
}

#socialNetworks .facebook{
background:url(assets/facebookIcon.png) no-repeat right;
}

#socialNetworks .linkedIn{
background:url(assets/linkedInIcon.png) no-repeat right;
}

#mainContent{
width:958px;
float:left;
margin:53px 0 0 0;
}

#freelanceIndicator{
height:22px;
float:right;
font-size:10px;
font-weight:normal;
color:#FFF;
margin:40px 0 0 0;
padding:0 0 0 24px;
background:url(assets/freelanceIcon.png) no-repeat left;
}

#freelanceIndicator span{
width:220px;
float:left;
padding:6px 8px 5px 5px;
background:url(assets/freelanceIndicatorBG.png);
}

#contactMeForFreelance{
width:250px;
float:right;
margin:8px 6px 0 0;
text-align:right;
color:#FFF;
font-size:10px;
}

#freelanceIndicatorHanger{
width:965px;
height:105px;
margin:-4px 0 0 0;
background: url(assets/noFreelanceSign.png) no-repeat bottom right;
z-index:9998;
position:absolute;
}

#mySkillsCollage{
width:400px;
height:158px;
margin:634px 0 0 50px;
background:url(assets/meHomeIntro.png) no-repeat bottom left;
position:absolute;
}

.mainFocusArea{
width:918px;
margin:10px 0 0 0;
padding:20px 20px 17px 20px;
float:left;
margin:0;
background:url(assets/woodRepeat.png);
}

.mainFocusArea p{
color:#FFF;
font-size:1.2em;
line-height:2.2em;
}

/*.mainFocusArea span{
font-size:130%;
font-weight:bold;
}*/

#footer{
width:918px;
float:left;
color: #999;
font-size:1.2em;
font-weight:bold;
line-height:1.4em;
padding:20px;
margin:25px 0 0 0;
background: url(assets/footerBgRepeater.png);
}

#footer a{
color:#999;
}

#footer a:hover{
color:#FFF;
}

#footer h3{
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size:1.8em;
font-style:italic;
letter-spacing:-1px;
padding:0 0 15px 0;
margin:0 0 20px 0;
color:#C4C4C4;
width:100%;
float:left;
border-bottom:1px solid #66b7d8;
}

#footer ul{
width:120px;
height:136px;
border-right:1px solid #302500;
float:left;
list-style:none;
padding:35px 0 0 0;
margin:0 11px 13px 0;
}

#footerNetworkingLinks{
background:url(assets/footerTitleLinkUp.png) no-repeat top left;
}

#footerFavPeople{
background:url(assets/footerTitleFavPeople.png) no-repeat top left;
}

#footerFavSites{
background:url(assets/footerTitleFavSites.png) no-repeat top left;
}

#footerFlickrFeed{
background:url(assets/footerTitleFlickrFeed.png) no-repeat top left;
}

#footerFlickrFeed li{
width:360px;
}

#footerFlickrFeed img{
width:60px;
height:60px;
margin:0 6px 2px 0;
padding:1px;
border:1px solid #333;
}

#copyright{
	width:800px;
	float:right;
	text-align:right;
	margin:15px 0 50px 0;
	color: #999;
}

/*DEFAULT TEXT STYLES*/

h1{
width:898px;
float:left;
background: url(assets/80percentWhite.png);
font-size:2.6em;
letter-spacing:-1px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-style:italic;
color: #000;
padding:8px 10px 5px 10px;
margin:0 0 7px 0;
}

h1 span{/*TEXT WITH REDUCED SCALE AND IMPORTANCE*/
font-size:65%;
}

/*NAVIGATION STYLES*/

#mainNavigation {
	width:450px;
	padding: 0;
	float:left;
}

#mainNavigation ul {
	width:441px;
	height:82px;
	float:right;
	list-style: none;
	margin: 0;
	padding: 0;
	background:url(assets/mainNavRepeater.png) repeat-x;
}
#mainNavigation li {
	float: left;
}
#mainNavigation a span {
	visibility: hidden;
}
#homeLink a {
	background: url(assets/navigationSSprite.png) -341px -0px no-repeat;
	display: block;
	height: 82px;
	width: 70px;
	margin:0 6px 0 5px;
	text-decoration: none;
}
#homeLink a:hover {
	background: url(assets/navigationSSprite.png) -341px -91px no-repeat;
}
#blogLink a {
	background: url(assets/navigationSSprite.png) no-repeat;
	display: block;
	height: 82px;
	width: 64px;
	margin:0 6px 0 8px;
	text-decoration: none;
}
#blogLink a:hover {
	background: url(assets/navigationSSprite.png) -0px -91px no-repeat;
}
#aboutLink a {
	background: url(assets/navigationSSprite.png) -70px 0 no-repeat;
	display: block;
	height: 82px;
	width: 98px;
	margin:0 6px 0 0;
	text-decoration: none;
}
#aboutLink a:hover {
	background: url(assets/navigationSSprite.png) -70px -91px no-repeat;
}
#portfolioLink a {
	background: url(assets/navigationSSprite.png) -170px 0px no-repeat;
	display: block;
	height: 82px;
	width: 92px;
	margin:0 6px 0 0;
	text-decoration: none;
}
#portfolioLink a:hover {
	background: url(assets/navigationSSprite.png) -170px -91px no-repeat;
}
#contactLink a {
	background: url(assets/navigationSSprite.png) -260px 0px no-repeat;
	display: block;
	height: 82px;
	width: 80px;
	margin:0;
	text-decoration: none;
}
#contactLink a:hover {
	background: url(assets/navigationSSprite.png) -260px -91px no-repeat;
}

/*HOMEPAGE ONLLY STYLES*/

#bgHome{
background:url(assets/fullscreenBG/grungeWallpaper.jpg);
/*background:#000;*/
background-attachment:fixed;
background-position:top;
}

#recentProjectsHome{
width:100%;
float:left;
margin:13px 0 0 0;
}

#introBoxHome{
width:323px;
height:350px;
float:left;
margin:10px 20px 0 0;
padding:13px 20px 20px 20px;
background:url(assets/speechBubble.png) no-repeat top left;
}

#introBoxHome strong{
background:#669597;
color: #000;
padding:2px 3px 2px 3px;
font-size:120%;
}

#introBoxHome p{
font-size:11px;
line-height:21px;
margin:5px 0 15px 2px;
}

#photoHomeIntroBox{
width:250px;
float:right;
margin:8px 6px 0 0;
text-align:right;
color:#FFF;
font-size:10px;
}

/*PORTFOLIO ONLY STYLE*/

#bookmarkPortfolio{
width:280px;
padding:6px 0 0 0;
float:right;
}

#bookmarkPortfolio p{
padding:0px 0px 9px 4px;
font-size:0.9em;
font-style:italic;
line-height:1.2em;
font-weight:normal;
color:#999;
}

#bookmarkPortfolio img{
margin:0 5px 0 0;
outline:none;
border:none;
}

#bookmarkPortfolio a{
outline:none;
border:none;
}

#tooltip{
	position:absolute;
	background: url(assets/tooltipBG.png);
	padding:2px 5px;
	color:#FFF;
	display:none;
	}
	
/*ABOUT ME STYLES*/

#aboutMeText, #aboutMeIntro{
width:898px;
float:right;
color: #A5A5A5;
margin:15px 10px 0 15px;
}

#aboutMeText dt, #aboutMeIntro dt{
font-size:1.4em;
}

#aboutMeText dd, #aboutMeIntro dd{
font-size:1.1em;
line-height:2em;
margin: 0;
background:url(assets/aboutSpeechBubbleRepeater.png);
padding:20px 20px 0 20px;
}

#aboutMeText .bottomOfAboutBubbles, #aboutMeIntro .bottomOfAboutBubbles{
background:url(assets/bottomOfAboutUsBubbles.png) no-repeat bottom right;
padding:0 20px 43px 22px;
margin:0;
}

#aboutMeText .firstParagraphAboutPages, #aboutMeIntro .firstParagraphAboutPages{
margin-top:-20px;
padding:23px 20px 20px 20px;
}

#aboutMeText strong, #aboutMeIntro strong{
background:#669597;
color: #000;
padding:2px 3px 2px 3px;
font-size:110%;
}

/*PORTFOLIO STYLES*/
#portfolioIntroBox{
background: url(assets/wideSpeechBubble.png) no-repeat top;
width:613px;
height:90px;
float:left;
margin:10px 0 0 0;
}

#portfolioIntroBox strong{
background:#669597;
color: #000;
padding:2px 3px 2px 3px;
font-size:120%;
}

/*CONTACT ME STYLES*/

#formWrapper{
width:500px;
float:left;
padding:10px;
}

#formWrapper p{
width:480px;
font-size:1em;
padding:5px 0 20px 5px;
line-height:1.6em;
color:#CCC;
}

#contactForm{
color:#FFF;
font-size:1.2em;
color:#CCC;
letter-spacing:-0.5px;
padding:16px 14px 32px 17px;
background:url(assets/FORM_speechbubble.png) no-repeat top left;
}

#contactForm label{
color:#97c2d8;
letter-spacing:normal;
margin:0;
padding:0;
}

#contactForm dd{
padding:0;
margin:4px 0 13px 0;
}

#contactForm .textInputType input{
width:430px;
}

#contactForm .textInputType textarea{
width:434px;
height:73px;
}

#contactForm .submit input{
width:70px;
padding:8px;
cursor:pointer;
}

p#success
		{
			width:896px;
			float:left;
			padding: 3px 10px;
			background: url(assets/confrmationBGRepeat.png);
			color: #CCC;
			font-size:1.6em;
			margin: 10px 0 4px 0;
			text-align: center;
			border:1px solid #3f3f3f;
		}
		
p#bademail, p#badserver
		{
			width:896px;
			float:left;
			padding: 3px 10px;
			background: url(assets/confrmationBGRepeat.png);
			border: 1px solid #591515;
			color: #CCC;
			font-weight:bold;
			margin: 10px 0 4px 0;
			text-align: center;
		}
	
#contactDetails{
width:350px;
float:left;
padding:10px;
}
	
#contactDetails p{
width:350px;
font-size:1em;
margin:0;
padding:5px 0 12px 5px;
line-height:1.6em;
color:#CCC;
}
		
.vcard{
background:url(assets/contactDetailsBubbl.png) no-repeat top left;
width:369px;
height:130px;
float:left;
margin:3px 0 0 3px;
padding:12px 0 15px 15px;
list-style:none;
font-size:1.4em;
color:#FFF;
line-height:2em;
}

.vcard li{
}

.vcard span{
color:#97c2d8;
font-weight:bold;
}

.vcard a{
color:#CCCCCC;
}

#socialNetworkingLinks{
width:370px;
float:left;
padding:0 10px 10px 10px;
display:inline;
}

#socialNetworkingLinks li{
list-style:none;
display:inline;
}

#socialNetworkingLinks li a{
width:110px;
height:32px;
float:left;
padding:2px;
margin:3px 4px 0 2px;
border:1px solid #666;
}

#socialNetworkingLinks li a:hover{
border:1px solid #FFF;
}

/*BLOG STYLES*/

.homeTitle{
	width:1020px;
	float:left;
	background: url(assets/foldedTitle.png) no-repeat top left;
	font-size:2.6em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
	letter-spacing:-1px;
	color: #000000;
	padding:30px 10px 10px 40px;
	margin:-10px 0 20px -30px;
}

h1 span{/*TEXT WITH REDUCED SCALE AND IMPORTANCE*/
	font-size:65%;
}

.narrowcolumn{
width:650px;
float:left;
padding:0 40px 0 0;
border-right:1px solid #201f1e;
}

.narrowcolumn h2 a, .pagetitle{
width:auto;
float:left;
padding:15px 0 0 0;
font-size:34px;
color:#97c2d8;
font-weight:normal;
}

.pagetitle a{
color:#97c2d8;
border-bottom:1px solid #97c2db;
}

.pagetitle a:hover{
border-bottom:none;
color:#FFF;
text-decoration:none;
}

.narrowcolumn h2 a:hover{
color:#FFF;
}

.archiveTitle{
width:638px;
float:left;
text-align:left;
font-size:2em;
margin:6px 0 20px -30px;
padding:28px 40px 10px 50px;
color: #CCC;
background:url(assets/leftHandFoldBG.png) no-repeat top left;
}

.narrowcolumn small{
width:120px;
float:left;
background: #CCC;
padding:4px;
margin:10px 500px 0px 0;
text-align:center;
color: #000;
font-size:1em;
font-weight:bold;
}

.narrowcolumn .entry{
width:650px;
float:left;
line-height:2em;
margin:0;
padding:0 0 20px 0;
}

.narrowcolumn .entry p{
padding:20px 20px 0 20px;
background:url(assets/aboutSpeechBubbleRepeater.png);
color: #CCC;
}

.narrowcolumn .entry p strong{
background: #669597;
color: #000;
padding-top: 2px;
padding-right: 3px;
padding-bottom: 2px;
padding-left: 3px;
font-size: 110%;
}


.narrowcolumn .entry h2{
background: #669597;
color: #000;
margin-top:20px
padding-right: 6px;
padding-left: 20px;
font-size: 140%;
margin-top:30px !important;
line-height:30px !important;
}

.narrowcolumn .entry p a{
border-bottom:1px solid #666;
}

.narrowcolumn .entry .socialNetworkLinks{
border-bottom:none !important;
}

.narrowcolumn .entry p a:hover{
border-bottom:none;
text-decoration:none;
}

.narrowcolumn .entry p:last-child{
padding:20px 20px 60px 20px;
background:url(assets/bottomOfBlogPosts400px.png) no-repeat bottom right;
color: #CCC;
}

.narrowcolumn .entry .post-teaser a{
width:610px;
float:left;
padding:10px 20px 36px 20px;
background:url(assets/bottomOfBlogPosts400px.png) no-repeat bottom right;
}

.narrowcolumn .postmetadata{
width:638px;
float:left;
text-align:left;
margin:-16px 0 50px -30px;
padding:26px 40px 10px 50px;
color: #CCC;
background:url(assets/leftHandFoldBG.png) no-repeat top left;
}

.narrowcolumn .postmetadata a{
color:#FFF;
text-decoration:underline;
}

.narrowcolumn .postmetadata a:hover{
text-decoration:none;
}

.narrowcolumn .postmetadata_alt small{
width:610px;
float:left;
color:#CCC;
font-size:0.9em;
font-weight:normal;
margin:80px 0 0 -50px;
padding:26px 40px 10px 50px;
text-align:left;
background:url(assets/leftHandFoldBG.png) no-repeat top left;
/*background:url(assets/bottomOfBlogPosts400px.png) no-repeat bottom right;*/
}

.narrowcolumn .postmetadata_alt small a{
color:#FFF;
text-decoration:underline;
border:none !important;
}

.fullPostTitle{
width:auto;
float:left;
padding:15px 0 40px 0;
font-size:34px;
color:#97c2d8;
font-weight:normal;
}
/*width:auto;
float:left;
padding:8px 20px 6px 18px;
font-size:2.6em;
margin:15px 0 0 -30px;
background:#97c2d8;
color: #141414;
font-weight:bold;
border-bottom:8px solid #490d56;
background:url(assets/h1Logo.png) no-repeat bottom left;*/
}

#comments{
width:640px;
float:left;
}

#commentsWrapper{
width:650px;
padding:0 20px 20px 20px;
border:1px solid #201f1e;
border-right:none;
float:left;
}

#commentsWrapper h3{
font-size:2em;
line-height:3em;
color:#FFF;
padding:0;
margin:0 0 -10px 0;
}

#archivePostTitle a{
font-size:3em;
display:block;
width:100% !important;
float:left !important;
}

#commentform{
width:auto;
float:left;
}

#commentform p label{
font-size:1em;
width:610px;
float:left;
}

#commentform p input{
width:612px;
}

#commentform p textarea{
width:615px;
}

#respond h3{
font-size:2em;
line-height:3em;
padding:0;
margin:0;
width:700px;
float:left;
}

.commentlist{
padding:0;
}

.commentlist em{
color: #CCC;
line-height:2.2em;
}

#commentsWrapper label{
color:#97c2d8;
font-size:1.2em;
}

#commentsWrapper input{
width:464px;
margin:5px 0 15px 0;
}

#commentsWrapper textarea{
width:468px;
margin:5px 0 15px 0;
}

#commentsWrapper #submit{
width:auto;
margin:5px 0 0 0;
}

#commentsWrapper .vcard{
background:none;
width:640px;
height:30px;
float:left;
margin:6px 0 0 0px;
padding:15px 0 8px 0px;
list-style:none;
font-size:1.4em;
color:#FFF;
line-height:2em;
}

#commentsWrapper .vcard img{
margin:0 5px 0 0;
padding:0;
}

#commentsWrapper a{
line-height:3em;
}

#commentsWrapper ol{
width:650px;
float:left;
}

#commentsWrapper li{
width:650px;
float:left;
list-style:none;
}

#commentsWrapper p{
background:url(assets/responceBG.png);
padding:15px;
text-align:left;
color:#FFF;
}

#commentsWrapper cite{
color:#97c2d8;
font-weight:bold;
font-style:normal;
}

#sidebar{
width:195px;
float:right;
color:#FFF;
}

#sidebar h2{
background:url(assets/foldedBG.png) no-repeat top right;
/*background-color: #97c2d8;*/
line-height:4.1em;
color: #FFF;
width:210px;
height:40px;
font-size:16px;
padding:0 5px 8px 10px;
margin:15px 0 12px 0;
text-align:left;
}

#sidebar li{
list-style:none;
}

#sidebar li a{
list-style:none;
font-size:1.2em;
font-weight:normal;
line-height:2.2em;
text-align:right;
padding:0 0 0 84px;
border-bottom:1px dotted #535353;
color:#CCC;
}

#sidebar li a:hover{
color:#97c2d8;
text-decoration:none;
border-bottom:1px solid #CCC;
padding:0 0 0 88px;
}

#searchform label{
}

/* ARCHIVE NAV */

.navigation{
width:670px;
float:left;
font-size:1.2em;
}

.alignleft{
width:25%;
float:left;
text-align:left;
}

.alignright{
width:25%;
float:right;
text-align:right;
}

/* EMPBESLLISHMENTS */

.photoTag{
width:200px;
float:right;
background: #CCC;
padding:4px;
margin:-11px 0 20px 500px;
text-align:center;
color: #000;
font-size:0.9em;
font-weight:bold;
}

.credit{
color:#999 !important;
font-style:italic;
}

.credit a{
color:#CCC !important;
}