/* Theme: Elegancia Built By: Vidall Themes Production Date: 2011 Version: 1.0 */ /* ********************************* RESET STYLES ********************************* */ body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {margin:0; padding:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,var {font-style:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} /* ********************************* END OF RESET STYLES *************************** */ /*SITE STRUCTURE*/ .c5wrap {width: 100%; overflow: hidden; background: url(../../../../packages/theme_elegancia/themes/elegancia/img/bodybackground.jpg) repeat-x center top #fff; color: #9b9999;} .full #full {width: 100%; overflow: hidden; background: url(../../../../packages/theme_elegancia/themes/elegancia/img/headerbg2.jpg) repeat-x center top #fff;} .c5wrap #header_wrap {min-height: 90px; overflow: hidden; width: 100%;} .c5wrap #header_inner {min-height: 90px; overflow: hidden; width: 960px; margin: 0 auto; background: url(../../../../packages/theme_elegancia/themes/elegancia/img/headerhighlight.png) no-repeat top center;} .c5wrap #slider_wrapper {min-height: 300px; overflow: hidden; width: 100%;} .c5wrap #slider_inner {min-height: 100px; overflow: hidden; width: 960px; margin: 0 auto;} .c5wrap #content_wrapper {min-height: 10px; overflow: hidden; width: 100%;} .c5wrap .content_inner {min-height: 10px; overflow: hidden; width: 960px; margin: 0 auto; } .c5wrap #content_inner_full {min-height: 10px; overflow: hidden; width: 960px; margin: 40px auto 40px auto; } .c5wrap #footer_wrapper {min-height: 100px; overflow: hidden; width: 100%; background: url(../../../../packages/theme_elegancia/themes/elegancia/img/footerbg.jpg) repeat-x center top #8a0e10; /*4e6d8c*/} .c5wrap #footer_inner {min-height: 100px; overflow: hidden; width: 960px; margin: 0 auto; background: url(../../../../packages/theme_elegancia/themes/elegancia/img/footer_highlight.png) no-repeat top center; padding-top: 40px; padding-bottom: 40px;} .c5wrap #copyright_wrapper {min-height: 20px; overflow: hidden; width: 100%; background-color: #8A1112; /*4e6d8c*/ border-top: 1px dotted #ccc;} .c5wrap #copyright_inner {min-height: 20px; overflow: hidden; width: 960px; margin: 0 auto; padding-top: 10px;} .c5wrap #main_text {width: 600px; min-height: 200px; float: left; overflow: hidden; margin: 40px 0px 40px 0px;} .c5wrap #right_sidebar {width: 275px; min-height: 200px; float: right; overflow: hidden; margin: 40px 0px 40px 0px; border-left: 1px dotted #ccc; padding-left: 25px;} .c5wrap #main_text_right {width: 600px; min-height: 200px; float: right; overflow: hidden; margin: 40px 0px 40px 0px;} .c5wrap #left_sidebar {width: 300px; min-height: 200px; float: left; overflow: hidden; margin: 40px 0px 40px 0px; border-right: 1px dotted #ccc; padding-right: 25px;} .c5wrap #navigation {width: auto; min-height: 55px; position: relative; float: right;} .c5wrap #logo {width: auto; min-height: 40px; position: relative; float: left; margin-top: 30px;} .c5wrap #column1 {width: 300px; float: left; min-height: 10px;} .c5wrap #column2 {width: 300px; float: left; min-height: 10px; margin: 0px 30px 0px 30px;} .c5wrap #column3 {width: 300px; float: right; min-height: 10px;} .c5wrap #footer_column1 {width: 210px; float: left; min-height: 10px;} .c5wrap #footer_column2 {width: 210px; float: left; min-height: 10px; margin: 0px 30px 0px 30px;} .c5wrap #footer_column3 {width: 210px; float: left; min-height: 10px; margin: 0px 30px 0px 30px;} .c5wrap #footer_column4 {width: 210px; float: right; min-height: 10px;} .c5wrap #bottom_detail_wrapper {width: 100%; height: 85px; background: url(../../../../packages/theme_elegancia/themes/elegancia/img/footerwraptop.png) repeat-x center bottom #fff; margin-top: 25px;} .c5wrap #bottom_detail_inner {width: 960px; height: 85px; margin: 0 auto;} .c5wrap #tagline_wrapper {width: 100%; min-height: 10px; overflow: hidden; background: url(../../../../packages/theme_elegancia/themes/elegancia/img/topdetail.png) no-repeat top center; margin-top: -20px;} .c5wrap #tagline_inner {width: 960px; min-height: 5px; margin: 0 auto; padding: 40px 0px 0px 0px; } .c5wrap #tagline_bottom {width: 960px; min-height: 50px; margin: 0 auto 20px; background: url(../../../../packages/theme_elegancia/themes/elegancia/img/bottomdetail.png) no-repeat center top;} /*END OF SITE STRUCTURE*/ /*NAVIGATION*/ .c5wrap ul.nav-header {float: right;} .c5wrap ul.nav-header li {float: left; display: inline;} .c5wrap ul.nav-header li a {position: relative; float: left; display: inline; color: #fff; padding: 45px 10px 10px 10px; text-decoration: none; font-size: 1.1em;} .ie8 .c5wrap ul.nav-header li a {position: relative; float: left; display: inline; color: #fff; padding: 45px 10px 10px 10px; text-decoration: none; font-size: 15px;} .ie8 .c5wrap ul.nav-header li a:hover {background: url(../../../../packages/theme_elegancia/themes/elegancia/img/hoverbg.png);} .ie7 .c5wrap ul.nav-header li a:hover {background: url(../../../../packages/theme_elegancia/themes/elegancia/img/hoverbg.png);} .c5wrap ul.nav-header li a div {float: left; width: 100%; height: 100%; display: inline; color: #fff; text-decoration: none; background: url(../../../../packages/theme_elegancia/themes/elegancia/img/hoverbg.png) transparent; position: absolute; top: 0; left: 0; overflow: hidden;} .ie7 .c5wrap ul.nav-header li a div {display: none;} .ie8 .c5wrap ul.nav-header li a div {display: none;} .c5wrap ul.nav-header li a.hovering { height: 50px; background: url(../../../../packages/theme_elegancia/themes/elegancia/img/hoverbg.png) #5d7794; position: absolute; top: 0; left: 0; width: 100%; zoom: 1;} .c5wrap #content_wrapper .buttonize a {text-decoration: none !important; color: #9b9999; padding: 8px 12px 8px 12px;} .c5wrap #footer_inner .buttonize a {text-decoration: none !important; color: #9b9999; padding: 8px 12px 8px 12px;} .c5wrap ul.nav-header li .nav-selected {background: url(../../../../packages/theme_elegancia/themes/elegancia/img/hoverbg.png) 0 0;} .c5wrap ul.nav {float: right;} .c5wrap ul.nav li {float: left; display: inline;} .c5wrap ul.nav li a {float: left; display: inline; color: #fff; padding: 45px 10px 10px 10px; text-decoration: none; font-size: 15px;} .c5wrap ul.nav li a:hover {float: left; display: inline; color: #fff; padding: 45px 10px 10px 10px; text-decoration: none; background: url(../../../../packages/theme_elegancia/themes/elegancia/img/hoverbg.png) 0 0;} .c5wrap ul.nav li .nav-selected {background: url(../../../../packages/theme_elegancia/themes/elegancia/img/hoverbg.png) 0 0;} .c5wrap a.jump_tag {float: right; text-decoration: none; color: #9b9999; height: 10px; width: 70px; padding-top: 30px;} .ie8 .c5wrap a.jump_tag:hover {float: right; text-decoration: none; background: url(../../../../packages/theme_elegancia/themes/elegancia/img/top_hover.png) no-repeat top left; outline: none;} .ie7 .c5wrap a.jump_tag:hover {float: right; text-decoration: none; background: url(../../../../packages/theme_elegancia/themes/elegancia/img/top_hover.png) no-repeat top left; outline: none;} .c5wrap a.jump_tag span {float: right; text-decoration: none; background: url(../../../../packages/theme_elegancia/themes/elegancia/img/top_hover.png) no-repeat top left; position: absolute; width: 70px; height: 40px; top: 0; left: 0;} .ie8 .c5wrap a.jump_tag span {display: none;} .c5wrap a.jump_tag .uparrow {text-decoration: none; background: url(../../../../packages/theme_elegancia/themes/elegancia/img/top_hover.png) no-repeat top left; position: relative; top: -46px; left: 0; width: 70px; height: 40px;} .ie7 .c5wrap a.jump_tag .uparrow {background: none;} .c5wrap #right_sidebar ul.nav {float: left; display: block; margin-left: 0;} .c5wrap #right_sidebar ul.nav li {float: left; color: #7d7a7a; display: block; padding: 0; clear: both; } .c5wrap #right_sidebar ul.nav li a {float: left; color: #7d7a7a; display: block; padding: 4px; clear: both; font-size: 13px;} .c5wrap #left_sidebar ul.nav {float: left; display: block; margin-left: 0;} .c5wrap #left_sidebar ul.nav li {float: left; color: #7d7a7a; display: block; padding: 0; clear: both; } .c5wrap #left_sidebar ul.nav li a {float: left; color: #7d7a7a; display: block; padding: 4px; clear: both; font-size: 13px;} .c5wrap #main_text_right ul.nav {float: left; display: block; margin-left: 0;} .c5wrap #main_text_right ul.nav li {float: left; color: #7d7a7a; display: block; padding: 0; clear: both; } .c5wrap #main_text_right ul.nav li a {float: left; color: #7d7a7a; display: block; padding: 4px; clear: both; font-size: 13px;} .c5wrap #main_text ul.nav {float: left; display: block; margin-left: 0;} .c5wrap #main_text ul.nav li {float: left; color: #7d7a7a; display: block; padding: 0; clear: both; } .c5wrap #main_text ul.nav li a {float: left; color: #7d7a7a; display: block; padding: 4px; clear: both; font-size: 13px;} .c5wrap #content_inner_full ul.nav {float: left; display: block; margin-left: 0;} .c5wrap #content_inner_full ul.nav li {float: left; color: #7d7a7a; display: block; padding: 0; clear: both; } .c5wrap #content_inner_full ul.nav li a {float: left; color: #7d7a7a; display: block; padding: 4px; clear: both; font-size: 13px;} /*END OF NAVIGATION*/ /*TYPOGRAPHY*/ .c5wrap h1 {font-size: 36px; margin-bottom: 20px; font-family: 'Rokkitt', arial, serif;} .c5wrap h2 {font-size: 30px; margin-bottom: 20px; font-family: 'Rokkitt', arial, serif;} .c5wrap h3 {font-size: 24px; margin-bottom: 20px; font-family: 'Rokkitt', arial, serif;} .c5wrap h4 {font-size: 18px; margin-bottom: 20px; font-family: 'Rokkitt', arial, serif;} .c5wrap h5 {font-size: 14px; margin-bottom: 20px; font-family: 'Rokkitt', arial, serif;} .c5wrap h6 {font-size: 13px; margin-bottom: 20px; font-family: 'Rokkitt', arial, serif;} .c5wrap p {font-size: 13px; margin-bottom: 20px; font: Arial;} .c5wrap {font-size: 13px; font-family: Arial;} .c5wrap #footer_inner {color: #d8d8d8; font-size: 12px;} .c5wrap #footer_inner ul {color: #d8d8d8; list-style-type: none;} .c5wrap #footer_inner ul li {color: #d8d8d8; list-style-type: none; border-bottom: 1px dotted #fff; padding: 4px 0px 4px 0px;} .c5wrap #footer_inner ul li a {color: #d8d8d8; list-style-type: none; border-bottom: 1px dotted #fff; padding: 4px 0px 4px 0px; text-decoration: none;} .c5wrap #footer_inner ul li a:hover { color: #fff; list-style-type: none; border-bottom: 1px dotted #fff; padding: 4px 0px 4px 0px; text-decoration: none; /* padding-left: 20px; */ /* background: url(../../../../packages/theme_elegancia/themes/elegancia/img/arrows.png) no-repeat 0px 6px;*/ } .c5wrap #header_inner h1 a {color: #fff; margin-bottom: 5px; text-decoration: none;} .c5wrap #header_inner a {text-decoration: none;} .c5wrap #copyright_inner p {text-align: center; font-size: 10px; color: #fff;} .c5wrap #content_wrapper ul {margin-left: 20px; list-style-type: square;} .c5wrap #content_wrapper ol {margin-left: 20px; list-style-type: decimal;} .c5wrap #content_inner_full ul {margin:0px 0px 20px 20px; list-style-type: square;} .c5wrap #content_inner_full ol {margin:0px 0px 20px 20px; list-style-type: decimal;} .c5wrap #main_text_right ul {margin:0px 0px 20px 20px; list-style-type: square;} .c5wrap #main_text_right ol {margin:0px 0px 20px 20px; list-style-type: decimal;} .c5wrap #main_text ul {margin:0px 0px 20px 20px; list-style-type: square;} .c5wrap #main_text ol {margin:0px 0px 20px 20px; list-style-type: decimal;} .c5wrap #content_wrapper a {color: #36506b; text-decoration: none;} .c5wrap #footer_inner a {color: #d8d8d8; text-decoration: underline;} .c5wrap #copyright_inner a {color: #d8d8d8; text-decoration: none;} .c5wrap #copyright_inner a:hover {color: #fff; text-decoration: underline;} .c5wrap #content_wrapper a:hover {color: #7d7a7a; text-decoration: underline; } /*END OF TYPOGRAPHY*/ /*MISC CLASSES*/ .floatl {float: left;} .floatr {float: right;} .clear {clear: both;} .marginb {margin-bottom: 20px;} .margint {margin-top: 30px;} .c5wrap iframe {margin-bottom: 100px;} .c5wrap .wht {color: #fff;} .c5wrap /*END OF MISC CLASSES*/ /*BLOCK STYLES: DATE NAVIGATION*/ .c5wrap .ccmDateNav {margin-bottom: 30px;} /*BLOCK STYLES: END OF DATE NAVIGATION*/ /*MOBILE STYLES START HERE*/ /*MOBILE STYLES START HERE*/ /*MOBILE STYLES START HERE*/ /*MOBILE STYLES START HERE*/ /*MOBILE STYLES START HERE*/ @media handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px) { /*SITE STRUCTURE*/ .c5wrap {width: 100%; background: url(../../../../packages/theme_elegancia/themes/elegancia/img/headerbg2.jpg) repeat-x center top #fff;} .c5wrap #header_inner {width: 100%;} .c5wrap #slider_wrapper {display: none;} .c5wrap #slider_inner {display: none;} .c5wrap .content_inner {width: 100%;} .c5wrap #footer_inner {width: 100%;} .c5wrap #copyright_inner {width: 100%;} .c5wrap #main_text {width: 100%;} .c5wrap #right_sidebar {width: 100%; float: left; border: none; padding-left: 0;} .c5wrap #main_text_right {width: 100%; float: left;} .c5wrap #left_sidebar {width: 100%; float: left; border: none;} .c5wrap #navigation {width: auto; float: left;} .c5wrap #column1 {width: 100%; clear: both; padding-left: 0;} .c5wrap #column2 {width: 100%; clear: both; margin: 0; padding-left: 0;} .c5wrap #column3 {width: 100%; float: left; min-height: 10px;} .c5wrap #footer_column1 {width: 100%; float: left; clear: both; margin-bottom: 20px; margin-left: 0;} .c5wrap #footer_column2 {width: 100%; float: left; clear: both; margin-bottom: 20px; margin-left: 0;} .c5wrap #footer_column3 {width: 100%; float: left; clear: both; margin-bottom: 20px; margin-left: 0;} .c5wrap #footer_column4 {width: 100%; float: left; clear: both; margin-left: 0;} .c5wrap #bottom_detail_inner {width: 100%;} .c5wrap #tagline_inner {display: none; } .c5wrap #tagline_bottom {display: none;} .c5wrap #entry {width: 100%;} .c5wrap .blog-entry-divider {width: 100%;} .c5wrap .pageSection {width: 100%;} .c5wrap form textarea {width: 100%;} .c5wrap .mobilesizing {position: relative; width: 80% !important;} .c5wrap h1 {clear: both;} .c5wrap h2 {clear: both;} .c5wrap h3 {clear: both;} .c5wrap h4 {clear: both;} .c5wrap h5 {clear: both;} .c5wrap h6 {clear: both;} .c5wrap iframe {width: 100%; height: auto;} /*END OF SITE STRUCTURE*/ /*NAVIGATION*/ .c5wrap #navigation {float: left; clear: both; width: 100%; margin-top: 50px;} .c5wrap ul.nav-header {float: left;} .c5wrap ul.nav-header li a {display: block; color: #fff; padding: 10px; background-color: #911112; float: left; width: 480px; margin-bottom: 1px;} .c5wrap ul.nav-header li {display: block; clear: both; float: left; width: 100%;} .c5wrap ul.nav-header li .nav-selected {color: #fff; padding: 10px; background-color: #8A1112;} .c5wrap ul.nav-header li a:hover {padding: 10px; background-color: #8A1112; } /*END OF NAVIGATION*/ /*SEARCH*/ input {-webkit-appearance: none; border-radius: 0;} /*END OF SEARCH*/ }