/* -------------------------------------------------------------------------------------- SMALL RESET */ * {outline:none;} body, ul, ol, li, form, p {margin:0; padding:0;} h1, h2, h3, h4, h5, h6 {margin:0; padding:0;} ul {list-style:none;} a, a:hover {border:none; outline:none; text-decoration:none;} img {border:none;} /* -------------------------------------------------------------------------------------- COMMON TERMS */ .clear {clear:both; height:1px;} .inv {display:none;} /* -------------------------------------------------------------------------------------- BODY */ body {background:#171717; position:relative;} /*body {background:#101010; position:relative;}*/ /*body {background:#191919 url(../images/layout/bg/pattern.jpg) repeat;}*/ /* -------------------------------------------------------------------------------------- TEXT METHOD */ body {font-family:Arial, Helvetica, sans-serif; } /*body {font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; }*/ body {color:#FFF;} body {font-size:12px; line-height:24px;} /* ------------------------------- Headings */ h1, h2, h3, h4, h5, h6 {color:#FFF;} h1, h2, h3, h4, h5, h6 {font-family:'Myriad Pro', 'Myriad Pro Bold', Arial, Helvetica, Sans-serif;} /*h1, h2, h3, h4, h5, h6 {font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; }*/ h1 {font-size:60px;} h2 {font-size:48px;} h3 {font-size:36px; letter-spacing:-2px;} h4 {font-size:24px;} h5 {font-size:18px;} h6 {font-size:14px;} /* ------------------------------- Main */ #main {} #main .content {margin:0 auto; width:960px; padding:20px 0;} #main p {padding:8px 0;} /* general links color */ #main a {color:#666;} #main a:hover {color:#06F;} /* ------------------------------- General */ .tagline {font-size:43px; letter-spacing:-2px; padding:45px 0; text-align:center; text-transform:uppercase;} p.biglines {color:#6e6e6e; clear:both; height:100%; font-size:16px; font-weight:bold; margin:15px 0;} /* ------------------------------- Design */ .design .biglines {color:#6e6e6e; clear:both; height:100%; font-size:16px; font-weight:bold; margin:15px 0;} .design strong {color:#999; font-size:12px;} .design .note {color:#666; border:1px solid #323232; border-width:0 0 2px 0; font:italic 14px/24px Georgia, "Times New Roman", Times, serif; padding:0 0 3px 0; margin:20px;} .design ul, .design ol {margin:10px 0 10px 50px;} .design ul li {font:normal 16px/23px Arial, Helvetica, sans-serif; padding:5px 0;} .design ol {color:#999; font:italic 18px/23px Arial, Helvetica, sans-serif;} .design ol p {border:1px solid #323232; border-width:0 0 1px 0; color:#FFF; font:normal 13px/20px Arial, Helvetica, sans-serif; padding:0 0 10px 0;} .design .img_left {border:1px solid #323232; float:left; margin:0 12px 0 0; padding:7px;} .design .img_right {border:1px solid #323232; float:right; margin:0 0 0 12px; padding:7px;} .design .img_blines {padding:10px 0 0 0;} .design .continue a {background:url(../images/layout/nav/nav_base.png); color:#999; display:block; float:right; font-weight:bold; line-height:39px;} .design .continue a {margin:0 0 10px 0; text-align:center; text-transform:uppercase; width:102px; height:39px;} .design .continue a:hover {} /* Continue button hover state */ .design .continue a:hover {background:url(../images/layout/nav/nav_hover_blue.png);} /* ------------------------------- Lists */ ul.listing_col {} ul.listing_col li {} ul.listing_col li a {color:#999; display:block; padding:5px 6px; border:1px solid #2b2b2b; border-width:0 0 1px 0;} ul.listing_col li a:hover {} /* Listing hover state colors */ ul.listing_col li a:hover {color:#06F; border:1px solid #999; border-width:0 0 1px 0;} /* -------------------------------------------------------------------------------------- HEADER */ #header { } /*#header .content {background:url(../images/layout/header/scoop.png) no-repeat 50% top; margin:0 auto; width:960px; height:213px;}*/ /*#header .content {background:url(../images/layout/header/scoop_big.png) no-repeat 50% top; margin:0 auto; width:960px; height:330px;}*/ #header .content {background:url(../images/layout/header/scoop.jpg) no-repeat 50% top; margin:0 auto; width:960px; height:330px;} /* Color of theme : Edit the color of background only blue= #06F, dgreen= #390, green=#9C0, orange=#F90, pink=#F36, purple= #90c, red= #F33, sky=#3CF, yellow=#FC0 */ #header {background:#06F url(../images/layout/header/bg_header.jpg) repeat;} /* ------------------------------- Logo */ /*#header #logo h1 a {background:url(../images/layout/logo/ama_name.png) no-repeat 50% bottom;}*/ #logo {clear:both;} #logo h1 a {background:url(../images/layout/logo/logo3.png) no-repeat 50% bottom;} #logo h1 a {display:block; margin:0 auto; width:237px; height:245px;} /* ------------------------------- MainNav - Menu */ #mainnav {margin:0 auto; padding: 0; width:1000px; } /*#mainnav {margin:0 auto; padding: 0; width:880px; }*/ #mainnav ul#menu {padding-left: 22px ;display:block; float:left; height:39px; line-height:39px; /*margin:0 0 0 15px;*/ } #mainnav ul#menu li {display:inline; float:left; margin:0 20px 0 0; text-align:center;} #mainnav ul#menu li a {background:url(../images/layout/nav/nav_base.png); color:#999; display:block; float:left; font-weight:bold; text-transform:uppercase; width:102px; height:39px} /* Color mnu hover */ #mainnav ul#menu li a:hover {color:#06F;} #mainnav ul#menu li a:hover {background:url(../images/layout/nav/nav_hover_blue.png);} /* Color menu current state / #CCC for light colors / #121212 for Dark colors */ #mainnav ul#menu li a.current {color:#121212;} #mainnav ul#menu li a.current {background:url(../images/layout/nav/nav_current_blue.png);} /* ------------------------------- Search Form */ #search_form {float:right; display:inline; width:180px; margin:0 15px 0 0;} #search_form .field {float:left; display:inline; height:39px; width:144px; background:url(../images/layout/search/search_field.png) no-repeat 0 0;} #search_form .field input {color:#999; border:0; background:transparent; font-size:11px; margin:10px 0 0 10px;} #search_form .button {float:left; display:inline; height:39px; width:36px; cursor:pointer; border:0; background:url(../images/layout/search/search_submit_btn.png) no-repeat 0 0;} #search_form .button:hover {} /* Submit button search form */ #search_form .button:hover {background-image:url(../images/layout/search/search_submit_btn_blue.png);} /* -------------------------------------------------------------------------------------- SLIDER */ #teaser {} #teaser .content {margin:0 auto; width:960px; height:350px; clear:both;} #slider {margin:0 15px; position:relative; width:930px; height:304px;} #slider .overl {background:url(../images/layout/slider/slider_bg.png) no-repeat 50% 50%; display:block; float:left; position:absolute; z-index:10; width:930px; height:304px;} #slider #slider_img {width:930px; display:block; float:left; overflow:hidden; height:300px;} #slider #slider_img div {} #slider #myController {background:url(../images/layout/slider/counter.png); color:#FFF; display:block; float:left; text-align:center; padding:25px 0 0 250px; } #slider #myController {width:373px; height:85px; position:absolute; top:238px; left:149px; z-index:12;} #myController span {background:url(../images/layout/slider/slider_base.png) no-repeat 50% 50%; display:block; float:left; font:bold 14px Arial, Helvetica, sans-serif;} #myController span {text-decoration:none; text-indent:-9000px; cursor:pointer; margin:0 20px 0 0; width:17px; height:18px;} #myController span.jFlowSelected {background:url(../images/layout/slider/slider_current.png) no-repeat 50% 50%;} #slider .jFlowPrev, #slider .jFlowNext {cursor:pointer; float:left; position:absolute; width:35px; height:194px; z-index:11;} #slider .jFlowPrev {top:57px; left:-15px;} #slider .jFlowPrev a {display:block; width:35px; height:194px;} #slider .jFlowPrev a:hover {} #slider .jFlowNext a {display:block; width:35px; height:194px;} #slider .jFlowNext a:hover {} #slider .jFlowNext {top:57px; right:-15px;} #slider .loader {background:url(loader.gif) no-repeat 50% 50%;} /* -------------------------------------------------------------------------------------- COLUMNS */ .col1 {display:block; float:left; margin:0 15px; width:210px;} .col1 h4 {background:url(../images/layout/underlines/h4_underline.png) no-repeat left bottom;} .col1 h4 {color:#06F; font-size:24px; margin:0 0 10px 0; padding:0 0 10px 0; text-transform:uppercase;} /*Colors*/ .col1 h4 span {color:#FFF; font-size:18px; display:block; clear:both;} .col2 {display:block; float:left; margin:0 15px; width:450px;} .col2 h4 {background:url(../images/layout/underlines/h4_underline_2cols.png) no-repeat left bottom;} .col2 h4 {color:#06F; font-size:24px; margin:0 0 10px 0; padding:0 0 10px 0; text-transform:uppercase;} /*Colors*/ .col2 h4 span {color:#FFF; font-size:18px; display:block; clear:both;} .col3 {display:block; float:left; margin:0 15px; width:690px;} .col3 h3 {background:url(../images/layout/underlines/h4_underline_3cols.png) no-repeat left bottom;} .col3 h3 {color:#06F; margin:0 0 10px 0; padding:0 0 10px 0; text-transform:uppercase;} .col3 h3 span {color:#FFF; font-size:18px; display:block; clear:both;} .col3 h4 {background:url(../images/layout/underlines/h4_underline_3cols.png) no-repeat left bottom;} .col3 h4 {color:#06F; font-size:24px; margin:0 0 10px 0; padding:0 0 10px 0; text-transform:uppercase;} /*Colors*/ .col3 h4 span {color:#FFF; font-size:18px; display:block; clear:both;} .col4 {display:block; float:left; margin:0 15px; width:930px;} .col5 {display:block; float:left; margin:0 15px; width:930px;} .col5 h4 {background:url(../images/layout/underlines/h4_underline_2cols.png) no-repeat left bottom;} .col5 h4 {color:#06F; font-size:24px; margin:0 0 10px 0; padding:0 0 10px 0; text-transform:uppercase;} /*Colors*/ .col5 h4 span {color:#FFF; font-size:18px; display:block; clear:both;} /* -------------------------------------------------------------------------------------- COLUMNS - HORIZONTAL SECTION SEPARATORS - Width determined by # of Columns */ .separator {background:url(../images/layout/separator/separator_1col.png); display:block; clear:both; margin:15px 0; width:210px; height:16px;} .separator_2cols {background:url(../images/layout/separator/separator_2cols.png); display:block; clear:both; margin:15px 0; width:450px; height:16px;} .separator_3cols {background:url(../images/layout/separator/separator_3cols.png); display:block; clear:both; margin:15px 0; width:690px; height:16px;} .separator_4cols {background:url(../images/layout/separator/separator_4cols.png); display:block; clear:both; margin:15px 0; width:930px; height:16px;} /* -------------------------------------------------------------------------------------- FOOTER DIRECTORY */ #footer {background:#111; border-top:1px solid #414141;} #footer .content {margin:0 auto; padding:30px 0; width:960px;} /* ------------------------------- Bottom - Join Email List - Contact Form */ #fastcontact_form {width:210px; height:100%;} #fastcontact_form div {margin:0 0 10px 0;} #fastcontact_form .field {float:left; display:inline; height:40px; width:210px; background:url(../images/layout/fastcontact/fastcontact_field.png) no-repeat 0 0; border:0;} #fastcontact_form .field input {color:#999; border:0; background:transparent; font-size:11px; margin:10px 0 0 10px; width:185px;} #fastcontact_form .area {float:left; display:inline; height:80px; width:210px; background:url(../images/layout/fastcontact/fastcontact_area.png) no-repeat 0 0;} #fastcontact_form .area textarea {color:#999; border:0; background:transparent; font-size:11px; margin:10px 0 0 10px; border:0; width:185px; height:65px;} #fastcontact_form .button {float:right; display:inline; height:40px; width:40px; cursor:pointer; border:0; background:url(../images/layout/fastcontact/fastcontact_submit.png) no-repeat 0 0;} #fastcontact_form .button:hover {background-image:url(../images/layout/fastcontact/fastcontact_submit.png);} /* -------------------------------------------------------------------------------------- VERY BOTTOM */ #bottom .content {margin:0 auto; width:960px; height:91px; position:relative;} /* Color of theme : Edit the color of background only */ #bottom {background:#06F url(../images/layout/footer/footer_bottom_bg.png) repeat-x left top;} /* ------------------------------- Very Bottom - Copyright */ .copyright {float:left; padding:25px 0 0 15px;} /* Bottom copyright links */ .copyright a {color:#06F; padding:3px 4px;} .copyright a:hover {background:#06F; color:#121212;} /* ------------------------------- Very Bottom - Small Logo */ .logo_bottom {display:block; float:right; padding:25px 0 0 15px; width:251px; height:30px;} .logo_bottom a {background:url(../images/layout/footer/logo_footer-small.png); display:block; width:211px; height:30px;} /* ------------------------------- Very Bottom - Go To Top Button */ .gotop {position:absolute; top:-9px; left:450px; width:65px; height:40px;} .gotop a {background:url(../images/layout/footer/go_top.png); display:block; width:65px; height:40px;} #social-links { float:right; padding:30px 0 0 15px; width:110px; height:30px; padding-left: 5px; } #social-links li { display: inline; margin-right: 10px; } /* *email button */ /*#email_send .submitter {background:url(../images/layout/nav/nav_base.png); border:0; color:#999; display:block; float:left; margin:0 0 0 320px; font-weight:bold;}*/ /*#email_send .submitter {line-height:39px; text-align:center; text-transform:uppercase; width:102px; height:39px;}*/ /*#email_send .submitter:hover {background:url(../images/layout/nav/nav_hover.png);}*/ /* -------------------------------------------------------------------------------------- SECONDARY PAGE ITEMS */ /* -------------------------------------------------------------------------------------- GALLERY */ #gallery_list {} #gallery_list li {display:block; float:left; margin:0 5px 20px 15px; position:relative; width:210px; height:240px;} #gallery_list li img {background:url(../images/layout/gallery/gallery_frame.png) no-repeat; padding:9px 10px 9px 8px; width:194px; height:194px;} #gallery_list .detail {background:url(../images/layout/gallery/details_btn.png); display:block; text-align:center; position:absolute; top:195px; left:0; width:210px; height:35px; z-index:20;} #gallery_list a.detail {font-size:11px; color:#000;} /* -------------------------------------------------------------------------------------- CONTACT US - FORM */ #contact-form {clear:both;} #contact-form p {clear:both; display:block; height:30px; padding:5px 10px;} #contact-form label {display:block; float:left; font-size:12px; padding:4px 6px; width:80px;} #contact-form .field {border:1px solid #444;} #contact-form .textarea {border:1px solid #444;} #contact-form .field {background:#212121; color:#FFF; font-size:12px; display:block; float:left; padding:4px 6px; width:320px;} #contact-form .field:hover {} #contact-form .field:focus {background:#000;} #contact-form .textarea {background:#212121; color:#FFF; font-size:12px; display:block; float:left; padding:4px 6px; width:320px; height:150px;} #contact-form #check {width:60px; text-align:center;} #contact-form .textarea:hover {} #contact-form .textarea:focus {background:#000;} /* *hover state forms submit button */ #contact-form .submitter {background:url(../images/layout/nav/nav_base.png); border:0; color:#999; display:block; float:left; margin:0 0 0 320px; font-weight:bold;} #contact-form .submitter {line-height:39px; text-align:center; text-transform:uppercase; width:102px; height:39px;} #contact-form .submitter:hover {background:url(../images/layout/nav/nav_hover.png);} #contact-form label.error {color:#C00; font-size:11px; padding:0 0 0 92px; width:300px;} #contact-form .messager {height:170px;} #contact-form .messager label.error {color:#C00; font-size:11px; padding:0 0 0 92px; width:300px;} /* -------------------------------------------------------------------------------------- CONTACT US - MAP */ #map_canvas {border:1px solid #ccc; margin:20px 0; padding:8px; width:420px; height:250px;} /* -------------------------------------------------------------------------------------- BLOG ELEMENTS */ .blog {clear:both; display:block; height:100%; margin:0 0 30px 0;} /* -------------------------------------------------------------------------------------- BLOG - PAGINATIONS */ #pagination {margin:0 0 0 150px;} #pagination li {display:inline; float:left; list-style:none; height:40px; line-height:40px;} #pagination a {text-align:center; margin:0 5px; padding:5px 6px;} #pagination span {display:none;} #pagination .previous a {border:none; display:block; float:left; width:25px; height:25px; padding:5px 0; background:url(../images/layout/slider/slider_prev_.png) no-repeat 50% 50%;} #pagination .next a {border:none; display:block; float:left; width:25px; height:25px; padding:5px 0; background:url(../images/layout/slider/slider_next_.png) no-repeat 50% 50%;} #pagination .active {font-size:24px; text-align:center; margin:0 0 0 5px; padding:0 12px;} #pagination a:hover {} /* -------------------------------------------------------------------------------------- BLOG - COMMENT STYLES */ #comments {border-top:5px solid #323232; margin:20px; padding:20px 0 0 0;} #comments h3 {text-align:right; font-size:16px;} #comments h3 span {color:#CCC; font-size:50px;} .comments_post {border:1px solid #323232; border-width:0 0 1px 0; margin:20px 0; padding:0 0 20px 0; height:100%;} .comments_post .avatar {float:left; width:100px;} .comments_post .avatar img {border:1px solid #323232; padding:7px;} .comments_post .user_post {float:left; margin:0 0 0 10px; width:450px;} .comments_post .user_post p {border:1px solid #323232; border-width:1px 0 0 0; font-size:13px; padding:8px 0 0 0;} .comments_post .user_name {font-size:18px;} /* -------------------------------------------------------------------------------------- BLOG - REPLY FORM */ #reply-form {clear:both; margin:0 20px;} #reply-form p {clear:both; display:block; height:30px; padding:5px 10px;} #reply-form label {display:block; float:left; font-size:12px; padding:4px 6px; width:80px;} #reply-form .field, #reply-form .textarea {border:1px solid #444;} #reply-form .field {background:#212121; color:#FFF; font-size:12px; display:block; float:left; padding:4px 6px; width:420px;} #reply-form .field:hover {} #reply-form .field:focus {background:#000;} #reply-form .textarea {background:#212121; color:#FFF; font-size:12px; display:block; float:left; padding:4px 6px; width:420px; height:150px;} #reply-form #check {width:60px; text-align:center;} #reply-form .textarea:hover {} #reply-form .textarea:focus {background:#000;} /* *hover state forms submit button */ #reply-form .submitter {background:url(../images/layout/nav/nav_base.png); border:0; color:#999; display:block; float:left; margin:0 0 0 390px; font-weight:bold; } #reply-form .submitter {line-height:39px; text-align:center; text-transform:uppercase; width:102px; height:39px;} #reply-form .submitter:hover {background:url(../images/layout/nav/nav_hover.png);} #reply-form label.error {color:#C00; font-size:11px; padding:0 0 0 92px; width:500px;} #reply-form .messager {height:170px;} #reply-form .messager label.error {color:#C00; font-size:11px; padding:0 0 0 92px; width:500px;} /* -------------------------------------------------------------------------------------- BLOG - RECENT POSTS */ ul.recent_posts {} ul.recent_posts li {clear:both;} ul.recent_posts img {float:left; margin:0 10px 0 0;} ul.recent_posts .title {display:block; float:left; width:350px;} ul.recent_posts .text {display:block; float:left; width:350px;} ul.recent_posts li a {color:#999; display:block; height:80px; margin:10px 0 0 0; padding:5px 6px; border:1px solid #2b2b2b; border-width:0 0 1px 0;} ul.recent_posts li a:hover {} /* Listing hover state colors */ ul.recent_posts li a:hover {color:#06F; border:1px solid #999; border-width:0 0 1px 0;}