/*--------------------------------------------------------------
[base.css]
Project: JamesWhittaker.com
Platform: desktop
Version: 0.1
Last Change: 09/01/09
---------------------------------------------------------------*/
body {
	background:#938B89 url(../assets/wood-background.jpg) repeat;
	background-attachment:fixed;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 75%;
	line-height: 1.75em; /*12px base font size 21px line-height */
	color:#F7F7F7;
}

/*--------------------------------------------------------------
	=general styles
---------------------------------------------------------------*/
strong { font-weight: bold; }
.hide { display: none; }
hr { display: none; }
input {vertical-align:middle;}

/* links 
--------------------------------*/
a, a:visited {
	color:#3181B8;	
	border-bottom:1px dotted #3181B8;
}

a:hover, a:active {
	color:#3181B8;
	border-bottom:1px solid #3181B8;
}

a.noshow, a:visited.noshow {
	border:none;
}

/*--------------------------------------------------------------
	=layout
---------------------------------------------------------------*/
div.container-outer {
	background:transparent url(../assets/foliageheader.png) repeat-x top left;
	padding-bottom:150px;
}

/* =panels 
--------------------------------*/
div.panel-w,
div.panel-w-solid,
div.panel-b,
li.panel-b {
	background:transparent url(../assets/panel-white.png) repeat;
	-webkit-box-shadow: 0 0 10px #333;
	-moz-box-shadow: 0 0 10px #333;
	box-shadow: 0 0 10px #333;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	margin-bottom:1em;
}

li.panel-b {
	margin-bottom:0.5em; /* half of 21px */
}

div.panel-b,
li.panel-b {
	background:transparent url(../assets/panel-black.png) repeat;
	color:#F7F7F7;
}

div.panel-w {
	color:#3B3838;
}

div.panel-w-solid {
	color:#3B3838;
	background:#F7F7F7;
}

div.panel-b p {
	padding:0.833330em; /* 10px -  based upon 21px */
}

img.alignleft {
	float:left;
	padding:1.5em 1.5em 1.5em 0;
}

img.alignright {
	float:right;
	padding:1.5em 0 1.5em 1.5em;
}

/*--------------------------------------------------------------
	=typography
---------------------------------------------------------------*/
p {
	font-size:1.2em;
	text-shadow: 0px 1px 0px #FFF;
}

div.listbox p {
    text-shadow: 0px 1px 0px #000;
}

blockquote {
	font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	font-size: 1.25em;
	line-height: 1.4em;
	margin:1.5em 1.5em 1.5em 1.5em;
	padding-left:1.5em;
	padding-bottom:0;
	border-left:4px solid #B7B5B4;
	color:#951000;
}

blockquote p:first-letter {
	font-size: 2.667em;
	line-height: 0.525em;
	padding:0.125em 0.250000em 0.125em 0.250000em;
	float:left;
	font-style:italic;
}

sup, sub {line-height:0;}

code, pre {
	font-size:1.2em;
	line-height:1.5em;
	padding:1em;
}

pre {
	/* 12px font */
	overflow:auto;
	margin-bottom:1.4em;
	background: #F7F7F7;
	/*border:1px solid #3B3838;*/
	font:1em/1.5em 'courier new',courier,monospace; 
	color:#3B3838;
}

div.entry-content ul {
	padding-left:0.833em;
	margin-bottom:1.5em;
	list-style-type:disc;
}

div.entry-content img.bdr{
	border:1px solid #F7F7F7;
}

a.twitlink {
	padding-left:60px;
	background:transparent url(../assets/icons/twitterlogo.png) no-repeat 0 50%;
	color:#F7F7F7;
	border:none;
	font-weight:bold;
}

/* =headings
----------------------------------*/
h1 a {
	display:block;
	background: transparent url(../assets/masthead-logo.png) no-repeat;
	text-indent:-9000px;
	height:68px;
	width:362px;
	border-bottom:none !important;
}

h1 a:hover {
	background-color:transparent;
}

h2 { /* 35px font size*/
	font-size: 2.916667em;
	line-height: 0.6em;
	margin: 0.6em 0;
	letter-spacing:-2px;
	font-weight:bold;
	color:#F7F7F7;
}

h3 {
	font-size: 2.5em;
	line-height: 1.4em;
	margin-bottom: 0.7em;
	letter-spacing:-2px;
	text-shadow: 0px 1px 0px #FFF;
}

h4 {
	font-size: 2.083333em;
	line-height: 0.84em;
	margin-top: 0.42em;
	margin-bottom: 0.84em;
	letter-spacing:-1px;
}

/*--------------------------------------------------------------
	=branding
---------------------------------------------------------------*/
div#branding {
	margin-bottom:30px;
}

ul#primary-nav {
	letter-spacing:-1px;
	font-weight:bold;
	font-size: 1.583333em;
	line-height: 1.105263em;
	text-align:right;
	padding-top:2.105280em;
}

ul#primary-nav li {
	display:inline;
	padding:0 10px;
}

ul#primary-nav li a,
ul#primary-nav li a:visited {
	color:#262626;
	border:none;
}

ul#primary-nav li a:hover {
	color:#F7F7F7;
	border-bottom:2px solid #F7F7F7;
}

/* highlight current page */
body#bpgAbout ul#primary-nav li#nav-about a,
body#bpgContact ul#primary-nav li#nav-contact a,
body#bpgJournal ul#primary-nav li#nav-journal a,
body#bpgProjects ul#primary-nav li#nav-projects a,
body#bpgApps ul#primary-nav li#nav-projects a

 {
	color:#F7F7F7;
	border-bottom:2px solid #F7F7F7;
}
	
/*--------------------------------------------------------------
	=content homepage
---------------------------------------------------------------*/
div#content-main h3 a {
	color:#3B3838;
	border:none;
}

div#content-main h3 a:hover {
	color:#3B3838;
	border-bottom:2px solid #3B3838;
}

div#content-main .hentry {
	padding:1.23em 0;
	border-bottom:1px solid #B0AEAD;
}

/*
div#content-main div.entry-content p:first-child {
	font-weight:bold;
	font-size:13px;
	padding-bottom:20px;
}
 */

div#content-main .hentry p.meta {
	padding:0 10px;
	font-size: 1.25em;
	line-height: 1.4em;
	margin-top: 0.7em;
	font-family:Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif;
	font-style:italic;
}

div#content-main p.more-link {
	/*margin:10px 0;*/
	display:inline-block;
}

body#bpgHome div.entry-content,
body#bpgJournal div.entry-content,
body#bpgPost div.entry-content {
	padding:0 15px 0 0;
}

div.entry-content {
	padding:1.25em;
}

div.entry-content p {
	padding-bottom:0.833em;
}

p.taxonomy,
p.commentDate {
	border-top:1px dotted #9A9898;
	margin:1.363635em 0;
	color:#4F4F4F;
	font-size: 0.912em;
	line-height: 1.909em;
	font-style:italic;
}



/* single page
----------------------------------*/
div.single-entry-nav,
div.home-nav {
	padding:0.833em;
}

/* article navigation
----------------------------------*/
div.prev {
	float:left;
	width:50%;
}

div.next {
	text-align:right;
}

/*--------------------------------------------------------------
	=side content
---------------------------------------------------------------*/
/* =social profiles
----------------------------------*/

div#social-profiles ul {
	padding:0;
}
div#social-profiles li {
	padding:0.33em 0 0.33em 10px;
	font-size: 1.25em;
	line-height: 1.4em;
}

div#social-profiles li a {
	padding:0 0 0 30px;
	color:#F7F7F7;
	border:none;
}

div#social-profiles li a:hover {
	border-bottom:1px solid #F7F7F7;
}

div#social-profiles li.elseFlickr a{background:transparent url(../assets/icons/elseFlickr.png) no-repeat 0 50%;}
div#social-profiles li.elseFriendFeed a{background:transparent url(../assets/icons/elseFriendFeed.gif) no-repeat 0 50%;}
div#social-profiles li.elseDelicious a{background:transparent url(../assets/icons/elseDelicious.gif) no-repeat 0 50%;}
div#social-profiles li.elseTwitter a{background:transparent url(../assets/icons/elseTwitter.png) no-repeat 0 50%;}
div#social-profiles li.elseLinkedIn a{background:transparent url(../assets/icons/elseLinkedIn.gif) no-repeat 0 50%;}
div#social-profiles li.elseBrightkite a{background:transparent url(../assets/icons/elseBrightKite.gif) no-repeat 0 50%;}

/* =social buttons for single post
----------------------------------*/
ul#social-btns li {
	float:left;
}

ul#social-btns li a {
	display:block;
	width:32px;
	height:32px;
	text-indent:-9000px;	
	border:none;
}

/* =add to social
----------------------------------*/
ul#social-btns li.add-delicious {background:transparent url(../assets/icons/add-delicious.png) no-repeat 0 50%;}
ul#social-btns li.add-digg {background:transparent url(../assets/icons/add-digg.png) no-repeat 0 50%;}
ul#social-btns li.add-furl {background:transparent url(../assets/icons/add-furl.png) no-repeat 0 50%;}
ul#social-btns li.add-magnolia {background:transparent url(../assets/icons/add-magnolia.png) no-repeat 0 50%;}
ul#social-btns li.add-newsvine {background:transparent url(../assets/icons/add-newsvine.png) no-repeat 0 50%;}
ul#social-btns li.add-reddit {background:transparent url(../assets/icons/add-reddit.png) no-repeat 0 50%;}
ul#social-btns li.add-stumbleupon {background:transparent url(../assets/icons/add-stumbleupon.png) no-repeat 0 50%;}
ul#social-btns li.add-technorati {background:transparent url(../assets/icons/add-technorati.png) no-repeat 0 50%;}


/* =twitter
----------------------------------
div#twitter p {
	padding:0.66em;
}*/

div#twitter div.panel-b {
	overflow:hidden;
}

div#twitter h2{
	background:transparent url(../assets/twitter-bird.png) no-repeat bottom;
}

div#twitter h2 + div {
	margin-bottom:0;
	font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	font-style:italic;
	font-size: 1.25em;
	line-height: 1.4em;
}

div#twitter-meta {
	font-size: 0.917em;
	line-height: 1.909em;
	color:#F7F7F7;
	background:transparent url(../assets/twitterarrow.png) no-repeat 20px 0;
	padding:1.364em 0 0 15px;
}

div#twitter-meta img {
	border:1px solid #3B3838;
}

/* =content-sub lists & sidelists
----------------------------------*/
div.listbox ol,
div.listbox ul,
div.listbox dl {
	padding:0.833em;
}

div.listbox li,
div.listbox dt {
	border-bottom:1px dotted #595250;
	padding:5px;
	font-size:15px;
}

div.listbox dd {
	border-bottom:1px dotted #595250;
	padding:0 5px;
}

div.listbox dt,
div.listbox li:last-child,
div.listbox dd:last-child {
	border-bottom:none;
}

div.listbox li a {
	border:none;
	color:#F7F7F7;
}

div.listbox li a:hover {
	border-bottom:1px solid #F7F7F7;
}

div.listbox ol.posts li {
	background:transparent url(../assets/icons/file.png) no-repeat 0 50%;
	padding-left:25px;
}

div.listbox ol.dates li {
	background:transparent url(../assets/icons/calendar.png) no-repeat 0 50%;
	padding-left:25px;
}

div.listbox ul.cats li {
	background:transparent url(../assets/icons/calendar.png) no-repeat 0 50%;
	padding-left:25px;
}

/* =tagcloud
----------------------------------*/
ol#tagcloud a, ol#tagcloud a:visited{
	border:none;
	color:#F7F7F7;
}

ol#tagcloud a:hover {
	border-bottom:1px solid #F7F7F7;
}




/* =content-sub subscribe
----------------------------------*/
div#subscribe h2 + div a {
	display:block;
	text-indent:-9000px;
	border:none;
	height:160px;
	width:160px;
	background:transparent url(../assets/icons/feedpaper.png) no-repeat 10px 0;
}

div#subscribe div.last a {
	display:block;
	background:transparent url(../assets/icons/rssicon.png) no-repeat 0 0;
	border:none;
	padding-left:30px;
	padding-top:5px;
	margin-bottom:5px;
	color:#F7F7F7;
	font-weight:bold;
}

div#subscribe div.last a:hover {
	background:transparent url(../assets/icons/rssicon-over.png) no-repeat 0 0;
}

/* =photos
----------------------------------*/
div#photos a {
	border:none;
}

div#photos img {
	background:transparent url(../assets/polaroid.png) no-repeat;
	margin:10px 5px;
	padding:7px 15px 40px 8px;
}

div#photos img:hover {
	opacity:0.6;
}

/*--------------------------------------------------------------
	=site information (footer)
---------------------------------------------------------------*/

div#site-info {
	position:fixed;
	width:100%;
	bottom:0;
	background:transparent url(../assets/foliagefooter.png) repeat-x;
	height:120px;
}

div#site-info div {
	padding:2px;
	font-size:11px;
	position:absolute;
	width:100%;
	bottom:0;
	text-align:center;
	background:#3F3C3C;
}

/*--------------------------------------------------------------
	=comments
---------------------------------------------------------------*/
div#comments p.leaveResponse {	
	font-size: 1.25em;
	line-height: 1.4em;
	font-style:italic;
	padding: 1.333em 0;
	text-align:center;
}

div#comments h2 span.commentRss { 
	font-size: 0.917em;
	line-height: 1.909em;
}
div#comments h2 { margin:0.833330em 0; }

ol.commentItems img.avatar {
	float:left;
	padding:2px;
	border:1px solid #9A9898;
}

ol.commentItems div.commentBody {
	margin-left:70px;
}

ol.commentItems p.commentMeta,
ol.commentItems p.commentDate {
	font-size: 0.917em;
	line-height: 1.909em;
	color:#9A9898;
}

ol.commentItems div.commentBody cite {
	font-size: 1.25em;
	line-height: 1.4em;
	font-style:italic;
	text-transform:capitalize;
	font-family:Georgia,Palatino,'Palatino Linotype',Times,'Times New Roman',serif;
}

ol.commentItems li {
	padding: 0.83333em;
	border-bottom:1px solid #B0AEAD;
	color:#F7F7F7;
	background:transparent url(../assets/panel-black.png) repeat;
}

ol.commentItems li p {
  	text-shadow: 0px 1px 0px #000;  
}

ol.commentItems li.alt p {
  	text-shadow: 0px 1px 0px #FFF;  
}

/* comment background colourings */
ol.commentItems li.alt {
	color:#3B3838;
	background:transparent url(../assets/panel-white.png) repeat;
	
}

ol.commentItems li.auth {
	background:#F7F7F7;
	color:#3B3838;
}


ol.commentItems li:first-child {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius:10px;	
}

ol.commentItems li:last-child {
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius:10px;	
	
}

/*--------------------------------------------------------------
	=projects
---------------------------------------------------------------*/

body#bpgProjects div.project-thumb a{
	border:1px solid #F7F7F7;
	background:#F7F7F7;
	padding:5px;
	float:left;
	margin:0 10px 0 0;
	height:150px;
}

body#bpgProjects p.taxonomy span {
	float:right;
	text-align:right;
}

body#bpgProjects div.project-thumb li {
	list-style:none;
}

/* =apps
----------------------------------*/
body#bpgApps div.panel-w-solid {
	padding:0 10px 10px 10px;
}

body#bpgApps div.app-promo img{
	float:left;
	margin:10px 60px 20px 10px;
}

body#bpgApps div.app-meta {
	margin-top:10px;
	padding-top:10px;
	border-top:2px solid #B0AEAD;
}

body#bpgApps div.app-promo-detail {
	margin-left:45%;
}

body#bpgApps div.app-promo ul {
	padding-top:18px;
}

body#bpgApps div.app-outline {
	
}

body#bpgApps div.app-promo ul li {
	list-style-type:none;
	padding-left:26px;
	margin-bottom:18px;
	margin-left:390px;
	font-size:19px;
	background:transparent url(../assets/icons/tick.png) 0 50% no-repeat;
}


/*--------------------------------------------------------------
	=forms
---------------------------------------------------------------*/
form {
	padding:0.833em;
}

form.wpcf7-form {
	padding:0.833em 0;
}

input, textarea {
	font-family:Helvetica,"Lucida Sans Unicode","Bitstream Vera Sans","Trebuchet Unicode MS","Lucida Grande",Verdana,Helvetica,sans-serif;
	font-size: 1.12em;
	line-height: 1.5em;
	padding:0.357em;
	border:1px solid #3B3838;
	color:#3B3838;
}

legend { display:none; }

label {
	font-weight:bold;
	font-size: 1.25em;
	line-height: 1.4em;
}

label span.form-required,
label span.form-optional {
	font-weight:normal;
	color:#FF0000;
	font-size: 0.917em;
	line-height: 1.909em;
	font-style:italic;
}

label span.form-optional {
	color:#66CC66;
}

#commentAdd,
#commentAdd p { }
#commentAdd p { padding:0.416665em 0; }

label{ display:block; }
.form-input, input#url { margin-bottom:0.833330em; }

form#searchform input,
.form-input input,
.form-input textarea{ 
	padding-right:35px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:0.417em;
	border:2px solid #666;
	width:25em;
	background:#FFF url('../assets/siteimages/form_input_bg.png') repeat-x 0 0;
}

form#searchform input {
	width:145px;
}

.form-input textarea { 
	width:675px;
	max-width:675px;
	resize:vertical;
	overflow:auto;
	max-height:500px;
}

p.form-help {
	font-size: 0.917em;
	line-height: 1.909em;
	color:#666;
}

input#submit {
	background:#F7F7F7 url(../assets/icons/control_play.png) 95% 50% no-repeat;
	padding-right:35px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border-width:2px;
	color:#3181B8;
	border-color:#3181B8;
	cursor:pointer;
	font-weight:bold;
}

input#submit:hover {
	background:#F7F7F7 url(../assets/icons/control_play_blue.png) 95% 50% no-repeat;
}

form#searchform input#submit-search {
	width:auto;
	background:#F7F7F7;
}