/*
Theme Name: Responseit
Theme URI: http://www.irishtimes.com
Author: Chris Carpenter, Elinor O'Neill
Author URI: http://www.irishtimes.com
Description: This is a responsive theme used by Irish Times blogs used in 2013 onwards. 
Version: 1.1
Tags: 
Text Domain: responseits
*/

.breadcrumb_holder{margin-bottom:0;}

.blog-header{margin-bottom:20px; float:left; border-bottom: 5px solid #ff6600; min-height:90px; width:100%; max-width: 940px;}

.news .blog-header{border-bottom: 5px solid #CC0000; }
.sport .blog-header{border-bottom: 5px solid #3EA447 ; }
.business .blog-header{border-bottom: 5px solid #1190AF; }
.debate .blog-header{border-bottom: 5px solid #777552; }
.life-and-style .blog-header{border-bottom: 5px solid #ff6600; }
.culture .blog-header{border-bottom: 5px solid #B74F7D; }
.offers .blog-header{border-bottom: 5px solid #0098FF; }

.blog-header h1{font-family:DINWeb-Bold, Arial, sans-serif; font-weight:bold; letter-spacing:-2px; padding-bottom:0;}
.news .blog-header h1{color:#CC0000;}
.sport .blog-header h1{color:#3EA447;}
.business .blog-header h1{color:#1190AF;}
.debate .blog-header h1{color:#777552;}
.life-and-style .blog-header h1{color:#ff6600;}
.culture .blog-header h1{color:#B74F7D;}
.offers .blog-header h1{color:#0098FF;}

.blog-header h2{color:#515151; font-family:DINWeb-Bold, Arial, sans-serif; font-weight:bold; text-transform:uppercase; padding-top:0;}


/*mobile specific styles*/
@media (max-width: 767px){
	.news .blog-header{border-top:2px solid #CC0000;}
	.sport .blog-header {border-top:2px solid #3EA447;}
	.business .blog-header {border-top:2px solid #1190AF;}
	.debate .blog-header {border-top:2px solid #777552;}
	.life-and-style .blog-header {border-top:2px solid #ff6600;}
	.culture .blog-header{border-top:2px solid #B74F7D;}
	.offers .blog-header{border-top:2px solid #0098FF;}
}

@media (min-width: 600px) and (max-width: 767px) {	
	.blog-header h2{max-width:320px;}
}

@media (min-width: 481px) and (max-width: 599px) {	
	.blog-header h2{max-width:320px;}	
}

@media (min-width: 320px) and (max-width: 480px) {
	.blog-header h1{font-size:200%;}
	.fashmob .blog-header h1{font-size:170%;}
	.blog-header h2{font-size:100%; max-width:220px;}
}

.article_info ul li, .article_info ul li a, .article_info ul li span{border-left:none; padding-left:0;}
.btm-line{margin-bottom:20px; color:#515151;}

.span4 a span.h2 {font-size:22px;}
.widget{clear:both;}
h3.widget-title {margin:0 0 5px 0;padding:0;}

#recent-posts-plus-2 {margin-top:40px;}
.recentPost a { border-bottom: solid 1px #e3e3e3; }
.recentPost a { clear: both; display: block; float: left; color: #000; margin-bottom: 10px; padding-top: 10px; width: 100%; line-height: 1.2em;}
.recentPost span.img { text-decoration: none; width: 140px;height: 80px; position: relative; float: left; margin: 0 10px 0 0; }

.widget_super_rss_reader { margin:40px 0 0 0;}
.widget_super_rss_reader .srr-item { border-bottom:solid 1px #f8edf2;}
.widget_super_rss_reader .srr-item a { font-size:0.9em; color:#000; background: url('images/generic/website/arrow_text.gif') no-repeat left center; padding-left:10px;}
.widget_super_rss_reader .srr-item a:hover { color:#003399; background-position-x: -646px; }

#content_right .it_rss_blog { margin:40px 0 0 0; }
#content_right .it_rss_blog .post_container { border-bottom:solid 1px #f8edf2; }
#content_right .it_rss_blog .post_container a { color:#000; font-size:13px; display:block; line-height:normal; padding:3px 3px 3px 45px; }
#content_right .it_rss_blog .post_container a strong { color:#000; display:block; }
#content_right .it_rss_blog .post_container a i { color:  #515151; display: block; font-style: normal; font-weight: normal; }
#content_right .it_rss_blog .post_container a.Donald.Clarke { background: url(images/blogs/donald-clarke-bw-headshot-smallest.png) no-repeat left bottom;}
#content_right .it_rss_blog .post_container a.Jim.Carroll { background: url(images/blogs/jim-carroll-bw-headshot-smallest.png) no-repeat left bottom;}
#content_right .it_rss_blog .post_container a.Una.Mullally { background: url(images/blogs/una-mullally-bw-headshot-smallest.png) no-repeat left bottom;}
#content_right .it_rss_blog .post_container a.Rosemary.MacCabe { background: url(images/blogs/rosemary-maccabe-bw-headshot-smallest.png) no-repeat left bottom;}


/* sidebar */
#content_right aside{margin-bottom:20px;}
#content_right aside ul {margin:0; padding:0; list-style:none; text-align:left;}
#content_right aside ul li {border-bottom: solid 1px #E3E3E3; padding:3px 0; }
#content_right aside ul li a { font-size:.95em; color:#515151; padding-left:10px; display:inline-block; line-height:normal; }
#content_right aside ul li a:hover { color:#003399;}

.byline-with-pic { display:none;}

.clearfix:after { 
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

.search-listings {margin:0;padding:0;text-align:left;list-style:none;}
.search-listings li { border-bottom:solid 1px #ccc;padding:10px 0;}
.search-listings li p {margin:0;padding:0;}
.search-listings li a {color:#000;}


.recent-crosswords {margin:0;padding:0;list-style:none;}
.recent-crosswords li {padding:10px 0; border-bottom:solid 1px #dfdfdf;}
.recent-crosswords li a {color:#000;}
.recent-crosswords li:last-child {border:none;}


.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}

.pagination ul { float:right; font-family: Arial, Helvetica, sans-serif; }
.pagination li { padding:0 3px; }

.pagination span, .pagination a {
display:block;
float:left;
padding: 4px 10px 4px;
margin-bottom: 10px;
font-size: 11px;
line-height: 13px;
color: #333;
text-align: center;
text-shadow: 0 1px 1px 
rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: whiteSmoke;
background-image: -moz-linear-gradient(top, white, #E6E6E6);
background-image: -ms-linear-gradient(top, white, #E6E6E6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
background-image: -webkit-linear-gradient(top, white, #E6E6E6);
background-image: -o-linear-gradient(top, white, #E6E6E6);
background-image: linear-gradient(top, white, #E6E6E6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
border-color: #E6E6E6 #E6E6E6 #BFBFBF;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: 1px solid #CCC;
border-bottom-color: #B3B3B3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
}

.pagination a:hover{
color:#fff;
background: #3279BB;
}

.pagination .current{
color: #333;
text-decoration: none;
background-color: #C9C9C9;
background-position: 0 -30px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-ms-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}

.search_result ul li a {color:#000;}

.older img {max-width:220px;float:left; display:block; margin:3px 20px 0 0; }