/* ------------------------ */ /* Jmezmedia 2009 */ /* 20 January 2009 */ /* Ripe Template */ /* CSS Document */ /* By Steven Parish */ /* steve@freshervisions.com */ /* ------------------------ */ /* GLOBAL PROPERTIES ----------------------------------------------------------- */ BODY {font-family: arial, 'Microsoft Sans Serif'; font-size: 10pt; color: rgb(26,26,26); line-height: 160%; background-color: rgb(81,83,60); background-image: url(images/bg.jpg); margin-top: 15px; margin-left: 0px; margin-bottom: 15px; margin-right: 0px; } a {text-decoration: none; color: rgb(88,10,8);} a:hover {border-bottom: 2px solid rgb(88,10,8);} h1 {color: rgb(89,9,10); font-family: Lucida Sans Unicode, arial; margin-bottom: 10px; margin-top: 0px; font-size: 20pt; line-height: 120%; font-weight: normal; display: block;} h2 {color: rgb(42,41,37); font-family: Lucida Sans Unicode, arial; margin-bottom: 10px; font-size: 18px; font-weight: normal; } h3 {color: rgb(89,9,10)); font-family: Lucida Sans Unicode, arial; margin-bottom: 10px; font-size: 16px; } h4 {color: rgb(63,63,63); font-family: Lucida Sans Unicode, arial; margin-bottom: 10px; font-size: 14px; } img {border: none; } .clear { clear: both; } .input_hp {display: none;} /* hide honey pot inputs */ /* ripe notices such as 'thank you for form submition' */ .notice {background-color: rgb(220,224,194); padding: 8px; font-size: 16px; font-weight: bold; margin-bottom: 10px;} /* ----------------------------------------------------------------------------- */ /* LAYOUT BOXES ------------------------------------------------------------------ */ #top-head {height: 75px; background-color: white; border-top: 10px solid white;} #head-window {height: 265px; width: 856px; background-color: rgb(82,92,97); background-image: url(images/main-window.jpg); background-repeat: no-repeat;} #menubar {height: 50px; background-color: rgb(153,153,153); border-top: 1px solid rgb(171,165,144);} #middle {padding: 10px; background-color: white; background-image: url(images/cbg.gif); background-repeat: repeat-y; background-position: right;} #content-box {float: left; width: 500px; padding: 10px;} #rightside {float: right; width: 300px;} #submenuZ {width: 171px; height: 190px; padding-top: 34px; padding-bottom: 17px; padding-left: 60px; padding-right: 40px; background-image: url(images/noteImg.gif);} #footer {background-color: rgb(224,217,190); border-top: 1px solid rgb(171,165,144); padding: 20px;} .container {width:856px; margin-left: auto; margin-right: auto; background-color: rgb(69,71,52); border: 10px solid rgb(42,41,37); opacity: 1;} #container2 {width:856px; margin-left: auto; margin-right: auto; background-color: white; opacity: 1;} /* CSS3 round corners */ .container {-moz-border-radius: 10px;} .container {-webkit-border-radius: 10px;} .container {border-radius: 10px;} #top-head {-moz-border-radius-topleft: 7px;} #top-head {-moz-border-radius-topright: 7px;} #top-head {-webkit-border-top-left-radius: 7px; } #top-head {-webkit-border-top-right-radius: 7px; } #logo {height: 51px; width: 220px; background-image: url(images/logo.gif); margin-top: 8px; margin-left: 8px;} #slogan {height: 20px; text-align: left; color:rgb(129,139,146); margin-top:5px;} /* ----------------------------------------------------------------------------- */ /* MENU ------------------------------------------------------------------------ */ #menubar .navlist {border-left: 1px solid rgb(212,210,210); margin:0; padding: 0;} #menubar .navlist li {float: left; list-style: none; padding: 0px; margin:0px;} #menubar .navlist a {float: left; width: 170px; height: 54px; font-size: 11pt; color: rgb(26,26,26); border-right: 1px solid rgb(66,66,66);} #menubar .navlist a:hover {border: none; border-right: 1px solid rgb(66,66,66);} #submenuZ .navlist {margin:0; padding: 0;} #submenuZ .navlist li {list-style: none; padding: 0px; margin:0px; margin-bottom: 6px; display: block; text-align: center;} #submenuZ .navlist a {font-size: 12pt; font-style: italic; padding: 0px; font-weight: bold; color: rgb(12,12,12);} #submenuZ .navlist a:hover {border-bottom: 2px solid rgb(12,12,12);} /* item images */ #menubar .navlist a span {display: none; background-repeat: no-repeat;} #menubar .navlist .n0 {background-image: url(images/websites.gif);} #menubar .navlist .n1 {background-image: url(images/apps.gif);} #menubar .navlist .n2 {background-image: url(images/print.gif);} #menubar .navlist .n3 {background-image: url(images/about.gif);} #menubar .navlist .n4 {background-image: url(images/contact.gif);} #menubar .navlist a.n0:hover {background-image: url(images/websites-on.gif);} #menubar .navlist a.n1:hover {background-image: url(images/apps-on.gif);} #menubar .navlist a.n2:hover {background-image: url(images/print-on.gif);} #menubar .navlist a.n3:hover {background-image: url(images/about-on.gif);} #menubar .navlist a.n4:hover {background-image: url(images/contact-on.gif);} /* ----------------------------------------------------------------------------- */ /* ARTICLES -------------------------------------------------------------------- */ .art {margin-bottom: 30px;} .art_feat {margin-bottom: 30px;} .art_title {} .dateline {font-family: Arial; color: rgb(100,100,100); font-size: 11px; } .comment01 {background-color: rgb(251,244,237); padding-left: 30px; padding-right: 30px; border: 1px solid rgb(227,227,227); border-left: none; border-right: none; margin-bottom: 5px;} .comment02 {background-color: rgb(251,244,237); padding-left: 30px; padding-right: 30px; border: 1px solid rgb(227,227,227); border-left: none; border-right: none; margin-bottom: 5px;} .comment01:hover, .comment02:hover {background-color: white; border: 1px solid rgb(112,0,14); border-left: none; border-right: none;} .com_author {color: rgb(112,0,14); font-family: Arial; margin-left: -10px; margin-bottom: 0px; font-size: 12px; font-weight: bold;} .com_subject {color: #595656; font-family: Arial; margin-left: -5px; margin-bottom: 0px; font-size: 12px; font-weight: bold; } .com_date {color: rgb(128,128,128); font-size: 10px; text-align: right;} .com_rate {float: right; font-size: 18px;} .com_hide {color: rgb(187,187,187);} .com_post_table {text-align: left; } #com_post_box {text-align: left; display:none;} /* ----------------------------------------------------------------------------- */ /* forms -------------------------------------------------------------------- */ .ripeFormBox {width:99%;} .ripeFormBox table {width:99%;} .ripeFormBox .formLabels {width:120px;} .ripeFormBox .textbox {width:99%; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px;} .ripeFormBox .textarea {width:99%; height: 100px; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px;} #ripe_search #search_term {width: 207px; background-color: #eaeae5; border: 1px solid #8d8d8d; padding: 5px;} /* ----------------------------------------------------------------------------- */