/* All Styles Copyrighted to Jamis Charles
*  Based on Modular Grid Systems by Jason Santa Maria
*/

@import url('reset.css'); /* Reset Style sheet*/

/* Layout
-------------------------------------------------------------- */
body{
	background: #666 url(../images/bg_main.png) top left repeat;
x	background-color: #666;
	
}

div#wrapper{
	background: transparent url(../images/bg_wrapper.png) top left repeat-y;
	margin: 0 auto;	
	width: 1055px; /* was 1043 */
}

div#mastHead{
	background: transparent url(../images/masthead.jpg) top left no-repeat;
	height: 63px;	
	margin-left: 4px;
	margin-bottom: 80px;
	padding-top: 150px; /* push mainNav down */
	width: 1041px;
}


div#mainContent, div#footer{
x	background-color: red;
	
x	height: 600px;
	margin-left: 54px;
x	padding-right: 35px;
x	padding-bottom: 200px;
	width: 739px;
}

div#mainContent #article, #mainContent #commentContainer{
	margin-bottom: 60px;
	padding-right: 35px;	
}

div#mainContent div#article div.postContainer{ margin-bottom: 60px;}

div#mainContent #article{ border-right: 1px solid #D1D1D1;}

div#mainContent.solo #article{ border-right: 1px solid #fff;}

/* Blog Comment Area */

#mainContent #commentContainer ol{ margin-bottom: 11px;}

#mainContent #commentContainer ol li{
	border-bottom: 1px solid #d1d1d1; 
	min-height: 93px; /* May have to use height here instead. For IE 7? */
	padding: 12px 0;
}



/* Comment Forms*/
#addComment{height: 257px;}
form.noteworthy #addComment{height: auto;} /* for Noteworthy insert form */
form.noteworthy { display: none;} /* for noteworthy insert form */

/* Noteworthy RSS fields */
p.noteworthy_rss_inputs{ display: none; margin-top: -82px;}
p.noteworthy_rss_inputs input{ /* naming needs improving... */
	width: 244px;
}

#mainContent #commentContainer label, #mainContent input.commentField, #mainContent textarea{display: block; width: 98%;}

#mainContent label {margin-bottom: 9px;}
#mainContent textarea { border: 1px solid #a6292d; height: 213px; margin-bottom: 30px;}
#mainContent input {height: 22px; margin-bottom: 15px;}

#mainContent #commentContainer #wordContainer{
	margin-right: 0;
	width: 421px;
}

#contactSuccessMsg{
	background-color: #eee;
	display: none;
	margin-left: 0;
	padding: 15px;
	position: absolute;
	
}
#contactSuccessMsg p{
	margin-left: 0 !important;
}

.hidden{
	display: none;
}

div#secondaryContent{
	float: right;
	padding-right: 12px;
	width: 222px; /* 180px of ul  */
}

/* Footer */
div#footer{
	clear: both;
	height: 100px;
	padding-right: 35px; 
	width: 673px;
}

#wpstats{ display:none;} /* Hide the WP smileyface on the blog pages */


/* Folio Image with text right aligned*/
div#mainContent div.folioPieceContainer{ margin-bottom: 30px;}

div#mainContent div.folioPieceContainer img{ width: 432px; }
div#mainContent div.folioPieceContainer div.caption{ width: 249px; }



/* Folio Image Rollovers */
.folioImg{
	border-bottom: none;
	display: block;
	height: 160px;
	width: 432px;
}


.folio_byuiAct {background: #666 url(../images/folio/byuiAct_thumb.png) 0px 0px no-repeat;}
.folio_byuiAct:hover {background: #666 url(../images/folio/byuiAct_thumb.png) 0px -160px no-repeat;}
.folio_saluzzi {background: #666 url(../images/folio/saluzzi_thumb.png) 0px 0px no-repeat;}
.folio_saluzzi:hover {background: #666 url(../images/folio/saluzzi_thumb.png) 0px -160px no-repeat;}
.folio_snacksearcher {background: #666 url(../images/folio/snacksearcher_thumb.png) 0px 0px no-repeat;}
.folio_snacksearcher:hover {background: #666 url(../images/folio/snacksearcher_thumb.png) 0px -160px no-repeat;}

.folio_runnerspulse {background: #666 url(../images/folio/runnerspulse_thumb.png) 0px 0px no-repeat;}
.folio_runnerspulse:hover {background: #666 url(../images/folio/runnerspulse_thumb.png) 0px -160px no-repeat;}
.folio_homegift {background: #666 url(../images/folio/homegift_thumb.png) 0px 0px no-repeat;}
.folio_homegift:hover {background: #666 url(../images/folio/homegift_thumb.png) 0px -160px no-repeat;}
.folio_jamischarles {background: #666 url(../images/folio/jamischarles_thumb.png) 0px 0px no-repeat;}
.folio_jamischarles:hover {background: #666 url(../images/folio/jamischarles_thumb.png) 0px -160px no-repeat;}

/* Grid Structure 
-------------------------------------------------------------- */
/* Paragraph Widths*/
#mainContent p, #mainContent h2, #mainContent h3, #tagCatContainer, #mainContent ul, #mainContent ol, #commentContainer blockquote{
	margin-left: 194px;
}

#mainContent .full, #mainContent ol.noteworthy p{
	margin-left: 0;
}

/* Module Sizes */
.one{width: 80px;}

.two {width: 170px;}

.three {width: 262px;}	

.four {width: 353px;}	

.five {width: 444px;}

.six {width: 536px;}

.seven{width: 626px;}

.eight{width: 703px;}

/* Module Placement */
.left {float: left; margin-right: 20px;}
.right {float: right; margin-left: 20px;}

/* Addtional */
img.solo {margin-bottom: 10px;}

#mainContent p.caption{margin-top: 4px; margin-left: 0;} /* take out margin-left and it's an inset*/


/* Typography
-------------------------------------------------------------- */
body{
	color: #3a3a3a;
x	font-family: Tahoma; /* Use font stacks?*/ 
	font-family: Verdana; 
}

p{
	font-size: 13.5px; /* was 14px. Consider Font Matrix stacking? */
	line-height: 21px;
	margin-top: 10px; /* Use only one of these if you want it closer to H or image??*/
	margin-bottom: 18px;
}

p.subtitle{
	color: #848484;
	font-family: Georgia; /* Line up better font-stacking... ?*/
	font-size: 12px;
	font-style: italic;
	line-height: 17px;
}

img + p.caption{ /* Caption when it's right after an image... */
	color: #848484;
	font-family: Georgia; /* Line up better font-stacking... ?*/
	font-size: 11px;
	font-style: italic;
	line-height: 17px;
}

#mainContent p.date + p{ /* was p.first*/
	color: #666;
	font-family: Georgia;
	font-size: 19px; /* 22 if we use Verdana?*/
x	font-style: italic;
	line-height: 25px;
}

#mainContent img{
	border: 1px solid #eee;
	padding: 1px;
}

/*
#mainContent p.first {
	background-color: #eee;
	display: block;
	float: left;
	font-size: 64px;
	font-style: normal;
	line-height: 60px;
	width: 30px;
}*/


/* apply to first letter of p when p is followed by p.date
NEEDS CLEANING

*/

/* not working really... */
#mainContent p.date + p:first-line{
x	color: #000;
x	font-size: 16px;
	font-variant: small-caps;
x	text-transform: uppercase;
}





/* For non-FLIR */
#mainContent p.date + p > span, #mainContent p.date + p:first-letter { 
x	background-color: #eee;
x	color: ;
	display: block;
	float: left;
	font-size: 55px;
	font-style: normal;
	margin: 6px 9px 0 0; /* Safari Mac wants a top margin of 2px*/
	line-height: 48px;
x	width: 37px;

} 

/* For FLIR*/
#mainContent p.date + p > span{
x	background-color: red;
	font-size: 65px;
	line-height: 60px;
	margin-top: 2px;
}

#secondaryContent p{ font-size: 11px; line-height: 15px; width: 180px;}

#mainContent .caption, #mainContent .caption p{
	font-size: 12px;
	line-height: 16px;
	margin-left: 0;
	margin-top: 0;
}

/* H's */
h1, h2{
	color: #a6292d;
	font-family: Georgia;
	font-weight: normal; 
}

h1{
	font-size: 36px;
x	margin-bottom: 35px;
	letter-spacing: -1px;
}

h2{ /* Contextual use of h's?*/
	font-size: 28px; 
	line-height: 36px;
	margin-bottom: 7px;
}

div#article h2{
	color: #3a3a3a;
	font-family: Tahoma;
	font-size: 18px;
x	font-weight: bold;
	line-height: 10px;
	margin-top: 28px
}

h3{
	color: #3a3a3a;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	line-height: 1px;
	margin-top: 23px;
	text-transform: uppercase;
}


div#mainContent .folioPieceContainer h3{
	line-height: 16px;
	margin-left: 0;
	margin-top: 0;
}

hr{
	background:transparent url(../images/bg_headings.png) repeat-x scroll left bottom;
	border: 0;
	height: 3px;
	margin-top: 7px;
}

div#article hr, div#addComment hr{
	margin-bottom: 30px;
}




/* Blockquotes, quotes... */
blockquote{ /* may need to be adjusted once I use quotes in other places...*/
	background: url(../images/headings_sprite.png) -1593px -112px no-repeat;
x	border-top: 2px solid #6195cf;
x	border-bottom:1px dashed #EEEEEE; /* not sure */
	color: #666;
	font-family: Georgia;
	font-size: 12px;
	font-style: italic;
	margin-top: -11px;
	line-height: 17px;
	padding-left: 40px;
x	padding-top: 7px;
	padding-top: 5px;
	padding-bottom: 14px;
x	text-indent: 1em;
}



div#article ul{ margin-bottom: 18px;}

div#article ul li{
	background: transparent url(../images/bullet.png) no-repeat 0px 3px;
	font-size: 11px;
	line-height: 14px;
x	list-style-image: url(../images/bullet.png);
x	list-style-position: inside;
x	list-style-type: disc;
	margin: 10px 0;
	padding-left: 26px;
}

.ulTitle{ margin-bottom: 0px;}

/* Heading Img Replacements*/
h1#hWork a, h1#hAbout, h1#hContact, h2#hThoughts a, h2#hNoteworthy a, h2#hWords, h2#hAddOwn,
h2#hAbout, h2#hSearch, h2#hCategories{ display: block; text-indent: -9000px;}
 
h1#hWork a{
	background: transparent url(../images/headings_sprite.png) -423px -99px no-repeat;
	border-bottom: 2px solid #fff;
	width: 134px;
}
h1#hWork a:hover{ 
x	background: transparent url(../images/headings_sprite.png) -423px -18px no-repeat; 
	border-bottom: 2px solid #666;
}

h1#hAbout {
	background: transparent url(../images/headings_sprite.png) -1755px -99px no-repeat;
	width: 134px;
}

h1#hContact {
	background: transparent url(../images/headings_sprite.png) -1947px -99px no-repeat;
	width: 134px;
}


/* SideBar and other non-h1 Heading Replacements*/

h2#hThoughts a{
	background: transparent url(../images/headings_sprite.png) -225px -99px no-repeat;
	width: 98px;
}
h2#hThoughts a:hover{ background: transparent url(../images/headings_sprite.png) -225px -18px no-repeat;}

h2#hNoteworthy a{
	background: transparent url(../images/headings_sprite.png) -11px -99px no-repeat;
	width: 127px;
}
h2#hNoteworthy a:hover{ background: transparent url(../images/headings_sprite.png) -11px -18px no-repeat;}


h2#hWords{
	background: transparent url(../images/headings_sprite.png) -974px -99px no-repeat;
	width: 168px;
}


h2#hAddOwn{
	background: transparent url(../images/headings_sprite.png) -668px -99px no-repeat;
	width: 200px;
}


h2#hAbout{
	background: transparent url(../images/headings_sprite.png) -2145px -94px no-repeat;
	width: 118px;
}

h2#hSearch{
	background: transparent url(../images/headings_sprite.png) -2286px -106px no-repeat;
	width: 118px;
}

h2#hCategories{
	background: transparent url(../images/headings_sprite.png) -2415px -106px no-repeat;
	margin-top: 18px; /* Search box workaround. because of search box. Not best way of doing it...*/
	width: 168px;
}


/* Main Content Div */





/* Amount of Total Comments*/
#mainContent .commentNum{ 
	color: #a6292d;
	font-size: 18px;
	text-align: right;
}

/* Comment Number IMAGE Replacements... */
span.commentNumber span{
	display: block;
	float: left;
	text-indent: -9000px;
x	margin-right: 4px;
	width: 30px;
}

 
/* TODO - adjust individual letters based on their combinations... */

span.commentNumber span.cNum1{background: transparent url(../images/blog_date_sprite.png) no-repeat -412px -26px; width: 14px;}
span.commentNumber span.cNum2{background: transparent url(../images/blog_date_sprite.png) no-repeat -409px -74px; width: 18px;}
span.commentNumber span.cNum3{background: transparent url(../images/blog_date_sprite.png) no-repeat -410px -117px; width: 16px;}
span.commentNumber span.cNum4{background: transparent url(../images/blog_date_sprite.png) no-repeat -409px -160px; width: 18px;}

span.commentNumber span.cNum5{background: transparent url(../images/blog_date_sprite.png) no-repeat -410px -204px; width: 15px;}
span.commentNumber span.cNum6{background: transparent url(../images/blog_date_sprite.png) no-repeat -409px -247px; width: 17px;}
span.commentNumber span.cNum7{background: transparent url(../images/blog_date_sprite.png) no-repeat -409px -290px; width: 17px;}
span.commentNumber span.cNum8{background: transparent url(../images/blog_date_sprite.png) no-repeat -410px -333px; width: 17px;}

span.commentNumber span.cNum9{background: transparent url(../images/blog_date_sprite.png) no-repeat -409px -376px; width: 17px;}
span.commentNumber span.cNum0{background: transparent url(../images/blog_date_sprite.png) no-repeat -409px -420px; width: 19px;}

/* Additional adjustments for proper typographic display*/
span.commentNumber span + span{ /* when there's a span directly followed by another...*/
	
}

span.commentNumber span + span.cNum1{margin-left: 2px;} 


/* Comment Image Replacements */
div#commentContainer .commentNo, div#commentContainer .by{
	display: block;
	text-indent: -9000px;
}


div#commentContainer .commentNo{ 
	background: transparent url(../images/headings_sprite.png) -1231px -99px no-repeat;
	color: #a6292d;
	float: left;
	font-size: 36px;
	line-height: 40px;
	margin-right: 7px;
	width: 40px;
}


div#commentContainer .commentNumber{
	color: #a6292d;
	float: left;
	font-family: Garamond, Georgia;
	font-size: 30px;
	line-height: 40px;
	padding-right: 4px;
}

div#commentContainer .by{
	background: url(../images/headings_sprite.png) -1495px -99px no-repeat;
	float: left;
	font-size: 12px;
	line-height: 40px;
	margin-left: 4px;
	width: 30px;
}

/* CommentNum is the total amount of comments */
#mainContent .commentNum span{font-size: 36px; line-height: 40px;}
/* rest of comment data styles */
div#commentContainer cite{ 
	clear: both; 
	float: left;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
}

div#commentContainer .commentmetadata {
	float: left; 
	clear: both;
	font-size: 12px;
	line-height: 18px;
}

div#commentContainer .commentLabel {
	/* fixed height, so trackbacks don't look ugly b/c of floats */
	height: 74px;
	overflow: hidden;
}

/* Blog Comment Area */
#mainContent #commentContainer ol li p{
	font-size: 12px;
	line-height: 19px;
}

#mainContent #commentContainer div{
	font-size: 14px;
	line-height: 16px;
}

#tagCatContainer{
	border-top: 1px dashed #c8c8c8;
	padding-top: 5px;
}
#tagCatContainer p.small{	
	font-size: 11px;
}

/* Blog Comment Forms*/
#mainContent textarea, #mainContent input{
	background-color: #eee; 
	border: 0;
	border-top: 2px solid #a6292d; 
	color: #3F3F3F; 
	padding-top: 5px;
	padding-left: 6px;

}

#mainContent label{
	color: #666666;
	font-family: georgia;
	font-size: 11px;
x	font-style: italic;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 13px;
	text-transform: uppercase;
}
	
#mainContent textarea:hover, #mainContent input:hover{
	background-color: #f2f1f1; /* or #f4f3f3 which is lighter*/
}
	
#mainContent textarea:focus, #mainContent input:focus{
	background-color: #fff; 
	border-top: 2px solid #a6292d; 
	color: #3F3F3F;
}

#mainContent textarea { 
	height: 213px; 
}

#mainContent textarea:focus { 
	height: 213px;
}

#mainContent input { 
x	background-color: #ca7f81; 
x	border: 1px solid #fff;
}
#mainContent input:focus{
x	background-color: #fff;
x	border: 1px dashed #A6292D;
}

#mainContent input#commentSubmit{ 
	background: transparent url(../images/bg_submit.png) 0px -56px no-repeat; 
	border: none; 
	cursor: pointer;
	display: block; 
	height: 41px; 
	width: 117px;
}

#mainContent input#commentSubmit:hover, #mainContent input#commentSubmit:focus{ background: transparent url(../images/bg_submit.png) 0 0 no-repeat;}


/* Secondary Content Div */
div#secondaryContent h2{ /*margin-left: 9px;*/ margin-bottom: 1px;}

div#secondaryContent {
	color: #4e4e4e;
	font-size: 11px;
}

div#secondaryContent ul{ margin: 0 0 12px 0px; width: 180px;}

div#secondaryContent ul li{ /* use first pseudo class for top border?*/
	border-top: 1px dashed #c8c8c8;
	line-height: 13px;
	padding: 5px 8px;
}
div#secondaryContent ul li.last{ border-bottom: 1px dashed #c8c8c8;}


div#footer{
	border-top: 1px solid #d1d1d1;
}

div#footer p{
	font-size: 10px;
	line-height: 16px;
	margin-top: 10px;
}	

/* Date Block */
#mainContent .date{
	color: #737373;
	font-size: 18px;
	font-variant: small-caps;
	margin-top: 0;
}

#mainContent .date span{
	color: #a6292d;
	display: block;
	text-indent: -9000px;
}

#article .date span.day{ font-size: 36px; line-height: 31px; width: 104px;}
#article .date span.month{ float: left; font-size: 18px; line-height: 23px; padding-right: 3px; width: 104px;}
#article .date span.year{ float: left; font-size: 18px; line-height: 23px; width: 50px;}
 
/* Sprite Bg's for Blog Date Blog */
/* days */
#article .date span.d31{ background: transparent url(../images/blog_date_sprite.png) no-repeat -138px -89px ;}
#article .date span.d30{ background: transparent url(../images/blog_date_sprite.png) no-repeat -138px -149px ;}

#article .date span.d29{ background: transparent url(../images/blog_date_sprite.png) no-repeat -138px -209px ;}
#article .date span.d28{ background: transparent url(../images/blog_date_sprite.png) no-repeat -138px -269px ;}
#article .date span.d27{ background: transparent url(../images/blog_date_sprite.png) no-repeat -138px -329px ;}
#article .date span.d26{ background: transparent url(../images/blog_date_sprite.png) no-repeat -138px -389px ;}
#article .date span.d25{ background: transparent url(../images/blog_date_sprite.png) no-repeat -138px -449px ;}
#article .date span.d24{ background: transparent url(../images/blog_date_sprite.png) no-repeat -138px -509px ;}
#article .date span.d23{ background: transparent url(../images/blog_date_sprite.png) no-repeat -138px -569px ;}
#article .date span.d22{ background: transparent url(../images/blog_date_sprite.png) no-repeat -138px -629px ;}
#article .date span.d21{ background: transparent url(../images/blog_date_sprite.png) no-repeat -138px -689px ;}
#article .date span.d20{ background: transparent url(../images/blog_date_sprite.png) no-repeat -138px -749px ;}

#article .date span.d19{ background: transparent url(../images/blog_date_sprite.png) no-repeat -138px -809px ;}
#article .date span.d18{ background: transparent url(../images/blog_date_sprite.png) no-repeat -138px -869px ;}
#article .date span.d17{ background: transparent url(../images/blog_date_sprite.png) no-repeat -138px -929px ;}
#article .date span.d16{ background: transparent url(../images/blog_date_sprite.png) no-repeat -20px -29px ;}
#article .date span.d15{ background: transparent url(../images/blog_date_sprite.png) no-repeat -20px -89px ;}
#article .date span.d14{ background: transparent url(../images/blog_date_sprite.png) no-repeat -20px -149px ;}
#article .date span.d13{ background: transparent url(../images/blog_date_sprite.png) no-repeat -20px -209px ;}
#article .date span.d12{ background: transparent url(../images/blog_date_sprite.png) no-repeat -20px -269px ;}
#article .date span.d11{ background: transparent url(../images/blog_date_sprite.png) no-repeat -20px -329px ;}
#article .date span.d10{ background: transparent url(../images/blog_date_sprite.png) no-repeat -20px -389px ;}

#article .date span.d9{ background: transparent url(../images/blog_date_sprite.png) no-repeat -20px -449px ;}
#article .date span.d8{ background: transparent url(../images/blog_date_sprite.png) no-repeat -20px -509px ;}
#article .date span.d7{ background: transparent url(../images/blog_date_sprite.png) no-repeat -20px -569px ;}
#article .date span.d6{ background: transparent url(../images/blog_date_sprite.png) no-repeat -20px -629px ;}
#article .date span.d5{ background: transparent url(../images/blog_date_sprite.png) no-repeat -20px -689px ;}
#article .date span.d4{ background: transparent url(../images/blog_date_sprite.png) no-repeat -20px -749px ;}
#article .date span.d3{ background: transparent url(../images/blog_date_sprite.png) no-repeat -18px -809px ;}
#article .date span.d2{ background: transparent url(../images/blog_date_sprite.png) no-repeat -17px -869px ;}
#article .date span.d1{ background: transparent url(../images/blog_date_sprite.png) no-repeat -20px -929px ;}

/* months */
#article .date span.December{ background: transparent url(../images/blog_date_sprite.png) no-repeat -253px -609px; width: 106px;}
#article .date span.November{ background: transparent url(../images/blog_date_sprite.png) no-repeat -253px -639px; width: 108px;}
#article .date span.October{ background: transparent url(../images/blog_date_sprite.png) no-repeat -253px -669px; width: 97px;}
#article .date span.September{ background: transparent url(../images/blog_date_sprite.png) no-repeat -253px -699px; width: 109px;}
#article .date span.August{ background: transparent url(../images/blog_date_sprite.png) no-repeat -253px -729px; width: 84px;}
#article .date span.July{ background: transparent url(../images/blog_date_sprite.png) no-repeat -253px -759px; width: 56px;}

#article .date span.June{ background: transparent url(../images/blog_date_sprite.png) no-repeat -253px -789px; width: 60px;}
#article .date span.May{ background: transparent url(../images/blog_date_sprite.png) no-repeat -253px -819px; width: 58px;}
#article .date span.April{ background: transparent url(../images/blog_date_sprite.png) no-repeat -253px -849px; width: 69px;}
#article .date span.March{ background: transparent url(../images/blog_date_sprite.png) no-repeat -253px -879px; width: 82px;}
#article .date span.February{ background: transparent url(../images/blog_date_sprite.png) no-repeat -253px -909px; width: 98px;} 
#article .date span.January{ background: transparent url(../images/blog_date_sprite.png) no-repeat -253px -939px; width: 87px;}

/* years */
#article .date span.y2020{ background: transparent url(../images/blog_date_sprite.png) no-repeat -255px -100px ;}
#article .date span.y2019{ background: transparent url(../images/blog_date_sprite.png) no-repeat -255px -136px ;}
#article .date span.y2018{ background: transparent url(../images/blog_date_sprite.png) no-repeat -255px -172px ;}
#article .date span.y2017{ background: transparent url(../images/blog_date_sprite.png) no-repeat -255px -208px ;}
#article .date span.y2016{ background: transparent url(../images/blog_date_sprite.png) no-repeat -255px -244px ;}
#article .date span.y2015{ background: transparent url(../images/blog_date_sprite.png) no-repeat -255px -280px ;}
#article .date span.y2014{ background: transparent url(../images/blog_date_sprite.png) no-repeat -255px -316px ;}
#article .date span.y2013{ background: transparent url(../images/blog_date_sprite.png) no-repeat -255px -352px ;}
#article .date span.y2012{ background: transparent url(../images/blog_date_sprite.png) no-repeat -255px -388px ;}
#article .date span.y2011{ background: transparent url(../images/blog_date_sprite.png) no-repeat -255px -424px ;}
#article .date span.y2010{ background: transparent url(../images/blog_date_sprite.png) no-repeat -255px -460px ;}
#article .date span.y2009{ background: transparent url(../images/blog_date_sprite.png) no-repeat -255px -496px ;}
#article .date span.y2008{ background: transparent url(../images/blog_date_sprite.png) no-repeat -255px -532px ;}
#article .date span.y2007{ background: transparent url(../images/blog_date_sprite.png) no-repeat -255px -568px ;}








/* Noteworthy Archive Page ol styles */

ol.noteworthy{ margin-bottom: 20px;}

ol.noteworthy li{
	border-top: 1px dashed #D1D1D1;
	min-height: 50px;
	padding: 20px 0;
}

ol.noteworthy li.first{
	border-top: 1px solid #a6292d;
x	padding-top: 0;
}

ol.noteworthy li span.actions_menu{ /* Works for now...*/
	font-size: 11px; 
	line-height: 19px; 
	height: 190px; 
x	right: 191px; 
x	padding-left: 72px;
x	position: absolute; 
	width: 213px;
}

div.noteworthy p.date{
	border-top: 2px solid #a6292d;
	padding-top: 20px;
}


/* Noteworthy Right Rail Snippet */

div#secondaryContent ul.noteworthy p{
	margin: 3px 0 5px 0;
}

div#secondaryContent ul.noteworthy em{
x	font-family: georgia;

}

/* Navigation
-------------------------------------------------------------- */
/* General Links */
a{
	border-bottom: 1px solid #d1d1d1;
	color: #848484;
	text-decoration: none;
}

a:hover{background-color: #848484; color: #fff;}

div#secondaryContent a{
	border: none;
	display: block;
	overflow: hidden; /* fix links that go to wide...*/
	padding: 4px;
}

div#secondaryContent ul.noteworthy a{
x	border: none;
	border-bottom: 1px solid #D1D1D1;
	display: inline;
	padding: 0;
}

h1 a{
	border: none;
	color: #a6292d;
	text-decoration: none;
}

h1 a:hover{
	background-color: #a6292d;
	color: #fff;
}


/* Main Nav */
div#mastHead div#navMain{
x	background-color: #eee;
	height: 64px;
	
}

div#navMain a, span#navSpacer{
	border-bottom: none;
	display: block;
	float: left;
	height: 64px;
	text-indent: -9000px;
	width: 182px;
}

span#navSpacer{ background: url(../images/bg_nav_spacer.png) top left repeat-x; width: 78px;}
div#navMain a#navLogo{ float: right;}


div#navMain a#navHome{ width: 53px;}

/* Rollover States for Main Nav */
div#navMain a#navHome{ background: transparent url(../images/bg_nav.png) 0 0 no-repeat; opacity: 1;}
div#navMain a#navHome:hover{ background: transparent url(../images/bg_nav.png) 0 -90px no-repeat; opacity: 1;}

div#navMain a#navAbout{ background: transparent url(../images/bg_nav.png) -53px 0 no-repeat; opacity: 1;}
div#navMain a#navAbout:hover{ background: transparent url(../images/bg_nav.png) -53px -90px no-repeat; opacity: 1;}

div#navMain a#navFolio{ background: transparent url(../images/bg_nav.png) -235px 0 no-repeat; opacity: 1;}
div#navMain a#navFolio:hover{ background: transparent url(../images/bg_nav.png) -235px -90px no-repeat; opacity: 1;}

div#navMain a#navBlog{ background: transparent url(../images/bg_nav.png) -417px 0 no-repeat; opacity: 1;}
div#navMain a#navBlog:hover{ background: transparent url(../images/bg_nav.png) -417px -90px no-repeat; opacity: 1;}

div#navMain a#navContact{ background: transparent url(../images/bg_nav.png) -599px 0 no-repeat; opacity: 1;}
div#navMain a#navContact:hover{ background: transparent url(../images/bg_nav.png) -599px -90px no-repeat; opacity: 1;}

div#navMain a#navLogo{ background: transparent url(../images/bg_nav.png) -820px 0 no-repeat; opacity: 1;}
div#navMain a#navLogo:hover{ background: transparent url(../images/bg_nav.png) -820px -90px no-repeat; opacity: 1;}



/* Nav rules to make WP happy */
div#mainContent div.navigation{
	font-size: 11px;
	line-height: 14px;
	height: 35px;
}

div#mainContent div.navigation div{ width: 45%;}

.textRight {text-align: right;}