/* 
Theme Name: Unite
*/


/* Default styles */
@import "css/reset.css";

/*-------------------------------------------------------------------------------------------

INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. CONTAINERS

3. MAIN

4. SIDEBAR
-4.1 Logo
-4.3.1 Drop-down menus
-4.4 Credits (footer)

5. POSTS
-5.1 Typographic Elements
-5.2 Images
-5.3 Pagination / WP-Pagenavi

6. WIDGETS
-6.1 Generic Widgets
-6.2 Specific Widgets
-6.3 WooTabs

7. COMMENTS
-7.1 Comments
-7.2 Pingbacks / Trackbacks
-7.3 Comments Form

8. MISC
-8.1 Buttons
-8.2 Info Boxes
-8.3 Conatct Form 
-8.4 Gravity forms
-8.5 Timeline template

-------------------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */

html, body {
	margin: 0; padding: 0; height: auto;
}
body { font: 14px/24px "Helvetica Neue", Helvetica, Arial, san-serif; color: #333333; background-color: #fff; }

h1, h2, h3, h4, h5, h6 { margin: 0; color: #222; font-weight:normal; font-family: "Helvetica Neue", Helvetica, Arial, san-serif; letter-spacing: 1 px; }

h1 {font-size: 22px; } h2 {font-size: 20px;} h3 {font-size: 18px;} h4 {font-size: 16px;} h5 {font-size: 14px;} h6 {font-size: 12px;}

p {margin: 0; }

hr { background-color: #e6e6e6;	border:0; height: 1px; margin-bottom: 20px; }


/* 1.2 Hyperlinks */

a:link, a:visited { color: #169ecb; text-decoration:none;}
a:hover { color: #333; 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 { }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { }


/*-------------------------------------------------------------------------------------------*/
/* 2. CONTAINERS */
/*-------------------------------------------------------------------------------------------*/

#wrapper { padding:0 0 40px 0; width: 940px; margin: 0 auto; }
.col-left { float: left; }
.col-right { float: right; }
.col-full { width: 940px; margin: 0 auto; }

.ribbon { position: fixed; top: 0; margin-left: -4px; width: 148px; float: left; z-index: 9999; }

#logo { background: url(images/ribbon-top.png) no-repeat top left; height: 161px;}
#logo .site-title { font-size: 30px; font-family: "Helvetica Neue", Helvetica, Arial, san-serif; font-weight: bold; margin: 0px 0px 15px 0px; z-index: 999; position: relative; padding-top: 35px; text-align: center; }
#logo .site-title a { color: #fff; }
#logo .site-title a:hover { color: #ccc; text-decoration: none !important; }
#logo .site-description { font-style: italic; font-size: 12px; z-index: 1; position: relative; color: #ccc; text-align: center; width: 140px; }
#logo img { padding-top: 47px; padding-left: 33px; }
#logo a:active img { margin-top: 2px; }

.ribbon .search { height: 53px; width: 148px; background: url(images/ribbon-search.png) no-repeat top left; }
.ribbon .search form  { display: inline-block; }
.ribbon .search input.field { width: 100px; margin-top: 11px; margin-left: 15px; padding: 6px 10px 4px 8px; background: none; color: #999999; border: none; }

/* 2.2 Navigation */

#nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; font-size: 13px; background: url(images/ribbon-bg.png) repeat-y top left; padding: 12px 12px; }
#nav a  { position:relative; color:#fff; font-weight: bold; display:block; z-index:100; padding:6px 15px 6px; line-height:18px; text-decoration:none; }
#nav a:active { margin-left: 4px; }
#nav a:hover, .nav li.current_page_item a  { color: #169ecb; }
#nav li  { width: 148px; }
#nav li a.sf-with-ul { padding-right:20px; }

/* 2.3.1 Drop-down menus */
#nav li ul  { background: #4a8bbc; position: absolute; left: -999em; width: 180px; border: 3px solid #3877a8; border-width: 3px 3px 2px; z-index:999; }
#nav li ul li  { border-bottom:1px solid #3877a8; border-top: none;}
#nav li ul li a  { width:160px; color:#193b51!important; font-size:0.8em; border: none;}
#nav li ul li a.sf-with-ul { padding:5px 10px; }
#nav li ul li a:hover  { background:#3877a8; color: #fff!important; }
#nav li ul ul  { margin: -30px 0 0 180px; }
#nav li ul ul li a  {  }
#nav li ul li ul li a  {  }

#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:0.4em;top:0.9em;width:10px;height:10px;text-indent:-999em;overflow:hidden;}
#nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat;}

/*-------------------------------------------------------------------------------------------*/
/* 3. MAIN */
/*-------------------------------------------------------------------------------------------*/

#main{ width:1085px; padding: 0 0 30px 0; margin-right: 30px; }
#maxposts {display:none;}
#currentpost {display:none;}

/*-------------------------------------------------------------------------------------------*/
/* 4. SIDEBAR */
/*-------------------------------------------------------------------------------------------*/

/* 4.2 Footer Widgets */
#footer-widgets { padding-left: 20px; padding-right: 10px; }
#footer-widgets .block { padding:0; width:180px; margin-right: 60px; float:left; }
#footer-widgets .center { padding:0; width:460px; margin-right: 0px; float:left; }
#footer-widgets .last { width:150px; margin-left: 90px; margin-right: 0; }
#footer-widgets h3{ color: #2a2a2a; text-transform: capitalize; font-size: 18px; }

/* 4.4 Credits (footer) */
#footer-outer { float:left; width: 100%; background-color:#f5f5f5; border-top: 1px solid #e9e9e9; }
#footer {padding: 20px; margin-top: 20px; font-size:11px; color:#111; background-color:#f5f5f5; border-top: 1px solid #e9e9e9; }
#footer p { font-family: Helvetica, Arial, sans-serif; font-size: 12px;}
#footer #credit img{vertical-align:middle; margin:0 5px}
#footer #credit span{ display:none;}

#textwerbung { font-size: 9px; padding-bottom: 15px; }
#textwerbung a { font-size: 9px; color: #cccccc; }

/*-------------------------------------------------------------------------------------------*/
/* 5. POSTS */
/*-------------------------------------------------------------------------------------------*/

#breadcrumb {}

.archive_header { display: block; float: left; width: 560px; padding: 40px 0 20px 240px; text-transform: uppercase; font-size: 16px; }
.archive_header .catrss a { font-size: 14px; text-decoration: none; line-height: 23px; font-size: 11px; }

.post .middle { float: left; width: 615px; padding: 10px 0px 0 240px; margin-bottom: 20px; overflow: hidden; }
.post .meta { float: right; width: 150px; padding-left: 80px; font-family: Helvetica, Arial, sans-serif; font-size:11px; }
.meta-but { padding-bottom: 23px; }
.post.page .middle { width: 700px; margin-right: 0; }
.post.fullwidth .middle { width: 940px; margin-right: 0; }

.post .title { font-size: 40px; position:relative; margin: 40px 0px 30px 240px; border-bottom: 3px solid #e5e5e5; padding-bottom: 30px; line-height: 52px; font-weight: bold; }
.page .post .title { margin: 40px 0px 20px 0px; }
.post .title a:link, .post .title a:visited { color:#111; }


.linktitle { font-size: 20px; position:relative; margin: 40px 0px 30px 240px; border-bottom: 3px solid #e5e5e5; padding-bottom: 30px; line-height: 52px; font-weight: bold; }
.page .post .linktitle { margin: 40px 0px 20px 0px; }
.post .linktitle a:link, .post .linktitle a:visited { color:#111; }



.media { margin: 0 0 15px 0; width: 600px; padding: 10px 0px 0 240px; float: left; text-align: left; }
.media img { float: right; }
.medialink { margin: 0 0 15px 0; width: 600px; padding: 10px 0px 0 0px; float: left; text-align: left; }

.post.quote blockquote { margin: 0; padding: 0 0 15px 0; background: none; font: 28px Georgia, Times, Serif; font-style: italic; color: #999; line-height: 33px; }

.post.quote cite { display: block; font-style: normal; font-size: 16px; font-weight: bold; text-align: right; }
.post.quote cite:before { content: '~ '; }

.post.link .media a { font-weight: bold; font-style: italic; }

.post.chat .media ul { margin: 0; padding: 0; }
.post.chat .media ul li { list-style: none; padding: 5px 10px 4px 10px; font-style: italic; }
.post.chat .media ul li .name { font-weight: bold; font-style: normal; }

.post .meta .date { font-size: 13px; color: #a5a39b; font-weight: bold; line-height: 0px; }
.post .meta a { color: #169ecb; font-size: 12px; }
.post .meta a:hover { color: #000; }
.post .meta ul { font-size: 12px; color: #a5a39b; font-weight: bold; }
.post .meta ul li a { display: block; }
.post .meta ul li.tags a { clear: both; display: block; }
.meta-link { padding-left: 20px; }

.post .meta ul li.comments { background: url(images/ico-bubble.png) no-repeat 0px 7px; padding-left: 20px; }
.post .meta ul li.category { background: url(images/ico-cat.png) no-repeat 0px 7px; padding-left: 20px; margin-top: 10px; }
.post .meta ul li.share { background: url(images/ico-share.png) no-repeat 0px; padding-left: 20px; margin-top: 10px; }
.post .meta ul li.tags { background: url(images/ico-tag.png) no-repeat 0px; padding-left: 20px; margin-top: 10px; }

.post-more { clear:both; }
.post-more a { text-decoration:none; font-size: 11px; font-weight: bold; }

.post p.tags{background:url(images/ico-tag.gif) no-repeat center left;padding-left:25px;width:100%;clear:both;margin-bottom:20px;}

.entry {}

.smbutton1{ width:120px; padding: 0 0 0px 0; padding-left: 240px; float:left; }
.smbutton2{ width:120px; padding: 0 0 0px 0; padding-left: 50px; float:left; }
.smbutton3{ width:120px; padding: 0 0 0px 0; padding-left: 70px; float:left; }



/* 5.1 Typographic Elements */
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 0 0 15px 0; text-transform: uppercase; }
.entry h1 { font-size: 20px; } .entry h2 { font-size: 18px; } .entry h3 { font-size: 16px; } .entry h4 { font-size: 14px; } .entry h5 { font-size: 12px; } .entry h6 { font-size: 12px; }

.entry p { margin: 0 0 20px 0; }

.entry blockquote, .post.quote blockquote { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #979797; }
.entry blockquote p { font: 20px Georgia, Times, Serif; font-style: italic; color: #999; line-height: 28px; }

.entry cite, .entry pre { margin-bottom: 20px;}

.entry ul { margin: 0 0 15px 0; padding: 0 0 0 15px; }
.entry ul ul { margin: 0; }
.entry ul li {	list-style-type: circle; }
.entry ul ul li { list-style-type: disc; }

.entry ol { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ol ol { margin: 0; }
.entry ol li { list-style-type: upper-latin; }
.entry ol li ol li { list-style-type: lower-latin; }

/* 5.2 Images */
.entry img, img.thumbnail { position: relative; display: block; padding: 4px; border: 1px dashed #ddd; background:#eee; }
.entry .gallery-item img {border-width: 1px !important; border-style: dashed !important; }
img.wp-smiley { padding: 0; border: none; background: none; display: inline; }

.alignleft { float: left; width: auto; margin: 5px 30px 5px 0; }
.alignright { float: right; width: auto; margin: 5px 0 5px 30px; }
.aligncenter { text-align: center; margin-bottom:15px;}

.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; }

/* 5.3 Pagination / WP-Pagenavi */
.nav-entries, .wp-pagenavi {width: 460px; margin: 20px 0px 20px 240px;}
.nav-entries a { display: block; text-decoration:none;}
.nav-entries a:hover { text-decoration:none; }

.wp-pagenavi a:link,
.wp-pagenavi a:visited { display: inline !important; font-weight: bold; text-decoration: none !important; background: none !important;color: #666 !important; padding: 6px 9px !important; border:none !important;}
.wp-pagenavi .current, 
.wp-pagenavi .on,
.wp-pagenavi a:hover { padding: 6px 9px !important; background: #ddd !important; border:none !important; }
.wp-pagenavi span.extend, .wp-pagenavi span.pages { line-height: 27px; padding: 0 30px 0 10px!important; margin: 0!important; background:none !important; border:none!important; color:#666 !important; text-transform :uppercase; font-weight: bold; font-size: 11px; }



/*-------------------------------------------------------------------------------------------*/
/* 6. WIDGETS */
/*-------------------------------------------------------------------------------------------*/

#widgets { }

/* 6.1 Generic Widgets */
.widget { margin: 0; font-size:13px; line-height: 22px; }
.widget h3 { margin: 20px 0 20px 0; font-size:20px; font-weight: bold; color:#111; }
.widget p { margin-bottom:15px; }

.widget ul { clear:both; list-style: none; }
.widget ul li { padding: 10px; border-top: 1px solid #e9e9e9; }
#sidebar .widget ul li a { line-height: 26px; text-decoration: none; }
.widget ul li a:hover { color: #111; }
.widget ul ul { padding: 0 0 0 15px; border-top: none; }


/* 6.2 Specific Widgets */

/* WIDGET FORMS */
.widget_woo_search { border-bottom: 1px solid #65ace2; }
.widget_woo_search .searchform { padding: 0 0 15px 0; border-bottom: 1px solid #3877a8; }
.widget input.s { float:left; width: 70%; padding: 4px 0 4px 7px; margin-right:5px; background-color: #efefef; border-color: #3877a8 #65ace2 #65ace2 #3877a8; border-width:1px; border-style:solid;}
.widget input.s:focus { background-color: #fff; }
.widget .screen-reader-text { display: none; }
.widget input.submit { float:right; padding: 4px 5px; background-color: #3877a8; border: none; text-transform: uppercase; font-weight: bold; color: #fff; }
.widget input.submit:hover { background-color: #043255; }

/* LASTFM */
#lastfmrecords, #lastfmrecords ul li { position: relative; }
#lastfmrecords a img { width: 90px; height: 90px; margin-bottom: 5px; padding: 1px 22px 7px 2px; }
#lastfmrecords a span.overlay { display: block; left: 0px; position: absolute; z-index: 2; width: 112px; height: 97px; background: url(images/lastfm-overlay.png) no-repeat; }

/* TWITTER */
.widget_woo_retreattwitter h3 { margin: 0; padding: 20px 0 20px 0; }
.widget_woo_retreattwitter .link-ancillary { margin-top: -1px; background: #222; border: 1px solid #111; text-align: center; }
.widget_woo_retreattwitter .link-ancillary a { padding: 10px; display: block; color: #fff; }
.widget_woo_retreattwitter .tweet .username { font-weight: bold; }
.widget_woo_retreattwitter .tweet img { float: left; margin: 3px 20px 30px 0px; }
.widget_woo_retreattwitter #twitterSearch { }
.widget_woo_retreattwitter .tweet { padding: 8px 5px; clear:both; position: relative; }
.widget_woo_retreattwitter .tweet span.overlay { display: block; height: 39px; left: 3px; position: absolute; top: 11px; width: 43px; z-index: 2; background: url(images/twitter-overlay.png) no-repeat;}
.widget_woo_retreattwitter .tweet p{ margin: 0; }
.widget_woo_retreattwitter .tweet span.time { font-size: 11px; }

/* BLOG AUTHOR */
.widget_woo_blogauthorinfo .avatar { padding: 5px;}
.widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; }
.widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; }

/* 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: 0; }

.widget_woo_flickr .wrap { position: relative; margin-right: -10px; margin-bottom: 20px; padding: 0; }
.widget_woo_flickr a img { float: left; margin: 0 5px 7px 0px; display: block; padding: 2px 4px 15px 4px; background: url(images/flickr-overlay.png) no-repeat top left; }
.widget_woo_flickr a:hover img { }

/* LIFESTREAM */
.widget_lifestream ul li { border-bottom: 1px solid #e0e6e6; }
.widget_lifestream ul li a { border:none; background:none!important; }
.widget_lifestream ul .lifestream_meta { color: inherit; }

/* CALENDAR */
#wp-calendar{width:100%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar a:link, #wp-calendar a:visited { color: #fff; }
#wp-calendar a:hover { color: #043255; }
#wp-calendar caption{}
#wp-calendar th,#wp-calendar td{text-align:center;background:#65ace2;color:#28526d;padding:5px; border:1px solid #65ace2;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}

/* ADS */
.adspace-widget { text-align: center; }
.adspace-widget h3 { text-align: left; }
.adspace-widget img { border: #CFCFCF 1px dashed; padding: 1px; background-color: #fff; }

/* 6.3 WooTabs */
#tabs {	background:#e6e6e6; height:auto; display: block; padding:5px; margin-bottom:30px; }

#tabs ul.wooTabs { padding:0px; }
#tabs ul.wooTabs li { float: left; display:inline; color: #ffffff; margin:0px; cursor: pointer; }
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background:#F8F8F8; text-decoration:none; }
#tabs ul.wooTabs li a {	color:#777; display: block;float: left;padding: 8px; text-transform:uppercase; }

#tabs .inside { background:#F8F8F8; padding:5px;}
#tabs .inside li { background:#fff; }
#tabs #tab-tags { padding:10px; }
#tabs .inside ul { margin:0; border: 1px solid #e6e6e6; border-width:1px 0 1px 0; }
#tabs .inside li { border:1px solid #e6e6e6; border-width:0 1px 1px 1px; padding:10px; }
#tabs .inside li a { color:#555; font:bold 12px/18px Georgia, serif; }
#tabs .inside a:hover{}
#tabs .inside li span.meta { display:block; text-transform:uppercase; color:#777; }
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border: 1px solid #ddd; padding: 2px;	background-color: #ffffff; float: left;	margin: 0 8px 0 0; }



/*-------------------------------------------------------------------------------------------*/
/* 7. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 7.1 Comments */
#comments {margin-top:20px;padding:0; zoom:1; position: relative;}
#commentsheader { }
#commentsheader .icon { float: left; width: 44px; height: 60px; margin-right: 30px; border-top: 2px solid #D3D3D3; background: url(images/ico-comments_big.png) no-repeat center 27px }
#commentsheader h3 { float: left; width: 460px; padding: 10px 0px 20px 0px; margin-left: 240px; border-bottom: 3px solid #e5e5e5; }
#commentsheader .leavecomment { float: left; margin: 10px 0px 10px 30px; }
#commentsheader .leavecomment a { cursor: pointer; }

#comments .commentlist { float: left; margin: 0; width: 700px; padding: 10px 0px 30px 240px; margin-bottom: 20px; position: relative; }
#comments .comment { width:460px;list-style-type:none; }
#comments .comment.depth-1 { border:0 !important; }
#comments .avatar-box { float: left; width: 60px; padding-top: 20px; position: relative;}
#comments .avatar-box img {  }
#comments .comment .comment-container { margin: 0px 0 20px 70px; padding: 20px 0 0 20px; }
#comments .comment-head { margin: 0 0 15px 0; }
#comments .comment-head .avatar img{margin: 0 10px 0 0;vertical-align: middle;}
#comments .comment-head .name { padding: 8px 20px 0 0; font-weight: bold; font-size: 15px; }
#comments .comment-head .comment-meta { float: right; text-align: right; color: #474747; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 10px;}
#comments .comment-entry p { margin: 0 0 14px 0; font-size: 12px;}

#comments ul.children{ margin: 0px 20px 0 20px; }
 #comments .comment-reply-link { margin-bottom: 10px; }
#comments .cancel-comment-reply{ font-size: 11px; }
#comments .cancel-comment-reply a { text-indent: -40000px; background: url(images/res-close.png) no-repeat; width: 13px; height: 14px; position: absolute; top: 15px; right: 25px; cursor: pointer; }

#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}

#comment-author-hidden  { position: relative; top: -150px; left: 150px; visibility: hidden; }
.ac_results { z-index: 99999; color: #fff; padding: 5px; text-shadow: 0 1px 0 black; background: #222; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #000; }
.ac_results a { color: #fff; }
.ac_results ul { overflow: hidden !important; }
.ac_results ul li { padding-left: 3px; }
.ac_results ul li:hover { background: #169ecb; }

#comments .avatar-box .overlay { display: block; height: 75px; left: -4px; position: absolute; top: 20px; width: 83px; z-index: 2; background: url(images/grav-overlay.png) no-repeat;}

/* 7.2 Pingbacks / Trackbacks */
h3#pings { margin: 20px 0 10px 0; }
.pinglist li { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author { font-weight: bold; font-size: 15px; }
.pinglist li .date { font-size: 11px; }
.pinglist li .pingcontent { display: block; margin: 10px 0; }

/* 7.3 Comments Form */
#respond { width: 240px; height: auto; position: absolute; top: 0px; right: -240px; z-index: 9999; }
.comment-container { position: relative; }
.comment-container #respond { }
#respond h3 { float: none; margin: 27px 0px 0 25px; padding-top: 10px; font-size: 14px; color: #fff; font-weight: bold; }
#respond p { color: #999; font-size: 11px; }
#respond a:hover { color: #fff; }
.respond-head { background: url(images/res-head.png) no-repeat top left; width: 240px; height: 50px; position: relative; }
.respond-form { background: url(images/res-bg.png) repeat-y top left; width: 240px; max-height: 370px; }
.respond-btm { background: url(images/res-btm.png) no-repeat top left; width: 240px; height: 28px; }
.atkey { padding-top: 10px; }

#commentform {	margin: 0px; padding: 0px 16px 0 26px; }
#commentform label { font-size: 11px; color: #999; }
#commentform input.txt, #commentform textarea { font-size: 12px; color: #999999; background-color: #464646; border-top: 1px solid #525252; border-bottom: 1px solid #404040; border-left: 0px; border-right: 0px; }
#commentform input.txt:focus, #commentform textarea:focus { background-color: #fff; }
#commentform input.txt { width: 90%; margin: 0 5px 10px 0px; padding: 5px; }
#commentform input#url { margin-right: 0; }
#commentform textarea { width: 90%!important; padding: 5px; }
#commentform #submit { }
#commentform #submit:hover { color: #884400; }


/*-------------------------------------------------------------------------------------------*/
/* 8. MISC */
/*-------------------------------------------------------------------------------------------*/

/* 8.1 Buttons */
.form-btn, .form-btn:visited { background: url(images/alert-overlay.png); display: inline-block; padding: 6px 10px 8px; color: #fff !important; text-decoration: none; border:none; position: relative; cursor: pointer; width: 165px; text-align: center; margin-top: 10px; }
.form-btn, .form-btn:visited{ background-color:#222; }
.form-btn:hover { color: #fff !important; text-decoration:none; }
.form-btn:active { top: 1px; }
.form-btn, .form-btn:visited { font-size: 12px; font-weight: bold; line-height: 1; }
a.but-lrg { cursor: pointer; }

/* 8.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 { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 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; }

/* 8.3 Contact Form */
#contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; }
#contact-page ol.forms{float:left;list-style:none;width:100%;margin:10px 0 0;}
#contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%}
#contact-page ol.forms label{cursor:pointer;display:block;float:left; text-align: right; padding-top: 3px; padding-right:20px;width:100px;}
#contact-page ol.forms input.txt{width:214px; padding: 4px 0 4px 5px; }
#contact-page ol.forms input#sendCopy{border:none;}
#contact-page ol.forms textarea{height:300px;width:400px; padding: 10px 0 0 5px;}
#contact-page ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;}
#contact-page ol.forms li.textarea .error{display:block; margin-left:120px}
#contact-page ol.forms li.screenReader{margin-bottom:0;}
#contact-page ol.forms li.buttons .button{ margin: 5px 0 0 120px; }
#contact-page ol.forms li.buttons .submit:hover { color: #884400; }
#contact-page ol.forms li.inline input{width:auto;margin-left:120px;}
#contact-page ol.forms li.inline label{display:inline;float:none;width:auto;}


#contact-page ol.forms textarea, #contact-page ol.forms input.txt { font-size: 13px; color: #393939; background-color: #f7f7f7; border: 1px dashed #ddd; }
#contact-page ol.forms textarea:focus, #contact-page ol.forms input.txt:focus { background-color: #fff; }

/* 8.4 Gravity forms */
.gfield { margin-bottom: 10px; }
.gform_wrapper .top_label .gfield_label { display:block;float:left; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; }
.gform_wrapper input.button { padding: 5px 10px 6px !important; background-color: #222 !important; border: 0px !important; font-size: 13px !important; }
.gform_wrapper input { padding: 7px 3px !important; }
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; }
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea, .gform_wrapper input { background-color: #F7F7F7; border: 1px dashed #DDD; color: #393939; }
.gform_wrapper .top_label input.large:focus, .gform_wrapper .top_label select.large:focus, .gform_wrapper .top_label textarea.textarea:focus, .gform_wrapper input:focus { background: white; }
.gform_wrapper .entry img, img.thumbnail { padding: 0px !important; border: 0px !important; }
ul.top_label .clear-multi { clear: none !important; }
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; }
img.ui-datepicker-trigger { border: 0px; padding: 0px; display: none; }

/* 8.5 Timeline Template */
#archives { padding: 10px 0 0; }
#archives a { color: #111; font-weight: bold; }
h3.archive_year { font: bold 20px Arial, Helvetica, sans-serif; color:#111; }
#archives .archives_list { border-left:4px solid #e5e5e5; list-style: none !important; list-style-image:none !important; list-style-position:outside !important; list-style-type:none !important; margin: 0 0 15px 15px !important;}
#archives .archives_list li { clear:left; padding-left:24px; font-size: 12px !important; font-style: normal !important; list-style: none !important; margin-bottom: 10px; }
#archives .archives_list .date { color: #a5a39b; width: 100px !important; display: inline-block; }
#archives .archives_list .linked { width: 390px !important; display: inline-block; }
#archives .archives_list .comments { background: url(images/ico-bubble.png) no-repeat 0px 7px; margin-left: 20px; width: 100px !important; display: inline-block; }
#archives .archives_list .comments a { font-size: 12px; color: #169ecb !important; padding-left: 20px; }