/* /* Theme Name: VC Law Group Version: 2.0 */ /* Default styles */ @import "css/reset.css"; /*------------------------------------------------------------------------------------------- INDEX: 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Navigation -2.2.1 Drop-down menus -2.3 Header -2.4 Featured Slider -2.5 Recent Posts -2.6 Older Posts -2.7 Content -2.8 Sidebar -2.9 Footer 3. POSTS -3.1 Typographic Elements -3.2 Images -3.3 Pagination / WP-Pagenavi 4. WIDGETS -4.1 Generic Widgets -4.2 Specific Widgets 5. COMMENTS -5.1 Comments -5.2 Comments Form -5.3 Pingbacks / Trackbacks 6. MISC -6.1 Buttons -6.2 Info Boxes /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { font-size: 12px; font-family: Arial,Helvetica,Sans-serif; line-height:1.5em; color: #484848; background: url(images/main_bak.png) repeat; } h1, h2, h3, h4, h5, h6 { margin: 0; color: #565656; font-weight:bold; } h1 {font-size: 16px; margin-bottom:20px; } h2 {font-size: 15px;} h3 {font-size: 14px;} h4 {font-size: 13px;} h5 {font-size: 13px;} h6 {font-size: 12px;} p {margin: 0; font-size:14px; } hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; } input, textarea { padding: 5px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;} /* 1.2 Hyperlinks */ a:link, a:visited { color: #385E61; text-decoration:none;} a:hover {color:#511e09;} h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;} /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ .col-full { width: 972px; margin: 0 auto; } body.home #content { background:url(images/welcome_bak.png) no-repeat; } #content { background:url(images/side_bak.png) no-repeat top right; } .col-left {width:620px; float:left; margin-left: 25px; margin-top:30px; margin-bottom: 20px;} #main_full {width:920px; padding:25px 0 20px 25px;} #wrapper {background:#f5f5f5; margin-top:37px; -moz-box-shadow: 0 -3px 7px #3D3D3D; -webkit-box-shadow: 0 -3px 7px #3D3D3D; box-shadow: 0 -3px 7px #3D3D3D;} /* 2.2 Navigation /* .nav { z-index:99; margin:0 0 0 13px; padding:0; list-style:none; line-height:1; } .nav li { float:left; width: auto; padding:0 0 18px 0; margin:0px; }*/ .nav a { position:relative; display:block; z-index:100; } #content-nav ul {margin-left:25px;} #content-nav a { color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size:12px; margin-right: 20px; padding: 7px 20px 9px 0; background:url(images/border_nav.png) no-repeat center right;} #content-nav a:hover, #content-nav li.current_page_item a, #content-nav li.current_page_parent a { color: #92EEF4; } #content-nav li ul { border: none; margin:0 0 0 -19px; background:#385E61;} #content-nav li ul li { border-bottom: 1px solid #436F72;} #content-nav li ul li:hover { background: #305154;} #content-nav li ul li a { background: none; border: none; margin:0px; padding:4px 15px 4px 5px; font-size:11px; } #content-nav li ul li a:hover {color:#FFF;} #main-nav { font: bold 15px Helvetica, Arial, sans-serif; border: 1px solid #dee3e7; margin-bottom: 40px; background: #fff url(http://thevclawgroup.com/wp-content/themes/perfect/images/bg-mainnav.png) repeat-x left bottom; } #main-nav li { border-right: 1px solid #dee3e7; } #main-nav a { padding: 5px 20px 2px; line-height: 30px; color:#555; border-bottom: 4px solid #cacaca; } #main-nav a:hover, #main-nav li.current_page_item a, #main-nav li.current_page_parent a { border-bottom-color: #dc3e29; color: #000; text-decoration: none; } #main-nav a:hover, #main-nav li.current-cat a, #main-nav li.current-cat a { border-bottom-color: #dc3e29; color: #000; text-decoration: none; } #main-nav li ul { background: #FFF; border: 1px solid #dbdbdb; border-width:1px 1px 0; } #main-nav li ul li { background:#eee; border-top:1px solid #fff; } #main-nav li ul li a { padding: 0 10px; font-size: 12px; border-bottom: 1px solid #dbdbdb; } #main-nav li ul li a:hover { border-color: #dbdbdb; background: #dbdbdb; } /* 2.2.1 Drop-down menus */ .nav li ul { position: absolute; left: -999em; width: 180px; background-color:padding-top:10px; z-index:999; } .nav li ul li a { width:160px; } #content-nav li ul ul { margin: -26px 0 0 180px; } .nav li:hover,.nav li.hover { position:static; } .nav li:hover ul ul, .nav li.sfhover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; } .nav li:hover ul, .nav li.sfhover ul, .nav li li:hover ul, .nav li li.sfhover ul, .nav li li li:hover ul, .nav li li li.sfhover ul, .nav li li li li:hover ul, .nav li li li li.sfhover ul { left:auto; } .nav .sf-sub-indicator {background: url(images/arrow-superfish.png) no-repeat;position:absolute;display:block;right:5px; top:15px;width:10px;height:10px;text-indent:-999em;overflow:hidden; font-size:0px;} .nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat; background-position: center left;} #content-nav li ul .sf-sub-indicator { top: 7px; } #content-nav .nav-item-right { float: right} #content-nav .nav-item-right a {padding-top:8px } /* 2.3 Header */ #header{position:relative; height:124px; background:#49797d;} #header_home { position:relative; height:362px; border-bottom: 1px solid #D1D0CF;} #header_home #header_top {background:url(images/home_header_bak.png) no-repeat; height:128px; position:absolute; top:0px; z-index:99999;} #banner { height:264px; padding-top:94px;} a.logo { display:block; float:left; margin:10px 0 0 25px; position:absolute;} body a.logo span { font-family: Georgia, "Times New Roman", Times, serif; font-size:25px; color:#FFF; font-weight:normal;} #header_right {float:right; background: url(images/header_right_border.png) bottom repeat-x; padding-top:27px; margin-right:23px; padding-bottom:11px; padding-left:54px;} #top-right-nav {float:left; padding-top:4px;} #top-right-nav ul li {float:left; margin:0px;} #top-right-nav ul li a {color:#e8e2db; font-size:11px; border-right:1px solid #FFF; padding-right:5px; margin-right:5px; display:block; line-height:10px;} #content-nav {background:#385e61; float:left; width:675px; height:34px; position:absolute; bottom:0px;} #content-nav ul li {float:left;} #top-right-nav ul li a:hover {color:#FFF;} #top-right-nav ul li.menu-item-last a {border-right: none;} #call {padding-right:9px; float:right;} #call .call_to { color:#142c2e; font-weight:bold; font-size:14px; background:url(images/border_call.png) top right no-repeat; padding-right:8px;} #call .number { padding-left: 7px; color: #FFF; font-size:14px;} #headsearch {float:right; background:url(images/search_bak.png) no-repeat; width:232px; height:43px; position:relative; margin:9px 16px 0 0; } #headsearch input.search_s { border:none; background: transparent; font-size:11px; color:#9b9ea3; width:160px; padding: 7px 0px; margin:8px 0 0 20px; } #headsearch input.search_but { border:none; background: url(images/go_bak.png) no-repeat; cursor:pointer; display:block; text-indent:-999999px; width:28px; height:27px; position:absolute; top:8px; right: 6px; } #headsearch input.search_s:focus {} #headsearch input.search_but:hover { background-position:bottom;} #left_nav {background: url(images/right_nav_bak.png) no-repeat; width:241px; height:264px; margin:0px; float:left;} #left_nav table {width:241px; height:264px; } #left_nav ul.nav li a {color:#000; font-size:14px; display:block; text-align:right; padding:6px 12px 6px 20px; background:url(images/right_nav_border.png) bottom repeat-x; margin:0 20px 0 40px;} #left_nav ul.nav {position:relative;} #left_nav ul.nav li.current_page_item a {font-weight:bold;} #left_nav ul.nav li a:hover {color: #4b4b4b;} #left_nav ul.nav li ul {background:#FFF; margin-top: -30px; position: absolute; right: -190px; width:190px; background:#EFEFEF; border:1px solid #333333;} #left_nav ul.nav li ul li ul {right: -192px; margin-top:-26px;} #left_nav ul.nav li ul li a {margin:0px; padding:3px 6px; background:none; text-align:left; font-size:11px; border-bottom:1px solid #999999; width:178px;} #left_nav ul.nav li ul li a:hover {color:#000000; background:#FFF;} #left_nav .nav .sf-sub-indicator { background: url("images/arrow-superfish-right.png") no-repeat; right: -3px; top: 11px;} #header_home #slideshow { width:726px; float:right; height:264px;} #slideshow li img {top:0px; left:0px;} /* 2.7 Content */ body.home #main{ padding:32px 0 25px 0; } div.entry.search {margin-bottom:15px;} div.entry h1.page-title { color:#49797d; font-size:16px; font-weight:bold; font-family: Helvetiker, Arial, Helvetica, sans-serif; margin-bottom:10px;} h1 a:hover, h2 a:hover {color: #333333; text-decoration:none;} /* Homepage Content */ #welcome { width:300px; float:left; color:#21201b; font-size:14px; line-height: 1.5em; margin-right: 55px; margin-left:22px; min-height:300px;} #welcome p{font-size:12px;} #home_middle { width:265px; float: left; font-size:12px; line-height: 1.5em; margin-right: 40px;} #home_right {float:left; width:265px; font-size:12px;} body.home #main h3 {color:#49797d; font-weight:bold; font-family: Helvetiker, Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:14px; margin-bottom:12px; padding:0px;} #home_middle .widget ul li ul, #home_right .widget ul li ul {display:none;} body.home .widget p, body.home .widget_text .textwidget { color:#21201B; padding: 0px 0px 0 0; font-family: Arial, Helvetica, sans-serif; font-style: normal;} .empty_wid {color: #999999; border: 1px dotted; padding:10px; display:block;} /* 2.8 Sidebar */ #sidebar {float:right; width:288px; margin-bottom: 20px;} #sidebar #sidebar_content { margin-left: 16px; padding: 30px 0 0; width: 242px;} #empty { height:100px; padding:30px;} /* 2.9 Footer */ #footer { padding: 25px 0 10px; font-size: 12px; background: #2f2f2f; clear:both; } #footer .inner { width: 915px; margin: 0 auto; } #footer p { margin: 0; font-size:11px; color: #FFF; float:right;} #footer #credits img{vertical-align:middle;} #footer a { color: #FFF; text-decoration: underline; } #footer_social {float:left; margin:0 0 0 20px;} #footer_social a { margin:0 4px 0 0 ;} a.law_icon { background: url(images/law_icon.png) no-repeat; width:22px; height:21px; display:block; text-indent:-90000px; float:left; margin:0 15px 0 0;} #footer li a {color: #FFF; display:inline; font-family:Arial,Helvetica,sans-serif; padding:4px 11px; text-decoration:none; font-size:11px; } #footer ul { margin-bottom:25px; float:left;} #footer ul li ul {display:none;} #footer li {display:inline; float:none;} #footer li a:hover {background:#212121;} /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ div.blogpost {padding:10px; margin-bottom:25px;} h1.post_title {font-size:18px; margin:0 0 5px 0; color:#130000; font-weight:normal;} h1.post_title a, h2 a {color:#130000;} div.blogpost .entry {float:left; width:450px;} div.blogpost .entry.full {width:600px;} div.blogpost .entry p {margin-bottom:5px; font-size:13px;} div.blog-posted { margin-bottom: 10px; margin-top:5px;} a.read_more {font-weight:bold;} div.blogpost #thumb {float:left; border:1px solid #CCCCCC; margin-right:15px;} div.blogpost #thumb a {display:block;} .archive_header { display: block; float: left; width: 100%; padding:0 0 10px; font-size: 14px; text-transform: uppercase; font-weight: bold; } .post { margin: 0;} .post .title { font:normal bold 26px/24px Arial, Helvetica, sans-serif;position:relative; margin: 0; } .page .post .title, .post.none .title { margin: 0 0 20px 0; } .post .title a:link, .post .title a:visited { color:#222; } .post-meta{margin: 5px 0 25px 0; font-size: 11px; text-transform:uppercase;} .post-meta span { color: #424242; } .post-meta .comments a { text-transform: uppercase; } .post-meta, .post-meta .post-author a, .post-more { color:#868686; } .post-more { clear:both; text-transform:uppercase; border:1px solid #e6e6e6; border-width:4px 0 1px; padding:10px 0; font:11px/16px Arial, Helvetica, sans-serif;} .post-more a, .post-meta a { text-decoration:none; } .post-more a:hover, .post-meta a:hover { text-decoration:underline; } .post p.tags { width: 100%; text-transform: uppercase; font-weight: bold; font-size: 11px; clear: both; padding: 0 0 0 20px; background: url(images/ico-tag.png) no-repeat left center; margin: 20px 0; } /* 3.1 Typographic Elements */ .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 0 0 25px 0; } .entry p { margin: 0 0 20px 0; line-height: 1.6em; } .entry blockquote { background:url(images/blockquote.png) no-repeat 0 12px; padding: 0px 20px 10px 50px; color: #444; } .entry blockquote p { font-style:italic; } .entry ul { margin: 0 0 15px 0; padding: 0 0 0 30px; } .entry ul ul { margin: 0; padding: 0 0 0 15px; } .entry ul li { list-style-type: disc; } .entry ul ul li { list-style-type: circle; } .entry ol { margin: 0 0 15px 0; padding: 0 0 0 30px; } .entry ol ol { margin: 0; padding: 0 0 0 15px; } .entry ol li { list-style-type: upper-latin; } .entry ol li ol li { list-style-type: lower-latin; } /* 3.2 Images */ .entry img, img.thumbnail { padding: 5px; background:#FFF; } img.wp-smiley { padding: 0; border: none; background: transparent; } .alignleft { float: left; height: auto; margin: 5px 15px 20px 0; } .alignright { float: right; height: auto; margin: 5px 0 20px 15px; } .aligncenter { text-align: center; margin-bottom:20px;} img.aligncenter { margin-left:auto; margin-right:auto; display:block; } .entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F8; border: solid 1px #e6e6e6; } .entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; } .entry .wp-caption-text { margin:0; padding:0; font:11px/22px Arial, Helvetica, sans-serif; text-align:center; } /* 3.3 Pagination / WP-Pagenavi */ .nav-entries, .wp-pagenavi, .post-entries {font-size:11px; padding:7px 15px; border-top: 1px solid #aebccb; } .post-entries { margin: 30px 0 0 0; } .nav-entries a, .post-entries a { display: block; font:italic 12px/16px arial, serif; color: #333333; font-weight: bold; text-decoration:none;} .nav-entries a:hover, post-entries a:hover { text-decoration:underline; } .wp-pagenavi { margin: 0 !important; } .wp-pagenavi a:link, .wp-pagenavi a:visited { font-weight: bold!important; display: inline !important; text-decoration: none !important; background: none !important;color: #666 !important; padding: 3px 7px !important; border:none!important;} .wp-pagenavi .current, .wp-pagenavi .on, .wp-pagenavi a:hover { padding: 3px 7px !important; background: #6ca0a8 !important; border:none !important; color: #fff!important; } .wp-pagenavi span.extend, .wp-pagenavi span.pages { padding: 0 15px 0 0!important; font-style: italic!important; font-weight: bold!important; background:none !important; border:none !important; color:#6ca0a8 !important; } /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.2 Generic Widgets */ .widget { margin: 0 0 20px 0; font-size:12px; } .widget h3 { font-size:14px; color:#49797D; font-family: Helvetiker, Arial, Helvetica, sans-serif; font-weight: bold; padding:0px; margin-bottom:15px; position:relative;} /*.widget h3 span { position: absolute; left: 10px; top: 34px; display: block; width: 8px; height: 4px; } */ .widget p { font:12px/20px Arial, Helvetica, sans-serif; margin-bottom:15px; font-family:georgia; font-style:italic; } .widget ul { clear:both; padding:0 0 10px 0; margin-top: -7px; } .widget ul li { padding: 7px 0 7px 18px; font-size: 13px; color:#666666; border-bottom: 1px dotted #9a9a9a; line-height: 16px;background: url("images/bullet.png") no-repeat scroll left center transparent; } .widget ul li a { text-decoration: none; font-size:12px; color: #3f3f3f;} .widget ul li a:hover { color: #666666; } .widget ul ul { padding: 0 0 0 10px; border-top: none; } .widget ul ul li { padding-left: 0; } /* 4.2 Specific Widgets */ /* CONTACT FORM WIDGET */ #contact-form.widget {margin-bottom:30px;} #contact-form .screenReader { left: -9999px; position: absolute; top: -9999px; } ol.forms { position:relative; } ol.forms li input {height:16px; color:#757575; font-family:Arial, Helvetica, sans-serif; font-size:11px; border: 1px solid #cecccc; width:95%;background:#fff; margin-bottom:10px; } li.textarea span.error {left:225px;position:absolute;top:175px;} ol.forms li input, ol.forms li textarea { padding:5px 0 5px 10px;} ol.forms li input:focus, ol.forms li textarea:focus {border:1px solid #97a4b1;} ol.forms li input.submit { color:#FFFFFF; border: 1px solid #325356; font-size:11px;width:70px; margin-top: 10px; padding: 5px 0 20px; background: url("images/button_bak.png") repeat-x #49797d; cursor:pointer; } ol.forms li input.submit:hover {color: #dedbce;} span.send_but { background: url("http://thevclawgroup.com/wp-content/themes/perfect/images/send_bak.png") repeat-x scroll 0 0 transparent; border: 1px solid #6A6653; float: right; padding: 5px 10px 5px 0; margin:7px 0 0 0;} span.error {color:#FF0000; font-size:18px; font-weight:bold;} ol.forms li input.inputError, ol.forms li textarea.inputError {border:1px solid #FF0000;} ol.forms li textarea { color:#999999; font-size:12px; border: 1px solid #aebccb; height:70px; padding:10px 0 10px 10px; overflow: auto; font-family:Arial, Helvetica, sans-serif; width:95%;} #contact-form #disclaimer_text { background: #EAEAEA;color: #000000; display: none; padding: 10px; font-size:11px;} ol.forms li span.disc {margin-top:-2px;} ol.forms li span.disc a {text-decoration:underline;} ol.forms li span.disc.inputError { font-weight:bold; color:#000000;} ol.forms li input#read {border:none; width: auto; height: auto; margin: 3px 5px 0 0; background:transparent;} /* TEXT WIDGET */ .widget_text .textwidget { padding: 7px 10px 0 0; font-family: Arial, Helvetica, sans-serif; font-style:italic; } /* SEARCH WIDGET */ strong.search-excerpt {background: none repeat scroll 0 0 yellow;} .widget_sig_search h3 { margin: 0 0 15px 0; } .widget_sig_search form { padding: 0 10px 10px; border-bottom: 1px solid #dfdfdf; } .widget input.s { float:left; width: 65%; padding: 8px 0 8px 7px; margin-right:5px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; background-color: #ededed; } .widget input.s:focus { background-color: #fff; } .widget .screen-reader-text { display: none; } /* TAG CLOUD */ .widget_tag_cloud div { padding: 5px 10px 10px; border-bottom: 1px solid #dfdfdf; } .widget_tag_cloud div a { color: #6ca0a8; } .widget_tag_cloud div a:hover { color: #3f3f3f; text-decoration: none; } /* CALENDAR */ #wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;} #wp-calendar caption{padding:10px;} #wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;} #wp-calendar td{background:transparent;} #wp-calendar td,table#wp-calendar th{padding:3px 0;} /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments {position:relative;margin:0;padding:10px 0 0 0;} #comments h3 { margin-bottom:20px; } #comments .comment.thread-even .comment-container { background: #f7f7f7; } #comments .comment{ margin-bottom: 15px;list-style-type:none; font-size: 13px;} #comments .comment .comment-container { position:relative; padding: 20px; border: 1px solid #e6e6e6; } #comments .comment-head { margin: 0 0 13px 0; } #comments .avatar { float:left; margin: 0 15px 10px 0; } #comments .avatar img{margin: 0;vertical-align: middle; padding:3px; background:#fff; } #comments .comment-head .name { margin: 0; font-weight: bold; font-size: 18px; } #comments .comment-head .comment-meta { float: right; font-style: italic; } #comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; } #comments .comment-entry p { margin: 0 0 10px 0;} #comments .reply { padding-top:10px; } #comments .reply a { } #comments .reply a:hover { } .nocomments { font-size: 14px; font-weight: bold; color: #dc3e29; font-style: italic; } .unapproved { } #comments ul.children li { padding:0 0 0 25px; margin-top: 15px; } #comments .cancel-comment-reply{margin: 0; font-weight: bold; text-transform: uppercase; font-size: 11px;} .comment #respond { margin: 20px 0 0; } .comment #respond h3 { margin: 0; } .comment.thread-even #commentform input.txt, .comment.thread-even #commentform textarea { background: #e6e6e6; } #comments .navigation { } #comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; } #comments .navigation a:hover{} #comments h3#pings { margin-top:25px; } #comments .pingbacks li.pingback { margin:10px 0; } #comments .pingbacks li.pingback .reply { display:none; } /* 5.2 Comments Form */ #respond { margin: 40px 0 0; } #respond h3 { margin-bottom:20px; } #respond .left { float:left; width:200px; margin-right:15px; } #respond .right { float:left; width:380px; } #respond label { font-size:11px; color:#777; } #commentform { margin: 15px 0 0 0; } #commentform label { display: none; } #commentform input.txt, #commentform textarea { border-width:1px; border-style:solid;} #commentform input.txt { background: #f4f4f4; width: 95% !important; margin: 0 5px 10px 0; padding: 5px 7px; } #commentform textarea { background: #f4f4f4; width: 95% !important; padding: 5px 7px; } #commentform input.txt:focus, #commentform textarea:focus { background: #fff; } #commentform #submit {background: url("images/button_bak.png") repeat-x scroll 0 0 #49797D; border: 1px solid #325356; color: #FFFFFF; cursor:pointer;height:30px; margin-top:20px; text-align:left; } /* 5.3 Pingbacks / Trackbacks */ h3#pings { margin: 25px 0 10px 0; font-size: 12px; } .pinglist li { margin: 0 0 0 20px; padding: 10px 0; list-style-type: decimal; font-size: 11px; border-bottom: 1px solid #e6e6e6; } .pinglist li .author { font-weight: bold; font-size: 11px; } .pinglist li .date { font-size: 11px; } .pinglist li .pingcontent { display: block; margin: 5px 0; } /*-------------------------------------------------------------------------------------------*/ /* 6. MISC */ /*-------------------------------------------------------------------------------------------*/ /* 6.1 Buttons */ .button, .button:visited, .reply a{ font-weight: bold; background: url(images/alert-overlay.png); display: inline-block; padding: 5px 10px 6px; color: #424242 !important; text-decoration: none; border:none; position: relative; cursor: pointer; } .button, .button:visited, .reply a{ background-color:#fff; } .button:hover, .reply a:hover { color: #000 !important; text-decoration:none; } .button:active, .reply a:active { top: 1px; } .small.button, .small.button:visited, .reply a { font-size: 10px; padding: 0 10px 0; text-transform:uppercase;} .button, .button:visited, .sigium.button, .sigium.button:visited { font-size: 13px; font-weight: bold; line-height: 1; } .large.button, .large.button:visited { font-size: 14px; padding: 8px 14px 9px; } /* 6.2 Info Boxes */ p.alert, p.download, p.info, p.note, p.tick { margin:10px 0 20px 0; padding:9px 10px 9px 50px; } p.alert { border-top:1px solid #f0baa2; border-bottom:1px solid #f0baa2; background:#ffd9c8 url(images/ico-alert.png) no-repeat 20px 13px; } p.download { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(images/ico-download.png) no-repeat 20px 13px; } p.tick { background: url(images/ico-tick.png) no-repeat 20px 13px; } p.info { border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee url(images/ico-info.png) no-repeat 20px 13px; } p.note { border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#fef6d2 url(images/ico-note.png) no-repeat 20px 13px; }