/*----------------------------------------------------------------------------- LOCC Style Sheet version: 1.0 author: Chris Monnat email: cmonnat@leftofcentercom.com website: http://www.leftofcentercom.com -----------------------------------------------------------------------------*/ @media screen { /* =General -----------------------------------------------------------------------------*/ body { padding: 0; margin: 0; font: 12px Arial, Helvetica, sans-serif; text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */ min-width: 850px; /* Centered design work around for Netscape 6. */ overflow: -moz-scrollbars-vertical; background:#254158; } /* Class for clearing floats */ .clear { clear: both; height: 1px; overflow: hidden; } /* Remove border around linked images */ img { border: 0; } p { margin: 0.8em 0; } h1, h2, h3, h4, h5 { margin: 0.4em 0; } h1 { font-size: 1.5em; color:#275F76; } h2 { font-size: 1.3em; color:#275f76; } h3 { font-size: 1.1em; color:#e83016; } h4 { /* different color */ } h5 { /* different color */ } h2.news a { color:#E1452F; } h2 span, h3 span { height:100%; width:100%; position:absolute; } h2.about_us { height:17px; width:90px; margin:0; padding:0; position:relative; } h2.about_us span { background:url(../images/txt_about_us.gif) no-repeat; } h2.whats_new { height:16px; width:122px; margin:0; padding:0; position:relative; } h2.whats_new span { background:url(../images/txt_whats_new.gif) no-repeat; } h2.mailing_list { height:24px; width:184px; margin:0; padding:0; position:relative; } h2.mailing_list span { background:url(../images/txt_mailing_list.gif) no-repeat; } h2.our_projects { height:24px; width:124px; margin:0; padding:0; position:relative; } h2.our_projects span { background:url(../images/txt_our_projects.gif) no-repeat; } h2.contact_us { height:22px; width:110px; margin:0; padding:0; position:relative; } h2.contact_us span { background:url(../images/txt_contact_us.gif) no-repeat; } h3.web_apps { height:22px; width:79px; margin:0; padding:0; position:relative; } h3.web_apps span { background:url(../images/txt_web_apps.gif) no-repeat; } h3.web_sites { height:19px; width:79px; margin:0; padding:0; position:relative; } h3.web_sites span { background:url(../images/txt_web_sites.gif) no-repeat; } /* =Links -----------------------------------------------------------------------------*/ a:link { color: #254158; } a:visited { color: #254158; } a:hover { } /* =Structure -----------------------------------------------------------------------------*/ #container { width: 850px; margin: 0 auto 30px auto; text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */ background:#FFF; } #content { margin:20px 20px 0 20px; } #footer { } /* Optional container, use only if necessary. */ /* =Navigation -----------------------------------------------------------------------------*/ #nav_main { height:20px; padding:5px 30px 0 0; color:#FFF; background: url(../images/bg_nav_main.gif) no-repeat; text-align:right; } #nav_main a { color:#FFF; text-decoration:none; } #nav_sub { font-size:0.92em; } #nav_sub, #nav_sub a { color: #; } #nav_supp { font-size: 0.92em; } #nav_supp, #nav_supp a { color: #; } #nav_supp a { text-decoration: none; } #nav_supp a:hover { text-decoration: underline; } /* =Header -----------------------------------------------------------------------------*/ #branding { height:94px; margin:20px 20px 0 20px; border-bottom:1px solid #93afba; } #branding h1 { width:251px; height:94px; margin:0; padding:0; float:left; position:relative; } #branding h1 span { width:100%; height:100%; position:absolute; background:url(../images/logo.gif) no-repeat; } #tagline { margin:40px 0 0 50px; float:left; color:#d3d1d1; font-size:18px; font-family: "Trebuchet MS"; } #tagline .dark { color:#999; } #branding_sub { } /* Optional container, use only if necessary. */ /* =Three Column -----------------------------------------------------------------------------*/ #three_column #content_main { display:inline; width:340px; float:right; } p.about { padding:10px; min-height:102px; background:#f2f2f2 url(../images/bg_about_us.jpg) no-repeat bottom left; } #three_column #content_sub { display:inline; width:430px; float:left; } ul#news { margin:10px 0 0 0; padding:0; list-style-type:none; } ul#news li { padding-left:30px; margin-bottom:10px; background: url(../images/bullet.jpg) no-repeat; } ul#news li a { color:#000; text-decoration: none; } ul#news li a:hover { text-decoration: underline; } #three_column #content_supp{ } /* Design may not call for this container, delete id not necessary. */ * html #projects_apps{ height:1% } #projects_apps { height:1%; padding:15px 20px; border:1px solid #CCC; font-size:11px; } #projects_apps a { display:block; width:169px; height:115px; float:left; text-decoration:none; background: url(../images/bg_project.jpg) no-repeat; } #projects_apps a.padding { margin-right:30px; } #projects_apps .project_text { display:block; padding:0 10px 0 10px; } /*div.project:hover { border:1px solid #000; } div.padding { margin-right:30px; }*/ /*a.project { text-decoration: none; color:#000; }*/ #contact_bg { padding:10px; min-height:181px; background:#f2f2f2 url(../images/bg_contact_us.jpg) no-repeat bottom left; border-right:1px solid #ececec; } #contact_left { display:inline; float:left; width:430px; } #contact_right { display:inline; float:right; width:340px; } /* =Two Column -----------------------------------------------------------------------------*/ #two_column #content_main { display:inline; width:550px; float:left; } #two_column #content_sub { display:inline; width:250px; float:right; background:#F0F0F0; } #two_column #content_sub ul { padding:0; margin:0 0 0 5px; list-style-type: none;} /* =Get Directions -----------------------------------------------------------------------------*/ #get_directions { margin:0; padding:0; border:0; width:265px; float:right;} #get_directions #top { background: url(../images/directionsTop.gif) no-repeat; height:30px;} #get_directions #middle { background: url(../images/directionsMiddle.gif) repeat-y; font-size:12px; padding:10px 20px;} #get_directions #bottom { background: url(../images/directionsBottom.gif) no-repeat; height:35px;} #get_directions #middle input { margin:5px 0px;} #get_directions #bottom #submitButton { margin-top:2px; cursor:pointer;} /* =Footer -----------------------------------------------------------------------------*/ #site_info { margin:10px 20px 0 20px; padding-bottom:10px; font-size: 0.92em; } #site_info, #site_info a { color: #275f76;} #site_info a { text-decoration: none; } #site_info a:hover { text-decoration: underline; } /* =Forms -----------------------------------------------------------------------------*/ form { padding: 0.4em; margin: 0; } form em { color: #FF0000; } form p { clear: left; margin: 0; padding: 0; padding-top: 0.4em; } form p label { float: left; width: 20%; } fieldset { padding: 0.6em; padding-left: 0.7em; } fieldset legend { padding: 0; margin-bottom: 0.2em; font-weight: bold; color: #000000; font-size: 1.1em; } input.txt { width: 200px; } /*textarea { width: 300px; height: 100px; } */ .formerror { border: 1px solid red; background-color : #FFCCCC; width: auto; padding: 0.4em; margin-bottom: 0.4em; } .formerror ul { padding-left: 1.7em; } /* =Tables -----------------------------------------------------------------------------*/ td { text-align: left; } /* =Misc 1 -----------------------------------------------------------------------------*/ .question { background: #FF0000; } .highlight { font-weight:bold; background:#FFFF00; } div.post { margin-bottom: 30px; } p.postmetadata { padding:5px; background:#F0F0F0; } /* =Misc 2 -----------------------------------------------------------------------------*/ img.left { float:left; } img.right { float:right; } }