Navigation

::-webkit-scrollbar-thumb { height:auto; background-color:gray; } ::-webkit-scrollbar { height:9px; width:1px; background-color:#FFFFFF; } /*-------------- POPUP CSS START ---------------*/ #fade { display: none; background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .80; z-index: 9999; } .popup_block{ display: none; background: #fff; height:auto; padding: 5px; border: 3px solid #ddd; text-align:center; float: left; font-size: 12px; position: fixed; top: 55%; left: 55%; z-index: 99999; -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #000; box-shadow: 0px 0px 20px #000; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } img.btn_close { float: right; margin: -2px -2px 0 0; } *html #fade { position: absolute; } *html .popup_block { position: absolute; } /*--------------- POPUP CSS END ----------------*/ #container { position:absolute; width:600px; height:500px; margin:auto; top:0; bottom:0; left:0; right:0; } #sidebar { width:200px; height:500px; } #image { width:200px; height:400px; } #image img { width:200px; height:400px; } #title { width:15px; margin-top:-240px; margin-left:170px; font-size:18px; font-family: 'Raleway', sans-serif; text-transform:uppercase; word-wrap:break-word; line-height:125%; text-align:center; color:#333333; /*---------TITLE COLOR---------*/ } #links a { display:inline-block; width:98px; margin-top:5px; background-color:#4B4B4B; /*--------LINK BG COLOR--------*/ color:white; /*-------LINK TEXT COLOR-------*/ line-height:255%; text-decoration:none; text-align:center; text-transform:uppercase; font-family:calibri; font-size:9px; letter-spacing:1px; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; } #links a:hover { background-color:#4B4B4B; /*-----LINK HOVER BG COLOR-----*/ -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; } #content { float:right; width:380px; height:500px; padding-right:10px; margin-top:-500px; overflow-y: scroll; overflow-x: hidden; border-right:1px solid gray; } #content h1 { display:block; width:380px; margin-top:20px; text-decoration:none; font-family:calibri; color:#444444; /*-------TAG TITLE COLOR-------*/ text-transform:uppercase; font-size:13px; font-weight:normal; letter-spacing:2px; line-height:150%; text-align:center; border-bottom:1px solid gray; } #content h1 a { display:block; width:380px; margin-top:20px; background-color:white; text-decoration:none; font-family:calibri; color:#444444; text-transform:uppercase; font-size:13px; font-weight:normal; letter-spacing:2px; line-height:150%; text-align:center; } #content h1 a:hover { background-color:white; letter-spacing:4px; color:#444444; } #content a { display:inline-block; width:187px; margin-top:5px; background-color:#eaeae8; /*---------TAG BG COLOR--------*/ color:#666666; /*--------TAG TEXT COLOR-------*/ line-height:150%; text-decoration:none; text-align:center; text-transform:none; font-family:calibri; font-size:11px; letter-spacing:1px; -moz-transition-duration:0.7s; -webkit-transition-duration:0.7s; -o-transition-duration:0.7s; } #content a:hover { background-color:#777777; /*------TAG HOVER BG COLOR-----*/ color:white; /*-----TAG HOVER TEXT COLOR----*/ -moz-transition-duration:0.7s; -webkit-transition-duration:0.7s; -o-transition-duration:0.7s; } #popup { margin:20px 0px 20px 0px; } #popup h1 { display:block; width:300px; text-decoration:none; font-family:calibri; color:#444444; /*-------TAG TITLE COLOR-------*/ text-transform:uppercase; font-size:13px; font-weight:normal; letter-spacing:2px; line-height:150%; text-align:center; border-bottom:1px solid gray; } #popup h1 a { display:block; width:300px; background-color:white; text-decoration:none; font-family:calibri; color:#444444; text-transform:uppercase; font-size:13px; font-weight:normal; letter-spacing:2px; line-height:150%; text-align:center; } #popup h1 a:hover { background-color:white; letter-spacing:4px; color:#444444; } #popup a { display:inline-block; width:300px; margin-top:10px; color:#666666; /*--------TAG TEXT COLOR-------*/ line-height:150%; text-decoration:none; text-align:center; text-transform:none; font-family:calibri; font-size:11px; letter-spacing:1px; border-bottom:1px solid #DDDDDD; -moz-transition-duration:0.7s; -webkit-transition-duration:0.7s; -o-transition-duration:0.7s; } #popup a:hover { border-bottom:1px solid #777777; background-color:#777777; /*------TAG HOVER BG COLOR-----*/ color:white; /*-----TAG HOVER TEXT COLOR----*/ letter-spacing:4px; -moz-transition-duration:0.7s; -webkit-transition-duration:0.7s; -o-transition-duration:0.7s; } #credit { font-size:9px; font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-style:italic; letter-spacing:1px; } #credit a { background-color:#fff; padding:5px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; position:fixed; right:15px; bottom:10px; text-decoration:none; color:gray; -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; } #credit a:hover { color:#fff; background-color:#747474; -moz-transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; }