/* Theme Name: Align Theme Theme URI: http://www.mark-till-online.co.uk/ Description: Website theme for Align designed and coded by Mark Till. Version: 1.0 Author: Mark Till Author URI: http://www.mark-till-online.co.uk/ */ /*------------------------------------------------------------------------------*/ /* WEBSITE BODY */ /*------------------------------------------------------------------------------*/ body {margin:0; padding:0; width:100%; font-family:Arial, Helvetica; background:#dddddd;} img{border: none;} /*------------------------------------------------------------------------------*/ /* TOP DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #top_body{width:100%; height:120px; background:url(images/bg_top_body.gif) top center repeat-x;} #top_container{width:960px; margin:0 auto; padding:0;} #top_col_1{width:210px; float:left; display:inline;} #top_col_2{width:720px; float:right; display:inline; padding:43px 0 0;} /*------------------------------------------------------------------------------*/ /* MIDDLE DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #middle_body{background:url(images/bg_middle_body.gif) top center repeat-x; width:100%; height:315px;} #middle_container{background:url(images/bg_middle_container.gif) top center no-repeat; width:960px; height:315px; margin:0 auto;} #middle_container div#feature_list {width: 960px; height: 315px; overflow: hidden; position: relative;} #middle_container div#feature_list ul {position: absolute; top: 0; list-style: none; padding: 0; margin: 0;} #middle_container ul#tabs {right: 0; z-index: 2; width: 330px;} #middle_container ul#tabs li {margin:0; padding:0;} #middle_container ul#tabs li.repc a{width:330px; height:99px; background: url(images/middle_right_repc.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #middle_container ul#tabs li.repc a:hover{background:url(images/middle_right_repc.gif) -330px 0px no-repeat; display: block;} #middle_container ul#tabs li.repc a.current{background: url(images/middle_right_repc.gif) -330px 0px no-repeat; display:block;} #middle_container ul#tabs li.hcs a{width:330px; height:101px; background: url(images/middle_right_hcs.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #middle_container ul#tabs li.hcs a:hover{background:url(images/middle_right_hcs.gif) -330px 0px no-repeat; display: block;} #middle_container ul#tabs li.hcs a.current{background: url(images/middle_right_hcs.gif) -330px 0px no-repeat; display:block;} #middle_container ul#tabs li.conveyance a{width:330px; height:101px; background: url(images/middle_right_conv.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #middle_container ul#tabs li.conveyance a:hover{background:url(images/middle_right_conv.gif) -330px 0px no-repeat; display: block;} #middle_container ul#tabs li.conveyance a.current{background: url(images/middle_right_conv.gif) -330px 0px no-repeat; display:block;} #middle_container ul#tabs li.csr a{width:330px; height:100px; background: url(images/middle_right_csr.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #middle_container ul#tabs li.csr a:hover{background:url(images/middle_right_csr.gif) -330px 0px no-repeat; display: block;} #middle_container ul#tabs li.csr a.current{background: url(images/middle_right_csr.gif) -330px 0px no-repeat; display:block;} #middle_container ul#output { left: 0; width: 630px; height: 300px; position: relative; } #middle_container ul#output li {position: absolute; width: 630px; height: 300px; } #middle_container ul#output li a {position: absolute; bottom: 30px; width:230px; height:50px; background: url(images/get_quote.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #middle_container ul#output li a:hover {background:url(images/get_quote.gif) -230px 0px no-repeat; display: block;} #pages_body{background:url(images/bg_pages_body.gif) top center repeat-x; width:100%; height:35px;} #pages_container{background:url(images/bg_pages_container.gif) top center no-repeat; width:960px; height:35px; margin:0 auto;} #main_body{background:url(images/bg_main_body.gif) top center repeat-x #ffffff; width:100%;} #main_container{width:960px; margin:0 auto; padding:20px 0 ; background:url(images/bg_main_container.gif) repeat-y top center;} /*-- Column 1 Layout and Styles--*/ #main_col_1{width:610px; float:left; display:inline; padding-right:20px; color:#424242; font-size:13px;} #main_col_1 h1{font-size:28px; margin:0; padding:0 0 12px; font-weight:normal; line-height:normal; color:#027eb9; border-bottom:1px solid #eeeeee;} #main_col_1 h2{font-size:26px; margin:0; padding:16px 0 0; font-weight:normal; line-height:normal; color:#019cdf;} #main_col_1 h4{color:#424242; font-size:16px; line-height:24px; margin:0; padding:16px 0 0; font-weight:bold;} #main_col_1 p{color:#424242; font-size:13px; line-height:22px; margin:0; padding:15px 0 0; font-family:Arial, Helvetica;} #main_col_1 p img{float:left; padding:0; border:#ececec 5px solid; margin:4px 15px 5px 0px;} #main_col_1 p img.none{float:none; padding:0; border:0; margin:0;} #main_col_1 p a{color:#424242; text-decoration:underline;} #main_col_1 p a:hover{color:#000000; text-decoration:underline;} #main_col_1 p a.blue_link{color:#027eb9; text-decoration:underline; font-size:18px;} #main_col_1 p a:hover.blue_link{color:#ffb200;} #main_col_1 ul{color:#424242; margin:0; padding:10px 0 0 30px;} #main_col_1 ul li{font-size:13px; line-height:22px;font-family:Arial, Helvetica;} #main_col_1 ul li a{color:#424242; text-decoration:underline;} #main_col_1 ul li a:hover{color:#000000; text-decoration:underline;} #main_col_1 .get_a_quote{ margin:15px 0 0;} #main_col_1 .get_a_quote a {width:610px; height:50px; background: url(images/btn_get_a_quote.gif) 0px 0px no-repeat; display:block; text-indent: -9999px;} #main_col_1 .get_a_quote a:hover {background:url(images/btn_get_a_quote.gif) -610px 0px no-repeat; display: block;} /*-- Blog Post Display --*/ #main_col_1 .post_container{width:610px; margin:0 auto; border-bottom:1px solid #eeeeee; padding:16px 0;} #main_col_1 .post_date{width:41px; float:left; display:inline;} #main_col_1 .post_content{width:549px; float:left; display:inline; padding-left:20px;} #main_col_1 .post_date .date{ background:url(images/bg_date_stamp.gif); float:left; width:41px; height:35px; color:#FFFFFF; text-align:center; padding:6px 0 0; margin:0 0 5px;} #main_col_1 .post_date .date strong{font-size:21px; font-weight:bold; line-height:18px;} #main_col_1 .post_date .date span{ font-size:10px; line-height:16px; font-weight:bold; text-transform:uppercase;} #main_col_1 .post_content h2{font-size:18px; text-transform:uppercase; margin:0; padding:0; font-weight:normal; line-height:normal; color:#019cdf; width:549px;} #main_col_1 .post_content h2 a{color:#ffb100; text-decoration:none;} /* For Blog Post Links */ #main_col_1 .post_content h2 a:hover{text-decoration:underline; color:#019cdf;} /* For Blog Post Links */ #main_col_1 .post_content p.postmetadata{background:#ffb100; padding:10px; margin-top:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} #main_col_1 a.post-edit-link{font-size:13px; line-height:22px; margin:15px 0 0; padding:0; font-family:Arial, Helvetica; color:#424242; text-decoration:underline;} #main_col_1 .navigation{ width:610px; padding:20px 0 0;} #main_col_1 .navigation .alignleft{ float:left;} #main_col_1 .navigation .alignright{ float:right;} #main_col_1 .navigation a{ color:#ffb100; text-decoration:none;} #main_col_1 .navigation a:hover{ color:#000000; text-decoration:underline;} /*-- Blog Comments --*/ #main_col_1 .comments_area{ width:610px;} #main_col_1 .comments_area #respond h3{font-family:Arial, Helvetica; color:#424242; font-size:24px; float:none; margin:0; padding:0; line-height:normal; border:none;} #main_col_1 #respond{width:568px; border:none; background:#ffb100; padding:20px; margin-top:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} #main_col_1 #respond input { padding: 5px; width: 210px; margin-right: 7px; } #main_col_1 #respond input.text_form { border: 1px solid #e19c00; background: #fff; padding: 5px;} #main_col_1 #respond textarea { border:1px solid #e19c00; background: #fff; padding: 4px; width: 98%;} #main_col_1 #respond .button{background: url(images/comment_button.gif) no-repeat; width:230px; height:50px; border:0; text-indent:-9999px; cursor:pointer;} #main_col_1 #respond small{font-size:12px; font-family:Arial, Helvetica;} #main_col_1 .comments_area h3{color:#ffb100; font-size:16px; float:none; margin:20px 0 0; padding:20px 0 0; line-height:normal; border-top:1px solid #eeeeee;} #main_col_1 .comments_area .commentlist {padding: 0; text-align: justify;} #main_col_1 .comments_area .commentlist a{color:#044069; text-decoration:none;} #main_col_1 .comments_area .commentlist a:hover{color:#0195d5; text-decoration:underline;} #main_col_1 .comments_area .commentlist li {margin:0 0 10px; padding:20px; list-style: none;} #main_col_1 .comments_area .commentlist li.even{background:#f7f7f7; -moz-border-radius: 10px; -webkit-border-radius: 10px;} #main_col_1 .comments_area .commentlist li.odd{background:#e0e0e0; -moz-border-radius: 10px; -webkit-border-radius: 10px;} #main_col_1 .comments_area .commentlist li ul li {margin-right: -5px; margin-left: 10px;} #main_col_1 .comments_area .commentlist p {margin:0; padding:14px 0 0; font-size:14px; line-height:22px; color:#424242;} #main_col_1 .comments_area .commentlist em{font-size:11px; text-transform:uppercase; color:#CC0000;} #main_col_1 .comments_area .vcard{ font-size:14px; font-style:normal;} #main_col_1 .comments_area .vcard .fn{font-style:normal; font-weight:bold;} #main_col_1 .comments_area .vcard img{float:left; border:2px solid #0195d5; margin:0px 10px 0 0;} #main_col_1 .comments_area .commentmetadata{ font-size:12px; padding-bottom:16px; border-bottom:1px solid #8d8d8d;} .alt {margin: 0; padding: 10px;} .children { padding: 0; } #commentform p {margin: 5px 0;} .nocomments {text-align: center; margin: 0; padding: 0;} .commentmetadata {margin: 0; display: block;} /*-- Column 2 Layout and Styles--*/ #main_col_2{width:310px; float:left; display:inline; padding-left:18px;} /*-- Login Section --*/ #main_col_2 .right_login_top{width:310px; height:20px; background:url(images/bg_login_top.gif) no-repeat;} #main_col_2 .right_login{background:#dddddd; width:270px; padding:0 20px;} #main_col_2 .right_login h2{ background:url(images/h2_right_welcome.gif) no-repeat; margin:0; padding:0; width:270px; height:24px; display:block; text-indent: -9999px;} #main_col_2 .right_login h2 span{ background:url(images/h2_right_login.gif) no-repeat; margin:0; padding:0; width:270px; height:24px; display:block; text-indent: -9999px;} #main_col_2 .right_login #login_error{font-size:12px; padding:7px 0 0;} #main_col_2 .right_login #login_error strong{color:#e40000;} #main_col_2 .right_login #login_error a{color:#424242; text-decoration:none;} #main_col_2 .right_login #login_error a:hover{color:#000000; text-decoration:underline;} #main_col_2 .right_login p{font-size:14px; color:#616161; line-height:24px; margin:0; padding:7px 0 0;} #main_col_2 .right_login .mid{border:1px solid #cccccc; background:#ffffff; width:260px; height:30px; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:0 5px;} #main_col_2 .right_login #wp-submit{height:30px; width:71px; background:url(images/right_login.gif) no-repeat; border:0; cursor:pointer; margin:10px 0 0; padding:0; } #main_col_2 .right_login p.submit{ float:right;} #main_col_2 .right_login p.lost_password{margin:0; padding:22px 0 5px; line-height:18px; font-size:12px; color:424242;} #main_col_2 .right_login p.lost_password a{color:#424242; text-decoration:none;} #main_col_2 .right_login p.lost_password a:hover{color:#000000; text-decoration:underline;} #main_col_2 .right_login .avatar_container{float:right; border:3px solid #ffffff; margin:17px 0 0;} #main_col_2 .right_login ul{margin:0; padding:12px 0 0 20px;} #main_col_2 .right_login ul li{margin:0; padding:0; line-height:24px; color:#eba300;} #main_col_2 .right_login ul li a{color:#424242; text-decoration:none;} #main_col_2 .right_login ul li a:hover{color:#000000; text-decoration:underline;} #main_col_2 .right_login p a{ font-size:12px; color:#424242; text-decoration:none; line-height:18px;} #main_col_2 .right_login p a:hover{color:#000000; text-decoration:underline;} #main_col_2 .right_login_bottom{width:310px; height:20px; background:url(images/bg_login_bottom.gif) no-repeat;} #main_col_2 .right_logos{ padding:25px 0;} #main_col_2 .right_social{ padding:0 0 25px;} #main_col_2 .pv_quote{ padding:0 0 25px;} /*-- Recent Blog Posts --*/ #main_col_2 .date{ background:url(images/bg_date_stamp.gif); float:left; width:41px; height:35px; color:#FFFFFF; text-align:center; padding:6px 0 0; margin:0 0 5px;} #main_col_2 .date strong{font-size:21px; font-weight:bold; line-height:18px;} #main_col_2 .date span{ font-size:10px; line-height:16px; font-weight:bold; text-transform:uppercase;} #main_col_2 h3.from_the_blog{ background:url(images/h3_from_blog.gif) no-repeat; margin:0; padding:0 0 15px; width:310px; height:24px; display:block; text-indent: -9999px;} #main_col_2 .blog_post{float:left; padding:0 0 0 9px; width:260px; font-size:16px; line-height:21px; color:#424242;} #main_col_2 .blog_post a{color:#424242; text-decoration:none;} #main_col_2 .blog_post a:hover{color:#000000; text-decoration:underline;} #main_col_2 h2{font-size:18px; margin:15px 0 0; padding:0; color:#7c7c7c; line-height:normal; font-weight:normal;} #main_col_2 .cat_description{margin:0;} #main_col_2 .cat_description p{ color:#027eb9; font-size:14px; margin:0; padding:18px 0 0; line-height:22px;} #main_col_2 .cat_description p a{color:#ffb100;} #main_col_2 .cat_description p a:hover{color:#000000;} /*-- Search Box --*/ div.search{width:100%; margin:0; padding:15px 0 0;} div.search_1{width:225px; float:left; display:inline;} div.search_2{width:68px; float:right; display:inline;} .subscribe{background:#ffffff; border:1px solid #e5e5e5; margin:0; padding:5px; font-size:11px; color:#424242; width:215px; height:15px; -moz-border-radius: 8px; -webkit-border-radius: 8px;} .subscribe_button{height:25px; width:68px; background:url(images/btn_search.gif) no-repeat; margin:0; padding:0; border:0; cursor:pointer;} /*-- Lists and Links --*/ #main_col_2 ul{margin:0; padding-bottom:15px; border-bottom:1px solid #e0e0e0;} #main_col_2 ul li{font-size:14px; color:#b6b6b6; line-height:24px;} #main_col_2 ul li a{color:#ffb100; text-decoration:none;} #main_col_2 ul li a:hover{color:#000000; text-decoration:underline;} #main_col_2 ul.no_bottom_border{border-bottom:none;} /*------------------------------------------------------------------------------*/ /* FOOTER DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ #footer_body{width:100%; background:#044069; font-family:Arial, Helvetica; font-size:14px;} #footer_container{width:960px; margin:0 auto; padding:0; font-size:14px; height:134px; background:url(images/bg_footer_container.gif) top right no-repeat;} #footer_container ul{margin:0; padding:20px 0 0; list-style-type: none;} #footer_container ul li{margin:0; padding:0 10px 0 0; float:left; color:#ffffff; line-height:normal;} #footer_container ul li ul{display:none;} /*Temporary Solution for footer navigation*/ #footer_container a{color:#ffffff; text-decoration:none;} #footer_container a:hover{color:#ffffff; text-decoration:underline;} #footer_container a{color:#ffffff; text-decoration:none; background:none;} #footer_container p{color:#ffffff; margin:0; padding:20px 0 0; line-height:18px;} #footer_copyright_body{width:100%; background:url(images/bg_footer_copyright.gif) repeat-x; font-family:Arial, Helvetica; font-size:14px; line-height:normal; padding:16px 0 0; height:36px;} #footer_copyright{width:960px; margin:0 auto; padding:0; text-align:center; font-size:13px; color:#000000;} #footer_copyright a{ color:#000000; text-decoration:none;} #footer_copyright a:hover{color:#000000; text-decoration:underline;} /*------------------------------------------------------------------------------*/ /* MISC VALUES, DIVS AND CLASSES */ /*------------------------------------------------------------------------------*/ .clearcols{clear:both; height:1px;}