/* 960 Grid System ~ Text CSS. Learn more ~ http://960.gs/ Licensed under GPL and MIT. */ /* `Basic HTML ----------------------------------------------------------------------------------------------------*/ html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; } body { margin:0px; padding:0px; } body.home { background-image:url(../img/backgrounds/main_website_background_home.png); background-repeat:repeat-x; } body.other { background-image:url(../img/backgrounds/main_website_background_other.png); background-repeat:repeat-x; } p { line-height:20px; } p.content { line-height:25px; } div { font-family: "trebuchet MS", verdana, arial; font-size:10pt; color: #808080; } hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; } /* `Headings ----------------------------------------------------------------------------------------------------*/ h1 { font-size:16pt; color: #339AC1; font-style: italic; margin-bottom:20px; } h1.pagetitle { font-size:26pt; color: #339AC1; font-style: italic; } h1.sub_title { font-size:12pt; color: #B6E0ED; font-style: italic; } h2 { font-size:12pt; color: #339AC1; font-style: italic; margin-bottom: 0px; margin-top:20px; } h3 { font-size:16pt; color: #575757; } /* `Spacing ----------------------------------------------------------------------------------------------------*/ ol { list-style: decimal; } ul { list-style: disc; } li { margin-left: 30px; } p,dl,hr,ol,ul,pre,table,address,fieldset { margin-bottom: 20px; } /* Main Stylesheet */ a { color: #808080; text-decoration: underline; } a:link { color: #808080; text-decoration: underline; } a:hover { color: #000000; text-decoration: underline; } a.highlighted { color: #339AC1; font-weight: bold; text-decoration: none; } a.highlighted:link { color: #339AC1; font-weight: bold; text-decoration: none; } a.highlighted:hover { color: #575757; font-weight: bold; text-decoration: none; } div.main_menu { text-align:right; padding-top:40px; } div.main_menu_item { display:inline; } .main_menu_item a { color:#A8A8A8; font-weight:bold; text-decoration:none; margin-left:15px; padding-top:40px; } .main_menu_item a:link { color:#A8A8A8; font-weight:bold; text-decoration:none; margin-left:15px; padding-top:40px; } .main_menu_item a:hover { color:#339AC1; font-weight:bold; text-decoration:none; margin-left:15px; padding-top:40px; } .selected a { color:#339AC1; background-image:url(../img/backgrounds/main_menu_hover.png); background-position: center top; } .selected a:link { color:#339AC1; background-image:url(../img/backgrounds/main_menu_hover.png); background-position: center top; } .selected a:hover { color:#339AC1; background-image:url(../img/backgrounds/main_menu_hover.png); background-position: center top; } .portfolio_slideshow { background-color:#F0F2F3; } .homepage_content { background-image:url(../img/backgrounds/content_background_1.png);margin-left:0px;margin-right:0px;margin-top:5px; } .website_content { background-color:#F2F3F4; background-image:url(../img/backgrounds/content_background_2.png); overflow:hidden; } span.subtitle { font-size:8pt;line-height:30px; } input.fields { margin-top:10px; width:300px; } textarea.area { margin-top:10px; width:300px; height:100px; } div.footer { background-color: #FFFFFF; padding-bottom:20px; } span.footer_text { letter-spacing:1px; line-height:16px; } a.footer_link { color: #808080; text-decoration: underline; letter-spacing:1px; line-height:16px; } a.footer_link:link { color: #808080; text-decoration: underline; letter-spacing:1px; line-height:16px; } a.footer_link:hover { color: #000000; text-decoration: underline; letter-spacing:1px; line-height:16px; } a.footer_link_pages { color: #808080; text-decoration: underline; letter-spacing:1px; line-height:16px; } a.footer_link_pages:link { color: #808080; text-decoration: underline; letter-spacing:1px; line-height:16px; } a.footer_link_pages:hover { color: #000000; text-decoration: underline; letter-spacing:1px; line-height:16px; } .spacer_20 { height:20px; } .spacer_40 { height:40px; } .spacer_60 { height:60px; } .spacer_70 { height:70px; } .spacer_90 { height:90px; } .spacer_140 { height:140px; } .spacer_160 { height:160px; } .image_no_border { border: 0px; } .content_bar_text_part1 { font-size:18pt; color:#FFFFFF; font-style:italic; line-height:35px; font-weight:normal; width:250px; } .content_bar_text_part2 { font-size:18pt; color:#339AC1; font-style:italic; line-height:35px; font-weight:normal; width:320px; } .right { text-align:right; } .homepage_text { color:#FFFFFF; } .weblog_intro_image { width:100px; padding-right:20px; padding-bottom:10px; float: left; } .portfolio_title { line-height:25px; font-size:12pt; font-weight: bold; color: #E5E5E5; font-style:italic; } .portfolio_second_title { font-size:14pt; font-weight: bold; color: #FFFFFF; font-style:italic; } span.second_title { color: #A8A8A8; } div.screenshot_gallery_large { width:420px; height:285px; padding-top:5px; padding-left:10px; padding-right:10px; padding-bottom:10px; background-image:url(../img/backgrounds/screenshot_gallery_large.png); background-repeat: no-repeat; } div.screenshot_gallery_small { width:360px; height:245px; padding-top:5px; padding-left:10px; padding-right:10px; padding-bottom:10px; background-image:url(../img/backgrounds/screenshot_gallery_small.png); background-repeat: no-repeat; } div.screenshot_thumbnail_large { width:160px; height:110px; padding-top:5px; padding-left:10px; padding-right:10px; padding-bottom:10px; background-image:url(../img/backgrounds/screenshot_thumbnail_large.png); background-repeat: no-repeat; border:0px; } div.screenshot_thumbnail_small { width:140px; height:95px; padding-top:5px; padding-left:10px; padding-right:10px; padding-bottom:10px; background-image:url(../img/backgrounds/screenshot_thumbnail_small.png); background-repeat: no-repeat; } img.screenshot_gallery_large { width:420px; height:285px; } img.screenshot_gallery_small { width:360px; height:245px; } img.screenshot_thumbnail_large { width:160px; height:110px; } img.screenshot_thumbnail_small { width:140px; height:95px; } a.homepage_play_pause_button { color:#808080; text-decoration:none; } a.homepage_play_pause_button:link { color:#808080; text-decoration:none; } a.homepage_play_pause_button:hover { color:#000000; text-decoration:none; } div.notification_normal { border: 1px solid gray; padding:5px; background-color: #EFFFEB; margin-bottom:10px; } div.notification_error { border: 1px solid gray; padding:5px; background-color: #FFF8E7; margin-bottom:10px; } span.form_remark { font-style: italic; } a.portfolio_link { color: #0092BB; text-decoration: underline; letter-spacing:1px; } a.portfolio_link:link { color: #0092BB; text-decoration: underline; letter-spacing:1px; } a.portfolio_link:hover { color: #000000; text-decoration: underline; letter-spacing:1px; } span.weblog_category_name { line-height:25px; font-style:italic; color:#000000; } span.weblog_title_date { font-weight: normal; color:#717171; font-size:10pt; }