/*
Theme Name:     Editorial Child
Theme URI:      http://www.woothemes.com/2011/06/editorial/
Description:    Child theme for the Editorial theme for fashionoutsider.com. You MUST also have Editorial installed! 
Author:         Melody Morrissette
Author URI:     http://melodymorrissette.com/
Template:       editorial
Version:        0.1.0
*/

@import url("../editorial/style.css");



/* NOTE: One change has been made to the editorial theme files, and not in this child theme. 
I didn't want to override a theme options file completely for 1 change.
This is the default left and right position of the Slide Excerpt which displays on the homepage.
Settings in admin are on the post page, under Editorial Custom Settings, tab Slide Options.
Change to 10 and 10 instead of 40 and 640.
If the theme is upgraded, and those overrided, change it here:
editorial/includes/theme-options.php
line 924 and 932
*/


/* Change default link color to this neon orange-pink */
a { color: #ff0024;}

/* And change instances where the blue color to neon-orange pink: */
/* Also changing ico-readmore.png and ico-recent-news-filter-active.png
to custom images with correct pink color*/

/* Widget displaying recent comments */
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover
{color: #ff0024;
background: url("images/ico-recent-news-filter-active.png") no-repeat scroll center bottom transparent;}

/* The read more links. (color of some links changed in woo panel custom settings) */
.post-more .read-more a  {background: url(images/ico-readmore.png) no-repeat right center; }

/* Main menu drop downs. Change to red, smaller font. I changed this (Anna) */

#navigation .nav li ul a {color:#ff0036; font-size:0.6em;}/*change color and font-size on a*/
#navigation{ margin-bottom:1em; } /* tighten spacing under nav */
.nav li ul  { background: #000; color:#ff0036; text-shadow:#000; }/*change bg on ul*/


.nav a {padding:3px 20px;}

.nav li a.sf-with-ul {padding-right: 30px;}/* when there's a drop down, editorial
adds extra padding on the right, but I'm setting it to always be the same.
That way if the title is too long, she can change it, but it won't break the menu to
add or remove sub categories. There will always be 4 categories according to 
notes at the time this change was made */

/* Top menu */
	#top { background: #000; }
#top .nav a { color:#ff0024; text-shadow: 1px 1px 0 #000; }
/*We removed filter from recent stories on homepage, so let's add some margin so it's not squashed */
#recent-news.archive-layout {padding-top: -10px; border-top: 0px solid rgba(0, 0, 0, 0.1); margin-top: 0px;}
/*And we moved the images up above the titles, so adjust the spacing*/
#recent-news.archive-layout img {margin-top: 0px;}


/* Editorial allows custom typography to be set, and uses .title for a bunch of titles
These woo settings are put in the head, so we can't override them here.
We want some titles bigger than others, 
so we have to change the class in the template files to not mess with the custom typography stuff. */

/*Titles used in the recent stories on the homepage*/
/*Make it a bit bigger, but also copy other styles that would apply to .title, 
so it looks the same as .title 
h5.homepage-recent-post-title {
border-top: 1px solid #000; border-bottom: 1px solid #000;
padding: 15px 0 10px;
margin-bottom: 5px;
font: 0.8em Arial, sans-serif; letter-spacing:0.5em; color:#000000;}
h5.homepage-recent-post-title a {color: #000;}*/

/*And we do the same switcheroo for the more news section, so we also need to add spacing */
/*This time add it to div.post-meta instead of image because there seems to be other classes
on these images based on positioning, so let's leave em alone */
#more-news div.post-meta {margin-bottom: 100px;}
h2.footer-more-post-title {
padding: 15px 0 10px;
margin-bottom: 5px;
font:italic 14px/1em Georgia, serif;color:#000000;}
h2.footer-more-post-title  a {color: #000;}
/*Adjust spacing because we want 5 instead of 6*/
#more-news .post {width: 168px;}

/*Remove the white borders around the images:*/

#slides .slides_container {  border: 0; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
.entry img, img.thumbnail {  border: 0; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;  }
#tabs .inside li img.avatar, #tabs .inside li img.thumbnail { border-style: none; border-width: 0px; padding: 0px;  }

#post-gallery .slides_container, #post-gallery .video_container {  border: 0px solid #fff; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; box-shadow: 0 0 0px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 0px rgba(0,0,0,0.2); }




/* Tighten spacing around post titles 
.post .title, .page .title  {  padding: 1px 0 0 -10px; }*/

/*Titles on archive page*/
.archive_header  { font-family: Georgia, serif; text-transform: uppercase; color: #ff0036; font-style: italic; font-size: 1em;}



a.button, 
a.comment-reply-link, 
#commentform #submit,
.submit {
color: #fff !important;
text-shadow: 0px 0px 0 #fff;
}
/* In IE7 on the homepage, the background image was out of position. Following code fixes that: */
.ie7 #slides {overflow: hidden;}
body.ie7 #wrapper {width: 1045px; overflow: hidden; margin: 0 auto;}







.post .date-comments {
    display: none;
}
span.continue {
    display: none;
}