* { font-family: arial, sans-serif; color: #959595; }
html { margin: 0px; padding: 0px; }
body { padding: 0px; margin: 0px auto; padding-bottom: 60px; }
h1, h2, h3, h4, p { margin: 0px; padding: 0px; font-weight: normal; }
h2 { font-family: arial, sans-serif; font-size: 22px; color: #363636; margin-bottom: 25px; }
p { font-size: 12px; padding-bottom: 25px; 	line-height: 22px; }

div#banner { margin: 0px auto; width: 980px; background-repeat: no-repeat; }

div#header { padding-bottom: 14px; margin-bottom: 20px; margin-left: auto; margin-right: auto; width: 980px; padding-top: 40px }
div#header div.banner { text-indent: -100000px }
div#header h2 { font-family: Arial, sans-serif; font-size: 32px; color: #363636; font-weight: normal; margin: 0px }
div#header h3 { font-family: Arial, sans-serif; font-size: 16px; color: #959595; font-weight: normal; margin-top: 8px }

ul#nav { margin: 0px; padding: 0px; }
ul#nav li { list-style: none; margin-bottom: 5px; }
ul#nav li a { font-family: arial, sans-serif; font-size: 14px; color: #959595; text-decoration: none; padding: 5px 0px 1px 0px; border-bottom: 1px solid #ebebeb; margin-right: 5px; }
ul#nav li a:hover, ul#nav li a:focus { 	background-color: #ebebeb; color: #767676; outline: none; padding-left: 5px; margin-left: -5px; padding-right: 5px; margin-right: 0px; }
ul#nav a.active { color: #363636; border: none; }
ul#nav.empty { display: none }

div#content { width: 980px; margin: 0px auto }

em.title { display: block; font-size: 12px; padding-top: 10px; }

div#media-list ul { margin: 0px; padding: 0px;}
div#media-list ul li { list-style: none; }
div#media-list ul li.hidden { display: none; }

/* next/previous links */
a#next { display: block; height: 49px; width: 43px; text-indent: -10000px; background-image: url('next.gif'); background-position: 0px -49px; outline: none; float: left; margin-left: 20px; }
a#previous { display: block; height: 49px; width: 43px; text-indent: -10000px; background-image: url('back.gif'); background-position: 0px -49px; outline: none; float: left }
a#next.disable, a#previous.disable, a#next.disable:hover, a#previous.disable:hover { background-position: 0px 0px; cursor: default; outline: none; }
a#next:hover, a#previous:hover, a#next:focus, a#previous:focus { background-position: 0px -98px; }

/** blog stuff **/
div#blog { width: 980px }
	div#blog-content { width: 640px; float: left }
	div#blog-categories { float: left; width: 300px; margin-left: 40px }

div#blog div.blog-entry { padding-bottom: 40px; border-bottom: 1px solid #ebebeb; margin-bottom: 40px; }
	div#blog div.blog-entry.single { border-bottom: none }
div#blog div.blog-entry h2.title { margin-top: 0px; margin-bottom: 5px; }
	div#blog div.blog-entry h2.title a { outline: none; display: block; font-size: 22px; color: #363636; text-decoration: none }
		div#blog div.blog-entry h2.title a:hover, div#blog div.blog-entry h2.title a:focus { color: #767676 }
div#blog div.blog-entry h3.date { font-size: 12px; color: #555; text-transform: uppercase; }
div#blog h3.heading { font-size: 12px; color: #555; text-transform: uppercase; }
div#blog ul.categories { padding: 0px; margin: 0px }
	div#blog ul.categories li { list-style: none; padding: 0px; margin: 0px; line-height: 22px; color: #959595; font-family: Arial, sans-serif; font-size: 12px }
		div#blog ul.categories li a { font-size: 12px; font-family: Arial, sans-serif; color: #959595; text-decoration: none; border-bottom: 1px solid #ebebeb; margin-right: 3px; padding: 3px 0px 1px 0px }
			div#blog ul.categories li a:hover, div#blog ul.categories li a:focus { background-color: #ebebeb; color: #767676; outline: none; padding-left: 3px; margin-left: -3px; margin-right: 0px; padding-right: 3px }
			div#blog ul.categories li a.active { color: #363636; border: none; }

/** buttons **/
a.button { display: block; text-indent: -10000px; outline: none; width: 95px; height: 25px; background-repeat: no-repeat; background-position: 0px -25px; margin-bottom: 12px; }
a.button:hover, a.button:focus { background-position: 0px -50px }
a.button.disable, a.button.disable:hover, a.button.disable:focus { cursor: default; background-position: 0px 0px }
a.button.newer { background-image: url('newer.png'); }
a.button.older { background-image: url('older.png'); }

ul.blog_slideshow { list-style: none; margin: 0px; padding: 0px; margin-left: 0px; width: 10000px; padding-top: 10px }
ul.blog_slideshow li { border: 1px solid #d7d7d7; display: block; width: 73px; height: 61px; padding: 2px; float:left; margin-left: 4px; background: white }
ul.blog_slideshow li.first { margin-left: 0px }
ul.blog_slideshow li img { background: #ebebeb }
ul.blog_slideshow li img.hover { filter: alpha(opacity=100); opacity: 1; }
ul.blog_slideshow li a { display:none }
ul.blog_slideshow li div { position:absolute; display:none; top:0px; left:180px}
ul.blog_slideshow li div img{cursor:pointer}
ul.blog_slideshow li.active div img, ul.blog_slideshow li.active div { display:block }
ul.blog_slideshow li img { filter: alpha(opacity=30); opacity: 0.3; }
ul.blog_slideshow li.active img { filter: alpha(opacity=100) ; opacity: 1; }
ul.blog_slideshow li img.thumb { cursor:pointer; top:auto; left:auto; display:block; width:auto; height:auto }
div#blog div.blog-entry div.blog_slideshow div.blog_slideshow_thumbs.hidden { display: none }
div#blog div.blog-entry div.blog_slideshow div.blog_slideshow_wrapper_outer { border: 1px solid #ebebeb; width: 630px; padding: 4px; height: 472px }
div#blog div.blog-entry div.blog_slideshow div.blog_slideshow_wrapper_outer.hidden { border: none }
div#blog div.blog-entry div.blog_slideshow div.blog_slideshow_wrapper { border: 1px solid #ebebeb; height: 470px; width: 628px; text-align: center; vertical-align: center }
div#blog div.blog-entry div.blog_slideshow div.blog_slideshow_wrapper.hidden { border: none; text-align: left }

div#blog div.blog-entry div.blog_slideshow div.blog_slideshow_thumbs { margin-bottom: 28px; background: #ebebeb; height: 87px }
div#blog div.blog-entry div.blog_slideshow div.blog_slideshow_thumbs a.blog_slideshow_back { float: left; outline: none; text-indent: -10000px; display: block; width: 31px; height: 87px; background-image: url('slideshow_arrows.gif'); padding: 0px; margin: 0px; background-position: 0px 0px;  }
div#blog div.blog-entry div.blog_slideshow div.blog_slideshow_thumbs a.blog_slideshow_back:hover { outline: none; text-indent: -10000px; display: block; width: 31px; height: 87px; background-image: url('slideshow_arrows.gif'); background-position: 0px 87px }
div#blog div.blog-entry div.blog_slideshow div.blog_slideshow_thumbs a.blog_slideshow_next { float: left; outline: none; text-indent: -10000px; display: block; width: 31px; height: 87px; background-image: url('slideshow_arrows.gif'); padding: 0px; margin: 0px; background-position: 31px 0px; }
div#blog div.blog-entry div.blog_slideshow div.blog_slideshow_thumbs a.blog_slideshow_next:hover { outline: none; text-indent: -10000px; display: block; width: 31px; height: 87px; background-image: url('slideshow_arrows.gif'); background-position: 31px 87px }
div#blog div.blog-entry div.blog_slideshow div.blog_slideshow_thumbs div.blog_slideshow_list { float: left; width: 578px; overflow: hidden }

div#blog div.blog-entry div.categories { font-size: 12px; color: #959595; background: #ebebeb; padding: 15px }
div#blog div.blog-entry div.categories strong { color: #363636; font-weight: normal }
div#blog div.blog-entry div.categories a { text-decoration: none }

/** generic styles for user generated content */
div.content { margin: 0px auto; font-family: Arial, sans-serif; font-size: 12px; color: #959595 }
div.content p { line-height: 22px; padding: 0px 0px 12px 0px; margin: 0px }
div.content ul, div.content ol { margin: 0px; padding: 0px 0px 12px 30px }
div.content li { margin: 0px; padding: 0px }
div.content a { padding: 2px 0px; margin: 0px 2px; text-decoration: none; color: #363636; border-bottom: 1px solid #ebebeb }
div.content a:hover, div.content a:focus { margin: 0px; padding: 2px 2px 1px 2px; color: #cecece; background: #363636; border-bottom: 1px solid #363636 }
div.content h1 { color: #505050; font-size: 18px; margin: 0px; padding-bottom: 10px; padding-top: 4px }
div.content h2 { color: #505050; font-size: 16px; margin: 0px; padding-bottom: 8px;  padding-top: 4px }
div.content h3 { color: #505050; font-size: 14px; margin: 0px; padding-bottom: 6px;  padding-top: 4px }
div.content h4 { color: #505050; font-size: 12px; margin: 0px; padding-bottom: 4px;  padding-top: 4px }

/** 404 page **/
h3.other-things { color: #505050; font-size: 14px; margin: 0px; padding-bottom: 6px;  padding-top: 4px }
h3.other-things b { font-weight: normal }

/** footer **/
div#footer { padding-top: 20px; color: #959595; clear: both; font-size: 10px; }
div#footer a { text-decoration: none; }
div#footer a:hover { color: #363636 }
div#footer span.grandportfolio { padding-right: 4px }
div#footer span.grandportfolio a span.icon { background: url('GRANDPortfolio.png') no-repeat; height: 16px; width: 16px; display: block; float: left; margin-right: 5px; margin-top: -2px }
div#footer span.grandportfolio a:hover span.icon { background-position: 0px -16px }
div#footer span.copyright { padding-left: 4px; border-left: 1px solid #959595; }