body
{
	font-family: georgia,garamond,verdana,helvetica,arial,sans-serif;
	font-size: 8pt;
	color: #444;
	background-image: url(/images/background1.png);
}

strong
{
	font-weight: bold;
}

#container
{
	margin: 0 auto;
	background-color: transparent;
	position: relative;
	text-align: left;
	width: 990px;
}

#top
{
	height: 99px;
}

#topleft
{
	display: inline;
	width: 40px;
	float: left;
	margin-top: 40px;
}

#topcenter
{
	display: inline;
	width: 910px;
	float: left;
	margin-top: 10px;
	padding-left: 1px;
}

#topright
{
	display: inline;
	width: 40px;
	float: left;
}

#middle
{
	clear: both;
}

#middleleft
{
	display: inline;
	width: 40px;
	float: left;
	margin-top: 300px;
}

#middlecenter
{
	display: inline;
	width: 910px;
	float: left;
	min-height: 658px;
}

#contenttop
{
	background: url(../images/content-background-top.png) left top no-repeat;
	width: 910px;
	height: 10px;
}

#contentmiddle
{
	background: url(../images/content-background-middle.png) left top repeat-y;
	width: 866px;
	min-height: 658px;
	padding: 5px 22px 0px 22px;
}

#textcontent #contentmiddle
{
	padding: 5px 22px 75px 22px;
}

h1, h1 a
{
	font-size: 18pt;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
}

h2
{
	font-size: 5em;
	font-weight: bold;
	color: #444;
	margin: 14px 0px 10px 0px;
	font-family: Garamond !important;
}

#middlecenter h3
{
	margin: 20px 0px 20px 0px;
	font-size: 1.3em;
}

a h3
{
	color: #444;
}

.author
{
	font-size: 0.55em;
}

#contentleft, #contentright
{
	width: 425px;
	float: left;
	font-size: 16px;
	line-height: 1.3em;
}

#contentleft
{
	margin-right: 15px;
}

#contentpicture
{
	margin-top: 15px;
}

#contentleft a:hover, #contentright a:hover
{
	color: #444;
	text-decoration: underline;
}

#contentleft p, #contentright p, #contentleft ul, #contentright ul, #contentleft ol, #contentright ol
{
	margin-bottom: 10px;
}

#contentleft ul li, #contentright ul li
{
	list-style-type: disc;
	color: #444;
	padding: 0;
	margin-left: 15px;
	padding-left: 15px;
}

#contentleft em, #contentright em
{
	font-style: italic;
}
#contentbottom
{
	clear: both;
	background: url(../images/content-background-bottom.png) left top no-repeat;
	width: 910px;
	height: 10px;
}

#middleright
{
	display: inline;
	width: 40px;
	float: left;
	margin-top: 300px;
}

#homebutton
{
	display: block;
	text-align: center;
	width: 32px;
	height: 37px;
}

#leftbutton, #rightbutton
{
	display: block;
	text-align: center;
	width: 32px;
	height: 47px;
}

.miniature, .miniature-active
{
	width: 129px;
	height: 98px;
	display: inline;
	float: left;
	padding: 1px 0px 0px 1px;
}

.miniature
{
	background: url(../images/minitiature-background.png) left top no-repeat;
}

.miniature-active
{
	background: url(../images/minitiature-background.png) left top no-repeat;
}

.miniature IMG
{
	border: solid 1px #FFF;
}

.miniature-active IMG
{
	border: solid 1px #666;
}

.footerlink
{
	color: #888;
	text-decoration: none;
}

.footerlink:hover
{
	color: #444;
	text-decoration: underline;
}

#bottom
{
	clear: both;
	float: left;
	width: 866px;
	font-family: arial,sans-serif;
	font-size: 11px !important;
	color: #444;
	padding: 30px 0px 0px 40px;
	background-color: #eee;
	border: solid 1px #999;
	margin: 15px 0 0 40px;
}

#bottom DT
{
	font-weight: bold;
	margin-bottom: 10px;
}

#bottom DL
{
	width: 18%;
	float: left;
	padding-bottom: 35px;
}

#bottom DD
{
	margin-top: 5px;
}

#bottom DD A
{
	color: #444;
}

#bottom DD A:hover
{
	text-decoration: none;
}

#legalfooter
{
	width: 910px;
	float: left;
	text-align: center;
	font-family: arial,sans-serif;
	font-size: 11px;
	color: #444;
	text-align: center;
	padding: 30px 0 10px 45px;
}

.story
{
	behavior: url(/scripts/-ms-transform.htc);
	width: 280px;
	height: 150px;
	background-color: White;
	border: solid 1px #999;
	padding: 10px;
	font-family: Georgia;
	position: absolute;
}

#storycollage
{
	clear: both;
	margin: 0 0 0 40px;
	width: 890px;
	height: 375px;
	overflow: auto;
	padding: 10px;
}

.story H2
{
	font-size: 2.7em;
}

.storycontent IMG
{
	margin-top: 10px;
	width: 280px;
	height: 75px;
}
.clearfix
{
	clear: both;
}

#caption
{
	margin: 20px 0 0 40px;
	width: 915px;
}

#caption H1
{
	font-family: garamond,verdana,helvetica,arial,sans-serif;
	font-size: 5.2em;
}

#captiontext
{
	float: right;
	text-align: right;
}

#captionimage
{
	float: left;
}

/* Story Text Page */
#textcontent #middle
{
	font-size: 1.4em;
	line-height: 1.4em;
}

#textcontent .subfolder
{
	padding-top: 15px;
}

#storytextpagesubmenu, #storytextbody
{
	float: left;
}

#textcontent .secondaryNav
{
	background-color: #EEEEEE;
	border: 1px solid #999999;
	padding: 10px;
	margin-right: 15px;
	margin-top: 8px;
	font-size: 0.8em;
	line-height: 1.5em;
	font-family: arial,sans-serif;
}

#textcontent .secondaryNav li a
{
	color: #BB281E;
}

#textcontent .secondaryNav li a:hover
{
	color: #444;
}

#textcontent .secondaryNav h3
{
	padding-bottom: 15px;
}

#storytextbody
{
	margin-top: 8px;
	width: 605px;
}

#textcontent #middlecenter h3
{
	margin: 0px;
}

#storytextbody h2 strong
{
	color: #BB281E;
}

#storytextbody h2
{
	font-size: 2.0em;
	margin-bottom: 15px;
	margin-top: 0px;
}

#textcontent #contentmiddle
{
	min-height: 375px;
}

#textcontent #middlecenter
{
	min-height: 375px;
}

#storytextbody li
{
	list-style-type: disc;
	color: #444;
	margin-left: 15px;
	padding-left: 15px;
}


#storytextbody pre, .apiCode
{
	padding: 5px;
	border: solid 1px #999;
	background-color: #E2E2E2;
	font-family: Courier New, arial;
	font-size: 0.8em;
	margin-bottom:15px;
}

#storytextbody p
{
	margin-bottom: 15px;
}

#storytextbody em
{
	font-style: italic;
}

#storytextbody a
{
	color: #BB281E;
	text-decoration: none;
}

#storytextbody a:hover
{
	color: #444;
	text-decoration: underline;
}

#textcontent #caption
{
	height: 120px;
}

/* Blog */

.post
{
	padding-bottom: 50px;
}

.commentlist cite
{
	font-weight: bold;
	color: #BB281E;
}

.commentlist
{
	text-align: justify;
}

.commentmetadata
{
	display: block;
	font-style: italic;
	margin-bottom: 10px;
}

.commentlist li
{
	list-style-image: none !important;
	list-style-position: outside !important;
	list-style-type: none !important;
	margin: 15px 0px 0px 0px !important;
	padding: 5px 10px !important;
}

.commentlist .alt
{
	background-color: #e2e2e2;
}

#blogData
{
	margin-bottom: 15px;
}

#blogContent #storytextbody
{
	width: 700px;
}

.commentgravatar
{
	float: left !important;
}

#blogContent ul li
{
	list-style-position: inside;
	margin-bottom: 15px;
}

#comments, #respond
{
	padding-top: 45px;
}

#blogContent ol li
{
	list-style-type:decimal;
	list-style-position: inside;
}

#blogContent ol li
{
	margin-bottom: 15px;
}

.post .entry
{
	margin-top: 15px !important;
}


/* idTabs */

.idTabs
{
	clear: both;
	float: left;
	display: block;
	height: 22px;
	margin-bottom: 15px;
}

.code li
{
	list-style: none !important;
	float: left;
	margin: 0px 8px 0px 0px !important;
	padding: 0px !important;
}

.code ul a
{
	display: block;
	background: #fff;
	padding: 4px 10px !important;
	border: 1px solid #999;
	color: #999 !important;
}

.code ul a:hover
{
	text-decoration: none !important;
	
}

.code ul a.selected:hover
{
	text-decoration: none !important;
}

.code ul a.selected
{
	cursor: default;
	background: #E2E2E2;
	color: #BB281E !important;
}

.code div
{
	clear: both;
	margin-bottom: 15px;
}

#storytextbody ul {
	margin-bottom:15px;
}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
