/* -------------------------------------------------------------- Blueprint CSS Framework [bjorkoy.com/blueprint] * Screen & Projection Styles * This is the main CSS-file for the framework. Include this in the of every page. See the Readme file in this directory for further instructions. -------------------------------------------------------------- */ /* Import stylesheets and hide from IE/Mac \*/ @import "lib/reset.css"; @import "lib/typography.css"; @import "lib/grid.css"; @import "lib/buttons.css"; /* End import/hide */ /* Compressed version: [http://teenage.cz/acidofil/tools/cssformat.php] Comment out @import statements above, and add this one when your site has launched (Ca 60% compressed): @import "lib/compressed.css"; */ /* Uncomment the line below to see the grid and baseline. (Assuming you've wrapped your columns in a container). .container { background: url(lib/img/grid.png); } .container { background: url(lib/img/baseline.png); } */ body { background: #333 url(../images/bg.jpg) top center repeat-x; color:#eee; } body.blue { background: #1A1C28 url(../images/bg-blue.jpg) top center repeat-x; color:#eee; } body.brown { background: #16130C url(../images/bg-brown.jpg) top center repeat-x; color:#eee; } body.green { background: #161D09 url(../images/bg-green.jpg) top center repeat-x; color:#eee; } body.orange { background: #161D09 url(../images/bg-orange.jpg) top center repeat-x; color:#eee; } body.blue2 { background: #161E3E url(../images/bg-blue2.jpg) top center repeat-x; } img { text-align:center; padding:0; margin:0; } h1 { float:left; text-align:left; } #header { margin:0; padding:0; } #bottom_nav { background: url(../images/footer.png) no-repeat; margin:0; color:#666; padding: 0 30px; line-height:30px; } .column p, .column h2 { padding-left:20px; padding-right:20px; } h2 { color:#fff; } body.blue2 h2 { color:#70789A; } ul.left { float: left; color: #aaa; width:150px; margin: 0 0 15px 0; padding: 15px 0; position:relative; left:50px; border: 0 none; list-style-position:inside; list-style-type:none; font-size:1.4em; } ul.left a { color: #fff4e4; text-decoration:none; } ul.left a:hover { color:#fc0; text-decoration:underline; } h1.title { text-align:right; color:#ccc; width:100%; } a { color:#f90; text-decoration:none; } a:hover { color:#fc0; text-decoration:underline; } #corner { display:block; position:absolute; z-index:99; width:250px; height:131px; border:0; top:0; right:0; margin:0; padding:0; vertical-align:baseline; } #corner a { border:0; margin:0; padding:0; vertical-align:baseline; } #corner img { width:250px; height:131px; border:0; padding:0; margin:0; vertical-align:baseline; } /**************** menu coding *****************/ #menu ul ul a, #menu h2 { font: normal 13px/16px arial, helvetica, sans-serif; display: block; line-height:18px; width:100px; border-bottom: #000 1px solid; margin: 0 0 0 -25px; padding: 2px 3px; padding-left:10px; } #menu ul ul a { color: #fff; background: transparent url(../images/black-70.png); text-decoration: none; } #menu ul ul a:hover { color: #fc0; background: #000; border-color: #333; } #menu li {position: relative;} #menu ul ul { position: absolute; z-index: 500; list-style-type:none; } #menu ul ul ul { position: absolute; top: 0; left: 100%; } div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul {display: none;} div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;} .hidden { visibility:hidden; } div.event { display:block; } hr { background: #161E3B; color: #B2CCFF; clear: both; float: none; width: 100%; height: 0.1em; margin: 0 0 1.4em 0; border: none; } div.event p strong { display:block; font-size:1.2em; } div.logos { display:block; float:right; margin: 0 10px; } div.social { display:block; float:right; margin: 0 40px; } div.logos img { float:inline; margin:0; margin-left:3px; } #copyright p { color:#999; text-align:left; } #copyright a { color:#996; } #feature { background: transparent url(../images/home.jpg) top left; text-align:left; width:960px; height:350px; } #logo { width:248px; height:65px; } /* .newsflash { height:21px; background: #1a1c28 url(../images/newsflash-orange.png) top left no-repeat; margin-top:20px; padding-left:90px !important; text-align:left } */ .newsflash { text-align:center; } .newsflash a { display:block; height:21px; background: #1a1c28 url(../images/newsflash.png) 0 0 no-repeat; margin-top:20px; color:#E9EDFD; padding-left:90px !important; overflow:hidden; text-align:left } .newsflash a:hover { background: #1a1c28 url(../images/newsflash.png) 0 -21px no-repeat; color:#f90; } .box { background-color:#353A4D; } #myspace { width:110px; height:30px; } #facebook { width:110px; height:30px; }