/* classes for individual design effects */ .types {background: #cb0a0c; padding: 1px 3px; color: #fff; font-size: .8em;} .date{background: #cb0a0c; padding: 1px 3px; color: #fff; font-size: .7em;} .titles {color: #0a96d1;} .blue {background: #0a96d1; padding: 5px; margin: 0 0 5px 0;} .gray {background: #525252; padding: 5px; margin: 0 0 5px 0;} .red {background: #cb0a0c; padding: 5px; margin: 0 0 5px 0;} .more {background: none; text-align: right; padding: 2px 10px;} #search {font-family: inherit; font-size: 1.3em; width: 57%; color: #333; border:1px solid #aaaaaa; background: #f1f1f1;} #search_input_content {font-family: inherit; font-size: 1.3em; width: 50%; color: #333; border:1px solid #aaaaaa; background: #f1f1f1;} .search_type {font-family: inherit; font-size: 1.3em; width: 30%; color: #333; border:1px solid #aaaaaa; background: #f1f1f1; padding:2px;} .search_button{width: 80px; height: 30px; padding:0px; border: 0px solid #127dbe; background: #1a88cb; color: #fff; font-size: 1.3em;} /* classes for individual design effects */ /*clear css*/ .clear{clear: both;} /*clear css*/ /*wrapper css*/ #wrapper{border: 0px solid red; padding: 0; margin: 0 auto; width: 960px;} /*wrapper css*/ /*header css*/ #header_container{border: 0px solid red; padding: 30px 10px 0 10px; clear: both;} /*menu css*/ #menu_container{border: 0px solid red; padding: 20px 10px 50px 10px} /*logo structure*/ #logo{border: 0px solid blue; float: left; padding: 0px 0 0px 12px;} #logo .logo_link{background: url(../images/logo.jpg) no-repeat left top; border: 0px solid blue; float: left; width: 350px; height: 43px;} #logo .logo_link span{text-indent: -9999px; float:left;} #logo .logo_link img{border: none;} /*logo structure*/ /*menu structure*/ #menu{border: 0px solid blue; float: right; color: #fff; font-size: 1.3em; padding:0} #menu a, #menu a:hover{text-decoration: none; color: #fff;} #menu li{border: 0px solid blue; float:left; list-style: none;} #menu li a{float: left; cursor: pointer;} #menu li a:hover{background: #fff url(../images/menu/hover_left.jpg) no-repeat left top; float:left; color: #232323;} #menu li a span{ padding:5px 12px; float:left;} #menu li a span:hover{background: url(../images/menu/hover_right.jpg) no-repeat right top;padding:5px 12px; float:left;} #menu .current a{background: #fff url(../images/menu/hover_left.jpg) no-repeat left top; float:left; color: #232323;} #menu .current a span {background: url(../images/menu/hover_right.jpg) no-repeat right top; padding:5px 12px; float:left;} /*menu structure*/ /*menu css*/ /*header about css*/ #header_about{border: 0px solid red; padding: 220px 10px 10px 10px; width: 535px; height: 80px; float: left;} /*header about css*/ /*header testimonials css*/ #testimonials{border: 0px solid red; padding: 10px; width: 355px; height: 280px; float: right; color: #fff; font-size: .9em;} .quotes {background: url(../images/quotes/close-quote.gif) no-repeat right bottom; padding:0 0 0 20px; text-indent: -18px; } .quotes:first-letter {background: url(../images/quotes/open-quote.gif) no-repeat left top; padding:0 0 0 20px;} /*header testimonials css*/ /*header css*/ /*content css*/ #content_container{border: 0px solid #782317; padding: 0; margin: 10px auto;} /*content_left css*/ #content_left{background: #fff; border: 0px solid red; padding: 10px; width: 620px; float: left;} #album {border: 0px solid red; float: left; text-align: center; padding: 0 0 0 70px;} #gallery {border: 0px solid red; float: left; text-align: center; padding: 0 0 0 70px;} #gallery li, #album li {border: 1px solid #c1c1c1; width: 210px; height: 230px; padding: 5px; margin: 5px; float: left; background: #ededed;} #gallery .gallery_listing {border: 0px solid #c1c1c1; width: 210px; height: 180px; padding: 5px; margin: 5px; float: left; background: none;} #gallery li .image_container {border: 1px dashed #c1c1c1; text-align: center; padding: 5px 0; background: #fff;} #gallery li h2 {font-size: 1.3em;} #gallery li p input {float: right; text-align: left; border: 0px solid red; width: 15px; height: 15px; margin: 5px;} .comments_container {border: 0px solid red; padding: 0px; width: 610px; float: left;} .listing li{padding:10px 0; border-bottom: 1px solid #d8d8d8;} /*content_left css*/ /*content_right css*/ #content_right{background: #232323; border: 0px solid red; padding: 0; width: 320px; float: right;} #content_right ul li {padding: 15px 5px 0; border: 0px solid red;} #content_right span{background: #cb0a0c; padding: 1px 3px; color: #fff; font-style: italic;} /*content_right css*/ /*content css*/ /*articles_container css*/ #articles_container{background: #fff; border: 1px solid #782317; padding: 10px; margin: 10px auto;} /*articles css*/ .articles{border: 0px solid red; padding: 5px; width: 300px; float: left; clear: ;} /*articles css*/ /*articles links css*/ .link {background:url(../images/article_link.jpg) no-repeat right; border: 0px solid red; height: 30px; text-align: right; padding: 5px 30px 0;} .link a {color: #fff;} /*articles links css*/ /*articles_container css*/ /*footer_container css*/ #footer_container{background:#5f0d01 url(../images/footer_bg.jpg) repeat-x; border: 0px solid red; padding: 10px 0; margin: 0 auto; height: 80px;} /*footer wrapper css*/ #footer_wrapper{border: 0px solid red; padding: 0; margin: 0 auto; width: 960px; color: #fff; font-family: arial; font-size: .8em;} #footer_wrapper a, #footer_wrapper a:hover{color: #fff;} /*footer css*/ #footer{border: 0px solid red; text-align: left; float: left; } #footer li {border: 0px solid red; display:inline;} /*footer css*/ /*footer contacts*/ #contacts{border: 0px solid red; text-align: left; float: right;} #contacts li {border: 0px solid red; display:block;} /*footer css*/ /*footer wrapper css*/ /*footer_container css*/