/*  
Theme Name: Coda
Theme URI: http://www.woothemes.com/
Version: 1.0.3
Description: Designed by <a href="http://www.woothemes.com">WooThemes</a>.
Author: WooThemes
Author URI: http://www.woothemes.com

	Copyright: (c) 2009 WooThemes.
	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! :)

*/

/* 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 Content
-2.5 Sidebar
-2.6 Footer

3. POSTS
-3.1 Single Post Tabber
-3.2 Typographic Elements
-3.3 Images
-3.4 Pagination / WP-Pagenavi

4. WIDGETS
-4.1 Homepage widgets
-4.2 Generic sidebar Widgets
-4.3 Specific Widgets

5. COMMENTS
-5.1 Comments
-5.2 Pingbacks / Trackbacks
-5.3 Comments Form

6. MISC
-6.1 Buttons
-6.2 Info Boxes
-6.3 Conatct Form 
-6.4 Timeline Template
-6.5 Slider
-6.6 I Like This
-6.7 Gravity forms

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



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

/* 1.1 Defaults */

*{
	border: 0;
	margin: 0;
	padding: 0;
}

body  { font: 12px/20px arial; color: #4a4a4a; background: #f0f0f0 url(images/bg.jpg) repeat-x top left; }

h1, h2, h3, h4, h5, h6  { margin: 0; font-family: arial; color: #1D3363; font-weight:normal; }
h1  {font-size: 22px; } h2  {font-size: 22px;} h3  {font-size: 18px;} h4  {font-size: 16px;} h5  {font-size: 14px;} h6  {font-size: 10px;}

p {margin: 0; font:13px/24px arial; }

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

input, textarea { padding: 5px 0 5px 5px; border: 1px solid #e9e9e9; font-size: 11px; }


/* 1.2 Hyperlinks */

a:link, a:visited  { color: #1D3363; 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;}



/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

/* 2.1 Containers & Columns */
#wrapper  { padding:0; background: url("images/bg/background.jpg") no-repeat scroll center top transparent; background-color: #1D3363; }
#top { }

/* previous: #top { background: #fff url(images/bg.png) repeat-x bottom left; height: 180px; margin-bottom: 0px;} */


#main{width:700px; padding: 0px 0px 0px 10px;}
#main.fullwidth {width: 940px;}

#sidebar{width:220px; word-wrap: break-word; }

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

/* 2.2 Navigation */
#navigation{font:14px/14px Arial; border-bottom:0px solid #000;padding:1px 0px 0px 0px; margin-top:2px; margin-bottom: 0px; background-color: #f0f0f0; background: url(images/nav-highlight.png) no-repeat top center;}


#navigation ul.rss{padding:0px 0 0px 14px;margin-left: 725px; *margin-top:5px; *padding-left: 26px; } /* Asterix hack to get the search field aligned in IE7 */
#navigation ul.rss li{display:inline;padding:0 10px 0 0;}
#navigation ul.rss li a{color:#fff;text-decoration:none;}
#navigation ul.rss li a:hover{text-decoration:underline;}
#navigation ul.rss img a{ padding: 5px 0 5px 5px; border: 0px solid #e9e9e9; }

.nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; }
.nav a  { position:relative; color:#fff; display:block; z-index:100; padding:11px 16px 10px 16px; line-height:18px; text-decoration:none; font-style: normal; }
.nav a:hover { background: #f0f0f0; }
.nav li.current_page_item, .nav li.current_page_parent{ background:#f0f0f0;}
.nav li.current_page_item a:hover, .nav li.current_page_parent a:hover { background: #f1f1f1; }
.nav a:hover, .nav li.current_page_item a, .nav li.current_page_parent a { color: #222; }
.nav li  { float:left; width: auto; margin-right: 5px; }
.nav li a.sf-with-ul { padding-right:20px; }

/* 2.2.1 Drop-down menus */
.nav li ul  { background: #fff url(images/nav-bg.png) repeat-x top left; position: absolute; left: -999em; width: 232px; z-index:999;}
.nav li ul li  { background: none; border-bottom:1px dotted #eaeaea;}
.nav li ul li a  { width:200px; color:#555; font-size:0.9em; font-style: none !important; }
.nav li ul li a.sf-with-ul { padding:10px 10px; }
.nav li ul li a:hover  { background:#eaeaea;}
.nav li ul ul  { margin: -38px 0px 0px 220px; }
.nav li ul ul li a  {  }
.nav li ul li ul li a  {  }

.nav li ul li a:hover, .nav li ul li.current_page_item, .nav li ul li.current_page_item a:hover{ background:#eaeaea !important;}

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

/* 2.3 Header */
#header{ width: 100%; height: 124px; padding: 7px 0px;clear:both;position:relative; }
#header{
	margin-left: 0px;
	margin-right: 0px;
}

#logo  { float:left; }
#logo img  { margin-left:auto; margin-right:auto; padding:0px 6px 0px 0px;}

#search { background:url(images/search-bg.png) no-repeat; height:28px; width:191px; margin-top:21px; position:relative; }
#search input { background:none; border:none; padding:4px 25px 5px 12px; width:156px; margin:0; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:12px; color:#888; }
#search input.submit { position:absolute; right:8px; top:6px; width:15px; height:16px; padding:0; margin:0; }

/* 2.4 Content */
#content{padding:0 0 40px; background: #F0F0F0;}

/* 2.5 Sidebar */
#sidebar{overflow:hidden; padding-top: 10px;}


/* 2.6 Footer */
#footer-outer { background: #1d3363 url(images/footer-bg.jpg) repeat-x; clear: both; 
padding: 0; margin: 0; }
#footer{ padding: 20px 0 17px;; background: url(images/footer-highlight.jpg) no-repeat top center; }
#footer p { font:normal 12px Arial; color: #f0f0f0; }
#footer a { color: #808080; text-decoration: underline !important; }
#footer a:hover { text-decoration: none !important; }
#footer #credit img{vertical-align:middle;}
#footer #credit span{display:none;}

/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/

.archive_header  { display: block; float: left; width: 100%; margin:10px 0 10px; padding:0 0 10px; text-transform:uppercase; font: bold 16px Arial, Helvetica, sans-serif; color:#1D3363; }

.post  { margin: 10px 5px 0px 12px; }

.post .title  { font: 22px Arial; color: #1D3363; font-weight: bold; position:relative; margin: 0 0 0px; }
.post .single-title { margin: 0px 0px 0px; }
.post .single-title a  { font: 24px Arial; color: #1D3363;}
.page .post .title  { margin: 0 0 10px 0; }
.post .title a:link, .post .title a:visited  { color:#1D3363; }

.post-meta{margin: 10px 0 25px 0;font:12px/12px Arial; font-style: italic; }
.post-meta, .post-meta .post-author a, .post-more { color:#808080; }
.post-more { border-top:1px dotted #ccc; margin: 30px 0 10px; font:12px/12px Arial;}
.post-more a, .post-meta a { text-decoration:none; }
.post-more a:hover, .post-meta a:hover { text-decoration:underline; }
.post-meta .comments { background: url(images/ico-comment.png) no-repeat 0px 3px; margin-left: 13px; }
.post-meta .comments a { color: #808080; font-size: 12px; font-style: italic; text-decoration: underline !important; padding-left: 13px; }
.post-meta .comments a:hover { text-decoration: none !important; }

.post p.tags{ width:100%;clear:both;margin-bottom:20px; margin-top: 10px; }
.post p.tags a { font-style: italic; margin-right: 4px; line-height: 35px; padding: 4px 6px; color: #808080; background: #fff; }
.post p.tags a:hover { color: #1D3363; text-decoration: none; }

.pageimage img {padding-left: 0px;}


/* 3.1 Single Post Tabber */
#tabs ul.wooTabs li { display: inline; width: 300px; height: 100%; text-align: center; }
#tabs ul.wooTabs li a { text-transform:uppercase; font: bold 16px Arial, Helvetica, sans-serif; color:#1D3363; border-top: 1px dotted #f0f0f0; border-left: 1px dotted #f0f0f0; border-right: 1px dotted #f0f0f0; border-bottom: 1px dotted #ccc; padding: 10px 125px 5px; }
#tabs ul.wooTabs li a:hover { text-decoration: none; }
#tabs ul.wooTabs li a span { font: 13px georgia; text-transform: none ; color: #222; }
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover {  border-top: 1px dotted #ccc; border-left: 1px dotted #ccc; border-right: 1px dotted #ccc; border-bottom: 1px dotted #f0f0f0; }

/* 3.2 Typographic Elements */
.entry { margin-top: 0px; }

.entry h1 { border-bottom:1px solid #e6e6e6; margin-bottom:20px; padding-bottom: 20px; }  .entry h2 { padding-bottom:20px; }  .entry h3 { padding-bottom:10px; }  .entry h4 {}  .entry h5 {}  .entry h6 {}

.entry p  { margin-bottom: 10px; }

.entry blockquote  { background:url(images/blockquote.png) no-repeat 0 12px; margin: 10px 0px; padding: 10px 20px 10px 50px; color: #444;  }
.entry blockquote p  { font-style:italic; }

.entry ul  { margin: 15px 0; padding: 0 0 0 30px; }
.entry ul ul  { margin: 0; }
.entry ul li  {	list-style-image:url("images/bullet.gif"); padding: 0px 0px 10px 0px; }
.entry ul ul li  { list-style-image:url("images/bullet.gif"); }

.entry ol  { margin: 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; }

.entry h1 { margin-top: 15px; }
.entry h4, .entry h5, .entry h6 { line-height: 30px; }
.entry h6 { margin-bottom: 10px; }
.entry h3 { text-transform:uppercase; font: bold 16px Arial, Helvetica, sans-serif; color:#1D3363; }

.entry td { vertical-align:middle; }

h3.single { padding:0 0 5px; text-transform:uppercase; font: bold 16px Arial, Helvetica, sans-serif; color:#1D3363; }

a.more { font-style: italic; text-decoration: underline !important; }
a.more:hover { text-decoration: none !important; }

.small-edit { background: #fff; margin-left: 5px; padding: 3px 5px; }
.tag_cloud { text-align: center; }
.tag_cloud a { font-style: italic; margin-right: 5px; line-height: 35px; padding: 5px 7px; color: #808080; }
.tag_cloud a:hover { background: #fff; color: #1D3363; text-decoration: none; }

/* 3.3 Images */
.entry img, img.thumbnail { border: 7px solid #fff;  }
img.wp-smiley  { padding: 0; border: none; }

.alignleft  { float: left; height: auto; margin: 5px 15px 5px 0; }
.alignright  { float: right; height: auto; margin: 5px 0 5px 15px; }
.aligncenter  { text-align: center; margin-bottom:15px;}
img.aligncenter  { margin-left:auto; margin-right:auto; display:block; }

.entry .wp-caption { padding: 1px; text-align:center; background:#fff; }
.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.4 Pagination / WP-Pagenavi */
.nav-entries, .wp-pagenavi {font-size:11px; padding:10px 15px; border:1px dotted #ccc; background:#fff; }
.nav-entries a { display: block; font: 12px/16px Arial; color:#808080; text-decoration:none;}
.nav-entries a:hover { color: #514251; text-decoration:underline; }

.wp-pagenavi { margin: 0 !important; text-align: center !important; }
.wp-pagenavi a:link,
.wp-pagenavi a:visited { display: inline !important; text-decoration: none !important; background: #EEEEEE !important;color: #666 !important; padding: 3px 7px !important; border:1px solid #DDDDDD !important;}
.wp-pagenavi .current, 
.wp-pagenavi .on,
.wp-pagenavi a:hover { padding: 3px 7px !important; background: #ddd !important; border:1px solid #bbb !important; }
.wp-pagenavi span.extend, .wp-pagenavi span.pages { background:none !important; border:none !important; color:#666 !important; }

/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/

/* 4.1 Homepage Widgets */
#home-widgets .widget { padding: 0px 10px 10px 10px; margin-bottom: 10px;}
#home-widgets .widget h3  { padding:0 0 5px; }
#home-widgets .left  { float: left; width: 460px; margin-right: 20px; }
#home-widgets .right { float: right; width: 220px; }

/* 4.2 Generic Sidebar Widgets */
#sidebar .widget  { margin: 0px 10px 20px 0px; padding: 20px; font-size:12px; background-color: #fff; color: #808080; }
.widget h3  { padding:0 0 15px; font: bold 16px Arial, Helvetica, sans-serif; color:#1D3363; }
.widget p { font:12px/20px Arial; margin-bottom:15px; }

.widget ul  { clear:both; list-style: none;}
.widget ul li a  { padding: 0px; line-height: 22px; text-decoration: none; padding-right: 5px; }
.widget ul li a:hover { text-decoration:underline; }
.widget ul ul  { padding: 0 0 0 15px; 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 */
.widget_recent_comments li a, #twitter a  { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET <A> STYLING FOR RECENT COMMENT & TWITTER */

/* 4.3 Specific Widgets */

/* WIDGET FORMS */
.searchform  {margin: 0px 0px 0px 5px; }
.widget input.s  { float:left; width: 60%; padding: 5px 0 5px 5px; margin-right:5px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;}
#footer-widgets .widget input.s  { width: 55%; }
.widget .screen-reader-text  { display: none; }
.widget input.submit { float:right; }

.searchbutton {border:0px; margin: 0px 0px -10px 0px;} /* Asterix hack to get the search field aligned in IE7 */

/* Blog Author Widget */
.widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; }
.widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; }

/* TAG CLOUD */
.widget_tag_cloud { text-align: center; }
.widget_tag_cloud h3 { text-align: left; }
.widget_tag_cloud a { color: #808080; line-height: 28px; font-style: normal; }

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

.widget_woo_flickr .wrap  { position: relative; margin-bottom: 5px; padding: 0; }
.widget_woo_flickr a img  { float: left;  margin: 4px;  display: block; padding: 3px; background-color: #f0f0f0; }
.widget_woo_flickr a:hover img  { background-color: #cccccc; }

/* TWITTER */
.widget_woo_twitter { margin-bottom: 0px !important; }
.widget_woo_twitter h3 { margin-bottom: 10px; }
.widget_woo_twitter .link-ancillary { margin-top: 5px; border: 1px dotted #ccc; text-align: center; }
.widget_woo_twitter .link-ancillary a { padding: 5px; display: block; color: #1D3363; font-style: italic; font-weight: bold; }
.widget_woo_twitter .link-ancillary a:hover { background: #fff; }
.widget_woo_twitter .tweet .username { font-weight: bold; }
.widget_woo_twitter .tweet img { float: left; margin: 0 20px 20px 0px; padding: 1px; background-color: #fff; }
.widget_woo_twitter #twitterSearch {  }
.widget_woo_twitter .tweet { padding: 4px 0; }
.widget_woo_twitter .bubble { margin-left: 55px; background: url(images/twitter-tip.png) no-repeat 0px 20px; }
.widget_woo_twitter .tweet p{ margin-left: 13px; padding: 15px; background: #fff; color: #808080; }
.widget_woo_twitter .tweet span.time { font-size: 11px; color: #222; }
.widget_woo_twitter .tweet a { font-style: italic; }

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

/* ADS */
.adspace-widget { text-align: center; }
.adspace-widget img { padding: 7px; background-color: #fff; }

/* RECENT POSTS WIDGET */
.recentblogposts-widget .outer { padding: 0px; }
.recentblogposts-widget ul.pagination li { list-style: none; border-bottom: 1px dotted #ccc; padding: 20px 0 15px; }
.recentblogposts-widget ul.pagination li a { font-size: 20px; color: #1D3363; }
.recentblogposts-widget ul.pagination .entry { padding-top: 10px; padding-bottom: 0px; margin-top: 0px !important; }
.recentblogposts-widget ul.pagination .entry p { line-height: 22px; }
.recentblogposts-widget ul.pagination .entry a { color: #1D3363; font-size: 12px; font-style: italic; }
.recentblogposts-widget ul.pagination .meta { color: #808080; font-size: 12px; font-style: italic; }
.recentblogposts-widget ul.pagination .comments { background: url(images/ico-comment.png) no-repeat 0px 2px; margin-left: 9px; }
.recentblogposts-widget ul.pagination .comments a { color: #808080; font-size: 12px; font-style: italic; text-decoration: underline !important; padding-left: 13px; }
.recentblogposts-widget ul.pagination .like { background: url(images/ico-vote.png) no-repeat left; margin-left: 6px; }
.recentblogposts-widget ul.pagination .like a { color: #808080; font-size: 12px; font-style: italic; text-decoration: underline !important; padding-left: 16px; }
.recentblogposts-widget ul.pagination .comments a:hover, .recentblogposts-widget ul.pagination .like a:hover { text-decoration: none !important; }

.recentblogposts-widget ul.pagination-bottom { border: 1px dotted #ccc; border-width: 0px 1px 1px 1px; text-align: center; }
.recentblogposts-widget ul.pagination-bottom a { padding: 5px; display: block; color: #1D3363; font-style: italic; font-weight: bold; }
.recentblogposts-widget ul.pagination-bottom a:hover { background: #fff; }

/* ACCORDION WIDGET */
#accordion { padding-left: 10px; padding-right: 10px; margin-bottom: 25px; }
h3.toggle { background: url(images/ico-neg.png) no-repeat 0px 23px; padding:20px 20px 15px; text-transform:uppercase; font: bold 16px Arial, Helvetica, sans-serif; color:#1D3363; cursor:pointer;cursor:hand; border-bottom:1px dotted #ccc; }
h3.toggle:hover { background: url(images/ico-pos.png) no-repeat 0px 23px; }
#accordion ul { margin:0;}
#accordion li { border-bottom:1px dotted #ccc; padding: 15px 0 15px; }
#accordion li a { font-size: 16px; color: #222; }
#accordion li span.meta { color: #808080; font-size: 11px; font-style: italic; }
#accordion li img.avatar, #accordion li img.thumbnail { border: 3px solid #fff; float: left; margin: -2px 15px 0 0; }
.rec-com { font-size: 12px !important; font-style: italic; }

/* FEATURED MEDIA WIDGET */
.featuredmedia-widget ul.pagination li { list-style: none; border-bottom: 1px dotted #ccc; padding: 15px 0 10px; }
.featuredmedia-widget ul.pagination li a { font-size: 16px; color: #222; }
.featuredmedia-widget ul.pagination img { margin-top: 8px; margin-right: 15px; }
.featuredmedia-widget ul.pagination .meta { color: #808080; font-size: 11px; font-style: italic; }
.featuredmedia-widget ul.pagination .comments { background: url(images/ico-comment.png) no-repeat 0px 2px; margin-left: 7px; }
.featuredmedia-widget ul.pagination .comments a { color: #808080; font-size: 12px; font-style: italic; text-decoration: underline !important; padding-left: 13px; }
.featuredmedia-widget ul.pagination .comments a:hover { text-decoration: none !important; }
#media { width: 85%; }

/* POST META WIDGET */
#dim{ position:absolute; top:0; left:0; width:100%; z-index:1000; background: url(images/dim/dim.png); display:none; text-align:left; }
.msgbox{ position:absolute; width:300px; height:170px; z-index:2000; background: #FFF; top: 350px; left: 50%; margin-top: -100px; margin-left: -150px; padding: 15px 15px 15px 25px; }
.msgbox img {border:none; margin:5px;}
.close{ padding-top: 13px; float:right; padding-right: 10px; }

.social h3 { font: bold 20px Arial, Helvetica, sans-serif; color:#1D3363; text-transform: uppercase; padding: 15px 0 5px; }
.social ul { list-style: none; width: 100%; margin-top: 20px; }
.social ul li a { padding-left: 30px; }
.social ul li { float: left; width: 49%; line-height: 32px; }
.social ul li.twitter { background: url(images/dim/twitter.png) no-repeat left; }
.social ul li.facebook { background: url(images/dim/facebook.png) no-repeat left; }
.social ul li.delicious { background: url(images/dim/delicious.png) no-repeat left;}
.social ul li.digg { background: url(images/dim/digg.png) no-repeat left; }
.social ul li.stumble { background: url(images/dim/stumbleupon.png) no-repeat left; }

#post-meta ul li { line-height: 35px; }
#post-meta ul li a { font-size: 12px; font-style: italic; color: #1D3363; }
#post-meta ul li.print { background: url(images/ico-print.png) no-repeat 0px center; }
#post-meta ul li.print a { margin-left: 35px; }
#post-meta ul li.share { background: url(images/ico-share.png) no-repeat 0px center; }
#post-meta ul li.share a { margin-left: 35px; }
#post-meta ul li.vote-lg { background: url(images/ico-vote-lrg.png) no-repeat 0px center; }
#post-meta .iLikeThis .counter { background: none !important; padding-left: 30px !important; }
#post-meta .iLikeThis .counter a { font-size: 12px !important; font-style: italic !important; color: #1D3363 !important; text-decoration: none !important;}
#post-meta .iLikeThis .counter a:hover { text-decoration: underline !important; }


/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 5.1 Comments */
#comments {position:relative;margin: 0;padding: 0;}
#comments h3  { text-transform:uppercase; font: bold 16px Arial, Helvetica, sans-serif; color:#1D3363; margin-bottom:20px; }
#comments .comment{margin-top:10px;width:100%;list-style-type:none; border-bottom:1px dotted #ccc; }
#comments .comment .comment-container  { position:relative; padding: 20px; }
#comments .comment-head  { margin: 0 0 15px 0; }
#comments  .avatar  { float:left; margin: 0 15px 10px 0; }
#comments  .avatar img{margin: 0;vertical-align: middle;border:4px solid #fff;}
#comments .comment-head .name  { margin: 0; font-weight: bold; font-size: 15px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; }
#comments .comment-head a { font-style: italic; }
#comments .comment-entry p  { margin: 0 0 10px 0;}
#comments .reply { padding-top:10px; }
#comments .reply a { }
#comments .reply a:hover { }

#comments ul.children{margin:10px 10px 0 25px;padding:0; }
#comments ul.children li {border-top:1px dotted #ccc; }
#comments .cancel-comment-reply{margin:10px 0;}

#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  { text-transform:uppercase; font: bold 16px Arial, Helvetica, sans-serif; color:#1D3363; 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  { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; }
#commentform input.txt:focus, #commentform textarea:focus  { background-color: #fff; border: 1px solid #fff; }
#commentform input.txt, #commentform textarea { font:14px/14px Arial, Helvetica, sans-serif; border: 1px solid #eaeaea; }
#commentform input.txt  { color:#666; background: #e9e9e9; width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; }
#commentform textarea  { color:#666; background: #e9e9e9; width: 95% !important; padding: 5px 7px; }

#commentform #submit  { margin: 15px 0 0 0;  }

/* 5.3 Pingbacks / Trackbacks */
h3#pings  { margin: 25px 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; }

h3.pagecom { text-transform:uppercase; font: bold 16px Arial, Helvetica, sans-serif; color:#1D3363; }


/*-------------------------------------------------------------------------------------------*/
/* 6. MISC */
/*-------------------------------------------------------------------------------------------*/

/* 6.1 Buttons */
.button, .button:visited, .reply a{ font-family:Arial; background: #fff; display: inline-block; padding: 5px 5px 5px; color: #1D3363 !important; text-decoration: none; border:none; position: relative; cursor: pointer; }
.button, .button:visited, .reply a{ background-color:#FFF; }
.button:hover, .reply a:hover { color: #1D3363  !important; text-decoration:none; }
.button:active, .reply a:active { top: 1px; }
.small.button, .small.button:visited, .reply a { font-size: 12px; padding: 0px 6px 1px; font-style: italic;}
.button, .button:visited, .medium.button, .medium.button:visited { font-size: 13px; font-style: italic; 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 { background:#ffd9c8 url(images/ico-alert.png) no-repeat 20px 13px; }
p.download { background:#edfcd5 url(images/ico-download.png) no-repeat 20px 13px; }
p.tick { background:#edfcd5 url(images/ico-tick.png) no-repeat 20px 13px; }
p.info { background:#fff url(images/ico-info.png) no-repeat 20px 13px; }
p.note { background:#fef6d2 url(images/ico-note.png) no-repeat 20px 13px; }

/* 6.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;font-weight:700;padding-right:20px;width:100px;}
#contact-page ol.forms input.txt { width:214px; }
#contact-page ol.forms input.txt, #contact-page ol.forms textarea { background: #eaeaea; }
#contact-page ol.forms input.txt:focus, #contact-page ol.forms textarea:focus { background: #fff; border: 1px solid #fff; }
#contact-page ol.forms input#sendCopy{border:none;}
#contact-page ol.forms textarea{height:300px;width:400px;}
#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 .submit{margin: 15px 0 0 120px; }
#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;}

/* 6.4 Timeline Template */
#archives { padding: 10px 0 0; }
#archives a { font-style: italic; }
h3.archive_year { font: bold 20px Arial, Helvetica, sans-serif; color:#1D3363; }
#archives .archives_list { border-left:4px solid #ccc; 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: #808080; width: 100px !important; font-style: italic; display: inline-block; }
#archives .archives_list .linked { width: 270px !important; display: inline-block; }
#archives .archives_list .comments { background: url(images/ico-comment.png) no-repeat 0px 5px; margin-left: 13px; width: 100px !important; display: inline-block; }
#archives .archives_list .comments a { color: #808080; font-size: 12px; font-style: italic; text-decoration: underline !important; padding-left: 13px;  }
#archives .archives_list .comments a:hover { text-decoration: none !important; }
#archives .archives_list .iLikeThis .counter { width: 100px !important; display: inline-block !important; background: url(images/ico-vote.png) no-repeat 0px 5px !important; }

/* 6.5 Slider */

/*
background:url("images/trans.png") repeat scroll 0 0 transparent; padding: 10px 20px 0px 20px; 
background:url("images/trans.png") repeat scroll 0 0 transparent; padding: 10px 20px; 
*/

#loopedSlider { position:relative; width:100%; margin: 0px 0px 15px 0px; }
#loopedSlider .container { overflow:hidden; position:relative; }
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider .slides div.slide { position:absolute; top:0; width: 940px; display:none; }
#loopedSlider .slide-content  { position: absolute; top: 35px; left: 0px; color: #fff; text-align: left; max-width: 500px; background:url("images/trans.png") repeat scroll 0 0 transparent; padding: 10px 20px 10px 10px;  }
#loopedSlider .slide-content h2  { font-size: 26px; font-family: Arial; padding-bottom: 10px; }
#loopedSlider .slide-content h2 a  { color: #fff; }
#loopedSlider .slide-content p  { line-height: 22px; }
#loopedSlider .slide-content .category { background:rgb(0,0,0); background:rgba(10, 20, 45, 0.8); padding: 10px 20px 1px 20px; }
#loopedSlider .slide-content .category a { font-size: 11px; font-weight: bold !important; font-family: arial, helvetica, san-serif !important; color: #ccc; text-transform: uppercase; }

#loopedSlider a.previous { position:absolute; bottom:12px; left:30px; opacity:0.6;}
#loopedSlider a.next { position:absolute; bottom:12px; left:65px; opacity:0.6;}
#loopedSlider a.previous:hover, #loopedSlider a.next:hover { opacity:1; }

/* 6.6 I Like This */
.iLikeThis .counter { background: url(images/ico-vote.png) no-repeat 0px 1px !important; padding-left: 16px !important; font-style: italic !important; font-weight: normal !important; color: #555 !important; }
.iLikeThis .counter a { font-size: 12px !important; color: #808080 !important; text-decoration: underline !important; }
.iLikeThis .counter a:hover { text-decoration: none !important; }

/* 6.7 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; font-family: Arial !important; background: #fff !important; margin-right: 20px; }
.gform_wrapper input { padding: 7px 3px !important; background: #eaeaea; }
.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; background: #eaeaea; }
.gform_wrapper input:focus, .gform_wrapper .top_label input.large:focus, .gform_wrapper .top_label select.large:focus, .gform_wrapper .top_label textarea.textarea:focus { background: #fff; }
ul.top_label .clear-multi { clear: none !important; }
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; }
.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li { margin-bottom: 5px !important; }
img.ui-datepicker-trigger { border: 0px; padding: 0px; }


/* Twitter tools */

ul.twitter {}
li.twitter-item {margin-bottom: 10px; color:#1D3363; }
p.twitter-message {}
.twitter-timestamp {font: bold 10px Arial, Helvetica, sans-serif; color:#808080; }
a.twitter-link {}
a.twitter-user{;}

/* Glossary */

a.glossaryLink {color: #1D3363; text-decoration:none; border-bottom: 3px double #1D3363; }

/* Table Glossary */

td.glossary
{
    border-top: solid 1px #1D3363;
    border-bottom: solid 1px #1D3363;
}

tr.glossary
{
    border-top: solid 1px #1D3363;
    border-bottom: solid 1px #1D3363;
}

.ref img {
	margin-right:15px;  
	margin-bottom:15px;  
	border: 0px solid #FFFFFF;
	width:212px;
	height:106px;

	}