body, p, td, li, dl   { color: #111; font-size: 12px; font-family: Helvetica, "Lucida Grande", Geneva, Arial, Swiss, SunSans-Regular }

body {

background-color: #ffffff;
background-image: -webkit-gradient(linear, left top, left bottom, to(rgb(255, 255, 255)), from(rgb(163, 181, 227)));
background-image: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(163, 181, 227));
background-image: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(163, 181, 227));
background-image: -o-linear-gradient(top, rgb(255, 255, 255), rgb(163, 181, 227));
background-image: -ms-linear-gradient(top, rgb(255, 255, 255), rgb(163, 181, 227));
background-image: linear-gradient(top, rgb(255, 255, 255), rgb(163, 181, 227));
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#a3b5e3');

	background-attachment: fixed;
	background-position: 0 0;

	margin-top: 0;
	margin-right: 6%;
	margin-left: 6%; 

alink: "#ff99ff"; bgcolor: "white"; link: "red"; vlink: "#197ed7"; max-width:1222px   }
a      { color: #444; text-decoration: none; border-bottom: 1px dashed }
a:visited  { color: #444; text-decoration: none; border-bottom: 1px dotted }
a:hover    { color: #b22222; text-decoration: none; background-color: #d5d5d5 }

h1                    { color: #041435; font-size: 20px; font-family: Helvetica, "Lucida Grande", Arial, Geneva, Swiss, SunSans-Regular; margin-top: 36px; margin-bottom: 22px;
	text-shadow: #bbb 1px 1px 2px }
.title { color: #133697; font-weight: bold; font-size: 420%; line-height: 80%; letter-spacing: -2px; margin-bottom: 0; border-bottom: 1px solid #f66338   }
.subtitle { color: #616161; font-size: 70%; font-family: Helvetica, Arial, Geneva, Swiss, SunSans-Regular; margin-top: 28px }
h2               { color: #222; font-size: 15px; font-family: Helvetica, "Lucida Grande", Arial, Geneva, Swiss, SunSans-Regular; margin-top: 42px; margin-bottom: 22px; text-shadow: #bbb 1px 1px 2px }
h3             {
	color: #222;
	font-size: 13px;
	font-family: Helvetica, "Lucida Grande", Arial, Geneva, Swiss, SunSans-Regular;
	margin-top: 20px;
	text-shadow: #bbb 1px 1px 2px  }
.date { color: #e2e2e2; font-weight: bold; font-size: 600%; text-align: right }
h4          {
	color: #222;
	font-size: 12px;
	font-family: Helvetica, "Lucida Grande", Arial, Geneva, Swiss, SunSans-Regular ;
	clear: left; }
h5      { color: #222; font-size: 11px; font-family: Helvetica, "Lucida Grande", Arial, Geneva, Swiss, SunSans-Regular }
h6     { color: #222; font-weight: normal; font-size: 11px; font-family: Helvetica, "Lucida Grande", Arial, Geneva, Swiss, SunSans-Regular }

p, dd   { line-height: 1.5em; margin-top: 0.3em; margin-bottom: 0.3em }
dt { margin-top: 6px }

li { line-height: 1.5em; }
ul li { list-style-image: url(../_media/design/marker.gif); }

blockquote, blockquote p    { font-style: italic; font-size: 1.1em; line-height: 1em; font-family: Optima, Candara, Lucida }
.sans9     { font-size: 10px; font-family: Helvetica, "Lucida Grande", Geneva, Arial, Swiss, SunSans-Regular }
.sans11      { font-size: 11px; font-family: Helvetica, "Lucida Grande", Geneva, Arial, Swiss, SunSans-Regular }
.email      { font-size: 11px; font-family: Monaco, "Courier New", Courier, monospace; margin-right: 44px; margin-left: 44px }
.email blockquote { font-style: normal; margin-left: -30pt; padding-left: 35pt; border-left: 3px solid #696969 }
.figure       { color: #444; font-size: 9pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: left; margin-bottom: 1em; padding-left: 30pt }
.gray     { color: #696969 }
.marker { background-color: #ffff4f }
.markergreen  { background-color: #93ff67 }
.markerred { background-color: #ff8fb1 }
.legend   { font-size: 9px; font-family: Helvetica, "Lucida Grande", Geneva, Arial, Swiss, SunSans-Regular; margin-top: 55px }
.invisible { background-color: #bababa; display: none }
.indent   { margin-right: 30pt; margin-left: 30pt }

/* Navigaation via http://aplus.rs/adxmenu/examples/htb/ */
.header {
	background: url(../_media/design/y80.png) left bottom;
	height: 4em;
	margin-bottom: 18px;
	padding-top: 7px; padding-left: 22px;
	border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #fff;
	z-index: 2;
	-webkit-border-radius: 11px;
	-webkit-box-shadow: 3px 3px 3px rgba(194, 194, 194, 0.3);
	-moz-border-radius: 11px;
	-moz-box-shadow: 3px 3px 3px rgba(194, 194, 194, 0.3);
	border-radius: 11px;
	box-shadow: 3px 3px 3px rgba(194, 194, 194, 0.3)
	}

.header a { border-bottom: medium none }

#top { margin-right: 11px; }

.menu ul {
	margin: 0; padding: 0; border: 0; list-style-type: none; display: block;
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;	
	}

.menu li { font-weight: bold; margin: 0; padding: 1px 8px 2px; display: block; float: left; position: relative; z-index: 5; background-image: url(../_media/design/buttonnormal.gif); border-color: white #aaa #aaa white; border-style: none solid solid none; border-width: 1px; }
.menu li:empty { background-image: none; padding-right: 4px; border-style: none; border-width: 0; }

.menu li:hover, .menu li:hover>a { color: #fff; z-index: 10000; white-space: normal; background-image: url(../_media/design/buttonhover.gif); }

.menu li li { float: none; min-width: 150px; }
.menu li li a { padding-right: 1em; }
.menu li:hover>ul {
	visibility: visible;
	top: 100%;
	-webkit-box-shadow: 1px 1px 7px #aaa;
	-moz-box-shadow: 1px 1px 7px #aaa;
	box-shadow: 1px 1px 7px #aaa;
	}

.menu li li:hover>ul {
	top: 0;
	left: 100%;
	}


.rssicon, { position: absolute; left: 95% }
.socialbadge { position: absolute; top: 6px; right: 7%; z-index: 6; }

p.menu a   {
	font-size: 95%;
	background-image: url(../_media/design/buttonnormal.gif);
	margin-right: -1px;
	margin-left: -2px;
	padding: 3px 6px;
	border-style: solid;
	border-width: 1px;
	border-color: white #aaa #aaa white;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px  }
p.menu a:hover { color: white; background-image: url(../_media/design/buttonhover.gif); }


.maincolumn              { background: url(../_media/design/y70.png) repeat left top; padding: 22px; border-style: solid; border-width: 1px; border-color: #fff #ccc #ccc #fff; z-index: 2;
	-moz-border-radius: 11px;
	-moz-box-shadow: 3px 3px 3px rgba(194, 194, 194, 0.3);
	-webkit-border-radius: 11px;
	-webkit-box-shadow: 3px 3px 3px rgba(194, 194, 194, 0.3);
	border-radius: 11px;
	box-shadow: 3px 3px 3px rgba(194, 194, 194, 0.3) }
.maincolumn h1   { background: no-repeat right top; margin-top: -22px; margin-right: -22px; padding-top: 33px; padding-right: 50px; position: relative }
.maincolumn p,li,dl { margin-right: 15% }

.portrait  {
	margin-right: 5px;
	margin-bottom:10px;
	border-width: 3px 3px 5px;  border-color: white;

	-webkit-box-shadow: 1px 1px 6px #999;
	-moz-box-shadow: 1px 1px 6px #999;
	box-shadow: 1px 1px 6px #999;

	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	ms-transform: rotate(-3deg); }

.shadow  {
	-webkit-box-shadow: 1px 1px 6px #999;
	-moz-box-shadow: 1px 1px 6px #999;
	box-shadow: 1px 1px 6px #999; }
	
/* Layout */
div.container   { padding-right: 170px; position: relative }
div.c-primary   {}
div.c-secondary { clear: both; position: absolute; top: -20px; right: 0px; width: 150px }

/* Tag Cloud */
h2.delicious-banner { width: 0px; height: 0px; visibility: hidden }
.delicious-list a { border: none }

.tweetmeme   { float: right; margin-top: -50px; margin-bottom: 3px; margin-left: 3px; z-index: 11 }

/* link indicators */
.maincolumn a[href^="http"] {
	padding-left: 11px;
	background: transparent url(../_media/general/linkExternal.gif) no-repeat center left; }

.maincolumn a[href^="http://www.slideshare.net"],
.maincolumn a[href^="http://slideshare.net"]
{
	padding-left: 16px;
	background: transparent url(../_media/general/slideshare.gif) no-repeat center left; }

.maincolumn a[href$=".pdf"] {
	padding-left: 16px;
	background: transparent url(../_media/general/pdf.gif) no-repeat center left; }

.maincolumn a[href^="http://www.amazon."] {
	padding-left: 18px;
	background: transparent url(../_media/general/amazon16.gif) no-repeat center left; }
	
/* link indicator exceptions */	
.nolinkimage {}
.maincolumn .nolinkimage a,
.maincolumn a.nolinkimage,
.maincolumn .feedburnerFeedBlock a,
.maincolumn .delicious-list a,
.maincolumn #flickr_badge_wrapper a,
.maincolumn h1 a,
.maincolumn h3 a,
.maincolumn .legend a,
.maincolumn a[href^="http://twitter"]
	{
	padding-left: 0px;
	background: none;
	}