/*UNIVERSAL*/	
body { background: url("http://kurtcruse.com/img/bkgdPattern.gif") #232323; font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2",sans-serif; margin: auto; font-size: 12.5px; }
p, ul, ol { color: #6d6d6d;  line-height: 15px; margin: 0 0 12px; }
a { color: #D21C24; }
img, object, embed, iframe  { max-width: 100%; display: block; }
#contain { max-width: 980px;  margin: auto; background: url("http://kurtcruse.com/img/bkgdKCfade.png") 0 0 no-repeat; overflow: hidden; }
#containInner { padding: 0 20px; overflow: hidden; }
header { width: 100%; height: 140px; padding: 35px 0 0; overflow: hidden; }
hgroup { float: right; width: 83%; }
header a { text-decoration: none; }
header h1 { float: left; font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2",sans-serif; font-weight: 900; font-style: italic; font-size: 58px; text-transform: uppercase; color: #D21C24; padding: 5px 10px 0; background: #000; margin: 0 0 0 6px; }
header h2 { float: left; clear: left; font-family: "caflisch-script-pro-1","caflisch-script-pro-2", Helvetica, Arial, sans-serif; font-weight: 400; color: #fff; font-size: 34px; padding: 5px 10px; background: #000; min-width: 480px; }
.floatRight { float: right; }
.clear { clear: ; }
#about #stream h2, #portfolio #stream h2, #contact #stream h2 { font-family: "caflisch-script-pro-1","caflisch-script-pro-2", Helvetica, Arial, sans-serif; font-weight: 600; font-size: 46px; color: #D21C24; margin: 10px 10px 7px; }
#portfolio #stream p.intro, #contact #stream p.intro { font-size: 20px; font-style: italic; font-weight: 300; line-height: 23px; }

/*NAV*/		
nav { width: 100%; overflow: hidden; }
nav ul { float: left; width: 100%; background: url("http://kurtcruse.com/img/bkgdNav.jpg") bottom repeat-x; margin: 0; }
nav li { float: left; width: 24.9%; text-align: center; padding: 12px 0; background: url("http://kurtcruse.com/img/navDivider.gif") left repeat-y;  }
nav li a { text-decoration: none; color: #fff; font-weight: 700; font-size: 14px; display: block; }
nav li a:hover { color: #000; }
nav li.current { background: #fff; }
nav li.current a { color: #C8C8C8; }
nav li.first { background-image: none; }
		
/*LEFT SIDE COLUMN (in browser width)*/		
#side { float: left; width: 17%; margin: 92px 0 0; padding: 30px 0 0; background: url("http://kurtcruse.com/img/hrHorizontal.png") top repeat-x; color: #ccc;  }
#side p { padding-right: 20px; color: #ccc; }
#side p.hrBottom { font-style: italic;  background: url("http://kurtcruse.com/img/hrHorizontal.png") bottom repeat-x; color: #ccc; padding-bottom: 30px; margin-bottom: 30px; }
a#callToAction { float: left; color: #fff; padding: 10px; text-align: center; text-decoration: none; font-weight: 900; font-style: italic; text-transform: uppercase;  border: 2px solid #AA1C24;
 -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0 0 4px #000; -moz-box-shadow: 0 0 4px #000; box-shadow: 0 0 4px #000; 
-webkit-transition: background-position 200ms ease-in;/*Saf3.2+, Chrome*/ -moz-transition: background-position 200ms ease-in;/*FF3.7+*/ -o-transition: background-position 200ms ease-in; /*Opera 10.5+*/ transition: background-position 200ms ease-in; /*futureproofing*/ background: url(../img/bkgdBtn.jpg) 0 -22px repeat-x #D21C24; }
a#callToAction:hover, a#callToAction:hover:focus { cursor: pointer; background-position: 0 -15px; }

/*MAIN TUMBLR FED STREAM*/
#main { float: right; width: 83%; }
#stream { float: left; width: 70%; background: #fff; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; }
#streamInner { padding: 41px 25px 25px; }
#stream p { font-size: 14px; line-height: 18px; }
#stream strong { font-weight: 700; }
#stream .text strong { color: #505050; }
#stream blockquote { border-left: 5px solid #eee; padding: 0 0 0 10px; margin: 20px 30px 20px 15px; font-style: italic; }
#stream article ol, #stream article ul { list-style-position: outside; padding: 0 0 0 30px; margin: 20px 0;  font-style: italic; }
#stream article li { margin: 5px 0; padding: 0; font-size: 12.5px; }
article { margin: 0 0 40px; padding: 0 0 30px; border-bottom: 1px dashed #ccc; position: relative; }
.permalinkPage article { margin: 0; border-bottom: none; }
.social { text-align: center; margin: 0 0 40px; padding: 0 0 7px; border-bottom: 1px dashed #ccc; }
.social iframe { display: inline; }
article h4.date { position: absolute; top: -41px; right: -25px; height: 25px; width: 80px; color: #A6A8AB; text-align: right; font-size: 10px; font-style: italic; line-height: 20px; letter-spacing: 0.5px; padding-right: 10px; background: url("http://kurtcruse.com/img/bkgdDate.png") top right no-repeat; }
article a.postIcon { position: absolute; left: -39px; top: -1px; background: url("http://kurtcruse.com/img/typeSpite.png") 0 0; width: 27px; height: 27px; }
article a.postIcon:hover { background-position: -189px 0; }
.link a.postIcon { background-position: -27px 0; z-index: 1000; }
.vidz a.postIcon { background-position: -54px 0; }
.tunes a.postIcon { background-position: -81px 0; }
.photo a.postIcon, .photoset a.postIcon { background-position: -108px 0; }
.chat a.postIcon { background-position: -135px 0; }
.quote a.postIcon { background-position: -162px 0; }
article h2 { display: block; margin: 0 0 5px; }
article h2 a { font-family: "caflisch-script-pro-1","caflisch-script-pro-2", Helvetica, Arial, sans-serif; font-weight: 700; font-size: 32px; line-height: 32px; color: #000; text-decoration: none; }
article h2 a:hover { color: #D21C24; }
#stream article.photo img, #stream .html_photoset { -webkit-box-shadow: 0 0 2px #000; -moz-box-shadow: 0 0 2px #000; box-shadow: 0 0 2px #000; margin: 0 0 10px; }
#stream article.photo a:hover img { -webkit-box-shadow: 0 0 6px #D21C24; -moz-box-shadow: 0 0 6px #D21C24; box-shadow: 0 0 6px #D21C24; }
#stream article.photo p, #stream article.vidz p,  #stream article.photoset p { font-size: 12.5px; font-style: italic; color: #000; line-height: 15px; }
#stream article.quote blockquote { padding: 15px 17px 6px; margin: 0; background: #eee; font-style: normal; border: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
#stream article.quote blockquote p { color: #000; font-size: 26px; line-height: 27px; font-weight: 400; font-family: "caflisch-script-pro-1","caflisch-script-pro-2", Helvetica, Arial, sans-serif; }
#stream article.quote cite { display: block; padding: 8px 0 0 75px; margin: 0 0 10px; font-size: 12.5px; font-style: italic; color: #000; line-height: 15px; background: url("http://kurtcruse.com/img/cite.gif") 37px top no-repeat; }
article.link { padding-top: 36px; }
.link h2 { position: absolute; top: 0; left: -25px;  background: url("http://kurtcruse.com/img/linkBKGD.png") 0 -1px repeat-x; z-index: 100; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.link h2 a { display: block; color: #fff; font-size: 14px; font-weight: 600; height: 25px; line-height: 25px; padding: 0 30px 0 25px; background: url("http://kurtcruse.com/img/arrow.png") right 6px no-repeat; font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2",sans-serif; text-decoration: none; }
.link h2 a:hover { color: #000; }
.tunes { min-height: 140px; padding-top: 20px; }
.tunes .cover { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url("http://kurtcruse.com/img/albumDefault.jpg") #000; -webkit-box-shadow: 0 0 2px #000; -moz-box-shadow: 0 0 2px #000; box-shadow: 0 0 2px #000; }
.tunes .coverOverlay { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url("http://kurtcruse.com/img/albumOverlay.png") 0 0; } 
#stream .tunes .playCount { display: none; position: absolute; top: 160px; left: 0; width: 150px; text-align: center; font-size: 10px; color: #000; font-weight: 700; text-transform: uppercase;  } 
.tunes .playNstats { margin: 0 0 0 150px; padding: 10px 15px; background: url("http://kurtcruse.com/img/playNstatsBKGD.jpg") top repeat-x #D21C24;  overflow: hidden; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.tunes .audio_player { float: left; }
.tunes .audioBKGD { float: left; width: 40px; height: 40px; margin: 4px 0 0; background: url("http://kurtcruse.com/img/audioBKGD.png") -1px -1px; }
.tunes .audioBtn { float: left; width: 27px; height: 27px; overflow: hidden; margin: 7px 0 0 7px; }
.tunes .stats { float: left; margin: 0 0 0 15px; }
#stream .tunes p.songTitle { font-size: 16px; font-weight: 900; color: #000; margin: 0 0 3px; } 
#stream .tunes p.artist, #stream .tunes p.album { font-size: 12.5px; color: #fff; margin: 0 0 1px; line-height: 14px; }
#stream .tunes p.album { margin: 0; }
.tunes .audioCaption { padding: 15px 0 0 165px; }
ol.notes { padding: 0px; margin: 29px 0 0px;list-style-type: none; border-bottom: 1px dotted #ccc; background: #f5f5f5; font-size: 12px; line-height: 14px; }
ol.notes li.note { border-top: 1px dotted #ccc; padding: 7px 10px; }
ol.notes li.note img.avatar { display: inline; vertical-align: -4px; margin-right: 10px; width: 16px; height: 16px; }
ol.notes li.note span.action { font-weight: 400; }
ol.notes li.note .answer_content { font-weight: normal; }
ol.notes li.note blockquote { border-color: #ccc; margin: 3px 0px 0px 39px !important; padding: 0 0 0 6px!important; border-left: 3px solid #e3e3e3 !important; }
ol.notes li.note blockquote a { text-decoration: none; color: #6d6d6d; }
#streamFoot { text-align: center; }
#streamFoot img { max-width: none; display: inline; opacity: 0.08; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=08)"; /* IE 8 hack */ filter: alpha(opacity=08); /* IE 5-7 hack */ 	
	-webkit-transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease; }
#streamFoot img:hover { filter:alpha(opacity=15); -moz-opacity:0.15; -khtml-opacity: 0.15; opacity: 0.15; }

/*RIGHT SIDE OR SECONDARY INFO*/
aside { float: right; width: 30%; }
aside ul#social { float: left; padding: 0 0 15px 20px; }
aside ul#social li { float: left; list-style-type: none; margin: 0 3px 3px 0; }
aside ul#social li a { float: left; list-style-type: none; width: 35px; height: 35px; background: url("http://kurtcruse.com/img/socialSprite.png") 0 0 no-repeat; text-indent: -9999px; font-size: 4px; }
aside ul#social li a:hover { background-position: 0 -35px; }
aside ul#social #socialTwitter a { background-position: -35px 0; }
aside ul#social #socialTwitter a:hover { background-position: -35px -35px; }
aside ul#social #socialFB a { background-position: -70px 0; }
aside ul#social #socialFB a:hover { background-position: -70px -35px; }
aside ul#social #socialVimeo a { background-position: -105px 0; }
aside ul#social #socialVimeo a:hover { background-position: -105px -35px; }
aside ul#social #socialGowalla a { background-position: -140px 0; }
aside ul#social #socialGowalla a:hover { background-position: -140px -35px; }
aside section { background: url("http://kurtcruse.com/img/hrHorizontal.png") top repeat-x; padding: 30px 0 30px 20px; clear: both; overflow: hidden; }
aside section h3 { font-size: 16px; font-weight: 400; color: #D21C24; margin: 0 0 6px; }
aside section p { color: #ccc; }
aside img { float: left; margin: 10px 10px 0 0; -webkit-box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; box-shadow: 0 0 6px #000; }
aside #books img { max-width: none; }
aside a:hover img { -webkit-box-shadow: 0 0 6px #D21C24; -moz-box-shadow: 0 0 6px #D21C24; box-shadow: 0 0 6px #D21C24; }
#quote { position: relative; }
#quote #quoteMark { position: absolute; top: 20px; left: 0; font-size: 80px; font-weight: 900; color: #D21C24; font-family: "caflisch-script-pro-1","caflisch-script-pro-2", Helvetica, Arial, sans-serif; }
#quote blockquote { padding: 0 0 0 20px; }
#quote p { font-size: 18px; line-height: 19px; font-weight: 400; font-style: italic; margin: 0 0 12px; }
#quote p span { display: block; }
#quote small { color: #ccc; text-decoration: none; font-size: 10px; text-transform: uppercase; font-weight: 200; letter-spacing: 0.5px; }
#tags ul { list-style-type: none; }
#tags li { padding: 5px 0; }
#tags li a { color: #ccc; text-decoration: none; font-size: 10px; text-transform: uppercase; font-weight: 200; letter-spacing: 0.5px; }

/*FOOTER*/
footer { width: 83%; float: right; padding: 20px 0; overflow: hidden; }
footer p { color: #6D6D6D; font-size: 12.5px; margin: 0 0 3px; }

/*ABOUT PAGE*/
#about #stream h2 { line-height: 37px; color: #D21C24; margin: 0 0 15px; }
#about #stream p.intro { font-size: 20px; font-style: italic; font-weight: 300; line-height: 23px; }
#about #stream p { width: 65%; }
#about #stream h3 { font-weight: 900; font-style: italic; text-transform: uppercase; margin: 50px 0 10px; color: #D21C24; }
#about #stream h3 em { font-weight: 400; text-transform: none; }
#about img#papyrus { margin: 50px 0 5px; }
#about small { font-size: 9px; font-weight: bold; }
#about ol#facts { list-style-type: none; }
#about #facts li { border-top: 1px dashed #ccc; padding: 8px 0; font-style: italic; color: #6d6d6d; font-size: 12.5px; }
#about #facts li strong { font-family: "caflisch-script-pro-1","caflisch-script-pro-2", Helvetica, Arial, sans-serif; color: #000; font-weight: 900; font-size: 17px; margin: 0 8px 0 0; }
#cronies ul, #spots ul { list-style-type: none; margin: 0 0 -7px; }
#cronies li, #spots li { padding: 4px 0; }
#cronies li a, #spots li a { color: #ccc; text-decoration: none; font-size: 10px; text-transform: uppercase; font-weight: 200; letter-spacing: 0.5px; }
#cronies li a strong, #spots li a strong { font-size: 12.5px; text-transform: none; font-weight: 700; margin: 0 0 0 2px; }
#cronies li a:hover, #spots li a:hover { color: #D21C24; }

/*PORTFOLIO PAGE*/
/*#portfolio .description { position: absolute; top: 0; right: -50%; width: 40%; }*/
#portfolio #stream { width: 100%; }
#portfolio #streamInner { padding: 21px 15px 15px; }
#portfolio #stream h2 { line-height: 43px; }
#portfolio #stream p.intro { margin: 0 10px; padding: 0 0 30px; border-bottom: 1px dashed #ccc; }
#portfolio #stream p.intro span { display: block; }
#lobster { margin: 20px 30px 0 0; }
#portfolio article { overflow: hidden; padding: 40px 10px; margin: 0; }
#portfolio article p { font-size: 12.5px; line-height: 15px; }
#portfolio .pieces { float: left; width: 70%; }
#portfolio .pieces img { -webkit-box-shadow: 0 0 5px #323232; -moz-box-shadow: 0 0 5px #323232; box-shadow: 0 0 5px #323232; }
#portfolio .pieces img.noShadow { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#portfolio .smallPieces { float: left; width: 100%; }
#portfolio .smallPieces img { width: 48%; margin-top: 15px; }
#portfolio .smallPieces img.L { float: left; }
#portfolio .smallPieces img.R { float: right; }
#portfolio .logoPieces { float: left; width: 70%; background: #F2F2F2; -webkit-box-shadow: 0 0 3px #969696; -moz-box-shadow: 0 0 3px #969696; box-shadow: 0 0 3px #969696;  }
#portfolio .logoPieces img.L { float: left; width: 57%; }
#portfolio .logoPieces img.R { float: right; width: 43%; }
#portfolio aside { float: right; }
#portfolio aside hgroup { width: auto; float: none; margin: 0 0 15px; }
#portfolio aside hgroup, #portfolio aside p, #portfolio aside small { padding-left: 25px; }
#portfolio aside h3 { font-size: 18px; line-height: 18px; text-transform: uppercase;  color: #D21C24; font-weight: 900; font-style: normal; }
#portfolio aside h4 { font-size: 10px; text-transform: uppercase; font-weight: 600; margin: 3px 0 0; }
#portfolio aside small { font-size: 10px; font-style: italic; color: #6d6d6d; }
#portfolio aside label { display: none; font-size: 10px; text-transform: uppercase; font-weight: 200; letter-spacing: 0.5px; }
#portfolio #stream p#wonOver { font-size: 14px; color: #000; margin: 20px 0 10px; font-style: italic;  }

/*CONTACT PAGE*/
body#contactFrame { background: none; }
#contact #stream { background: url("http://kurtcruse.com/img/meNu.jpg") bottom right no-repeat #fff; padding-bottom: 155px; }
#contact #streamInner { overflow: hidden; }
#contact #stream h2 { line-height: 38px; margin: 0 0 3px; }
#contact #stream p.intro { margin: 0; padding: 0 0 30px; border-bottom: 1px dashed #ccc; }
#contact iframe { float: left; width: 100%; height: 670px; margin: 30px 0 0; border: none; overflow: hidden; }
#contactFrame fieldset {}
#contactFrame ul { list-style: none; }
#contactFrame li { position: relative; }
#contactFrame input, #contactFrame textarea { padding: 8px 0 4px; border: none; background: #eee; font-size: 30px; line-height: 30px; width: 100%; margin: 10px 0; font-family: "caflisch-script-pro-1","caflisch-script-pro-2", Helvetica, Arial, sans-serif; }
#contactFrame textarea { height: 200px; padding: 13px 0 4px; }
#contactFrame #contactSubmit { width: auto; color: #fff; padding: 10px; margin: 10px 0 10px 3px; text-align: center; text-decoration: none; font-size: 16px; line-height: 16px; font-weight: 700; letter-spacing: 0.5px; font-family: "ff-dagny-web-pro-1","ff-dagny-web-pro-2",sans-serif; font-style: italic; text-transform: uppercase;  border: 2px solid #AA1C24; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0 0 4px #000; -moz-box-shadow: 0 0 4px #000; box-shadow: 0 0 4px #000; -webkit-transition: background-position 200ms ease-in;/*Saf3.2+, Chrome*/ -moz-transition: background-position 200ms ease-in;/*FF3.7+*/ -o-transition: background-position 200ms ease-in; /*Opera 10.5+*/ transition: background-position 200ms ease-in; /*futureproofing*/ background: url(../img/bkgdBtn.jpg) 0 -22px repeat-x #D21C24; }
#contactFrame #contactSubmit:hover, #contactFrame #contactSubmit:hover:focus { cursor: pointer; background-position: 0 -15px; }
#contact p.additionalContact { font-size: 12.5px; color: #000; font-style: italic; margin: 0 0 5px; padding: 0; line-height: 14px; }
#contactFrame .required, #contactFrame .error { position: absolute; top: 15px; right: 8px; color: #ccc; text-transform: uppercase; font-weight: 700; font-size: 10px; }
#contactFrame .error { display: none; color: #D21C24; z-index: 1000; }
#creds a { float: left; display: block; font-size: 14px; font-weight: 700; text-decoration: none; clear: left; }
#creds a:hover { text-decoration: underline; }
#creds a img { margin: 0; }
#creds a:hover img {  -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#creds span { float: left; padding: 5px 0 0 8px; }
#creds #linkedIn { color: #64B6E6; margin: 0 0 15px; }
#hood p { margin: 0; padding: 0; font-size: 14px; font-weight: 400; font-style: italic; text-transform: uppercase; }
#hood a { filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity: 0.70; opacity: 0.70; 	
	-webkit-transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	transition: opacity .2s ease; }
#hood a:hover { filter:alpha(opacity=100); -moz-opacity:1.00; -khtml-opacity: 1.00; opacity: 1; }
#hood img { margin: -3px 0 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

/*RESPONSIVEES*/
@media screen and (max-width: 800px) {
#contain { background: url("http://kurtcruse.com/img/bkgdKCfade.png") 0 -35px no-repeat; }
hgroup { float: right; width: 79%; }
header h2 {  font-size: 29px; }
#side { clear: left; width: 100%; margin: 20px 0 0; }
#main { width: 100%; }
footer { width: 100%; float: none; }
}
@media screen and (max-width: 650px) {
#contain { background: url("http://kurtcruse.com/img/bkgdKCfade.png") 0 -70px no-repeat; }
hgroup { float: right; width: 100%; margin: 65px 0 0; }
header h1 { font-size: 34px; padding: 3px 6px; }
header h2 {  font-size: 18px; padding: 3px 6px;  }
aside { margin: 30px 0 0; }
#side { clear: left; width: 100%; margin: 20px 0 0; }
#stream { width: 100%; }
/*#streamInner { padding: 15px; }
article a.postIcon { left: -29px; }*/
aside { width: 100%; }
.tunes .playNstats { margin: 130px 0 0; }
.tunes .audioCaption p { padding: 15px 0 0; }
#lobster { display: none; }
#portfolio #stream h2 span { display: block; }
#portfolio #stream p.intro span { display: inline; }
#portfolio .pieces { width: 100%; }
#portfolio aside hgroup, #portfolio aside p { padding-left: 0; }
#portfolio .logoPieces { width: 100%; }
#portfolio .logoPieces img.L { width: 100%; }
#portfolio .logoPieces img.R { width: 100%; }
footer { width: 100%; float: none; }
}