/* ---------------------------------------------------------- Client Name CSS Managed by: Blue State Digital TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - LAYOUT 04 - HOMEPAGE 05 - SUBPAGES 06 - SIDEBAR 07 - FRAMEWORK 08 - UTILITY COLOR GUIDE (Main Site Colors and their Hex Codes) ---------------------------------------------------------- */ /* 01 =GLOBAL BROWSER RESET ---------------------------------------------------------- */ /* YUI Reset version: 2.7.0 */ html { color: #000; background: #FFF; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; } del,ins { text-decoration: none; } li { 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; font-variant: normal; } sup { vertical-align: baseline; } sub { vertical-align: baseline; } /*because legend doesn't inherit in IE */ legend { color: #000; } input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } /*@purpose To enable resizing for IE */ /*@branch For IE6-Win, IE7-Win */ input,button,textarea,select { *font-size: 100%; } /* 02 =COMMON STYLE ---------------------------------------------------------- */ body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .base {color: #333!important;} .base h1 {font-size: 36px; margin: 0 0 15px 0; font-weight: bold;} .base h2 {font-size: 22px; margin: 0 0 10px 0;} .base h3 {font-size: 16px; margin: 0 0 5px 0;} .base h1, .base h2, .base h3, .base h4 {color: #424242;} .base h1 {font-variant: small-caps;} .base .highlight-box p {font-style: italic;} .base p { font-size: 12px; } .base p {line-height: 18px; margin: 0 0 15px 0;} .base .highlight-box p {line-height: 20px;} .base a {color: #72908d;} .base a:hover, .base h2 a, .base h3 a, .home-blog-entry h3 a {text-decoration: none;} .base blockquote {background: url(https://www.whymarriagemattersarchive.org/images/bquote.jpg) no-repeat; font: 15px/24px Georgia, "Times New Roman", Times, serif; margin: -10px 0 15px 35px; padding: 10px 0 0 39px;} .base ul, .base ol {margin: 0 0 15px 15px;} .base ul li {list-style: outside disc; margin: 0 0 5px 0;} .base ol li {list-style: outside decimal; margin: 0 0 5px 0;} .base li ol { margin: 0 0 0 15px; } .base li ul { margin: 0 0 0 15px; } /* 03 =LAYOUT ---------------------------------------------------------- */ html, body {background: url(../images/bg.png);} #container {width: 956px; margin: 10px auto 20px auto; background: url(../images/content-bg.png); padding: 10px;} #inner-container {background: #fff; padding: 17px 8px 8px 8px;} #header {background: url(../images/header-bg.png) no-repeat top center; height: 145px; position: relative;} body#home #header {height: 268px;} #logo {display: block; height: 65px; width: 400px; left: 10px; position: absolute; text-indent: -900em;} #home-head {background: url(../images/home-header-text.png); height: 88px; position: absolute; top: 151px; text-indent: -900em; width: 916px; margin: 0 auto;} #quick-signup-cont {position: absolute; width: 220px; height: 100px; right: 0; top: 0;} #quick-signup legend {display: none;} #quick-signup {position: relative; height: 100px; width: 220px;} #quick-signup input {position: absolute; border: 0; color: #a9a9a9;} #quick-email {top: 20px; left: 6px; width: 198px;} #quick-zip {top: 48px; left: 6px; width: 99px;} #quick-submit {background: none; border: 0; position: absolute; top: 43px; left: 115px; width: 95px; height: 30px; text-indent: -900em; cursor: pointer;} #nav {background: #e5e5e5; position: absolute; top: 85px; width: 868px; left: 12px; padding: 13px 24px; font-size: 14px;} #nav a {color: #363637; text-transform: uppercase; text-decoration: none;} #nav-ul li {float: left; margin: 0 20px 0 0;} body.interior #content {width: 916px; margin: 0 auto; padding: 0 0 20px 0;} body.interior #content {background: url(../images/content-bg-sidebar.png) repeat-y; margin-top: 10px;} #main {float: left; width: 545px;} body.full-width #content {background: none;} body.full-width #main {width: 915px;} body#home #main {width: 940px;} #sidebar {float: right; width: 277px; padding: 15px;} .side-content-block {margin: 0 0 30px 0;} #sidebar .home-video-list-entry .left {width: 110px!important;} #sidebar .home-video-list-entry .right {width: 155px!important;} #home-video-list .right a {color: #333; text-decoration: none;} #footer {width: 936px; margin: 0 auto 50px auto; color: #666; font-size: 11px;} #footer a {color: #666; text-decoration: none;} #footer a:hover {text-decoration: underline;} #footer .left {float: left; width: 400px;} #footer .right {float: right; width: 300px; text-align: right;} /* 04 =HOMEPAGE ---------------------------------------------------------- */ #home-content {background: #ebebec;} #home-top-videos {background: #d9d9d9; padding: 15px; margin: 0 0 25px 0;} #home-top-videos .left {float: left; width: 458px;} #home-top-videos .right {float: right; width: 432px;} #home-featured-video .top {margin: 0 0 10px 0;} #home-featured-video h3 {font-size: 18px; font-weight: bold; color: #424242; margin: 0 0 5px 0;} #home-featured-video p {color: #646467; line-height: 18px;} .home-video-list-entry {margin: 0 0 20px 0;} .home-video-list-entry img {border: 5px solid #9ed8d3;} #home-video-list-cont h3 {font-size: 18px; font-weight: bold; text-transform: uppercase; margin: 0 0 14px 0;} #home-video-list-cont h3 a {color: #e51937; text-decoration: none; font-size: 12px; text-transform: none; font-weight: normal;} .home-video-list-entry .left {float: left; width: 130px!important;} .home-video-list-entry .right {float: right; width: 286px!important;} .home-video-list-entry .right h4 {font-size: 15px; font-weight: bold; color: #424242; margin: 0 0 5px 0;} .home-video-list-entry .right p {color: #646464; line-height: 18px;} #home-bottom-cont {padding: 15px;} .home-bottom-col {/*width: 272px;*/ width:100%;float: left; margin: 0 46px 0 0;} .home-bottom-col.last {margin-right: 0;} #home-blog-cont h3, .section-head {font-size: 21px; font-weight: bold; text-transform: uppercase; color: #363636; margin: 0 0 13px 0;} #home-blog-cont h3 a, .section-head a {color: #e51937; text-decoration: none; font-size: 12px; text-transform: none; font-weight: normal;} .home-blog-entry {margin: 0 0 12px 0;} .home-blog-entry .blog-meta {color: #777;} .home-blog-entry a {color: #72908d; font-weight: bold;} .home-blog-entry h4 {font-size: 14px; font-weight: bold;} /* 05 =SUBPAGES ---------------------------------------------------------- */ /* blog */ #blog-cont .blog-meta {color: #777; margin-bottom: 0;} #blog-cont h2 {margin: 0 0 5px 0;} #blog-cont .entry {margin: 0 0 30px 0;} /* video */ .video-thumb {border: 5px solid #9ed8d3;} .video-entry {margin: 0 0 30px 0;} .video-entry .left {float: left; width: 130px;} .video-entry .right { float: right; width: 400px;} /* 06 =SIDEBAR ---------------------------------------------------------- */ /* 07 =FRAMEWORK ---------------------------------------------------------- */ /* contribute */ #contribution input {padding: 2px; margin: 0 0 8px 0;} td.contribheader {padding: 10px 0 0 0!important; font-size: 18px;} /* contribution pages */ body#bsd #contribution input[type=text], body#bsd #contribution select, body#bsd #contribution textarea {padding: 2px; margin: 0 0 15px 0;} /**/body#bsd #contribution input {margin: 5px 0 15px 0;} body#bsd #contribution label {padding: 0 0 10px 0!important;} body#bsd #contribution .contribheader {padding: 10px 0 5px 0!important; font-size: 18px;} /**/body#bsd #contribution input[type=radio] {margin: 10px 2px 10px 0;} body#bsd #contribution .radio {margin: 0 10px 0 0!important;} #processbutton {background: #C6170A; color: #fff; border-right: 1px solid #701009; border-bottom: 1px solid #701009; border-top: 1px solid #ffc8c4; border-left: 1px solid #ffc8c4; padding: 15px 20px!important; text-transform: uppercase; margin: 10px 0 60px 0!important; cursor: pointer;} #processbutton:hover {background: #701009; border-left: 1px solid #000; border-top: 1px solid #000; border-bottom: 1px solid #ffc8c4; border-right: 1px solid #ffc8c4;} /* 08 =UTILITY ---------------------------------------------------------- */ .cufon-loading .cufon { visibility: hidden !important; } .stretcher { clear: both; height: 1px; visibility: hidden; } .nomargin { margin-bottom: 0px; } .floatl { float: left; margin: 0; padding: 0 10px 10px 0; } .floatr { float: right; margin: 0; padding: 0 0 10px 10px; } .floatl-nomargin { float: left; margin: 0; padding: 0; } .floatr-nomargin { float: right; margin: 0; padding: 0; } .clear { clear:both; height:0; margin:0; font-size: 1px; line-height: 0; } .required { color: red; } i, em { font-style: italic; } b, strong { font-weight: bold; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;} sup { bottom: 1ex; } sub { top: .5ex; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} .clearfix {display:block;} /*Custom CSS Start*/ #quick-signup-cont {display: none;} /*Custom CSS End*/