#thumbnails-contact {display:none}
#blog-area {display:none}
#footer {display:none}
body { margin: 0 auto; text-align: justify; font: 62.5% Georgia, "Times New Roman", Times, serif; color: #000;

address { font-style: normal; }

a, a:link, a:visited, a:active, a:hover, a:hover { text-decoration: none; outline: none; }



#container { width: 992px; text-align: left; position: relative; padding-left: 12px; margin: 0 auto;  }

#container span, #sitemap { position: absolute; left: -1000em; overflow: hidden; }
.hide, caption, .tabs-hide { display: none; }
#container .content span,
#container span.show { position: static; left: inherit; overflow: visible; }

hr { display: none; }

strong { font-weight: bold; }

.error { color: #FF0000 !important; }

.float { float: left; }
.clear { clear: both; }

/* begin as much ... */

h1#logo { background: url(../images/layout-images/logo.gif) no-repeat 13px 54px; width: 420px; height: 167px; position: absolute; left: 0; top: 0px; z-index: 1; }
h1#logo .logo-link { display: block; width: 290px; height: 115px; position: absolute; top: 52px; left: 14px; }

p#breadcrumb {
	position: absolute;
	width: 400px;
	top: 15px;
	left: 16px;
	z-index: 2;
	font: .9em/12px Arial, Helvetica, sans-serif;
	color: #bbb;
	text-transform: lowercase;
}
p#breadcrumb a,
p#breadcrumb a:link,
p#breadcrumb a:visited,
p#breadcrumb a:active { color: #666; background: url(../images/layout-images/white-underline.gif) repeat-x 0 -3px; padding: 2px; display: inline-block; }
p#breadcrumb a:hover { background: #666; color: #fff; }
.split { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* main area */

#main-area { width: 900px; padding-top: 195px; float: left; padding-right: 8px; }
#main-area h3 { font: normal 1.8em/26px /*"M+ 1c", */Arial, Helvetica, sans-serif; color: #000; padding: 10px 0; }
#main-area .home-intro { padding-left: 5px; text-shadow: 1px 1px 2px rgba(0,0,0,.2); }
#main-area h3 a,
#main-area h3 a:link,
#main-area h3 a:visited,
#main-area h3 a:active { color: #222; background: #efefef url(../images/layout-images/white-underline.gif) repeat-x 0 5px; padding: 0 2px; }
#main-area h3 a:hover { background: #222; color: #fff;  text-shadow: 1px 1px 2px rgba(0,0,0,.9); }

#main-area .content { padding: 0 17px 0 5px; background: #fff; text-align:justify }
#main-area .content em { font-style: italic; }
#main-area .content p { font-size: 1.3em; color: #323232; padding: 10px 0; line-height: 21px; }
#main-area .content p.note { padding-left: 45px; background: url(../images/layout-images/grey-star.gif) no-repeat 20px 13px; color: #999; font-style: italic; }
#main-area .content p.note strong { font-weight: normal; color: #131313; }
#main-area .content h3 { background: url(../images/layout-images/hr-main.gif) no-repeat 0 32px; color: #FF0000; padding: 15px 0 5px 15px; }
#main-area .content h3.s_do span { display: block; background: url(../images/layout-images/s_do.gif) no-repeat 0 3px; padding-left: 30px; }
#main-area .content h3.s_dont span { display: block; background: url(../images/layout-images/s_dont.gif) no-repeat 0 3px; padding-left: 30px; }
#main-area .content ul,
#main-area .content ol { font-size: 1.3em; color: #323232; padding: 10px 0 10px 15px; }
#main-area .content ul li { line-height: 21px; padding: 5px 0 5px 30px; background: url(../images/layout-images/bullet-white.gif) no-repeat 5px 9px; }
#main-area .sitemap ul li { font-size: 13px; }
#main-area .content ol li { display: list-item; line-height: 21px; list-style: outside lower-alpha; padding: 5px 0; margin-left: 30px; }
#main-area .content blockquote { width: 280px; float: right; padding: 10px 0 5px 70px; background: url(../images/layout-images/blue-quote-open.gif) no-repeat 30px 5px; }
#main-area .content blockquote p { font: 1.8em/24px Arial, Helvetica, sans-serif; color: #000; padding: 0 40px 10px 0; background: url(../images/layout-images/blue-quote-closed.gif) no-repeat 100% 100%; text-align: justify; }
#main-area .content pre { font: 1.3em/18px "Courier New", Courier, monospace; color: #009900; width: 690px; overflow: auto; padding: 0 0 10px 0; margin: 15px 0; width: 658px; }
#main-area .content pre code { display: block; padding-left: 12px; border-left: 30px solid #eee; }
#main-area .content p code { color: #009900; padding: 0 5px; font: 12px/1em "Courier New", Courier, monospace; }
#main-area .content abbr,
#main-area .content acronym { color: #666; border-bottom: 1px dotted #ccc; cursor: help; margin: 0 2px; }
#main-area .content p a,
#main-area .content p a:link,
#main-area .content p a:visited,
#main-area .content p a:active,
#main-area .content li a,
#main-area .content li a:link,
#main-area .content li a:visited,
#main-area .content li a:active { color: #323232; background: #efefef url(../images/layout-images/white-underline.gif) 0 0; padding: 0 2px; }
#main-area .content p a:hover,
#main-area .content li a:hover { background: #333; color: #fff; }
#main-area .content a.more,
#main-area .content a.more:link,
#main-area .content a.more:visited,
#main-area .content a.more:active { color: #09C; background: none; padding: 2px 3px; }
#main-area .content a.more:hover { background: #09C; color: #fff; }
#main-area .content .banter { color: #aaa; }
#main-area .content ul .banter { background: url(../images/layout-images/bullet-white-fade.gif) no-repeat 5px 9px; }
#main-area .content .bold { font-family: "Times New Roman", Times, serif; font-size: 15px; color: #000; }

#main-area .hr { background: url(../images/layout-images/hr-main.gif) no-repeat 0 30px; height: 6px; padding: 40px 0 0 0; }

#main-area h2#h_featured-article { background: url(../images/layout-images/h_featured-article.gif) no-repeat; width: 253px; height: 36px; margin-left: 11px; margin-top: -12px; padding-bottom: 13px; }
#main-area h2#h_about-this-website { background: url(../images/layout-images/h_about.gif) no-repeat 0 100%; width: 336px; height: 34px; padding: 20px 0 0; }
#main-area h2#h_404 { background: url(../images/layout-images/h_oops.gif) no-repeat 0 100%; width: 88px; height: 29px; padding: 20px 0 0; }
#main-area h2#h_contact,
#main-area h2#h_sent { background: url(../images/layout-images/h_thanks.gif) no-repeat 0 100%; width: 117px; height: 36px; padding: 20px 0 0; }
#main-area h2#h_sitemap { background: url(../images/layout-images/h_sitemap.gif) no-repeat 0 100%; width: 143px; height: 33px; padding: 20px 0 0; }
#main-area h2#h_login { background: url(../images/layout-images/h_admin.gif) no-repeat 0 100%; width: 184px; height: 31px; padding: 20px 0 0; }

#main-area .article-heading { width: 403px; position: relative; padding-top: 15px; min-height: 72px; }
#main-area .article-heading h3 { background: url(../images/layout-images/article-heading.gif) no-repeat; padding: 8px 5px 0px 67px; font: normal 16px/18px Arial, Helvetica, sans-serif; color: #323232; min-height: 22px; }
#main-area .article-heading h3 a,
#main-area .article-heading h3 a:link,
#main-area .article-heading h3 a:visited,
#main-area .article-heading h3 a:active { background: none; color: #0099CC; }
#main-area .article-heading h3 a:hover { color: #323232; }
#main-area .article-heading h3 span.date { display: block; position: absolute; background: url(../images/layout-images/article-cal.gif) no-repeat; width: 32px; height: 44px; top: 0; left: 11px; padding: 26px 7px 0 9px; font-size: 11px; text-transform: uppercase; font-weight: normal; line-height: 1em; color: #999; text-align: center; letter-spacing: -1px; }
#main-area .article-heading h3 span.date strong { font-size: 16px; color: #666; display: block; padding-top: 1px; letter-spacing: normal; }
#main-area .article-heading h3 span.date em { font-style: normal; font-size: 9px; display: block; padding-top: 1px; margin-left: -2px; }
#main-area .article-heading p { padding: 3px 5px 0 69px; font: 1.1em/11px Arial, Helvetica, sans-serif; color: #999; }
#main-area .article-heading p em { font-style: normal; }
#main-area .article-heading p a,
#main-area .article-heading p a:link,
#main-area .article-heading p a:visited,
#main-area .article-heading p a:active { color: #323232; }
#main-area .article-heading p a:hover { color: #09C; }
#main-area .article-heading p a.comments,
#main-area .article-heading p a.comments:link,
#main-area .article-heading p a.comments:visited,
#main-area .article-heading p a.comments:active { color: #999; }
#main-area .article-heading p a.comments:hover { color: #09C; }

#main-area img#home-image { display: block; margin-top: -30px; margin-left: 90px; }

/* general form */

.general-form br { display: none; }
.general-form label { color: #323232; font: 1.1em/13px Arial, Helvetica, sans-serif; display: block; padding: 10px 0 3px; }
.general-form .text { border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff !important; padding: 5px; font: 12px/12px "Courier New", Courier, monospace; color: #009900; width: 370px; }
.general-form .check { position: relative; top: 3px; }
.general-form .button { border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #333; color: #fff; font: 12px/12px Georgia, "Times New Roman", Times, serif; margin-top: 12px; height: 27px; width: 382px; cursor: pointer; }
.general-form .button:hover { background: #009900; }

/* thumbs and contact */

#thumbnails-contact { width: 360px; float: left; padding-top: 202px; }

/* illustration */
#thumbnails-contact h2#illustration { width: 85px; height: 202px; position: absolute; left: 420px; top: 0; }
#thumbnails-contact h2#illustration a,
#thumbnails-contact h2#illustration a:link,
#thumbnails-contact h2#illustration a:visited,
#thumbnails-contact h2#illustration a:active { display: block; background: url(../images/layout-images/n_illustration_c.gif) no-repeat 0 0; width: 85px; height: 192px; position: relative; }
#thumbnails-contact h2#illustration a:hover { background: url(../images/layout-images/n_illustration_c.gif) no-repeat 0 100%; }
#thumbnails-contact h2#illustration a b {
	background: url(../images/layout-images/arrow-i_b.gif) no-repeat;
	width: 43px;
	height: 21px;
	position: absolute;
	bottom: -10px;
	left: 43px;
	visibility: hidden;
}

/* web-design */
#thumbnails-contact h2#web-design { width: 85px; height: 202px; position: absolute; left: 505px; top: 0; }
#thumbnails-contact h2#web-design a,
#thumbnails-contact h2#web-design a:link,
#thumbnails-contact h2#web-design a:visited,
#thumbnails-contact h2#web-design a:active { display: block; background: url(../images/layout-images/n_webdesign_c.gif) no-repeat 0 0; width: 85px; height: 192px; position: relative; }
#thumbnails-contact h2#web-design a:hover { background: url(../images/layout-images/n_webdesign_c.gif) no-repeat 0 100%; }
#thumbnails-contact h2#web-design a b { background: url(../images/layout-images/arrow-w_b.gif) no-repeat; width: 10px; height: 20px; position: absolute; bottom: -8px; left: 44px; }
/* graphic-design */
#thumbnails-contact h2#graphic-design { width: 85px; height: 202px; position: absolute; left: 590px; top: 0; }
#thumbnails-contact h2#graphic-design a,
#thumbnails-contact h2#graphic-design a:link,
#thumbnails-contact h2#graphic-design a:visited,
#thumbnails-contact h2#graphic-design a:active { display: block; background: url(../images/layout-images/n_graphic_c.gif) no-repeat 0 0; width: 85px; height: 192px; position: relative; }
#thumbnails-contact h2#graphic-design a:hover { background: url(../images/layout-images/n_graphic_c.gif) no-repeat 0 100%; }
#thumbnails-contact h2#graphic-design a b { background: url(../images/layout-images/arrow-g_b.gif) no-repeat; width: 10px; height: 20px; position: absolute; bottom: -8px; left: 44px; }
/* animation */
#thumbnails-contact h2#animation { width: 85px; height: 202px; position: absolute; left: 675px; top: 0; }
#thumbnails-contact h2#animation a,
#thumbnails-contact h2#animation a:link,
#thumbnails-contact h2#animation a:visited,
#thumbnails-contact h2#animation a:active { display: block; background: url(../images/layout-images/n_animation_c.gif) no-repeat 0 0; width: 85px; height: 192px; position: relative; }
#thumbnails-contact h2#animation a:hover { background: url(../images/layout-images/n_animation_c.gif) no-repeat 0 100%; }
#thumbnails-contact h2#animation a b { background: url(../images/layout-images/arrow-a_b.gif) no-repeat; width: 10px; height: 20px; position: absolute; bottom: -8px; left: 44px; }

/* you spin me right round baby right round ... */
#thumbnails-contact .thumbs { float: left; position: relative; width: 85px !important; height: 450px !important; padding: 0; overflow: hidden; display: block; }
#thumbnails-contact .thumbs ul.carousel-list { position: relative; z-index: 1; }
#thumbnails-contact .thumbs ul.carousel-list li { width: 74px; height: 74px; padding: 6px 5px 5px 6px; }
#thumbnails-contact .thumbs li img { display: block; padding: 2px; background: url(../images/layout-images/thumb-back.gif) no-repeat; width: 70px; height: 70px; -moz-box-shadow: 1px 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.2); }
#thumbnails-contact #slide-illustration li img:hover,
#thumbnails-contact #slide-illustration li.current img { background: #FFCC00; }
#thumbnails-contact #slide-webdesign li img:hover,
#thumbnails-contact #slide-webdesign li.current img { background: #FF0000; }
#thumbnails-contact #slide-graphicdesign li img:hover,
#thumbnails-contact #slide-graphicdesign li.current img { background: #666; }
#thumbnails-contact #slide-animation li img:hover,
#thumbnails-contact #slide-animation li.current img { background: #66CC00; }
#thumbnails-contact #slide-extra li img:hover,
#thumbnails-contact #slide-extra li.current img { background: #ccc; }

.carousel-list ~ .finish { height: 42px !important; bottom: 0 !important; }
#thumbnails-contact .thumbs .start { background: url(../images/layout-images/thumb-top-rip.png) no-repeat; width: 84px; height: 17px; position: absolute; top: 0; left: 0; z-index: 4; }
#thumbnails-contact .thumbs .finish { background: url(../images/layout-images/thumb-bottom-rip.png) no-repeat; width: 84px; position: absolute; left: 0; z-index: 3; }

/* contact */

#thumbnails-contact .hr { background: url(../images/layout-images/hr-sub.gif) no-repeat 0 30px; height: 6px; padding: 40px 0 0 0; }
#contact { clear: left; }

#thumbnails-contact h2#h_talk-to-me { background: url(../images/layout-images/h_talk-to-me.gif) no-repeat; width: 178px; height: 39px; margin-left: 8px; margin-top: -12px; padding-bottom: 11px; }

/* contact form */
#thumbnails-contact .contact-form { padding-left: 17px; width: 330px; }
#thumbnails-contact .contact-form fieldset { border: none; }
#thumbnails-contact .contact-form legend { display: none; }
#thumbnails-contact .contact-form br { display: none; }

#thumbnails-contact .details label { font: normal 1.8em/28px Arial, Helvetica, sans-serif; color: #222; padding-right: 15px; display: inline-block; text-shadow: 1px 1px 2px rgba(0,0,0,.2); }
#thumbnails-contact .details label.email { padding-right: 12px; }
#thumbnails-contact .details label strong { font-weight: normal; }
#thumbnails-contact .details input { background: #fff url(../images/layout-images/contact-textfield.jpg) repeat-x !important; width: 243px; height: 21px; border: none; padding: 0 8px 2px; font: normal 1.2em/12px "Courier New", Courier, mono; color: #666; }
#thumbnails-contact .details #textarea { background: #fff url(../images/layout-images/contact-textarea.gif) no-repeat !important; width: 321px; height: 114px; margin: 5px 0 0 0; padding: 10px 0; }
#thumbnails-contact .details textarea { background: none; width: 297px; height: 114px; border: none; padding: 0 12px; font: normal 1.2em/14px "Courier New", Courier, mono; color: #323232; resize: none; }
#thumbnails-contact .send { padding-top: 20px; }
#thumbnails-contact .send label { font: .98em/14px Georgia, "Times New Roman", Times, serif; display: block; width: 212px; float: left; padding-right: 9px; text-align: right; }
#thumbnails-contact .send input.spam-check { background: #fff url(../images/layout-images/letter-box.gif) no-repeat !important; width: 26px; height: 21px; border: none; float: left; padding: 4px 0 0 0; font: bold 1.2em/12px "Courier New", Courier, mono; color: #009900; text-align: center; margin-right: 5px; }
#thumbnails-contact .send input.send-button { background: url(../images/layout-images/send-button.gif) no-repeat; width: 69px; height: 32px; border: none; font: bold 1em/11px "Times New Roman", Times, serif; color: #fff; position: relative; top: -4px; cursor: pointer; vertical-align: middle; }

/* skype and tel and email */
#thumbnails-contact #skype-tel-email { height: 118px; background: url(../images/layout-images/contact-back.gif) no-repeat 65px 0; margin-left: 20px;
font: 1.1em/11px Arial, Helvetica, sans-serif; color: #323232; padding-top: 2px; margin-top: 20px; }
#thumbnails-contact #skype-tel-email #skype { background: url(../images/layout-images/icon-skype.gif) no-repeat; padding: 3px 0 8px 27px; }
#thumbnails-contact #skype-tel-email #email { background: url(../images/layout-images/icon-email.gif) no-repeat; padding: 6px 0 10px 27px; }
#thumbnails-contact #skype-tel-email #tel { background: url(../images/layout-images/icon-tel.gif) no-repeat; height: 62px; padding: 6px 0 8px 43px; }
#thumbnails-contact #skype-tel-email #skype strong { padding-left: 13px; }
#thumbnails-contact #skype-tel-email #email strong { padding-left: 13px; }
#thumbnails-contact #skype-tel-email #tel strong { padding-left: 13px; }
#thumbnails-contact #skype-tel-email a,
#thumbnails-contact #skype-tel-email a:link,
#thumbnails-contact #skype-tel-email a:visited,
#thumbnails-contact #skype-tel-email a:active { color: #323232; background: #efefef url(../images/layout-images/white-underline.gif) 0 0; padding: 1px 2px; }
#thumbnails-contact #skype-tel-email a:hover { background: #333; color: #fff; }

/* blog-area */

h1#h_blog-talking-of-design a,
h1#h_blog-talking-of-design a:link,
h1#h_blog-talking-of-design a:visited,
h1#h_blog-talking-of-design a:active { position: absolute; right: 0; top: 0; display: block; width: 196px; height: 184px; background: url(../images/layout-images/h_blog.gif) no-repeat 0 -71px; z-index: 20; }
h1#h_blog-talking-of-design a:hover { background: url(../images/layout-images/h_blog.gif) no-repeat 0 109px; }
#blog-area { position: absolute; right: 0; top: 0; width: 188px; background: url(../images/layout-images/tod-animation-new.gif) no-repeat; padding: 194px 0 10px 3px; z-index: 10; }
#blog-area .hr { background: url(../images/layout-images/grey-dash.gif) no-repeat 5px 100%; height: 13px; }

#blog-area ul.blog-list { font: 1.1em/1em Arial, Helvetica, sans-serif; color: #777; padding: 12px 0 12px 7px; }
#blog-area ul.blog-list li { line-height: 14px; padding: 0 0 8px 20px; background: url(../images/layout-images/bullet-grey.gif) no-repeat 4px 4px; }
#blog-area ul.blog-list li.gap { padding-top: 15px; background: none; }
#blog-area ul.blog-list li a,
#blog-area ul.blog-list li a:link,
#blog-area ul.blog-list li a:visited,
#blog-area ul.blog-list li a:active { color: #fff; background: url(../images/layout-images/grey-underline.gif) 0 0; padding: 2px 3px; }
#blog-area ul.blog-list li a:hover { background: #fff; color: #000; }

/* find */
#find { padding-top: 18px; }
#find #date,
#find #category { width: 165px; padding-top: 8px; }
#find h2#h_find { background: url(../images/layout-images/h_find-an-article.gif) no-repeat; width: 172px; height: 30px; }

#find #keyword { padding-top: 8px; }
#find #keyword form { padding: 8px 0; width: 185px; position: relative; }
#find #keyword input.text-field { background: #333 url(../images/layout-images/search-back.gif) no-repeat !important; width: 147px; height: 31px;
font: 1.1em/1em Arial, Helvetica, sans-serif; color: #ccc; text-align: center; border: none; padding: 13px 19px 0 19px; }
#find #keyword input.text-field:focus { color: #fff; }
#find #keyword input.submit-button { font-size:1px; line-height: 1px; color: #fff; border: none; background: url(../images/layout-images/search-button.gif) no-repeat; width: 37px; height: 32px; cursor: pointer; position: absolute; top: 21px; right: 20px; text-align: left; }

/* read */
#read { padding-top: 18px; }
#read h2#h_read { background: url(../images/layout-images/h_read-an-article.gif) no-repeat; width: 168px; height: 29px; }

#read #latest,
#read #recent { padding: 11px 11px 0 11px; }
#read #recent { padding-top: 18px; }
#read h3 { font: normal 1.8em/18px Arial, Helvetica, sans-serif; padding-bottom: 2px; }
#read #recent h3 { font: normal 13px/14px Arial, Helvetica, sans-serif; }
#read h3 a,
#read h3 a:link,
#read h3 a:visited,
#read h3 a:active { color: #37B7DF; }
#read h3 a:hover { color: #ccc; }
#read p { font-size: 1.1em; line-height: 18px; color: #fff; padding: 18px 0; }
#read p a,
#read p a:link,
#read p a:visited,
#read p a:active { color: #999; padding: 0 2px; }
#read p a:hover { color: #000; background: #fff; }
#read p.date-cat { font: 1.1em/12px Arial, Helvetica, sans-serif; color: #999; padding: 0 0 2px 0; }
#read #recent p.date-cat { padding: 0 0 12px 0; }
#read p.date-cat a,
#read p.date-cat a:link,
#read p.date-cat a:visited,
#read p.date-cat a:active { color: #666; padding: 0; }
#read p.date-cat a:hover { color: #fff; background: none; }
#read p.date-cat em { font-style: normal; }

/* twit-flick */
#twit-flick { padding-top: 20px; }
#twit-flick #twit,
#twit-flick #flick { padding: 11px 0; }
#twit-flick #flick { padding-top: 14px; }
#twit-flick #twit h2#h_twitter { background: url(../images/layout-images/h_twittering.gif) no-repeat; width: 169px; height: 45px; }
#twit-flick #twit h2#h_twitter a { display: block; width: 169px; height: 39px; }
#twit-flick #twit p { font-size: 1.1em; line-height: 18px; color: #999; background: url(../images/layout-images/speech-open.gif) no-repeat 8px 8px; padding: 12px 0 0 30px; word-wrap: break-word; }
#twit-flick #twit p em { display: block; background: url(../images/layout-images/speech-close.gif) no-repeat 130px 95%; padding: 0 25px 12px 0; font-style: italic; }
#twit-flick #twit p a,
#twit-flick #twit p a:link,
#twit-flick #twit p a:visited,
#twit-flick #twit p a:active { color: #fff; }
#twit-flick #twit p a:hover { color: #ccc; }
#twit-flick #twit small { display: block; font-size: .9em; color: #999; padding-left: 30px; font-style: italic; }
#twit-flick #twit small a,
#twit-flick #twit small a:link,
#twit-flick #twit small a:visited,
#twit-flick #twit small a:active { color: #999; }
#twit-flick #twit small a:hover { color: #fff; }

#twit-flick #flick h2#h_flickr { background: url(../images/layout-images/h_flickring.gif) no-repeat; width: 166px; height: 28px; }
#twit-flick #flick h2#h_flickr a { display: block; width: 166px; height: 28px; }
#blog-area #twit-flick #flick ul { padding: 20px 0 6px 7px; height: 165px; }
#blog-area #twit-flick #flick ul li { float: left; width: 83px; height: 83px; padding: 1px; }
#blog-area #twit-flick #flick ul li a,
#blog-area #twit-flick #flick ul li a:link,
#blog-area #twit-flick #flick ul li a:visited,
#blog-area #twit-flick #flick ul li a:active { background: #444; padding: 2px; display: block; width: 75px; height: 75px; border: 2px solid #333; float: left; }
#blog-area #twit-flick #flick ul li a:hover { background: #444; color: #fff; border: 2px solid #666; }
#blog-area #twit-flick #flick ul li a img { display: block; }

/* things */
#things { padding-top: 18px; }
#things #yum,
#things #resources,
#things #blogs-list { padding: 8px 0; width: 165px; }
#things h2#h_things { background: url(../images/layout-images/h_things-and-that.gif) no-repeat; width: 166px; height: 36px; }
#things #yum { background: url(../images/layout-images/h_delicious.gif) no-repeat 100% 0; }
#things #yum h2#h_delicious a { display: block; height: 20px; }

/* blog tabs */
#blog-area ul.nav { font: 1.1em/1em Arial, Helvetica, sans-serif; height: 20px; background: url(../images/layout-images/tabs-back.gif) no-repeat 0 100%; padding: 5px 0 0 7px; margin-left: 3px; }
#blog-area ul.nav li { float: left; line-height: 11px; padding: 0 1px; background: none; }
#blog-area ul.nav li a,
#blog-area ul.nav li a:link,
#blog-area ul.nav li a:visited,
#blog-area ul.nav li a:active { display: block; color: #999; border: 1px solid #666; border-bottom: none; padding: 1px 5px 3px 5px; float: left; margin-top: 2px;  -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-box-shadow: 0 -2px 3px rgba(0,0,0,.5); -webkit-box-shadow: 0 -2px 3px rgba(0,0,0,.5); }
#blog-area ul.nav li a:hover { color: #fff; background: none; }
#blog-area ul.nav li.selected a,
#blog-area ul.nav li.selected a:link,
#blog-area ul.nav li.selected a:visited,
#blog-area ul.nav li.selected a:active { color: #fff; border: 1px solid #999; border-bottom: none; padding: 3px 5px 5px 5px; background: #333; margin-top: 0; }

/* rss */
#blog-area ul#rss-list { height: 20px; padding: 11px 0 11px 11px; }
#blog-area ul#rss-list li { line-height: 12px; float: left; height: 20px; width: 26px; border-right: 1px solid #666; }
#blog-area ul#rss-list li a,
#blog-area ul#rss-list li a:link,
#blog-area ul#rss-list li a:visited,
#blog-area ul#rss-list li a:active { color: #fff; display: block; background: #333 url(../images/layout-images/icon-rss.gif) no-repeat; width: 21px; height: 20px; float: left; }
#blog-area ul#rss-list li a:hover { color: #fff; }

#blog-area ul#rss-list li#technorati { padding: 0 0 0 5px; width: 59px; border-right: none; }
#blog-area ul#rss-list li#technorati a,
#blog-area ul#rss-list li#technorati a:link,
#blog-area ul#rss-list li#technorati a:visited,
#blog-area ul#rss-list li#technorati a:active { background: #333 url(../images/layout-images/icon-fave.gif) no-repeat; width: 59px; }

#blog-area .js-hide { font: 1.8em/20px Arial, Helvetica, sans-serif; color: #555; padding-bottom: 5px; margin-bottom: 5px; }
#blog-area .js-hide strong { font-weight: normal; }

/*link azzurri*/
.azzurri a {text-decoration:none}
.azzurri {
	background-color:#9CC;
	font-size:12px;
	color:#000
}

/* footer */

#footer { clear: left; background: url(../images/layout-images/footer.gif) no-repeat; height: 26px; position: relative; width: 751px; border-top: 45px solid #fff; border-bottom: 20px solid #fff; }
#footer ul { font-size: .9em; color: #323232; }
#footer li { float: left; }
#footer a,
#footer a:link,
#footer a:visited,
#footer a:active { color: #323232; }
#footer a:hover { color: #666; }
#footer #top-of-page a,
#footer #top-of-page a:link,
#footer #top-of-page a:visited,
#footer #top-of-page a:active { font: 1.1em "Times New Roman", Times, serif; display: block; background: url(../images/layout-images/top.gif) no-repeat; width: 28px; height: 18px; padding: 8px 0 0 28px; text-transform: uppercase; }
#footer #copyright { background: url(../images/layout-images/copy.gif) no-repeat; height: 18px; padding: 8px 0 0 25px; }
#footer #address { background: url(../images/layout-images/address.gif) no-repeat; height: 18px; padding: 8px 0 0 33px; }
#footer #accessibility,
#footer #sitemap-link { float: right; }
#footer #accessibility a,
#footer #accessibility a:link,
#footer #accessibility a:visited,
#footer #accessibility a:active,
#footer #sitemap-link a,
#footer #sitemap-link a:link,
#footer #sitemap-link a:visited,
#footer #sitemap-link a:active { font: 1.1em "Times New Roman", Times, serif; display: block; padding: 7px 25px 0 0; color: #323232; font-weight: bold; text-transform: uppercase; }
#footer #accessibility a:hover,
#footer #sitemap-link a:hover { color: #666; }
#footer #sitemap-link a,
#footer #sitemap-link a:link,
#footer #sitemap-link a:visited,
#footer #sitemap-link a:active { padding-right: 20px; }
/* tabelle */
#hor-minimalist-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 45px;
	width: 480px;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-a th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#hor-minimalist-a td
{
	color: #669;
	padding: 9px 8px 0px 8px;
}
#hor-minimalist-a tbody tr:hover td
{
	color: #009;
}


#hor-minimalist-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 45px;
	width: 480px;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-b th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #009;
}


#ver-minimalist
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#ver-minimalist th
{
	padding: 8px 2px;
	font-weight: normal;
	font-size: 14px;
	border-bottom: 2px solid #6678b1;
	border-right: 30px solid #fff;
	border-left: 30px solid #fff;
	color: #039;
}
#ver-minimalist td
{
	padding: 12px 2px 0px 2px;
	border-right: 30px solid #fff;
	border-left: 30px solid #fff;
	color: #669;
}


#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-a td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #d0dafd;
	color: #339;
}


#box-table-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: center;
	border-collapse: collapse;
	border-top: 7px solid #9baff1;
	border-bottom: 7px solid #9baff1;
}
#box-table-b th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #e8edff;
	border-right: 1px solid #9baff1;
	border-left: 1px solid #9baff1;
	color: #039;
}
#box-table-b td
{
	padding: 8px;
	background: #e8edff; 
	border-right: 1px solid #aabcfe;
	border-left: 1px solid #aabcfe;
	color: #669;
}


#hor-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#hor-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
	color: #039;
}
#hor-zebra td
{
	padding: 8px;
	color: #669;
}
#hor-zebra .odd
{
	background: #e8edff; 
}


#ver-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#ver-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #039;
}
#ver-zebra td
{
	padding: 8px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #669;
}
.vzebra-odd
{
	background: #eff2ff;
}
.vzebra-even
{
	background: #e8edff;
}
#ver-zebra #vzebra-adventure, #ver-zebra #vzebra-children
{
	background: #d0dafd;
	border-bottom: 1px solid #c8d4fd;
}
#ver-zebra #vzebra-comedy, #ver-zebra #vzebra-action
{
	background: #dce4ff;
	border-bottom: 1px solid #d6dfff;
}


#one-column-emphasis
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 15px;
	/*width: 480px;*/
	text-align: left;
	border-collapse: collapse;
}
#one-column-emphasis caption
/*{background-color:#000;*/
{font-family:"Comic Sans MS", cursive;
font-size:16px;
padding-left:28px;
}
#one-column-emphasis th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	color: #039;
}
#one-column-emphasis td
{
	padding: 10px 15px;
	color: #669;
	border-top: 1px solid #e8edff;
}
.oce-first
{
	background: #d0dafd;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
}
#one-column-emphasis tr:hover td
{
	color: #339;
	background: #eff2ff;
}


#newspaper-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 16px;
	margin: 2px;
	width: 280px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #69c;
}
#newspaper-a th
{
	padding: 12px 17px 12px 17px;
	font-weight: normal;
	font-size: 14px;
	color: #039;
	border-bottom: 1px dashed #69c;
}
#newspaper-a td
{
	padding: 7px 17px 7px 17px;
	color: #669;
}
#newspaper-a tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}


#newspaper-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #69c;
}
#newspaper-b th
{
	padding: 15px 10px 10px 10px;
	font-weight: normal;
	font-size: 14px;
	color: #039;
}
#newspaper-b tbody
{
	background: #e8edff;
}
#newspaper-b td
{
	padding: 10px;
	color: #669;
	border-top: 1px dashed #fff;
}
#newspaper-b tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}


#newspaper-c
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #6cf;
}
#newspaper-c th
{
	padding: 20px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	text-transform: uppercase;
	border-right: 1px solid #0865c2;
	border-top: 1px solid #0865c2;
	border-left: 1px solid #0865c2;
	border-bottom: 1px solid #fff;
}
#newspaper-c td
{
	padding: 10px 20px;
	color: #669;
	border-right: 1px dashed #6cf;
}


#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner thead th.rounded-company
{
	background: #b9c9fe url('table-images/left.png') left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
	background: #b9c9fe url('table-images/right.png') right -1px no-repeat;
}
#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: #b9c9fe;
}
#rounded-corner td
{
	padding: 8px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #e8edff url('table-images/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #e8edff url('table-images/botright.png') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #d0dafd;
}


#background-image
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background: url('table-images/blurry.jpg') 330px 59px no-repeat;
}
#background-image th
{
	padding: 12px;
	font-weight: normal;
	font-size: 14px;
	color: #339;
}
#background-image td
{
	padding: 9px 12px;
	color: #669;
	border-top: 1px solid #fff;
}
#background-image tfoot td
{
	font-size: 11px;
}
#background-image tbody td
{
	background: url('table-images/back.png');
}
* html #background-image tbody td
{
	/* 
	   ----------------------------
		PUT THIS ON IE6 ONLY STYLE 
		AS THE RULE INVALIDATES
		YOUR STYLESHEET
	   ----------------------------
	*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='table-images/back.png',sizingMethod='crop');
	background: none;
}	
#background-image tbody tr:hover td
{
	color: #339;
	background: none;
}


#gradient-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#gradient-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe url('table-images/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
#gradient-style td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('table-images/gradback.png') repeat-x;
}
#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{
	background: #d0dafd url('table-images/gradhover.png') repeat-x;
	color: #339;
}


#pattern-style-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background: url('table-images/pattern.png');
}
#pattern-style-a thead tr
{
	background: url('table-images/pattern-head.png');
}
#pattern-style-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	border-bottom: 1px solid #fff;
	color: #039;
}
#pattern-style-a td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#pattern-style-a tbody tr:hover td
{
	color: #339;
	background: #fff;
}


#pattern-style-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
	background: url('table-images/patternb.png');
}
#pattern-style-b thead tr
{
	background: url('table-images/patternb-head.png');
}
#pattern-style-b th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	border-bottom: 1px solid #fff;
	color: #039;
}
#pattern-style-b td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#pattern-style-b tbody tr:hover td
{
	color: #339;
	background: #cdcdee;
}

/* tooltips */
#tooltip { position: absolute; z-index: 3000; }
.paper { padding: 0; background: url(../images/layout-images/paper.png) no-repeat; width: 111px; height: 85px; }
#tooltip h3, #tooltip div { margin: 0; }
.paper h3 { font: normal 11px/12px Georgia, "Times New Roman", Times, serif; color: #323232; text-align: left; font-style: italic; padding: 26px 10px 0 15px; }
.paper p { font: 9px/10px Arial, Helvetica, sans-serif; color: #999; padding: 2px 10px 0 15px; text-align: left; }