/*
Title: James Morrison official web site
Design including CSS3: JV 
Updated: May 2010
*/

body {
	color: #000;
	font-size: 75%;
	font-family: Verdana, Arial, sans-serif;
	background-color: #fff;
	margin: 0;
	padding: 0;
}
/* Reset defaults */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	line-height: 1em;
}
img {
	border: 0;
	display: block;
}
ol,
ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}
li {
	margin: 0px 0px 3px;
	padding: 0px;
}
dl,
dt,
dd {
	margin: 0px;
	padding: 0px;
}
/* Common elements */
h1 {
	font-size: 3em;
	margin: 1em 0px 0.2em;
}
h2 {
	font-size: 2em;
	margin: 1em 0 0.2em
}
h3 {
	font-size: 1.7em;
	margin: 1em 0 0.1em
}
h4 {
	font-size: 1.35em;
	margin: 1em 0 0.1em
}
h5 {
	font-size: 1.1em;
	margin: 1em 0 0.1em;
}
h6 {
	font-size: 1em;
	margin: 1em 0 0.1em;
}
p {
	margin-top: 0;
	margin-bottom: 0.8em;
	padding: 0;
	font-size: 1.1em;
}
blockquote {
	color: #333;
	font-size: 95%;
	margin: 0 20px;
	padding: 0;
}
cite {
	color: #333;
	font-weight: bold;
	font-style: normal;
}
strong {
	font-weight: bold;
	color: #48535D;
}
em {
	font-style: italic
}
/* Default links */
a:link {
	color: #900;
	text-decoration: none
}
a:visited {
	color: #900;
	text-decoration: none
}
a:hover {
	color: #f00;
	text-decoration: underline
}
a:active {
	color: #f00;
	text-decoration: none
}
/* Headers and titles */
#header {
	text-align: left;
	width:  920px;
	margin: 0;
	padding: 0;
}
#header h1 {
	color: #29445F;
	font-size: 3em;
	font-weight: normal;
	line-height: 1em;
	margin: 0px;
	padding: 0px 0px 0px 3px;
}
#header h1 {
	text-shadow: #ABA191 2px 2px 4px;
}
#header h3 {
	color: #365270;
	font-size: 0.9em;
	margin: 0.2em 0 0.8em;
	padding: 0 0 0 4px;
	font-weight: normal;
}
#pgtitle {
	width:  920px;
	clear: both;
	margin: 0 0 20px;
	padding: 0 0 2px;
	border-bottom: 1px solid #B0BCC8;
}
#pgtitle h2 {
	color: #2E3944;
	font-size: 2em;
	font-weight: normal;
	letter-spacing: 1px;
	padding-left: 1px;
}
/* Page structure */
#wrapper {
	background-color: #fff;
	text-align: left;
	width:  920px;
	margin: 10px auto 0;
	padding: 0;
	color: #121212;
}
#content {
	clear: both;
	line-height: 1.6em;
	color: #333333;
}
#content img.imgleft {
	margin: 5px 15px 10px 0px;
	padding: 0px;
	float: left;
}
#content img.imgright {
	margin: 5px 0px 10px 15px;
	padding: 0px;
	float: right;
}
#content p.firstpara {
	margin-top: .8em;
}
#maincontent {
	margin: 0px 0px 30px;
	padding: 0px;
	float: left;
	width: 580px;
}
#maincontent a {
	font-weight: bold;
	color: #CF0000;
}
#maincontent a:hover {
	color: #F60000;
}
#maincontent img.topimg {
	margin-top: 10px;
	margin-bottom: 10px;
}
#maincontent h3 {
	color: #453227;
	margin-bottom: 3px;
}
#maincontent h4 {
	color: #453227;
	margin-bottom: 3px;
}
#maincontent h5 {
	color: #232B33;
}
#maincontent h6 {
	color: #232B33;
	margin-bottom: 3px;
}
h2.firsthead,
h3.firsthead,
h4.firsthead,
h5.firsthead {
	margin-top: 0px;
}
#maincontent .quoteblock {
	border: 1px solid #BACED1;
	margin: 0px;
}
#maincontent img.mainimg {
	margin-bottom: 10px;
}
#subcontent {
	margin: 0px 0px 30px;
	padding: 0px;
	float: right;
	width: 300px;
}
#subcontent h3 {
	color: #453227;
	margin-bottom: 3px;
}
#subcontent h4 {
	color: #453227;
	margin-bottom: 3px;
}
#subcontent h5 {
	color: #232B33;
	margin-bottom: 3px;
}
#subcontent h6 {
	color: #232B33;
	margin-bottom: 3px;
}
#subcontent ul.subnav {
	margin-top: 6px;
	margin-bottom: 1em;
	font-size: 1.1em;
}
#subcontent ul.subnav li {
	margin-bottom: 2px;
	background: #F0F0F0;
	padding: 5px 10px;
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
}
#subcontent img.lotus {
	margin: 0px 8px 0px 0px;
	padding: 0px;
	float: left;
}
div.infobox {
	color: #333;
	line-height: 1.5em;
	width: 528px;
	margin-bottom: 20px;
	padding: 20px 25px 5px;
	border: 1px solid #C6CAD1;
	background-color: #FCFCFC;
}
#connectblock {
	background-color: #FFFFFF;
	margin: 3px 0px 1em;
	padding: 0px;
	border: 1px solid #D0D2D4;
}
#connectblock div {
	margin: 6px 0px 0px;
	padding: 0px 10px;
}
#connectblock img {
	display: inline;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}
#connectblock h6 {
	font-size: 80%;
	line-height: 1em;
	margin: 0px;
	padding: 3px 10px;
	border-bottom: 1px solid #D0D2D4;
	color: #808080;
	letter-spacing: 2px;
}
/* Aside */
#aside {
	margin: 0px 0px 30px;
	padding: 0px;
	float: right;
	width: 250px;
	font-size: 1em;
}
#aside h3 {
	color: #453227;
	margin-bottom: 3px;
}
#aside h4 {
	color: #453227;
	margin-bottom: 3px;
	/*border-top: 1px solid #CDC1BA;*/
	margin-top: 1.5em;
	padding-top: 0.5em;
	padding-left: 3px;
}
#aside h5 {
	color: #232B33;
	margin-bottom: 3px;
}
#aside h6 {
	color: #232B33;
	margin-bottom: 3px;
}
#aside p {
}
#aside ul {
}
#aside ul.infolink {
	margin-top: 12px;
	margin-bottom: 20px;
}
#aside ul.infolink li {
	margin-bottom: 8px;
	border-top: 1px solid #EDDCD3;
	padding-top: 8px;
	padding-right: 3px;
	padding-left: 3px;
}

/* Twitter updates */
/*#contenttwo #twitter_div h2 {
	font-size: 1.3em;
	margin-top: 0px;
}
#twitter_div #twitter_update_list {
	margin-top: 0.3em;
	color: #66625B;
	line-height: 1.3;
	overflow: hidden;
}
#twitter_div #twitter_update_list li {
	border-bottom: 1px solid #E2DFD9;
	margin: 0px;
	padding: 6px 3px;
}
#twitter_div .sidebar-title {
	font-size: 1.5em;
	color: #453227;
}
#twitter-link {
	margin-top: 5px;
}
*/

/* Footers */
#footer {
	text-align: left;
	width:  920px;
	clear: both;
	margin: 5px 0 40px;
	padding: 0;
	border-top: 2px solid #d9e1e4;
	position: relative;
}
#footer p {
	color: #666;
	font-size: .95em;
	margin: 0;
	padding: 10px 0 10px 3px;
	line-height: 1em;
}
#footer div.piccred {
	font-size: 0.9em;
	color: #666666;
	width: 250px;
	text-align: right;
	margin-left: 490px;
	margin-top: -15px;
}
#css3 {
	width: auto;
	position: absolute;
	right: 5px;
	top: 5px;
	padding: 2px;
	border: 1px solid #EAE7DD;
	font-size: 0.95em;
	line-height: 1em;
	color: #666666;
	background-color: #F8F7F1;
}
/* Navigation */
#nav {
	background-color: #708090;
	width:  920px;
	float: left;
	margin: 0 0 10px;
	padding: 0;
	border-top: 1px solid #5C6977;
}
#nav ul {
	width: 920px;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#nav ul li {
	font-size: 1em;
	float: left;
	letter-spacing: 1px;
	margin: 0px;
	padding: 0px;
}
#nav li a {
	color: #EFEFEF;
	text-decoration: none;
	float: left;
	padding: 8px 1.2em;
	display: block;
	line-height: 1em;
	background-color: #708090;
}
#nav li a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #9BB1C7;
}
/* Current page selected */
body#home #nav_home a,
body#act #nav_act a,
body#yoga #nav_yoga a,
body#proj #nav_proj a,
body#media #nav_media a,
body#poet #nav_poet a,
body#music #nav_music a,
body#words #nav_words a,
body#links #nav_links a,
body#about #nav_about a,
body#cntct #nav_cntct a {
	color: #FFF;
	text-decoration: none;
	cursor: default;
	background-color: #5D6B7A;
}
body#home #nav_home a:hover,
body#act #nav_act a:hover,
body#yoga #nav_yoga a:hover,
body#proj #nav_proj a:hover,
body#media #nav_media a:hover,
body#poet #nav_poet a:hover,
body#music #nav_music a:hover,
body#words #nav_words a:hover,
body#links #nav_links a:hover,
body#about #nav_about a:hover,
body#cntct #nav_cntct a:hover {
	color: #FFF;
	text-decoration: none;
	cursor: default;
	background: #5D6B7A;
}
/* Home Page */
#home div#header h1 {
	font-size: 4em;
	font-weight: normal;
	line-height: 1em;
	margin: 0;
	padding: 0 0 0 3px;
}
#home div#header h1 {
	text-shadow: #827A6E 2px 2px 6px;
}
#home div#header h3 {
	font-size: 1.2em;
	margin: 0.1em 0 0.8em;
	padding: 0 0 0 5px;
	font-weight: normal;
}
#home div#header h3 {
	text-shadow: #CCC0AD 1px 1px 2px;
}
#home #nav {
	margin-bottom: 30px;
}
#homecontent {
	width: 640px;
	margin: 0px 0px 30px;
	padding: 0px;
	float: left;
}
#homepic {
	width:  618px;
	clear: both;
	margin: 0px 0px 10px;
	padding: 10px;
	border: 1px solid #D8C5BA;
}
#homepic {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#homepic {
	-webkit-box-shadow: 0px 0px 20px #D8C5BA;
	-moz-box-shadow: 0px 0px 20px #D8C5BA;
	box-shadow: 0px 0px 20px #D8C5BA;
}
#homepic img {
	display: block;
}
p.homenote {
	margin: 15px 20px 20px;
	color: #4D4D4D;
	font-size: 1.3em;
}
/* Main content */
#contentmain {
	border: 1px solid #DBDBDB;
	padding: 12px 19px;
	width: 600px;
	margin: 0px 0px 40px;
	background-color: #EAEAEA;
}
#contentmain {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#contentmain h5 {
	color: #453227;
	margin-top: 0px;
	font-size: 1.3em;
}
#contentmain ul {
	list-style-type: none;
	color: #252525;
	font-size: 1em;
	margin: 5px 0px 10px;
}
#contentmain ul li {
	margin: 10px 0px;
	padding: 7px 3px 0px;
	line-height: 1.4em;
	border-top: 1px solid #FFFFFF;
}
#contentmain #section1 {
	width: 330px;
	float: left;
	padding: 0px;
}
#contentmain #section2 {
	width: 330px;
	float: right;
	padding: 0px;
}
/* News and Updates block */
#updates {
	border: 1px solid #E6DDD9;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 20px 25px;
	width: auto;
	margin: 0px auto 20px;
	background-color: #F6F1EE;
}
#updates h4 {
	color: #453227;
	margin-top: 0px;
	font-size: 1.4em;
	margin-bottom: 5px;
}
#updates h5 {
	color: #453227;
	margin-top: 0px;
}
#updates p {
	font-size: 1em;
	color: #322017;
	line-height: 1.75;
}
#updates ul {
	margin-left: 20px;
	list-style-type: square;
	margin-top: 5px;
	color: #444444;
	font-size: 1em;
	margin-bottom: 10px;
	width: 320px;
}
#updates span.newsdate{
	font-size: 0.8em;
	color: #5d5d5d;
}

/* Acting */
#subcontent #actingblurb {
	background: #F0F0F0;
	border: 1px solid #E2E2E2;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 15px;
}
#subcontent #actingblurb h4 {
	font-size: 1.2em;
	margin-top: 0px;
}
#subcontent #actingblurb h5 {
	font-size: 1em;
	margin-top: 0.5em;
}
#subcontent #actingblurb p {
	font-size: 1em;
	line-height: 1.5em;
}
#subcontent #jmfrblurb {
	background: #F0F0F0;
	border: 1px solid #E2E2E2;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 15px;
}
#subcontent #jmfrblurb h4 {
	font-size: 1.2em;
	margin-top: 0px;
}
#subcontent #jmfrblurb h5 {
	font-size: 1em;
	margin-top: 0.5em;
}
#subcontent #jmfrblurb p {
	font-size: 0.95em;
	line-height: 1.5em;
}
/* Yoga */
p.pquote {
	color: #333;
	font-size: 95%;
	line-height: 1.5em;
	width: 380px;
	margin: 1em 20px;
}
div.bquote {
	color: #333;
	font-size: 95%;
	line-height: 1.5em;
	background-color: #f4e2d4;
	width: 528px;
	margin-top: 2em;
	margin-bottom: 20px;
	padding: 20px 25px;
	border: 1px solid #B67979;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 19px;
}
.attrib {
	text-align: right;
	margin: 0.2em 0 0;
	padding: 0;
}
#subcontent h5.yogasubhead {
	margin: 0.5em 0px 1em;
	padding: 0px;
}
/* Media */
#maincontent img.mediaimg {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 2px;
	border: 2px solid #404040;
}
#maincontent p.mediatag {
	font-size: 1.1em;
}
#maincontent dl.credits {
	margin: 0px;
	padding: 0px;
	font-size: 1.1em;
}
#maincontent dl.credits dt {
	color: #2E3944;
}
#maincontent dl.credits dd {
	color: #48535D;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 6px;
}
#maincontent ul.awards {
	margin: 5px 0px;
	padding: 0px;
	font-size: 1.1em;
}
#maincontent ul.awards li {
	margin: 0px 0px 8px;
	padding: 0px;
}
#maincontent ul.awards li h5 {
	margin: 0px;
	padding: 0px;
}
#maincontent ul.awards li p {
	margin: 0px;
	padding: 0px;
	color: #333333;
}
#printpub {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#printpub #fog {
}
#printpub #idle {
	padding-top: 10px;
	clear: left;
}
#printpub li {
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
}
#printpub h3 {
	color: #453227;
	font-size: 1.5em;
	margin: 0 0 0.1em 0;
	padding: 0;
}
#printpub h3 img {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	position: relative;
	clear: left;
}
#printpub h5 {
	color: #232B33;
	line-height: 1.2em;
	font-size: 1.1em;
}
#printpub p {
}
#printpub .pubquote {
	color: #333;
	font-size: 95%;
	background-color: #fdf5e6;
	text-align: left;
	padding: 15px 20px;
	width: 258px;
	margin: 20px 0 20px 0px;
	border: solid 1px #c5bfbe;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 19px;
}
#printpub .pubquote p {
	margin: 0 0 0.6em;
	padding: 0;
}
#printpub .pubquote p.source {
	text-align: right;
	padding-right: 5px;
}
div.fireweed {
	width: 540px;
	padding: 10px;
	border: 1px solid #DCC5BB;
	margin-top: 20px;
	margin-bottom: 20px;
}
.fireweed img {
	float: right;
	margin: 0 0 8px 12px;
	padding: 0;
}
.fireweed p {
	font-size: 1em;
	margin-bottom: 0.6em;
	color: #333333;
	line-height: 1.3em;
}
/* Words */
#maincontent img.wordimg {
	margin-bottom: 10px;
	padding: 2px;
	border: 2px solid #555555;
}
#maincontent .lyrics {
	margin-top: 10px;
	font-family: Courier, "Courier New", monospace;
	font-size: 1.1em;
}
#maincontent .lyrics h5 {
	margin-bottom: 0.4em;
	margin-top: 1.4em;
	font-size: 1.3em;
	font-weight: bold;
	color: #152026;
}
#maincontent .lyrics p.indent {
	margin-left: 20px;
}
/* Links */
ul#personalpics {
	margin: 0px 0px 0px 20px;
	padding: 0;
	list-style-type: none;
}
ul#personalpics li {
	margin: 0 0 1.5em;
	padding: 0;
}
ul#personalpics li img {
	margin: 0 0 3px;
	padding: 2px;
	border: 2px solid #B3B3B3;
	display: block;
}
#links #subcontent h5 {
	line-height: 1.4em;
	margin-bottom: 1px;
}
#subcontent ul.quicklink {
	margin-top: 6px;
	margin-bottom: 1.4em;
	margin-left: 3px;
	font-size: 1.1em;
}
#subcontent ul.quicklink li {
	margin-bottom: 4px;
}
/* About James */
#about #maincontent p {
	line-height: 1.7em;
	margin-bottom: 1em;
}
ul#ajmpics {
	margin: 0px;
	padding: 0;
	list-style-type: none;
}
ul#ajmpics li {
	margin: 0 0 1.5em;
	padding: 0;
}
ul#ajmpics li img {
	margin: 0;
	padding: 2px;
	border: 2px solid #A9B0B2;
	display: block;
}
#ajmnotes {
	width: 400px;
}
#ajmnotes h4 {
	color: #2f354f;
	margin-bottom: 0.2em;
}
#ajmnotes p {
	color: #333;
	margin-bottom: 0;
	margin-left: 0.8em;
	line-height: 1.3em;
}
/* Special */

/* Self-clearing floats */

/* Float clearing block */
.clrblk:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}
/* Float clearing block for IE Windows */

/* trigger hasLayout and target IE5 and IE6 Win only */
* html .clrblk {
	height: 1%;
}
/* trigger hasLayout and target IE7 Win only */
*:first-child+html .clrblk {
	min-height: 1px;
}
/* self-clearing floats (old) */

#nav ul:after,
#content:after,
#footer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.photocred {
	color: #555555;
	text-align: right;
	line-height: 1em;
	margin: 0px 0px 1em;
	padding: 0px 25px 0px 0px;
	font-size: .95em;
}
.podaudio {
	background-image: url(../img/ipod.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}
.videoplay {
	background-image: url(../img/video.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 20px;
}
/* Fixes for IE/win Updated: Nov 30 2006 */

/* self-clearing floats */

/* trigger hasLayout and target ie5+6/win only */
* html #nav ul,
* html #content,
* html #footer {
	height: 1%;
}
/* trigger hasLayout and target ie7/win only */
*:first-child+html #nav ul,
*:first-child+html #content,
*:first-child+html #footer {
	min-height: 1px;
}
/* ============= */

/*webkit animation*/
#nav li a {
	-webkit-transition : color 0.25s linear;
	-webkit-transition : background-color 0.25s linear;
}

/* CSS3 progressive enhancement */