/*Color Guide: Light Caribbean - #30e4f8 Dark Caribbean - #0762d4 Faded Caribbean - #8bbdd0 Dark Red - #C82231 GreenPea #82c714 SnowPea #C4DF9B Sweet Potato Pie - #C2832B Kool-Aid Red -#FF3300 Wild Berry Skittles: #7f0d7c Tropical Punch Red - #C0020B Dark Blue Grey - #233743 Faded Blue Grey - #c9d0d6 Dark Dull Brown - #5a4941 Medium Brownish Grey - #3b342e */ * { margin: 0 auto; padding: 0; } body { font-family: Georgia, serif; background: white; } a, a:visited {font-weight: bold; border-bottom: solid #0762d4 2px; color: #000; text-decoration: none;} a:hover {outline: none; font-weight: bold; color:#000; text-decoration: none;} a img { border: none; } img { vertical-align: middle; } .clear { clear: both; } fieldset { border: none; } ::selection { background: #82c714; color: #fff; /* Safari */ } ::-moz-selection { background: #82c714; color: #fff; /* Firefox */ } /* MAIN STRUCTURE */ div#black-wrap { height:49px; position: relative; overflow: hidden; background: white url(../img/bg-top-repeat.png) top left repeat-x; } #page-wrap { width: 990px; position: relative; top: -49px; margin: 0 auto; overflow: hidden; background: white url(img/bg-middle.png) repeat-y; z-index: 200; } #header { background: white url(../img/bg-top-middle.png) no-repeat; width:990px; height: 310px;} #intro { position: absolute; right: 80px; top: 10px; color: white; font: italic 12px Georgia, Serif;} #intro span { text-transform: uppercase; letter-spacing: 2px; font-style: normal;padding-right:50px; } #intro a { color: #0762d4; border-bottom: 2px dotted #0762d4; } #intro a:hover { color: #30e4f8; border-bottom: 2px solid #30e4f8; } #home-link { text-indent: -9999px; position: absolute; top: 0px; left: 0px; width: 208px; height: 30px; border:0px; outline:none;} /* MAIN NAVIGATION */ #mainNavWrap { position: absolute; top: 47px; left: 210px; width: 450px; height: 58px; } #mainNav { position: absolute; bottom: 0; left: 0; width: 450px; list-style: none; } #mainNav li { display: inline; margin: 0 3px 0 0; } #mainNav li a { padding: 8px 16px; color: #2f2626; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 204px; -webkit-border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; background: #C2832B url(/images/tab-off-bg.png) bottom left repeat-x; text-decoration: none; font: bold 13px "Lucida Grande", Arial, Helvetica, Sans-Serif; } #mainNav li a:hover { background: #2f2626; color: white; } #mainNav li.rss a { background: url(/images/rsstab.png) no-repeat; display: block; position: absolute; width: 40px; height: 34px; text-indent: -9999px; left: -48px; bottom: -7px; padding: 0; } body#home #mainNav li.articles a, { background: #82c714; color: #2f2626; } #talking { color: #C82231; position: absolute; top: 52px; left: 211px; font-size: 11px; } #search-form-only { position: absolute; left: 656px; top: 67px; width: 300px; } #navbar { position: relative; top: -5px;left: 0; } #navbar{ margin: 0;padding: 0;list-style-type: none; } #navbar ul {margin: 0;padding: 0;list-style-type: none; } #navbar ul li { position: relative;display: inline;float: left; } #navbar ul li a { margin:0; padding: 10px; } /* To get links to behave in IE 6 */ #navbar ul li ul { z-index:500;position:absolute; width:200px; left:-999em; overflow:hidden; margin:-5px; display:block; } #navbar ul li ul li { margin: -1.5em 0 0 130px; } #navbar ul li ul li a { min-width:150px;display: block;padding:0px;padding-right:10px; } #navbar ul li ul li { display: list-item;float: left; } #navbar li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navbar li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { left: auto; } #navbar li:hover, #navigation li.hover { position: relative; } /* GENERAL TYPOGRAPHY */ h1, h2, h3, h4, h5 { font-weight: normal; margin: 0 0 5px 0; } h2 { font-size: 32px; } p, li, dd { font: 13px/18px "Lucida Grande", Arial, Helvetica, Sans-Serif; margin: 0 0 15px 0; } td, th { font: 13px/18px "Lucida Grande", Arial, Helvetica, Sans-Serif; text-align: left; } p strong, li strong { color: #4a4a4a; } blockquote { border-left: 10px solid #82c714; padding: 15px 0 0 10px; margin-top: 10px; } blockquote, blockquote p { font: italic 13px/18px "Lucida Sans", "Lucida Grande", Arial, Helvetica, Sans-Serif; color: #233743;} em { font-size: 13px; } code { font-size: 12px; overflow: auto; display: block; padding: 10px; background: #C2832B; margin-bottom: 15px; margin-top: 5px; width: 540px; } pre code[class]:after { content: attr(class); display: block; text-align: right; font-size: smaller; padding-top: 0.5em; color: #fe4902; } /* Services */ div#services p {min-height: 700px; text-align: center; background: white url(../img/services.png) no-repeat; } /* 404 Page */ div#error { width: 600px; min-height: 700px; float: left; padding: 0 20px 50px 0; padding-top: 10px; border-right: solid #b7b7b7 1px;} div#error p { width: 600px;} div#error img {border: 1px black solid; border-bottom: 2px black solid;} /* ARTICLE AREA */ #content-area { width: 600px; min-height: 700px; float: left; padding: 0 20px 50px 0; padding-top: 10px; border-right: solid #b7b7b7 1px; } #content-area h2 { text-align: center; } #content-area a:hover { border-bottom: 1px solid #2e2e2e; } #content-area a { text-decoration:none; } /* Content */ #content-area h3 { color: #0762d4; font-size: 20px; } #date {text-decoration:underline; font-family: serif; padding-left: 10px; color:#82c714;} /* Blogs Page */ #blogs { width: 600px; min-height: 700px; float: left; padding: 10px 20px 0 0; } #blogs h3 { font-size: 18px; padding-bottom:10px; font-family:wanta;} #blogs ul li { font-size: 14px; font-family:wanta;} /* Sidebar */ #sidebar { float:left; width: 330px; min-height: 850px; background: url(/img/bg-sidebar.png) repeat-y; padding: 0 0 0 20px; position: absolute; right: 20px; top: 350px; } #sidebar h3 { height: 71px; margin: 0 0 0 -23px; width: 326px; position: relative; } #sidebar h1 { font: 32px Arial, Helvetica, Sans-Serif; } #sidebar div.inner { padding-left:15px; } #wall { background: #233743; padding: 5px; } #wall p { padding: 0 0 0 15px; color: #aaa; } #wall p a { color: #fff; text-decoration: none; border: none; } #wall p a:hover { color: #aaa; text-decoration: underline; } #wall h1 { background: #fff; } div.ad { border: solid black 2px; background:#233743; padding: 20px; } h2.ad { width: 280px; height: 60px; background: url(/img/advertise.gif) no-repeat; padding-right: 10px; margin: auto 0px; color:#b7b7b7; text-decoration: underline; } #ff { border: 5px #233743 solid; padding: 10px; background-color:#82c714; } #ff a:hover { color:#eee; text-decoration: none; } #qod { background: #233743; color: #fff; padding: 5px; } h1.qod_link { background: #fff; } .qod_link a { text-decoration: none; border: none; } #qod blockquote { border: none; } p.qod-text { color: #fff; } #qod blockquote p a { color: #aaa; } /* Wallpaper Art Page */ div#wallpaper { width: 600px; min-height: 700px; float: left; padding: 0 20px 50px 0; padding-top: 10px; border-right: solid #b7b7b7 1px; } div.wall_wrapper {width:100px; border: #202020 5px solid; background-color:#eaeaea; padding:10px; margin: 0px;} div.wall_wrapper a img {border: black 1px solid; background-color: #fff; padding: 0px; margin: 0px;} /* Resume */ div#resume {width: 620px; min-height: 700px; float: left; padding: 0 0 50px 0; padding-top: 10px; border-right: solid #b7b7b7 1px; } div#resume h2 {font-family:Serif, sans, Helvetica;color:#30e4f8; border-bottom: 4px solid #233743; margin-bottom:10px; background:#233743 ; text-align:center;} div#resume h2 sup {text-decoration: underline; } div#resume h3 {border-bottom: 1px solid black;} div#resume a.button {font-weight: bold; border-bottom: solid #0762d4 2px; color:#000; text-decoration: none;} div#resume a:hover.button {font-weight: bold; border-bottom: solid black 2px; color: #0762d4; text-decoration: none;} /* Suggested Software */ #suggested { width: 600px; min-height: 700px; float: left; padding: 0 20px 50px 0; padding-top: 10px; border-right: solid #b7b7b7 1px; } #suggested li { padding-left: 20px; list-style-type: none;} div.Ubuntu { margin-top: 10px; float:left; margin-left: 20px; padding: 10px; border: 1px solid #b7b7b7} div.Windows { margin-top: 10px; float:left; margin-left: 20px; padding: 10px; border: 1px solid #b7b7b7} .msg_head { font-weight: bold; line-height: 26px; background: url(/img/more_arrow.png) no-repeat left center; padding:.4em 0 .4em 30px; display:run-in; cursor:pointer;} .msg_body { background:#5a4941; padding: 10px; border-bottom: 2px white dashed;} .msg_body p { color: #fff; font-weight: bold; font-family: serif; } .install { position: relative; left: 490px; font-size: 12px;} /* Contact */ a#mailto:hover {color:white; background: #4a4a4a; border: solid 1px #0762d4;; background-color:#333; } /* Services AREA */ #services_area { width: 600px; min-height: 700px; float: left; padding: 0 20px 50px 0; padding-top: 10px; border-right: solid #b7b7b7 1px; } div#services_area ul li {list-style-type: none; padding-left:30px; font-weight:bold;} /* TWITTER BOX */ #twitter-link { text-indent: -9999px; position: absolute; top: 110px; right: 120px; width: 280px; height: 32px; border:0px; outline:none;} div.twitter { width: 280px; height: 100px; overflow:auto; position: absolute; top: 140px; right: 120px; } #twitter { padding:15px; overflow: auto; } h3#twitter { color: white; } .tweet { margin: 0 0 10px 0;} .tweet p { font-size: 14px; font-weight:bold; text-align: left; vertical-align: middle; padding: 0 10px; color: #000; } .tweet p em { color: #C82231; } /* Dark Red */ .tweet a { color: #0762d4; background-color: white;} /* Dark Caribbean */ #logo { color: #C4DF9B; background: #292929; font: italic 30px sans, Verdana, Mono; position: absolute; top: 10px; left: 10px; } /* FOOTER */ #footer { border-top: solid black 5px; border-bottom: solid black 5px; height: 654px; background: black url(/images/bg-footer-repeat.png) repeat-x; } #footer-inside { background: black url(/img/bg-footer.png) no-repeat; height: 654px; width:990px; margin: 0 auto; position:relative; } #footer h4 { font: italic 18px Georgia, Serif; color: #C82231; font-size: 22px; margin: 0 0 10px 0; } #footer h4 em { font-family: "Lucida Grande", Serif; text-transform: uppercase; font-size: 16px; font-style: normal; } #footer p { color: #fff; font-size: 11px; } #footer ul { margin: 0 0 0 15px; } #footer li { color: #fff; font-size: 12px; margin: 0 0 3px 0; } #footer a { color: #fff; border-bottom: 1px dotted #666; } #footer a:hover { color: #30e4f8; border-bottom: 1px solid #30e4f8; } #footer #author { background:url(/img/bg_trans.png) repeat; position: relative; top: 100px; left: -350px; width: 215px; padding:10px; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 5-7 */ filter: alpha(opacity=80); /* Netscape */ -moz-opacity: 0.8; /* Safari 1.x */ -khtml-opacity: 0.8; /* Good browsers */ opacity: 0.8; } #footer #author h4 em { font-family: "Lucida Grande", Serif; text-transform: uppercase; font-size: 16px; font-style: normal; } #projects { background:url(/img/bg_trans.png) repeat; position: relative; top: -250px; left: 250px; width: 215px; padding:10px; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 5-7 */ filter: alpha(opacity=80); /* Netscape */ -moz-opacity: 0.8; /* Safari 1.x */ -khtml-opacity: 0.8; /* Good browsers */ opacity: 0.8; } #nav { background: url(/img/bg_trans.png) repeat; position: absolute; top: 100px; left: 350px; padding:10px; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 5-7 */ filter: alpha(opacity=80); /* Netscape */ -moz-opacity: 0.8; /* Safari 1.x */ -khtml-opacity: 0.8; /* Good browsers */ opacity: 0.8; } #sub { background: url(/img/bg_trans.png) repeat;position: absolute; top: 280px; left: 250px; padding:10px; } #faq { background: url(/img/bg_trans.png) repeat;position: absolute; top: 280px; left: 410px; padding:10px; } /* list_files */ div#list {min-height:300px; width:400px;} div#list table {position:relative; top:50px; z-index:-1;float:left;} div#browserWarning { display:none; } /* The End of Styling */ /* hidden stuff */ div#ieoxAdTag { display: none;} iframe#conash3D0 { display: none;}