/*
Theme Name: Digital Philosophy
Description: A minimalist theme
Author: James Walton
Author URI: http://www.jwaltonmedia.com
Version: v.1
.
(c) copyright 2009 Jwm.
.
*/
*/


/*Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, b, i, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;outline:none;text-decoration:none;}
:focus {outline:none;overflow:hidden;}
object:focus {outline:none;overflow:inherit;}
q:before, q:after {content:"";}
ol, ul {list-style:none; margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
img {border:none;}
p { line-height: 1.2em; }
h2 {font-weight:normal;}

/*Globals*/

body {font-family: Arial, Helvetica, sans-serif;line-height: 175%;background-color: #fff;color: #666; margin:0; padding:0;}
#wrap {margin: 0 auto;}
#wrapCover {background:url("images/jwm/transparent.gif") repeat 0 0; z-index:999; width:100%; height:800px; position:absolute; left:0; top:0;}
a {text-decoration: none; outline:none;}
a:hover {color:#78A778;}
.hide {display:none;}
.show {display:block;}
.access {position:absolute; left:-9999em; top:auto;}


/* Header */

#header {width: 100%; border-bottom: 1px solid #78A778; float:left; min-width:900px; }
#header .tagline {position:absolute;left:0;top:25px;}
#header .tagline h1 {color:#000;}
#header .tagline h1 a {display:block; background:#fff url("images/jwm/jwmWebLogo.png") no-repeat; height:73px; width:178px; text-indent:-9999em;}
#header .tagline h1 a:hover {color:#222;}
#header .tagline .description {display:none;}

#nav {margin:67px 0 17px 140px; float:left;}
#nav ul {float:left; margin-left:42px;}
#nav ul li {float:left;}
#nav ul li a {margin:0 15px; color:#000; font-size:.72em; font-weight:bold; text-transform:uppercase; border-bottom:solid 4px #fff;}
#nav ul li a:hover {border-bottom:solid 4px #78A778;}
#nav #btnContact {background:url("images/jwm/dropDown.png") no-repeat right center; padding-right:10px;}

#nav .searchRssContain {}
#nav .search {margin:0 0 0 17px; width:190px; float:left; padding:3px 0 0; color:#78A788}
#nav .search .image {margin:4px 0 0 3px;}
#nav .search .form {float:left; border:1px solid #999; margin-top:3px; padding:3px 5px 2px 3px; font-size:0.55em; text-transform:uppercase; color:#666; text-align:left; width:148px; 	}
#ie #nav .search .form {margin-top:5px;} 
#nav .headerRss {padding-right:10px;  background:url("images/jwm/rss.png") no-repeat right center;}

/* connect box */

#nav #connectOptions {display:none; position:absolute; border:solid 1px #78A778; background-color:#fff; left:436px; top:94px; z-index:1000; padding:10px 25px 10px 15px;	}
#nav #connectOptions.show {display:block;}
#nav #connectOptions li { float:none; clear:both; padding:3px 0;}
#nav #connectOptions li a {color:#999; margin:0; border:none; background:url("images/social_icons.png") no-repeat 0 0;  padding:7px 5px 7px 35px;}
#nav #connectOptions li a:hover {border:none; color:#78A778;}
#nav #connectOptions li a.facebook { background-position:-274px -110px; }
#nav #connectOptions li a.youtube { background-position:-274px -73px; }
#nav #connectOptions li a.flickr { background-position:-274px -149px; }
#nav #connectOptions li a.linkedin { background-position:-274px -36px; }
#nav #connectOptions li a.mail { background-position:-274px 1px; }
#nav #connectOptions li a:hover.facebook { background-position: 1px -110px; }
#nav #connectOptions li a:hover.youtube { background-position: 1px -73px; }
#nav #connectOptions li a:hover.flickr { background-position: 1px -149px; }
#nav #connectOptions li a:hover.linkedin { background-position: 1px -36px; }
#nav #connectOptions li a:hover.mail { background-position: 1px 1px; }
#screen {position:absolute; background:url("images/trans.gif") 0 0 repeat; top:0; left:0; z-index:999; width:100%; height:100%}

#emailOptions {position:absolute; border:solid 1px #78A778; background-color:#fff; left:196px; top:94px; z-index:1000; padding:10px 25px 10px 15px; width:236px;}

/* Posts */
#content {border-bottom:1px solid #78A778; padding:20px 15px; position:relative; min-width:900px; clear:both; overflow:auto;}
#content .post .entry img.videoMarker {display:block; margin:0; width:12px; height:13px; position:absolute; top:10px; left:28px;  background:url("images/jwm/PlayVideoIcon.png") no-repeat 0 0; text-indent:-9999em;}
#content h2 {display:table;}
#content #Videos {background:url("images/jwm/SpriteHomepageBase.png") no-repeat scroll -500px bottom;}
#content #Videos h2 {background-position:0 -123px}
#content #Videos h2 a {border-bottom:solid 1px #669999;}
#content #Videos h2 a:hover {color:#669999}
#content #Videos img.vidThumbNail {border-left:40px solid #000000; border-right:solid 45px #000;}	
#content #Images{background:url("images/jwm/SpriteHomepageBase.png") no-repeat scroll -247px bottom;}
#content #Images h2 {background-position:0 -59px;}
#content #Images h2 a {border-bottom:solid 1px #999966}
#content #Images h2 a:hover {color:#999966}
#content #Posts {background:url("images/jwm/SpriteHomepageBase.png") no-repeat scroll 0 bottom;}
#content .post {width:225px; margin:0 25px 25px; display:inline; float:left;}
#content .post h2 {font-size:.985em; font-weight:bold; line-height:normal; margin:5px 0; padding:0 0 8px 8px; background:url("images/jwm/SpriteHomepageIcons.png") no-repeat 0 0; height:50px;}
#content .post .entry {position:relative; font-size:.65em; line-height:125%; padding-left:15px;}
#content .post .entry p {line-height:1.35em; height:97px; overflow:hidden;}
#content .post .entry .authorTime {font-weight:bold; margin:5px 0 15px; color:#000;}
#content .post .entry .authorTime span {margin-left:10px;}
#content .post .entry .postTags {background:url("images/jwm/SpriteHomepageIcons.png") no-repeat 0 -220px; padding:2px 0 2px 20px; margin:0 0 4px -15px;}
#content .post .entry .postTags a {color:#000; text-transform:capitalize;}
#content .post .entry .postTags a:hover {color:#78A778; text-transform:capitalize;}
#content .post .entry a.moreCta {display:block; color:#000; font-weight:bold; text-align:right; text-transform:uppercase; width:66px; position:absolute; bottom:8px; right:0; padding-right:10px; background:url("images/jwm/SpriteHomepageIcons.png") no-repeat 70px -206px;}
#content .post .entry a.moreCta:hover {color:#78A778;}
#content .post h2 a {color:#000; border-bottom:solid 1px #78A778; padding:0 0 0 9px; display:table-cell; height:39px; vertical-align:middle; width:209px;   }
#content .post h2 a:hover {color:#78A778;}
#content .post h2 .num {margin-left: 2px;font-size: .750em;font-weight: normal;}
#content .post h2 .num img {vertical-align: text-bottom;}
#content .post h2 .num a {color: #666;border-bottom: 0px;}
#content .post h2 .num a:hover {color: #222;border-bottom: 0px;}

/* Post Single Page */

#content .postsingle {float:left; width:665px; margin:20px 40px 15px 26px;}
#content .postsingle h2 {font-size:1.5em; margin: 0 0 5px 0; display:block; padding:10px 15px 10px 7px; background:url("images/jwm/SpriteHomepageIcons.png") no-repeat 0 0;}
#content .postsingle h2 a {color:#000; border-bottom:1px solid #78A778; display:block; padding: 0 10px 10px; }
#content .postsingle h2 a:hover {color:#78A778;}
#content .postsingle h2 .date {font-size:.55em; margin:-30px 0 0 4px; color:#78A778; float:right; }
#content .postsingle .entry {font-size: .75em;	line-height: 125%; padding:10px 0; clear:both;}
#content .postsingle .entry img {display: block;padding: 3px;}
#content .postsingle .entry blockquote {width: 240px;float: right;font: italic 1.3em/1.3 Georgia;border: 2px double #ccc;border-width:3px 0;text-align: center;	padding:0.5em;margin: 5px 5px 5px 5px;color: #666666;}
#content .postsingle .entry blockquote a img {	border: 0px; }
#content .postsingle .entry p {	margin:0px; padding:0px 10px; margin-bottom:12px; line-height:1.45em;}
#content .postsingle .entry p a {color:#78A778;font-weight:bold;text-decoration:underline;}
#content .postsingle .entry p a:hover {color: #000;}
#content .postsingle .entry ul {list-style-type: none;margin: 0px;padding: 0px;margin-left: 8%;}
#content .postsingle .entry ul li {	list-style-type: square;margin: 0px;padding: 0px;margin-bottom: 3px;}
#content .postsingle .entry ol {	margin: 0px;padding: 0px;margin-left: 8%;}
#content .postsingle .entry ol li {	list-style-type: square;margin: 0px;padding: 0px;margin-bottom: 3px;}
#content .postsingle .entry ol li a {	color: #ca1717;	border-bottom: 1px solid #ca1717;}
#content .postsingle .entry ol li a:hover {	color: #222;border-bottom: 1px solid #222;}
#content .postsingle .entry ul li a {	color: #ca1717;	border-bottom: 1px solid #ca1717;}
#content .postsingle .entry ul li a:hover {	color: #222;border-bottom: 1px solid #222;}
#content .postsingle .meta {color: #444; text-align:right; float:left;}
#content .postsingle .meta p {margin: 0px; padding: 0px; text-align:left;}
#content .postsingle .meta a {border-bottom: 1px dotted #78A778; font-weight:bold;}
#content .postsingle .meta a:hover {	border-bottom: 1px dotted #222;	color: #111;}

/* Sidebar */

.sidebar h3 {border-bottom:1px solid #78A778;clear:both;color:#000000;margin:11px 0; font-weight:normal; }
.sidebar img.avatar {border:solid 1px #ccc; float:left; margin:0 10px 10px 0;}
.sidebar {width:275px; float:left; padding:28px 25px 20px; font-size:.75em;}
.sidebar ul { line-height:1.5em; padding:0 5px; }
.sidebar ul li  span,
	.sidebar ul li a.co { font-weight:bold; }
.sidebar ul li a:hover {color: #222;}
.sidebar li a {	color: #565656;	display:block;	padding:0 8px;	margin:5px 0;	background:url(images/jwm/SpriteHomepageIcons.png) no-repeat scroll 0 -204px;}
.sidebar li a:hover {color: #222;}
.sidebar h2 {}
.flickrtable{margin-left:-2px;}
.flickrtable img {border:1px solid #ccc;margin:1px;padding:2px;}

/* Color Coded Categories */

#content .post a h2.articles {color: #ca1717;}
/* Footer */

#footer {font-size: .775em;	line-height: 140%;padding:20px 40px 40px 48px; position:relative;}
#footer #footerLogo {display:block; width:196px; height:16px; background:url("images/jwm/footerLogo.png") no-repeat 0 0; position:absolute; right:0; top:-10px; text-indent:-9999em;}
#footer p {	color: #666;	margin: 0px;	padding: 0px;}
#footer p a {	color: #222;border-bottom: 1px solid #ccc;}
#footer p a:hover {	color: #000;border-bottom: 1px dotted #222;}
#footer p img {vertical-align: text-bottom;}
#footer .footerList {float:left; margin:0 20px 20px 0; width:180px;}
#footer .footerList.about,
	#footer .footerList.flickr{ width:300px; margin:0 30px 20px 0; }
#footer .footerList.about a { display:inline; background:none; text-decoration:underline; margin:0; padding:0; font-weight:bold;}
#footer .footerList.about li span { font-weight:bold; }
#footer .footerList.about p { margin:5px 0; }  
#footer .footerList img.avatar {border:solid 1px #ccc; float:left; margin:0 10px 10px 0; padding:2px;}
#footer .footerList ul li a {display:block; width:270px; background:url("images/jwm/SpriteHomepageIcons.png") no-repeat 0 -204px; padding:0 0 0 10px; color:#666; }
#footer .footerList ul li a:hover {color:#78A778;}
#footer .footerList h3 {font-size:1em; font-weight:bold; color:#000;}
#footer .footerCopyRight {clear:both; margin:0 0 25px}

/* Gallery */

.piclenselink {display:none;}
.ngg-gallery-thumbnail .highslide:hover img {background-color:#E0E0E0; border-color:#78A778;}

/* Cal */

#wp-calendar {	background-color:#F1F1EF;	border-left:1px solid #FFFFFF;	border-top:1px solid #FFFFFF;	font-size: .725em;	vertical-align:middle;	text-align:center;	width: 100%;	margin-bottom: 9px;}
#wp-calendar #next a {	padding-right: 10px;	text-align: right;}
#wp-calendar #prev a {	padding-left: 10px;	text-align: left;}
#wp-calendar a {	display: block;	text-decoration: none;}
#wp-calendar a:hover {	background: #E6E6DF;	color: #333333;}
#wp-calendar caption {	display: none;}
#wp-calendar td {	color:#333333;	font: normal 9px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;	letter-spacing: normal;	padding: 2px 0;	text-align: center;	background-color: #FFFFFF;}
#wp-calendar td.pad:hover {	font-size:9px;	color:#FF4200;	background-color: #ffffff;}
#wp-calendar td:hover, #wp-calendar #today {	background: #E6E6DF;	color: #ca1717;}
#wp-calendar th {	font-style: normal;	text-transform: capitalize;}

/* Comments */

#commentFormFields li {margin-bottom:10px; clear:both; float:left;}
#commentFormFields label { display:block; font-size:.75em; line-height:16px; font-weight:bold; text-align:right; margin-right:5px; float:left;}
#commentFormFields input {border:solid 1px #999; float:left; font-size:12px; padding:2px; clear:both; width:170px;}

#commentFormFields .validateMsg {font-size:.75em; font-style:italic; line-height:1em; float:left; margin-left:5px; line-height:1.6em;}
#commentarea {font-size: .875em;padding:10px 0;}
#commentarea a {
	border-bottom: 1px dotted #999;
	color: #555;
}
#commentarea a:hover {
	border-bottom: 1px dotted #222;
	color: #111;
}
#commentarea h3 .rssfeed {
	padding: 2px;
	background-color: #AF4B0A;
	color: #fff;
	font-weight: normal;
	font-size: .895em;
}
#commentarea h3 .rssfeed a {
	color: #fff;
}
#commentarea h3 {font-size:.75em; font-weight:bold;}
.commentsblock {
	padding: 2%;
}
.commentsblock textarea {
	width:80%;
}
.commentsblock input, .commentsblock textarea {
	border:1px solid #d1d1d1;
}
.commentsblock textarea:focus {
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus {
	background:#eee;
	border:1px solid #a1a1a1;
}
.commentauthor {
	display:block;
	font-size:1.5em;
}
.cdate {
font-size: .795em;
color: #888;
}
ol.commentlist {
	color:#777;
	font-size: .850em;
	list-style-type:none;
	margin:0;
	margin-top:1.5em;
	padding: 0px;
	width: 80%;
}
ol.commentlist a {
	color: #ca1717;
	text-decoration: none;
	border-bottom: 1px dotted #ca1717;
	display: inline;
}
ol.commentlist a:hover {
	color: #222;
	text-decoration: none;
}
.cauthor {
	font-weight: bold;
	font-size: 12px;
}
.cauthor a {
	color: #ca1717;
	font-size: .895em;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #ca1717;
}
.cauthor a:hover {
	color: #222;
	text-decoration: none;
}
.commentlist li {
	margin-bottom:0.5em;
	padding:0.5em 1em;
}
.comment-odd {
	background-color: #f9f9f9;
}
#commentform textarea {
	width: 90%;
}
ol.commentlist blockquote {
	background: #F8FAFC;
	border: 1px solid #ebebeb;
	padding: 2%;
	line-height: normal;
	font-size: .795em;
}
/* Essentials */

.spacer {
	width: 100%;
	clear: both;
}
.navigation a {
	padding: 5px;
	border: 1px solid #e2e2e2;
	color: #444;
	margin-right: 15px;
}
.navigation a:hover {
	border: 1px solid #777;
	color: #222;
}

/* jdubb styles */
#jdubb {width:800px; margin:60px auto;}
#jdubb h1 {text-indent:-9999em; background:url("images/jdubb/jdubb_logo.png") no-repeat 0 0;}
#jdubb h2 {font-size:1em; line-height:1em; margin:0 0 5px; color:#666; text-transform:uppercase;}
#jdubb .mainNav li {float:left; margin:0 50px 0 0;}
#jdubb .mainNav li a {text-transform:uppercase; color:#999;}
#jdubb .mainNav li a:hover {background:#78A778; color:#fff;}
#jdubb .content {clear:both; margin:25px 0; float:left;}
#jdubb .content .hero {float:left; margin:0 40px 0 0; width:356px;}
#jdubb .content .hero p {font-size:.75em; text-align:right;}
#jdubb .content p,
	#jdubb .footer p{line-height:1.2em; margin:5px 0 15px; font-size:0.85em;}
#jdubb .content a,
	#jdubb .footer a{color:#999; text-decoration:underline;}
#jdubb .content a:hover,
	#jdubb .footer a:hover{color:#fff; text-decoration:none; background:#78A778;}
#jdubb .footer {border-top:solid 1px #ccc; clear:both;}
#jdubb .twtr-timeline {-moz-border-radius:0;}
#jdubb .twtr-tweet {border-bottom:dotted 1px #666;}
#jdubb .twtr-tweet-text i a:hover {color:#fff; } 
#jdubb .twtr-hd {padding:5px;}
#jdubb .twtr-hd h3 {display:none;}
#jdubb .twtr-hd h4 {margin:5px 0 0 40px !important;}
#jdubb .twtr-ft {display:none;}
#jdubb .twtr-doc a:hover {color:#fff;}
#jdubb .twtr-widget {margin:20px 0 0;}
#jdubb #twtr-widget-1 .twtr-doc {-moz-border-radius:0; background:#fff !important;}
#jdubb #twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a {font-weight:normal;}
#jdubb #twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a:hover {color:#fff; background:#78A778;}
#jdubb #twtr-widget-1 i {float:right; margin:0;}
/* END jdubb styles */

/* Accordion */
#accordion { border-top: solid 1px #ccc; float:left; }
.ui-accordion-header { display:block; clear:both; padding:5px 0 5px 35px; border-bottom:solid 1px #ccc; background:url("images/jdubb/ac_arrows.png") no-repeat 10px 12px;}
.ui-state-default { background:url("images/jdubb/ac_arrows.png") no-repeat 10px 12px; }
.ui-state-active { background:url("images/jdubb/ac_arrows.png") no-repeat 10px -72px; }
.ui-accordion-content {border-bottom: solid 1px #ccc;}
/* END Accordion */
