/*-------------------------------------------------------------------------------------------*/
/* RESET */
/*-------------------------------------------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */
body, html { height: 100%; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }/* remember to define focus styles! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */
/*-------------------------------------------------------------------------------------------*/
/* GENERAL STYLES */
/*-------------------------------------------------------------------------------------------*/
/* Floating & Alignment */
.fl{float: left;}
.fr{float: right;}
.ac{text-align: center;}
.ar{text-align: right;}
/* Clear Floats */
.col-full:after{content: "."; display: block;height: 0;clear: both; visibility: hidden;}
.fix{clear: both;height: 1px;margin: -1px 0 0;overflow: hidden;}
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/*
Theme Name: Sealight
Theme URI: http://thebombsite.com/woothemes/sealight
Version: 1
Description: Designed by WooThemes.
Author: WooThemes
Author URI: http://www.woothemes.com
Textpattern Transposition: The Bombsite.
Tags: woothemes, thebombsite
Original Copyright: (c) 2009 WooThemes.
This version Copyright: (c) 2010 The Bombsite.
License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
*/
/*
WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file. You have been warned! :)
*/
/*-------------------------------------------------------------------------------
INDEX:
1. SETUP
-1.1 Defaults
-1.2 Hyperlinks
-1.3 Accessibility
2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.3 Header
-2.4 Content
-2.5 Sidebar
-2.6 Footer
-2.7 Featured
3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination
-3.4 Info boxes
4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets
5. COMMENTS
-5.1 Comments
-5.2 Comments Form
6. MISC
-6.1 Buttons
-6.2 Info Boxes
-6.3 Contact Form
---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------*/
/* 1.1 Defaults */
body { font: 14px Arial, Helvetica, Sans-serif; color: #555; background: #123660 url(/img/bg.jpg) no-repeat top center; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-family:Arial, Helvetica, Sans-serif; color: #222; font-weight:normal; }
h1 {font-size: 2em } h2 {font-size: 1.8em;} h3 {font-size: 1.6em;} h4 {font-size: 1.2em;} h5 {font-size: 1em;} h6 {font-size: 0.8em;}
p {margin: 0; font:14px/24px Arial, Helvetica, Sans-serif; }
hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; }
input, textarea { padding: 7px 0 7px 7px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;}
/* 1.2 Hyperlinks */
a:link, a:visited { color: #437fa7; text-decoration:none;}
a:hover {text-decoration:underline;}
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;}
/* 1.3 Accessibility */
#accessibility .skip, #accessibility .hideme{position:absolute;left:-1000em;top:-1000em;}
#accessibility .skip:focus, #accessibility .skip:active{position:static;left:100px;top:200px;}
/*-------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------*/
/* 2.1 Containers & Columns */
#wrapper { padding:0 0 0px; }
#main{width:642px; padding: 0px 30px 0px 24px;}
#main.fullwidth {width: 880px;}
#sidebar{width:214px; padding-right: 30px;}
.col-left { float: left; }
.col-right { float: right; }
.col-full { width: 940px; margin: 0 auto; }
/* 2.2 Navigation */
#navigation{font: 16px Arial, Helvetica, sans-serif; background: url(/img/nav-bg.png) repeat-x top left; height: 42px; }
.nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; }
.nav a { position:relative; color:#333 !important; display:block; z-index:100; padding:14px 25px 10px 25px; line-height:18px; text-decoration:none; font-weight: bold;border-right:1px solid #999; }
.nav a:hover,
.nav a.current_page_item { color: #000 !important; background: url(/img/nav-bg-li.png) no-repeat bottom center; }
.nav li { float:left; width: auto; border-right:1px solid #fafafa; }
/* 2.3 Header */
#header{ padding: 10px 0 20px; clear:both; position:relative;}
#logo { float:left; }
#logo img { padding-top: 15px; }
#logo .site-title, #logo .site-description { color: #fff; }
#logo .site-title a { color:#fff; font-size:40px; line-height:40px; text-transform:none; font-weight:bold; text-decoration:none; }
#logo .site-title a:hover { text-decoration:underline; }
#logo .site-description { color:#C5E5F5;}
#topad { position: absolute; left: 470px; top:43px;}
.latest_twitter { float: right; width: 450px; background: url(/img/twitter-bg.png) no-repeat top left; min-height: 55px; color: #fff; font-size: 12px; line-height: 20px; }
.latest_twitter ul { margin-left: 100px; }
.latest_twitter a { color: #89c4eb; }
/* 2.4 Content */
#content{ padding:0 0 40px 0; background: #ece9d2;}
#content-home{ padding:25px 0 40px 0; background: #ece9d2;}
/* 2.5 Sidebar */
#sidebar{overflow:hidden;}
#sidebar .primary { }
#sidebar .secondary { float:left; margin-right:20px; }
#sidebar .secondary.last { margin:0; }
/* 2.6 Footer */
#footer{padding: 20px 0 0; color:#fff; background: url(/img/footer-bg.png) no-repeat top center;}
#footer p {font: normal 12px Arial, Helvetica, san-serif;}
#footer #credit img{vertical-align:middle;}
#footer #credit span{display:none;}
#footer #credit a{color:#fff;}
/* 2.7 Featured */
#loopedSlider .container { width:940px; min-height:300px; overflow:hidden; position:relative; padding-bottom:60px; background: url(/site-design/banner.jpg) no-repeat top center;}
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider .slides > div { position:absolute; top:0; width:940px; display:none; padding-top: 0px }
/*
* Optional
*/
#loopedSlider { margin:0 auto; width:940px; position:relative; clear:both; }
#loopedSlider .wrap { margin:20px; }
#loopedSlider .controls { width:120px; margin-top:26px; margin-right:30px; position: relative; background: #ece9d2; padding: 8px 20px 10px 20px; color: #dcd9c1 !important; text-align: center; float:right; z-index:200; }
#loopedSlider .controls a { color: #9D9A86 !important; }
#loopedSlider .controls a:hover { color: #333 !important; }
#loopedSlider .previous { margin-right: 5px; }
#loopedSlider .next { margin-left: 5px; }
#loopedSlider ul.pagination { display: none; }
#loopedSlider .bottom-bg { position:absolute; bottom:0; left:0; width:940px; background: url(/img/featured-bg-bottom.png) no-repeat; height: 60px; }
#featured-home { background: #061d38 url(/img/featured-bg.png) no-repeat top left; position: relative;}
#featured-home .featured-image { float: left; padding:20px 50px 0; position:relative; text-align:center; z-index:99; margin-bottom:-40px; }
#featured-home .video { float: left; width: 400px; padding: 20px 30px; position:relative; text-align:center; z-index:99; }
#featured-home h2 { font-size:27px; font-weight: bold; line-height: 30px; color: #fff; }
#featured-home p { font-size:18px; color:#c5e5f5; padding-top: 10px; line-height: 24px }
#featured-home span { font-size: 13px; color: #8cc6e4; }
#featured-home h1, #featured-home h2, #featured-home h3, #featured-home h4, #featured-home h5, #featured-home h6 { color: #fff; }
#featured-home .featured-buttons { z-index: 100; padding:0 20px; margin-top: 20px; }
#featured-home .featured-buttons .button, #featured-home .featured-buttons .button:visited { background: #3b8729 url(/img/alert-overlay.png); padding: 10px 20px 10px 20px; display: inline-block; margin-right:20px; }
#featured-home .featured-buttons span { color: #fff; font-size: 15px !important; }
#featured-home span.or { font-family: georgia, serif; font-size: 13px !important; color: #52954d; font-style: italic; background: url(/img/or.png) no-repeat 6px center; padding: 20px 18px 20px; }
.featured-intro { padding: 0 0 20px; }
.featured-intro p { font-size: 17px!important}
#main-page1 { margin-bottom: 10px; }
#main-page2 { margin-top: 10px; }
#mini-features { background: url(/img/content-bg.png) repeat; border-left: 1px solid #dcd9c1; border-right: 1px solid #dcd9c1; padding-bottom: 20px; border-bottom: 2px solid #cfccb6; }
#mini-features .block { width:280px; float:left; margin: 25px 20px 0px 20px; display: inline; }
#mini-features h3 { font-size:19px; padding-bottom:10px; font-weight: bold; color: #292a26; line-height: 30px;display: inline }
#mini-features p { font-size: 13px; color: #545650; line-height: 24px; margin-bottom:1em;}
#mini-features .home-icon { float: left; padding-right: 15px; margin-top: -2px; }
#mini-features a { }
#features .section { padding: 0; background: none; border-left: 0; border-right: 0; }
.more-features { width: 590px; background: url(/img/hr.png) repeat-x bottom left; padding: 23px 25px; font-size: 13px; color: #817f70; height: 20px;}
a.btn-feat { background: url(/img/btn-feat-btm.png) no-repeat scroll top right; display: block; float: right; height: 30px; color: #1d1d1d !important; font-weight: bold; padding-right: 20px; margin-top: -29px; }
a.btn-feat span { float:left; background: url(/img/btn-feat-head.png) no-repeat; display: block; line-height: 30px; padding: 0px 10px 0px 30px;}
.btn-feat:hover { cursor:pointer; }
.quotes { background: url(/img/quote-bg.png) no-repeat top left; font-size: 12px; margin-top: 30px; padding-bottom:50px;}
.quotes .quote { padding: 25px 60px 15px; }
.quotes a { color: #4a883b; font-weight: bold; }
.quotes blockquote { font-family: georgia, serif; font-style: italic; font-size: 15px; color: #363832; line-height: 18px; padding-bottom: 10px; }
.quote-bot { background: url(/img/quote-bot.png) no-repeat top left; width: 637px; height: 13px; }
#featured { height: 87px; background: #ece9d2 url(/img/page-bg.png) no-repeat top left; position: relative; padding-top: 25px; }
/*-------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------*/
#breadcrumb { margin-bottom:1em;}
.archive_header { display: block; float: left; width: 100%; margin:0 0 30px; padding:0 0 10px; font-size: 18px; font-weight: bold; border-bottom:#e6e6e6 5px solid; }
.archive_header .catrss a { font-size: 14px; text-decoration: none; line-height: 28px; }
.post { margin: 0 0 10px;}
.section { background: url(/img/content-bg.png) repeat; border-bottom: 2px solid #CFCCB6; border-left: 1px solid #DCD9C1; border-right: 1px solid #DCD9C1; padding: 20px 20px; margin-bottom: 20px; }
h1.title { padding-left: 30px; }
h1.title, h1.title a { font-size: 26px; color: #fff; }
h1.page-title { padding-bottom: 25px; }
h1.page-title a { font-size: 22px; color: #222; font-weight: bold;}
.post .title { font:normal bold 24px/24px Arial, Helvetica, sans-serif;position:relative; margin: 0 0 15px; }
.page .post .title { margin: 0 0 20px 0; }
.post .title a:link, .post .title a:visited { color:#222; }
.post-meta{margin: 10px 0 20px 0;font:11px/11px 'georgia' serif; }
.post-meta a { font-weight: normal; }
.post-meta .comments a { padding: 0 0 0 20px; font-weight: bold; }
.post-meta .small{text-transform:lowercase;}
.post-meta, .post-meta .post-author a, .post-more { color:#868686; }
.post-more { clear:both; padding:10px 0; font:13px/16px Arial, Helvetica, sans-serif;}
.post-more a, .post-meta a { text-decoration:none; font-weight: bold; }
.post-more a:hover, .post-meta a:hover { text-decoration:underline; }
.post p.tags{background:url(/img/ico-tag.gif) no-repeat center left;padding-left:25px;clear:both;margin-bottom:20px;}
.social { float: right; margin-top: -7px; }
.entry {}
.not-here { text-align: center; font-weight: bold; font-size: 18px !important; padding-top: 30px; }
/* 3.1 Typographic Elements */
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin:1.8em 0 0.8em; }
.entry p { margin-bottom: 1.5em; }
.entry blockquote { background:url(/img/blockquote.png) no-repeat 0 12px; padding: 10px 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; }
.entry ul li { list-style-type: disc; line-height: 24px;}
.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; }
.entry ol li { list-style-type: decimal; line-height: 24px;}
.entry ol li ol li { list-style-type: lower-latin; }
/* 3.2 Images */
.entry img, img.thumbnail { padding: 5px; border-top: 1px solid #ECE9D2; border-left: 1px solid #ECE9D2; border-right: 1px solid #DCD9C1; border-bottom: 2px solid #DCD9C1; background:#fff; }
.entry img:hover, img.thumbnail:hover { padding: 5px; border-right: 1px solid #A8AA99; border-bottom: 2px solid #A8AA99; }
img.wp-smiley { padding: 0; border: none; }
.alignleft { float: left; height: auto; margin: 3px 15px 5px 0; }
.alignright { float: right; height: auto; margin: 3px 0 5px 15px; }
.aligncenter { text-align: center; margin-bottom:15px;}
img.aligncenter { margin-left:auto; margin-right:auto; display:block; }
.video.article { margin-bottom:20px; text-align:center; }
.entry .caption { padding: 1px; text-align:center; background:#F8F8F8; border: solid 1px #e6e6e6; }
.entry .caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .caption-text { margin:0; padding:0; font:11px/22px Arial, Helvetica, sans-serif; text-align:center; }
/* 3.3 Pagination */
.nav-entries, .pagenavi {font-size:14px; padding:10px 15px;}
.nav-entries a { display: block; font: italic 12px/16px arial, helvetica, san-serif; color:#777; text-decoration:none;}
.nav-entries a:hover { text-decoration:underline; }
.pagenavi { margin: 0 !important; text-align: center !important; }
.pagenavi a:link,
.pagenavi a:visited { display: inline !important; text-decoration: none !important; background: #fafafa !important;color: #666 !important; padding: 3px 7px !important; border:1px solid #e6e6e6 !important;}
.pagenavi .here,
.pagenavi a:hover { padding: 3px 7px !important; background: #f0f0f0 !important; border:1px solid #ddd !important; }
.pagenavi span.extend, .pagenavi span.pages { background:none !important; border:none !important; color:#666 !important; }
/*-------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------*/
/* 4.2 Generic Widgets */
.widget { margin: 0 0 30px 0; font-size:12px; background: url(/img/hr.png) repeat-x bottom left; padding-bottom: 15px; }
.widget h3 { margin: 0 0 5px 0; padding:0 0 15px; font: bold 17px Arial, Helvetica, sans-serif; color:#292a2b; }
.widget p { font:12px/20px Arial, Helvetica, sans-serif; margin-bottom:15px; }
.widget ul { clear:both; list-style-type: none;}
.widget ul li { display: block; border-top:1px solid #dcd9c1; padding: 5px 0px 5px 0px; background: url(/img/ico-arrow.png) no-repeat left; padding-left: 5px; }
.widget ul li a { color:#706e62; padding: 0 0 0 5px; line-height: 22px; text-decoration: none; margin-left: 10px; }
.widget ul li a:hover { color: #336aa1; text-decoration:underline; }
.widget ul ul { padding: 0px; border-top: none; }
.widget_recent_comments li, #twitter li { padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
#twitter li { background: none!important; }
.widget_recent_comments li a, #twitter li a { display: inline; padding: 0; line-height: 18px !important; background: none !important; border: none !important; } /* RESET STYLING FOR RECENT COMMENT & TWITTER */
/* 4.2 Specific Widgets */
/* WIDGET FORMS */
.searchform { }
.widget input.s { float:left; width: 60%; padding: 7px 0 7px 7px; margin-right:5px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;}
#footer-widgets .widget input.s { width: 55%; }
.widget input.submit, .widget button.submit { float:right; background-color:#123660; border:1px solid #fff; color:#fff; padding: 5px 10px }
.widget input.submit:hover, .widget button.submit:hover { color:#fff !important; opacity:0.8; cursor:pointer; }
.widget_recent_entries ul li { background: url(/img/ico-article.png) no-repeat left !important; }
.widget_recent_entries li a { display: block; margin-left: 10px; }
/* NETWORK */
.widget ul li.soc-paypal { background: url(/img/paypal-large.png) no-repeat right; padding: 15px 0px;}
.widget ul li.soc-paypal a { font: bold 17px Arial, Helvetica, sans-serif; color:#292a2b; margin: 0; padding: 0 0 0 3px;}
.widget ul li.soc-rss { background: url(/img/rss-large.png) no-repeat right; padding: 15px 0px;}
.widget ul li.soc-rss a { font: bold 17px Arial, Helvetica, sans-serif; color:#292a2b; margin: 0; padding: 0 0 0 3px;}
.widget ul li.soc-rss span { color: #9d9a86; }
.widget ul li.soc-twit { background: url(/img/twitter-large.png) no-repeat right; padding: 15px 0px;}
.widget ul li.soc-twit a { font: bold 17px Arial, Helvetica, sans-serif; color:#292a2b; margin: 0; padding: 0 0 0 3px;}
.widget ul li.soc-twit span { color: #9d9a86; }
/* FLICKR */
.widget_woo_flickr h3 {}
.widget_woo_flickr h3 span{color:#0061D8;}
.widget_woo_flickr h3 span span{color:#FF1183;}
.widget_woo_flickr .flickr_badge_image { float: left; margin: 3px; }
.widget_woo_flickr .wrap { position: relative; margin-bottom: 20px; padding: 0; }
.widget_woo_flickr a img { float: left; margin: 0 0 8px 8px; display: inline; border-right: 1px solid #DCD9C1; border-bottom: 2px solid #DCD9C1; background:#fff; padding: 5px;}
.widget_woo_flickr a:hover img { border-right: 1px solid #A8AA99; border-bottom: 2px solid #A8AA99;}
/* 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;}
/* ARCHIVES */
dl#widget-archive-menu {margin-left: 5px;}
dl#widget-archive-menu dt {font-weight: bold; font-size: 16px; text-decoration: underline;}
dl#widget-archive-menu dd {display: inline; line-height: 24px; margin-left: 15px;}
#menu {margin-bottom: 45px;}
/* Blog Author Widget */
.widget_woo_blogauthorinfo .avatar { padding: 5px; border-right: 1px solid #DCD9C1; border-bottom: 2px solid #DCD9C1; background:#fff; }
.widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; }
.widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; }
.widget_woo_blogauthorinfo .author-desc {font-style: italic;}
/* Twitter */
#twitter li.follow img { margin-bottom: -2px; }
#twitter li.follow a { margin-left: 0; }
/#.twitter li.follow { background-color: #fff !important; }*/
/*-------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------*/
/* 5.1 Comments */
#comment {position:relative;margin:20px 0 0;padding:20px 0 0 0; border-top:1px solid #DCD9C1;}
#comment h3 { color:#333; font-weight:normal; margin-bottom:20px; }
#comment .comment.even { background: #f2f0e0; border:1px solid #e1dec6; }
#comment .comment.odd { background: #edebd8; border:1px solid #e1dec6; }
#comment .comment{margin-top:10px;width:100%;list-style-type:none;}
#comment .comment .comment-container { position:relative; padding: 20px; }
#comment .comment-head { margin: 0 0 15px 0; }
#comment .avatar { float:left; margin: 0 15px 5px 0; }
#comment .avatar img{margin: 0;vertical-align: middle;border:1px solid #ddd; padding:3px; background:#fff; }
#comment .comment-head .name { margin: 0; font-weight: bold; font-size: 15px; }
#comment .comment-head .date, #comment .comment-head .edit, #comment .comment-head .perma { font-size: 11px; }
#comment .comment-entry p { margin: 0 0 10px 0;}
#comment .reply { padding-top:10px; }
#comment .reply a { }
#comment .reply a:hover { }
/* 5.2 Comments Form */
#respond { margin: 40px 0 0; }
#respond h3 { color:#292a2b; font-weight:normal; 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; }
#txpCommentInputForm { margin: 15px 0 0 0; }
#txpCommentInputForm label { position:relative; display:inline; vertical-align:middle; display:inline-block; }
#txpCommentInputForm input[type="text"], #txpCommentInputForm textarea { font:14px/14px Arial, Helvetica, sans-serif; border-color: #c6c4ae #e1dec6 #e1dec6 #c6c4ae; border-width:1px; border-style:solid;}
#txpCommentInputForm input[type="text"] { color:#363732; background: #fff; width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; }
#txpCommentInputForm textarea { color:#363732; background: #fff; width: 95% !important; padding: 5px 7px; }
#txpCommentInputForm .button { background-color:#123660; border:1px solid #fff; color:#fff; padding: 5px 15px; }
#txpCommentInputForm .button:hover { color:#fff !important; opacity:0.8; cursor:pointer; }
#txpCommentInputForm .button.disabled { opacity:0.3; }
#txpCommentInputForm .button.disabled:hover { cursor:default; }
#txpCommentInputForm #error-message { font-weight:bold; color:#900000; margin-bottom:25px; }
#txpCommentInputForm #error-message span { font-size:32px; }
#txpCommentInputForm ul.comments_error { font-weight:bold; color:#900000; margin-bottom:25px; }
p#txpCommentInputForm { text-align:center; font-weight:bold; }
/*-------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------*/
/* 6.1 Buttons */
.button, .button:visited, { font-family:Verdana, Geneva, sans-serif; background: url(/img/alert-overlay.png); display: inline-block; padding: 5px 10px 6px; color: #fff !important; text-decoration: none; border:none; position: relative; cursor: pointer;}
.button, .button:visited { background-color:#555; }
.button:hover { color: #2a2a2a !important; text-decoration:none; }
.button:active, .reply a:active { top: 1px !important; }
.small.button, .small.button:visited { font-size: 12px; padding: 6px 9px; text-transform:uppercase; color: #63665e !important; border: 1px solid #c3c0a6 !important;}
.button, .button:visited, .medium.button, .medium.button:visited { font-size: 13px !important; font-weight: bold; line-height: 1; margin-top: 10px; }
.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(/img/ico-alert.png) no-repeat 20px 13px; }
p.download { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(/img/ico-download.png) no-repeat 20px 13px; }
p.tick { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(/img/ico-tick.png) no-repeat 20px 13px; }
p.info { border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee url(/img/ico-info.png) no-repeat 20px 13px; }
p.note { border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#fef6d2 url(/img/ico-note.png) no-repeat 20px 13px; }
/* 6.3 Contact Form */
#contact ol.forms{float:left;width:100%;margin:10px 0 0;}
#contact form legend{display:none;visibility:hidden;}
#contact ol.forms li{clear:both;float:left;list-style:none;margin-bottom:18px;position:relative;width:100%}
#contact ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;}
#contact ol.forms input[type="text"]{width:214px;border-color: #c6c4ae #e1dec6 #e1dec6 #c6c4ae; border-width:1px; border-style:solid;}
#contact ol.forms textarea{height:300px;width:400px; border-color: #c6c4ae #e1dec6 #e1dec6 #c6c4ae; border-width:1px; border-style:solid;}
#contact ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;}
#contact ol.forms li.buttons input.zemSubmit{font-family:Verdana, Geneva, sans-serif;font-weight:bold;margin: 15px 0 0 120px;background-color:#123660;border:1px solid #fff;color:#fff;padding:5px 15px;}
#contact ol.forms li.buttons input.zemSubmit:hover{color:#fff !important;opacity:0.8;cursor:pointer;}
#contact ul.zemError{margin-left:120px;font-weight:bold;color:#900000;}
#contact ul.zemError li{list-style:none;}
form.donate-button{}