/* BASIC RESET */ ul,ol,li,pre,form,body,blockquote,fieldset,input{margin:0; padding:0;} /* HTML ELEMENTS */ body { font:75%; letter-spacing:1; } /* COMMON CLASSES */ .break { clear:both; } /* HEADER */ /* NAVIGATION */ #nav-outer { height:60px; padding-top:5px; position:relative; top:0px; background-color:#000066; } #navigation { height:100px; width:1060px; margin:0 auto; } /* SEARCH */ #search { float:right; width:220px; padding:0px; } #searchtxt { padding:0px; width:150px; } #searchbtn { border:1px solid #eee !important; background-color:#CD2B3A; color:#eee; padding:3px; margin-left:5px; } .search p:hover { background-color: #a4a4a4; background-image:none; } .search a:hover { text-decoration:none; } /* SOCIAL DIV */ #socialicons { float: right; width:100px; margin-top: -25px; margin-right:20px; padding:0px; } /* TICKER DIV */ #tickerdiv { float: left; width:600px; margin-top: -5px; margin-right:10px; padding:0px; } /* HEADER TEXT */ #headertxt { width:960px; margin:0 auto; clear:both; position:relative; top:74px; } #firstline { background-image:url("../images/textbg.png"); color:#333; font-size:40px; padding:4px 13px 7px; float:left; display:block; } #secondline { background-image:url("../images/textbg.png"); color:#CD2B3A; text-decoration:none; font-size:60px; padding:0 13px 10px; float:left; display:block; clear:both; } #secondline:hover { text-decoration:underline; color:#7F000C; } .pictured { background-color:#CC3333; color:#FFF; font-size:12px; padding:9px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px; } .pictured a { font-size:16px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; } .pictured a:hover { text-decoration:underline; } /* MENU */ #menu-outer { position:relative; top:50px; margin:0 auto; width:1060px; } #menu { padding-left:00px; z-index:1000;} #submenu-outer { position:relative; top:0px; margin:0 auto; width:1060px; } #submenu { padding-left:210px; z-index:500;} #homepage-outer { position:absolute; height:100%; left:195px; top:0px; margin:0 auto; width:670px; padding:10px 0px 0px 10px;} #homepage { position:relative; width: 650px; } #homepagerightdiv-outer1 { position:absolute; left:880px; top:300px; margin:0 auto; width:160px; height:130px; padding:10px; background-image:url("../images/headerbg.png");} #homepagerightdiv-outer2 { position:absolute; left:880px; top:300px; margin:0 auto; width:160px; height:130px; padding:10px; background-image:url("../images/headerbg.png");} #homepagerightdiv-outer3 { position:absolute; left:880px; top:300px; margin:0 auto; width:160px; height:130px; padding:10px; background-image:url("../images/headerbg.png");} #homepagerightdiv-outer4 { position:absolute; left:880px; top:300px; margin:0 auto; width:160px; height:130px; padding:10px; background-image:url("../images/headerbg.png");} #homepagerightdiv-outer5 { position:absolute; left:880px; top:300px; margin:0 auto; width:160px; height:130px; padding:10px; background-image:url("../images/headerbg.png");} #homepagerightdiv-outer6 { position:absolute; left:880px; top:300px; margin:0 auto; width:160px; height:130px; padding:10px; background-image:url("../images/headerbg.png");} #homepagerightdiv-outer7 { position:absolute; left:880px; top:300px; margin:0 auto; width:160px; height:130px; padding:10px; background-image:url("../images/headerbg.png");} #important { position:relative; left:10px; top:10px; margin:0 auto; width:460px; height:200px; padding:10px; background-image:url("../images/headerbg.png");} #rightdiv-outer1 { position:absolute; left:880px; top:1px; margin:0 auto; width:160px; height:130px; padding:10px; background-image:url("../images/headerbg.png");} #rightdiv { padding-left:0px; height:130px;} #rightdivtext { text-align:center; padding-left:0px; position:absolute; width: 160px; top:110px; background-color:#CD2B3A; height:30px;} /* CONTROLS opacity:0.6; filter:alpha(opacity=60); */ #rightdiv-outer2 { position:absolute; left:880px; top:170px; margin:0 auto; width:160px; height:130px; padding:10px; background-image:url("../images/headerbg.png");} #rightdiv-outer3 { position:absolute; left:880px; top:340px; margin:0 auto; width:160px; height:130px; padding:10px; background-image:url("../images/headerbg.png");} /* CONTENT */ #content { color:#000066; } #content p { padding:10px 20px; font-size:14px; margin:0 auto; text-align:justify; } #content p a { text-decoration:none; color:#ffffff; } #content p a:hover { text-decoration:underline; color:#7F000C; } /* HEADER HAVIGATION */ #headernav-outer { position:relative; left:625px; top:510px;width:110px; margin:0 auto; } /* SOCIAL ICONS - GENERAL */ .social { list-style:none; margin:30px auto; width:464px; } .social li { display:inline; float:left; background-repeat:no-repeat; } .social li a { display:block; width:48px; height:48px; padding-right:10px; position:relative; text-decoration:none; } .social li a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7); -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } li.delicious { background-image:url("../images/delicious.png"); } li.digg { background-image:url("../images/digg.png"); } li.facebook { background-image:url("../images/facebook.png"); } li.flickr { background-image:url("../images/flickr.png"); } li.linkedin { background-image:url("../images/linkedin.png"); } li.reddit { background-image:url("../images/reddit.png"); } li.rss { background-image:url("../images/rss.png"); } li.twitter { background-image:url("../images/twitter.png"); } /* SOCIAL ICONS - CSS3 */ #css3:hover li { opacity:0.2; } #css3 li { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms; -moz-transition-property: opacity; -moz-transition-duration: 500ms; } #css3 li a strong { opacity:0; -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms; -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; } #css3 li:hover { opacity:1; } #css3 li:hover a strong { opacity:1; top:-10px; }