/*
Theme Name: carter
Theme URI: 
Description: Online newspaper theme for the Mancunion. (<a href="http://designdeck.co.uk/a/1239">Icon media</a>.)
Author: Jennifer Ho
Author URI: http://jenniferho.co
Version: 1.0
Tags: 
License:
License URI:
*/ 

@import url('reset.css');
@import url(http://fonts.googleapis.com/css?family=Lora|Merriweather+Sans|Open+Sans);

 /* basic */ 

body { background-color: #CCCCCC) fixed;; font: 90%/170% 'Open Sans', arial, sans-serif; } 
h1, h2, h3, h4, h5, h6 { margin: 0.5em 0; } 
h2, h3, h4 { font-family: serif; } 
h1 { font-size: 250%; } 
h2 { font-size: 180%; } 
h3 { font-size: 150%; } 
h6 { font-family: 'Open Sans' ;}
a { color: #a54b4a; text-decoration: none;  -moz-transition: 0.3s; -webkit-transform: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s;  } 
 a:hover { text-decoration: underline; color: #4d2322; } 
  a:visited { color: #ab7170; } 
 p { margin: 0 0 1em 0; } 
input[type=submit] { background: #a54b4a; color: #fff; font-weight: bold; border: 1px solid #783736; } 
input, textarea { -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } 

a { color: #444; font-weight: bold; }
a:hover { color: #110; }
a:visited { color: #222; }

 /* classes */ 

.fright { float: right; } 
.fleft { float: left; } 
.fifty { width: 50%; } 
.sixty { width: 60%; } 
.forty { width: 40%; } 
.clear { clear: both; } 
#azk25849 { display: block; text-align: center; margin: 0 auto; } 
.uppercase { text-transform: uppercase; } 

.read-more { display: block; margin: 0.4em auto;  text-align: center; }
.read-more a { text-decoration: none; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px; background: #eee; padding: 0.5em; text-transform: uppercase; text-shadow: 2px 2px 5px rgba(150, 150, 150, 1); box-shadow:inset 0 0 10px #ddd; and -moz-box-shadow:inset 0 0 10px #ddd; color: #555;
}
.read-more a:hover { color: #444; background: #efefef; }

 /* structure and widths*/ 

#wrap { width: 1110px; padding: 1em; margin: 1em auto 0 auto; background: #fff; -webkit-box-shadow: 1px 1px 14px rgba(50, 50, 50, 0.75);-moz-box-shadow:    1px 1px 14px rgba(50, 50, 50, 0.75);box-shadow:         1px 1px 14px rgba(50, 50, 50, 0.75);} 
#content { width: 800px; float: left; } 
 .post-content { width: 500px; float: left; } 
 .post-sidebar { width: 270px; padding: 10px; float: right; } 
#sidebar { width: 300px; margin: 0 0 0 10px; float: right; } 
#magazine-container .section {  } 
.pointelle_slider_3 .pointelle_slides {width: 800px !important; } 
.pointelle_slider_4 .pointelle_slides, .pointelle_slider_5 .pointelle_slides {width: 500px !important; } 


 /* footer */ 

#footer { clear: both; background: #333; margin: 1em 0 0 0; padding: 1em; color: #bbb; } 
 #footer a { color: #aaa; } 
  #footer a:hover { color: #ccc; } 
#footer-columns { float:left; width:100%; margin: 1em 0; border-top: 1px solid #444; border-bottom: 1px solid #444; } 
.col { float: left; width: 33%; } 
#footer ul, #footer li { list-style: none; } 
#footer h2.widgettitle { font-size: 110%; font-family: sans-serif; font-weight: bold; text-transform: uppercase; color: #BBB;} 
#footer ul a { font-size: 100%; color: #999; text-decoration: none; } 
#footer .col ul li { padding: 0.2em 0; border-bottom: 1px solid #444; }
#footer .col ul li:first-child { padding-top: 0; }
#footer .col ul li:last-child { border: 0; }
#footer-columns .col ul { padding: 0 1em 0 0; }
.inline ul li { display: inline; }

#footer .widget_nav_menu { margin-bottom: 0; }

#footer .menu li:nth-child(n+1):before { content: "/"; padding: 0 1em; }
#footer .menu li:first-child:before { content: ""; padding: 0 1em 0 0; }

#footer .menu a { text-transform: uppercase; }

#footer-last {font-size: 90%; text-align: center; margin-bottom: 1em;}

 /* top */ 

#top ul li, #menu-footer li { display: inline; } 
#menu-socialmedia { border-bottom: 1px solid #ccc; } 
 #menu-socialmedia p { color: #555; text-transform: uppercase; display: inline; line-height: 32px; } 
 

 /* Date */ 



 /* header */ 
#header-titles { position: relative; }
  #header-titles .fright { float: right; padding-top: 5px; text-align: center; } 
#header-titles .fright img {max-width: 100%;height: auto; }
   #header-titles h1, #header-titles h2 { display: none; } 
  #header-titles .fleft img { display: inline-block; vertical-align: bottom; max-width: 350px;} 
#menu-archived-news { margin: 0; } 
 #menu-archived-news a, .freshers-link a { text-transform: uppercase; font-family: 'Merriweather Sans', sans-serif; font-size: 120%; font-weight: bold; padding: 0.5em; } 
.freshers-link { text-align: left; position: absolute; bottom: 5px; left: 402px; font-size: 150%; }
 #menu-archived-news a:hover, .freshers-link a:hover { text-decoration: none; color: #000; } 
 label.screen-reader-text { display: none; } 


 /* categories */ 

#categories { display: block;  padding: 0 0 1em 0;} 
#categories li {  margin: 0; padding: 0; font: 105%; display: inline; } 
#categories li + #categories li:before { content: " | "; } 
#categories a { font-weight: normal; }

 /* #categories li { display: inline; text-transform: uppercase; font-weight: bold;} 
 */ 

 #cat-menu { background: #333; } 
 #cat-menu a, #sub-cat-menu a { display: inline-block; padding: 0.5em 0.7em; margin:0 !important; color: #fff; } 
#sub-cat-menu a:hover { text-decoration: underline; } 
#sub-cat-menu { background: #ccc; } 

 /* pagination */ 

  ul.pagination { display: block; margin: 1em 0; } 
 ul.pagination li { display: inline; font-weight: bold; padding: 0.5em; margin: 2px; background: #a54b4a; border: 1px solid #a54b4a;} 
 ul.pagination .current { background: #fff; } 
 ul.pagination a { color: #fff; } 


 /* sidebar */ 

#sidebar .widgettitle { background: #a54b4a; color: #fff; text-transform:  uppercase; display: block; font-weight: bold; padding: 0.5em; margin: 0; font-size: 90%; font-family: sans-serif;} 
.sidebar-widget { margin-bottom: 1em; } 

#sidebar .widgettitle { background: #aaa; } 

.popular-widget { }
.popular-widget li { border-bottom: 1px solid #ddd; padding: 0.3em 0.2em; }
 /* archives: posts */ 

  .post { margin: 1em 0; padding: 1em 0; display: block; border-bottom: 1px solid #ddd; } 
.post-image { width: 190px; height: 100px; background: #ddd; float: left; margin-right: 1em; } 
   .post-image img { width: 190px; height: 100px; display: block; } 
.post-text .byline {  color: #666; } 
 .post-text h3, .post-text a { font-weight: bold; } 
 .post-text h2, .post-text h3 { margin: 0.1em 0 0.3em 0; line-height: inherit; } 
  .post .clear { clear: left; } 
  .byline {  color: #444; margin-bottom: 0; } 
   .byline a { color: #666; } 
  .post p:last-child { font-size: 90%; } 
  

 /* entry */ 

.entry { font-size: 110%; } 
.entry h2 { font-family: 'Arvo', serif; font-weight: bold; font-size: 180%; line-height: 150%; } 
 .entry h2 a:hover { text-decoration: none; } 
.excerpt { font-size: 110%; } 
.caption, .wp-caption-text { color: #666; } 
p.author { font-weight: bold; } 
.featured-image { margin: 0 0 1em 0; } 
.featured-image img { width: 100%; display: block; } 
.post-sidebar .byline { background: #eee; margin: -10px 0 0 0; padding: 1em; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; } 
.wp_rp_content { margin-top: 1em; } 
.related_post_title { border: 0; } 
ul.related_post { color: #555; } 
ul.related_post li { border-bottom: 1px solid #ddd; padding: 1em 0;} 
 ul.related_post li:hover { color: #333; } 
  

 /* home -- section blocks */ 

.section h2 { border-top: 3px solid; padding: 2px 0 0 0; } 
 .section h2 a { font: 70% arial, sans-serif; text-transform: uppercase; text-decoration: none; color: #333; } 
.section img { display: block; } 
.section h3 { font-family: 'Lora', serif; } 


 /* 250px thumbnails */ 

.magazine-container .section { min-height: 500px; padding: 0.5em;} 
 .magazine-container .section img { width: 266px; } 
#rich-container .section img { width: 400px; } 
#rich-container .section {  padding: 0.5em; } 
.magazine-container { float:left; width:100%; } 
.col1, .col2, .col3 { float:left; width: 33%; overflow: hidden;} 
.section li.category-child { border-top: 1px solid #ccc; padding: 0.5em 0; } 
li.category-lead .author a, span.author { text-transform:  uppercase; color: #666; font-family: sans-serif; } 


 /* news */ 

h2.category-3509 { border-color: #66358e; } 
.cat-item-3509 a { color: #66358e; } 
.cat-item-3509 a:hover, .cat-item-3509.current-cat a, .cat-item-3509.current-cat-parent a, #sub-cat-menu.category-3509  { background: #66358e; } 


 /* comment */ 

h2.category-18 { border-color: #195459; } 
.cat-item-18 a { color: #195459; } 
.cat-item-18 a:hover, .cat-item-18.current-cat a, .cat-item-18.current-cat-parent a, #sub-cat-menu.category-18  { background: #195459; } 


 /* film */ 

h2.category-6 { border-color: #55a1b2; } 
.cat-item-6 a { color: #55a1b2; } 
.cat-item-6 a:hover, .cat-item-6.current-cat a, .cat-item-6.current-cat-parent a,  #sub-cat-menu.category-6 { background: #55a1b2; } 


 /* lifestyle */ 

h2.category-7 { border-color: #e6923b; } 
.cat-item-7 a { color: #e6923b; } 
.cat-item-7 a:hover, .cat-item-7.current-cat a, .cat-item-7.current-cat-parent a,  #sub-cat-menu.category-7 { background: #e6923b; } 


 /* fashion & beauty */ 

h2.category-11 { border-color: #2dacdf; } 
.cat-item-11 a { color: #2dacdf; } 
.cat-item-11 a:hover, .cat-item-11.current-cat a, .cat-item-11.current-cat-parent a,  #sub-cat-menu.category-11 { background: #2dacdf; } 


 /* food & drink */ 

h2.category-3513 { border-color: #a1382b; } 
.cat-item-3513 a { color: #a1382b; } 
.cat-item-3513 a:hover, .cat-item-3513.current-cat a, .cat-item-3513.current-cat-parent a, #sub-cat-menu.category-3513 { background: #a1382b; } 


 /* theatre */ 

h2.category-143 { border-color: #e2bc23; } 
.cat-item-143 a { color: #e2bc23; } 
.cat-item-143 a:hover, .cat-item-143.current-cat a, .cat-item-143.current-cat-parent a,  #sub-cat-menu.category-143 { background: #e2bc23; } 


 /* arts & literature */ 

h2.category-9 { border-color: #f2cd18; } 
.cat-item-9 a { color: #f2cd18; } 
.cat-item-9 a:hover, .cat-item-9.current-cat a, .cat-item-9.current-cat-parent a,  #sub-cat-menu.category-9 { background: #f2cd18; } 


 /* music */ 

h2.category-5 { border-color: #f0a31f; } 
.cat-item-5 a { color: #f0a31f; } 
.cat-item-5 a:hover, .cat-item-5.current-cat a, .cat-item-5.current-cat-parent a ,  #sub-cat-menu.category-5{ background: #f0a31f; } 


 /* books */ 

h2.category-21 { border-color: #304e2d; } 
.cat-item-21  a { color: #304e2d; } 
.cat-item-21 a:hover, .cat-item-21.current-cat a, .cat-item-21.current-cat-parent a,  #sub-cat-menu.category-21 { background: #304e2d; } 


 /* games */ 

h2.category-122 { border-color: #33a792; } 
.cat-item-122  a { color: #33a792; } 
.cat-item-122 a:hover, .cat-item-122.current-cat a, .cat-item-122.current-cat-parent a,  #sub-cat-menu.category-122 { background: #33a792; } 


 /* sport */ 

h2.category-4 { border-color: #fdce41; } 
.cat-item-4 a { color: #fdce41; } 
.cat-item-4 a:hover, .cat-item-4.current-cat a, .cat-item-4.current-cat-parent a,  #sub-cat-menu.category-4 { background: #fdce41; } 


 /* what's on */ 

h2.category-24 { border-color: #66358e; } 
.cat-item-24 a { color: #66358e; } 
.cat-item-24 a:hover, .cat-item-24.current-cat a , .cat-item-24.current-cat-parent a ,  #sub-cat-menu.category-24{ background: #66358e; } 


 /* societies */ 

h2.category-3837 { border-color: #7b2555; } 
.cat-item-3837 a{ color: #7b2555; } 
.cat-item-3837 a:hover, .cat-item-3837.current-cat a, .cat-item-3837.current-cat-parent a,  #sub-cat-menu.category-3837 { background: #7b2555; } 
 

 /* features */ 

h2.category-3 { border-color: #66358e; } 
.cat-item-3 a { color: #66358e; } 
.cat-item-3 a:hover, .cat-item-3.current-cat a, .cat-item-3.current-cat-parent a,  #sub-cat-menu.category-3 { background: #66358e; } 
 .cat-item a:hover, .current-cat a { color: #fff; text-decoration: none; } 


/* archives */


ul.archives-categories {
margin: 0;
padding: 0;
}
ul.archives-categories li {
list-style: none; 
list-style-type: none;
margin: 0; 
padding: 0;
}
ul.archives-categories li a {
list-style: none; 
list-style-type: none;
margin: 0 20px 15px 0; 
float: left; 
background: #fdce41; 
color: #66358e; 
padding: 5px 10px;
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
}
ul.archives-categories li a:hover{
text-decoration: none; 
background: #66358e; 
color: #fdce41;
}
ul.archives-categories ul.children { display: block !important; }
.clear{clear: both;}


 /* comments from: http://css-tricks.com/snippets/wordpress/base-threaded-comments-styling/ */ 

ol.commentlist { list-style:none; } 
ol.commentlist li { padding-left: 0;  } 
ol.commentlist li.alt { } 
ol.commentlist li.bypostauthor {} 
ol.commentlist li.byuser {} 
ol.commentlist li.comment-author-admin {} 
ol.commentlist  li { border-bottom:1px dotted #666; padding:1em; } 
ol.commentlist  li div.comment-author {} 


 /* ol.commentlist  li div.vcard { font:normal 16px georgia,times,serif; } 
 */ 

ol.commentlist  li div.vcard cite.fn { font-style:normal; } 
ol.commentlist  li div.vcard cite.fn a.url {} 
ol.commentlist  li div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; } 
ol.commentlist  li div.vcard img.avatar-32 {} 
ol.commentlist  li div.vcard img.photo {} 
ol.commentlist  li div.vcard span.says {} 
ol.commentlist  li div.commentmetadata {} 


 /*ol.commentlist  li div.comment-meta { font-size:9px; } 
 */ 

ol.commentlist  li div.comment-meta a { color:#ccc; } 


 /*ol.commentlist  li p { font-size:11px; margin:0 0 1em; } 
ol.commentlist  li ul { font-size:11px; list-style:square; margin:0 0 1em 2em; } 
 ol.commentlist  li div.reply { font-size:11px; } 
*/ 

ol.commentlist  li div.reply a { font-weight:bold; } 
ol.commentlist  li ul.children { list-style:none; margin:1em 0 0; text-indent:0; } 
ol.commentlist  li ul.children li {} 
ol.commentlist  li ul.children li.alt {} 
ol.commentlist  li ul.children li.bypostauthor {} 
ol.commentlist  li ul.children li.byuser {} 
ol.commentlist  li ul.children  li {} 
ol.commentlist  li ul.children  li-author-admin {} 
ol.commentlist  li ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; } 
ol.commentlist  li ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; } 
ol.commentlist  li ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; } 
ol.commentlist  li ul.children li.depth-5 {} 
ol.commentlist  li ul.children li.odd {} 
ol.commentlist li.even { background:#fff; } 
ol.commentlist li.odd { background:#f6f6f6; } 
ol.commentlist li.parent { border-left:5px solid #111; } 
ol.commentlist li.thread-alt { } 
ol.commentlist li.thread-even {} 
ol.commentlist li.thread-odd {} 


 /* responsive design; media queries: http://webdesignerwall.com/tutorials/responsive-design-in-3-steps*/ 

@media screen and (max-width: 480px) { 
 #content, #sidebar { display: block; float: none; width: 470px;}
 .pointelle_slider, .header-titles.fright { display: none; }
 .post-sidebar { float: none; display: block; }
 .fb-recommendations-bar { display: none; }
}

@media screen and (max-width: 640px) {  #wrap, .pointelle_slider_3 { width: 100% !important; } 
 #content, .pointelle_slider_4, .pointelle_slider_5  { width: 400px !important; } 
  .post-content{ width: 100%; } 
  .post-sidebar { width: 100%; } 
 #header-titles { float: none; } 
 #sidebar { width: 290px; } 
  .sidebar-widget { overflow: auto; } 
 .magazine-container .section img { width: 233px; } 
 #rich-container .section img { width: 350px; } 
.pointelle_slider_3 .pointelle_slides {width: 700px !important; } 
.pointelle_slider_4 .pointelle_slides, .pointelle_slider_5 .pointelle_slides {width: 400px !important; } 
} 
@media screen and (max-width: 1200px) {  #wrap, .pointelle_slider_3 { width: 1000px !important; } 
 #content, .pointelle_slider_4, .pointelle_slider_5   { width: 700px !important; } 
  .post-content{ width: 510px; } 
  .post-sidebar { width: 170px; } 
 #header-titles { float: none; } 
 #sidebar { width: 290px; } 
  .sidebar-widget { overflow: auto; } 
 .magazine-container .section img { width: 233px; } 
 #rich-container .section img { width: 350px; } 
.pointelle_slider_3 .pointelle_slides {width: 700px !important; } 
.pointelle_slider_4 .pointelle_slides, .pointelle_slider_5 .pointelle_slides {width: 400px !important; } 
} 
@media screen and (max-width: 1028px) {  #wrap, .pointelle_slider_3 { width: 800px !important; } 
 #content, .pointelle_slider_4  { width: 600px !important; } 
  .post-content{ width: 600px; } 
  .post-sidebar { width: 600px; float: none; clear: both; } 
   ul.related_post li { padding: 0.3em; } 
 #header-titles { float: none; } 
 #sidebar { width: 190px; } 
  .sidebar-widget { overflow: auto; } 
 .magazine-container .section img { width: 200px; } 
 #rich-container .section img { width: 300px; } 
.pointelle_slider_3 .pointelle_slides {width: 500px !important; } 
.pointelle_slider_4 .pointelle_slides {width: 400px !important; } 
.pointelle_slider_5 .pointelle_slides {width: 400px !important; } 
.pointelle_slider_3 .pointelle-slider-control {width: 300px !important; } 
.pointelle_slider_4 .pointelle-slider-control {width: 200px !important; } 
 .pointelle_slider_4 .pointelle-meta1, .pointelle_slider_4 .pointelle_nav_thumb { display: none !important; } 
.pointelle_slider_5 .pointelle-slider-control {width: 200px !important; } 
 .pointelle_slider_5 .pointelle-meta1, .pointelle_slider_5 .pointelle_nav_thumb { display: none !important; } 
}