/*  
Theme Name: BarryOShaughnessy
Theme URI: http://www.barryoshaughnessy.com
Version: 1.0
Description: Designed by Barry for Barry
Author: BOS Media
Author URI: http://www.bosmedia.ie/

*/

/* 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 Georgia, serif; color: #4a4a4a; background: #f0f0f0 url(images/bg.jpg) repeat-x top left; }

h1, h2, h3, h4, h5, h6  { margin: 0; font-family: Georgia, serif; color: #222; 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: 12px;}

p {margin: 0; font:13px/24px Georgia, serif; }

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

input, textarea { padding: 7px 0 7px 7px; border: 1px solid #e9e9e9; }

.clear {
	height: 20px;
	width: 100%;
}

/* 1.2 Hyperlinks */

a:link, a:visited  { color: #514251; 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;}
#top { background: #231723 url(images/bg.png) repeat-x bottom left; height: 172px; margin-bottom: 40px;}

#main{width: 650px; }
#main.fullwidth {width: 940px;}

#sidebar{width: 270px;}

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

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

#navigation ul.blog{ float: right; background: left 12px;padding:12px 0px 3px 18px;margin-left:20px;}
#navigation ul.blog li{display:inline;padding:0 10px 0 0;}
#navigation ul.blog li a{color:#fff;text-decoration:none;}
#navigation ul.blog li a:hover{text-decoration:underline;}

.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: italic; }
.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: 192px; z-index:999;}
.nav li ul li  { background: none; border-bottom:1px dotted #eaeaea;}
.nav li ul li a  { width:160px; color:#555; font-size:0.8em; font-style: none !important; }
.nav li ul li a.sf-with-ul { padding:5px 10px; }
.nav li ul li a:hover  { background:#eaeaea;}
.nav li ul ul  { margin: -30px 0 0 180px; }
.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: 72px; padding: 30px 0;clear:both;position:relative; }

#logo  { float:left; }
#logo img  { margin-top: 10px; }
#logo .site-title, #logo .site-description  { font-family:Georgia, serif; color: #fff; display:none;  }
#logo .site-title a { color:#fff; font-size:40px; line-height:40px; text-transform:none; font-weight:normal; text-decoration:none; }
#logo .site-title a:hover { text-decoration:underline; }
#logo .site-description { color:#999; font:italic 14px Georgia, serif; font-weight: normal; }

#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:7px 25px 8px 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;}

/* 2.5 Sidebar */
#sidebar{overflow:hidden;}

/* 2.6 Footer */
#footer-outer { background: #1f1f1f 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:italic normal 12px Georgia, serif; 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:0 0 10px; padding:0 0 10px; text-transform:uppercase; font: bold 16px Arial, Helvetica, sans-serif; color:#514251; }

.post  { margin: 0 0 30px; }

.post .title  { font: 24px Georgia, serif; color: #222; position:relative; margin: 0 0 15px; }
.post .single-title { margin: 13px 0 15px; }
.post .single-title a  { font: 24px Georgia, serif; color: #222;}
.page .post .title  { margin: 0 0 20px 0; }
.post .title a:link, .post .title a:visited  { color:#222; }

.post-meta{margin: 10px 0 25px 0;font:12px/12px Georgia, serif; 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 Georgia, serif;}
.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: #514251; text-decoration: none; }

/* 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:#514251; 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: 30px; }

.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-type: circle; }
.entry ul ul li  { list-style-type: disc; }

.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:#514251; }

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

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: #514251; 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:italic 12px/16px Georgia, serif; 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: 10px; margin-bottom: 10px; }
#home-widgets .widget h3  { padding:0 0 5px; }
#home-widgets .left  { float: left; width: 340px; margin-right: 20px; }
#home-widgets .right { float: right; width: 400px; }

/* 4.2 Generic Sidebar Widgets */
#sidebar .widget  { margin: 0 0 20px 0; padding: 20px; font-size:12px; background-color: #fff; color: #808080; }
.widget h3  { padding:0 0 15px; text-transform:uppercase; font: bold 16px Arial, Helvetica, sans-serif; color:#514251; }
.widget p { font:12px/20px Georgia, serif; 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  { }
.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 .screen-reader-text  { display: none; }
.widget input.submit { float:right; }

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

/* 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: #514251; 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: #222; }
.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: #514251; 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: #514251; 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:#514251; 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:#514251; 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: #222; }
#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: #222 !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:#514251; 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:#514251; 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:#514251; }


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

/* 6.1 Buttons */
.button, .button:visited, .reply a{ font-family:Georgia, serif; background: #fff; display: inline-block; padding: 6px 10px 6px; color: #808080 !important; text-decoration: none; border:none; position: relative; cursor: pointer; }
.button, .button:visited, .reply a{ background-color:#fff; }
.button:hover, .reply a:hover { color: #514251  !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:#514251; }
#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 */
#loopedSlider { position:relative; width:100%; margin: 0 0 20px 0; }
#loopedSlider .container { overflow:hidden; position:relative; }
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider .slides div.slide { position:absolute; top:0; width: 700px; display:none; }
#loopedSlider .slide-content  { position: absolute; top: 40px; right: 0px; color: #fff; text-align: right; max-width: 350px; }
#loopedSlider .slide-content h2  { font-size: 26px; font-family: Georgia, serif; background:rgb(0,0,0); background:rgba(0,0,0,.6); padding: 10px 20px 0px 20px; }
#loopedSlider .slide-content h2 a  { color: #fff; }
#loopedSlider .slide-content p  { line-height: 22px; background:rgb(0,0,0); background:rgba(0,0,0,.6); padding: 10px 20px; }
#loopedSlider .slide-content .category { background:rgb(0,0,0); background:rgba(0,0,0,.6); padding: 10px 20px 3px 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:25px; right:65px; opacity:0.6;}
#loopedSlider a.next { position:absolute; bottom:25px; right:30px; 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: georgia, serif !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; }

.portfolio-container { width: 950px; margin: 0 auto; }
.portfolio-container h3 {color: #333333; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; font-size: 16px; margin-top: 10px;}
.portfolio-container h3 a {text-decoration: none; color: #333333;}
.portfolio-container h3 a:hover {color: #666666; text-decoration: none;}
.column { float: left; margin-right: 50px; margin-bottom: 30px; }
.span-1 { width: 450px; }
.last { margin-right: 0; }