/*
Theme Name: Child Theme of Arras
Theme URI: http://www.viodi.com/screensplaysmag/
Description: Child theme for the Arras for WordPress
Author: Roger & Ken
Author URI: http://www.arrastheme.com/
Template: arras
Version: 1.0
.
For more information on how to create and use child themes:
http://codex.wordpress.org/Child_Themes

Any CSS code written below will override any existing
declarations from the theme itself.
.
*/

/* ROGER - From suggestions at http://www.arrastheme.com/forums/topic968-primary-sidebar-column-width.html
 .sidebar .xoxo            { list-style: none; padding: 0; margin: 1px -20px; width: 320px;  }
 #main                    { padding: 10px 10px 0; background: #f7f6f0; border: 1px solid #d3d1c7; width: 1200px !important; } 
*/

/* ROGER - tweaked from theme/arras/css/base.css /*
/* Header */

#header					{ 
min-width: 1200px; 
padding: 0; 
-moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: #0b1a2e;
    background-image: none;
    background-position: 10px 10px;
    background-repeat: repeat;
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-bottom-color: darkred;

}
#branding				{ width: 1190px; margin: 0 auto; padding: 0; background-color:#0f284a; }
.logo					{ max-width: 426px; float: left; padding: 0px 0 0px 10px; background-color:#0f284a;}
#bnrad					{ width: 400px; padding: 20px 7px 4px 56px; float: left; }
.blog-name				{ margin: 0 0 3px; line-height: 1em; display: block; }
.blog-description		{ line-height: 1em; display: block; margin: 0; padding: 3px 0 0; }

/* ROGER - Added Headings Section below 1/14/2010 */
/* ROGER   from themes/arras/css/base.css were 20,18,16,14,12) */
/* Headings */
h2, h3, h4, h5, h6  { margin: 1em 0; }
h2  { font-size: 16px; }
h3  { font-size: 14px; }
h4  { font-size: 12px; }
h5  { font-size: 12px; }
h6  { font-size: 10px; }

/* ROGER - Change Font for Main Page headings  original 700 and 16px */
.posts-quick .entry-title	{ font-weight: 600; font-size: 13px; }

/* ROGER - This is front page line height was 1.6em */
.posts-quick .entry-summary {
    line-height: 1.3em;
    margin-bottom: 15px;
}

/* ROGER - Tweak margin around thumbnails for text, center column */
.posts-quick .entry-thumbnails {
    float: left;
    margin: 0 5px 5px 0;
    padding: 3px;
}

/* ROGER - The Continue Reading button in center column */
.posts-quick .quick-read-more a:link, .posts-quick .quick-read-more a:visited {
    -moz-border-radius: 1px 1px 1px 1px;
    background: url("../../images/feed-title-white.jpg") repeat-x scroll center top #EFEFEF;
    border: 1px solid #CCCCCC;
    color: #000000;
    display: inline-block;
    font-size: 9px;
    font-weight: 400;
    margin: 1px 0;
    padding: 1px 3px;
    text-decoration: none;
}

/* ROGER - Line spacing in left margin */

.widgetcontainer .excerpt {
    font-size: 11px;
    margin: 1px 0;
    line-height: 1.25;
    margin: -0 0 0em;
    padding: 10;
}

/* ROGER - tweaked from base.css */
/* wp-content/themes/arras/css/base.css */
/* Menus */
.sf-menu, .sf-menu *  { list-style: none; margin: 0; padding: 0; }
.sf-menu  { line-height: 1; }
.sf-menu ul	 { position: absolute; left: -1209em; width: 11em; z-index: 100; }
.sf-menu ul li  { width: 100%; }
.sf-menu li:hover  { visibility: inherit; }
.sf-menu li  { float: left; position: relative; }
.sf-menu a  { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul  { left: 0; top: 2.8em; z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul  { top: -1209em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul  { left: 11em; top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul  { top: -1209em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul  { left: 11em; top: 0; }
.sf-shadow ul { background:	url(../images/shadow.png) no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }

#top-menu, #nav  { min-width: 1200px; position: relative; }
#top-menu-content, #nav-content  { margin: 0 auto; width: 1188px; position: relative; }
#top-menu-content .sf-menu, #nav .sf-menu  { float: left; line-height: 1.1; position: relative; }

#top-menu, #top-menu-content, #top-menu-content .sf-menu {z-index: 100;}
#nav , #nav-content, #nav .sf-menu {z-index: 99;}

.quick-nav  { float: right; list-style: none; margin: 0 10px 0; padding: 0; position: relative; }
.quick-nav li  { float: left; display: inline; position: relative; }

/*KEN - Changed the max-width from 770 to 1100 in order to prevent the bottom menu from wrapping.*/
#nav .sf-menu {
    float: left;
    line-height: 1.1;
    max-width: 1100px;
}

/*Ken - This controls the very top part of the site.  These are from the blue.css files.*/
#top-menu {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: #000;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    border-bottom-color: #0C2845;
    border-bottom-style: solid;
    border-bottom-width: 0;
}

#nav {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: #000;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    min-width: 990px;
}


#top-menu-content, #nav-content {
    background-color: #000;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 1200px;
}




.widgettitle {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: #0f284a;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    color: #FFF;
    font-size: 14px;
}








/* ROGER - Adding 2-3c-fixed.css, change 960 width to 1200, add 100 to other settings, and tweaking. */
/* wp-content/themes/arras/css/layouts/2-3c-fixed.css
/* ROGER Dec 2010? - changing primary to 220 makes left col narrower, but center needs tweaking. Having trouble with that */
/* ROGER 1/12/2011 - primary from 220 to 300. secondary from 320 to 300 incl margin. */

body {
    min-width:1200px;
}
#main {
    width:1200px;
    margin:0 auto;
    position:relative;
}
#container {
    width:1200px;
    float:left;
    margin:0;
}
#content {
	margin: 0 310px 0 330px;
    overflow:hidden;
}
#primary {
    width:300px;
    float:left;
	margin: 0 0 0 -1200px;
}
* html #primary {
	left: 20px;
	position: relative;
}
#secondary {
    width:300px;
    float:left;
	margin: 0 0 0 -300px;
}
#footer {    
    clear:both;
}
#subsidiary {
    width:1200px;
    margin:0 auto;
    overflow:hidden;
}
#subsidiary .aside {
    width:300px;
    float:left;
    margin:0 10px 0 10px;
}
#subsidiary #third {
    margin:0 0 0 10px;
}
#siteinfo {
    clear:both;
    width:1250px;
    margin:0 auto;
}
.fixed {
	width:1200px; 
	margin:0 auto;
}
/*KEN - This is code to put featured posts side-by-side.  Note, I added the height parameter so that the next category (featured post3) stays in the same place regardless of the sizes of featured post 1 or 2. From suggestions at http://www.arrastheme.com/forums/topic1323-changing-the-width-of-the-featured-categories-boxes.html */
#index-featured1 {
    margin: 0px; padding: 0px; float: left; width: 280px; height: 290px; : ;
 text-overflow: ellipsis;
   overflow: hidden;

}
#index-featured2 {
    margin: 0px; padding: 0px; float: left; width: 280px; height: 290px;: ;
 text-overflow: ellipsis;
   overflow: hidden;


}

/* ROGER hide index news */
/*	original     margin: 0px; padding: 0px; float: left; width: 570px; : ; */

#index-news {
    margin: 0px; padding: 0px; float: left; width: 570px; height: 0; visibility: hidden : ;
}

/* ROGER added posts-line entry-cat to hide the word editorial in index-news list.*/
/* changed visibility and width from 100 to 0px */
.posts-line .entry-cat {
    visibility: hidden;
    color: #848485;
    font-size: 11px;
    float: left;
    overflow: hidden;
    width: 0px;
}

#index-featured-efca1 {
    float: left;
    height: 300px;
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
    width: 280px;

 text-overflow: ellipsis;
   overflow: hidden;

}
 
#index-featured-efca2 {
    float: right;
    height: 300px;
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
    width: 280px;

 text-overflow: ellipsis;
   overflow: hidden;

}
 
#index-featured-efca3 {
    float: left;
    height: 300px;
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
    width: 280px;

 text-overflow: ellipsis;
   overflow: hidden;

}
 
#index-featured-efca4 {
    float: right;
    height: 300px;
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
    width: 280px;

 text-overflow: ellipsis;
   overflow: hidden;

}
 
#index-featured-efca5 {
    float: left;
    height: 300px;
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
    width: 280px;

 text-overflow: ellipsis;
   overflow: hidden;

}
#index-featured-efca6 { 
float: right; 
height: 300px; 
margin-bottom: 0; 
margin-left: 0; 
margin-right: 0; 
margin-top: 10px; 
padding-bottom: 0; 
padding-left: 0; 
padding-right: 0; 
padding-top: 0; 
width: 280px; 
}

#index-featured-efca7 {
    float: left;
    height: 310px;
    margin: 0px;
    padding: 0px;
    width: 280px;

 text-overflow: ellipsis;
   overflow: hidden;

}
/*KEN - This is the modification to the Bottom Content-1 and Bottom Content-2 widget areas to make it fill the bottom area.  It doesn't quite work the way I want it to right now. */
/* ROGER - To hide bottom-content 							*/
/*	add height 0 to first group and change height from 220 and 15 to 0 in next 2 	*/
/*	padding from 5 to 0 								*/

.layout-3c-r-fixed #bottom-content-1, .layout-3c-r-fixed #bottom-content-2, .layout-3c-fixed #bottom-content-1, .layout-3c-fixed #bottom-content-2 {
    width: 305px;
}

#bottom-content-1 .widgetcontainer,#bottom-content-2 .widgetcontainer {
    width: 285px;
    height: 0px;
}
#bottom-content-1, #bottom-content-2 {
width: 285px;
height: 0px;
    float: left;
    margin: 0px;
    padding: 0px;
    align: center;
}
#bottom-content-1 .widgettitle, #bottom-content-2 .widgettitle {
    background: none repeat scroll 0 0 #F0F0F0;
    width:v 290px;
    height: 0px;
}
/*KEN - This is the modification to the footer to make it wider and decrease the distance between the body and the footer (from 20px to 5px), as well as make the bottom footer widgets a fixed height (approx. 200px). There was no height limit before. Change the width of #footer .widget container to change the size of the container for the footer.*/

#footer {
    margin: 5px auto 0;
    padding-bottom: 10px;
    width: 1220px;
}
#footer .widgetcontainer {
    float: left;
    margin-right: 10px;
    padding: 5px 10px;
    margin-left: 150px;
    height: auto;
    width: 960px;
}

#footer				{ margin: 5px auto 0; width: 1220px; padding-bottom: 10px; }

/*ROGER - Change Events to larger font size Fred requested today july 26 2011 */

#footer .widgettitle {
    font-size: 16px;
}

.footer-sidebar {width: 1220px;
}

/*KEN - This removes the byline (the author information) and shifts the date to the left.*/
.single .post .entry-author, .single-post .entry-author {
    color: #848485;
    font-weight: 700;
    visibility: hidden
}

.single .post .entry-info .published, .single-post .entry-info .published {
    border: medium none;
    float: left;
}

/* ROGER - Original change from KEN above. KEN added class fancybox */
/* changed colors from #333333 & #FFFFFF to white & black, padding, text transform... */
/* css for this is in default.css file */

.sidebar-read-more:link, .sidebar-read-more:visited {
    -moz-border-radius: 1px 1px 1px 1px;
    background: none repeat scroll 0 0 white;
    color: green;
    display: inline-block;
    font-size: 10px;
    font-weight: normal;
    margin: 1px 0 0;
    padding: 0px 0px;
    text-transform: inherit;
class: fancybox-iframe;
}

/*KEN - This adds a scroll bar on the sidebar widget based on a certain height and changes the background color of the text area.  Note, the .widget container would have to be changed in order to change the background color of the entire widget area. */
.featured-stories {
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    Overflow-y: scroll;
    height: 300px;
     background-color: #F5F5F5;
}

/*KEN - This gets rid of the comments icon in the thumbnail images when in Tapestry mode. */

.posts-default .entry-subcat  { border-right: 0; padding-right: 0; margin-right: 0; }
.posts-default .entry-comments, .posts-line .post .entry-comments, .scrollable .posts .entry-comments  { display: none; }

/*KEN - This reduces the size of the title in the node basis*/
.posts-default .entry-title {
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

/*KEN - This tweaks the spacing of the multiple images in node view - original settings were 10px for margin-bottom and 15 px for margin-right*/

.posts-default li {
    font-size: 12px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 17px;
    margin-top: 0;
}

/*KEN This adjusts the text box on the left side bar, such that it adds a vertical scroll bar on a text widget.  It also makes the maximum height of all widgets to be 300px.*/

#primary .textwidget {
    float: left;
    font-size: 11px;
    height: 301px;
    overflow-y: scroll;
    line-height: 1em;
    letter-spacing: em;
    background-color: #F5F5F5;
}

#primary .textwidgettall {
    float: left;
    font-size: 11px;
    height: 1400px;
    overflow-y: scroll;
    line-height: 1em;
    letter-spacing: em;
    background-color: #F5F5F5;
}

/* ROGER line below from base.css line 9. adjusts line height in category widget left col */
/* ROGER also changed margin 1.25em to .2 for correcting space below title */
/* ROGER changed first 0 in margin to 1 to put space in paragraphs - they were crunched */
p  { line-height: 1.3; margin: 1 0 .2em; padding: 0; }

/* ROGER On Camera putting excerpt text to left*/
.featured-stories-summary {
    margin-left: 11px;
}

/*KEN - This adjusts the titles on the home page, along with the associated border colors. */

.home-title {
    border-bottom-color: darkRed;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #333333;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 15px;
    margin-top: 0;
    padding-bottom: 8px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 0;
    text-transform: uppercase;
}

/*KEN - This adjusts the titles on the home page, along with the associated border colors for ONLY FEATURED Stories 2 section (MIS). */

.home-title-index-2 {
  border-bottom-color: darkRed;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #333333;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 15px;
    margin-top: 0;
    padding-bottom: 8px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 0;
    text-transform: uppercase;

}

/*KEN - We adjusted the size of the font to match what it is in the .home-title (e.g. the EFCA and Index sections of the home page).  What is weird is that when I took the entire css for widget title from the default.css file and pasted it here, the background color was changed and the text would be black in one widget instance and white in another. */



/*KEN This adjusts all of the widgets, such that it adds a vertical scroll bar on all widgets.  It also makes the maximum height of all widgets to be 400px. I didn't use this code.

.widgetcontainer {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: #0b1a2e;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat-x;
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #CCCCCC;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #CCCCCC;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 1px;
    border-top-color: #CCCCCC;
    border-top-style: solid;
    border-top-width: 1px;
    line-height: 1.4em;
    overflow-y: scroll;
    height: 400px;
}
*/

/*KEN - This removes the black bar and comments at the bottom of the Thumbnail Image.  The "Visibility: hidden" property was added.  */

.posts-default .entry-meta, .posts-quick .entry-meta {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: #000000;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    color: #CCCCCC;
    font-weight: 700;
    height: 25px;
    opacity: 0.7;
    visibility: hidden;
}

/*KEN - This styling is for the "Latest Developments" text that is on the home page.  */
.home-section-title {
    border-top-color: darkred;
    border-top-style: solid;
    border-top-width: 1px;
    color: #333333;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 15px;
    margin-top: 298px;
    padding-bottom: 4px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 7px;
    text-transform: uppercase;
}



/*KEN - In case Fred wants to get rid of comments, this is one bit of code we will have to hide.  There is one more indicating "Closed Comments" that I haven't been able to figure out how to eliminate.

.nocomments {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0 1px 1px;
    font-size: 12px;
    margin: 0 10px 10px 0;
    padding: 15px 10px;
    visibility: hidden;
}
*/