/* $Id: grail-overrides-rename.css,v 1.1 2009/05/25 13:27:27 gausarts Exp $*/

/*
 * grail OVERRIDES - Override every holy grail widths here
 * Rename this file from grail-overrides-rename.css to grail-overrides.css so 
 * it won't be overriden in the next upgrade.
 * Register it in your plaingrail.info to get permanent
 * or better activate it via admin/build/themes/settings/plaingrail to get dynamic on upgrades.
 *
 * See readme.txt for explanation
 * Only CSS that affects widths of main content area, sidebar-left and sidebar-right listed here
 *
 * This file overrides all defaults (layout.css) and devs (grail-devwidth.css),
 * the dynamic widths generated in template.php
 * via admin/build/themes/settings/plaingrail
 * You can copy your preferrable widths from grail-devwidth.css to start with.
 *
 */
 

/*Delete this line to activate and start your own custom overrides. Also delete the last line.
Add regular slash wildcards to all comments! See readme.txt for commented version.


To remove borders:
1. remove the same section from layout.css for good,
2. or better override values to 0 here,
3. or best dynamically via admin/build/themes/settings/plaingrail for smooth upgrades to layout.css
#main-inner, .farleft{border-right:1px solid #eaeaea;}
#main{border-top:1px solid #eaeaea;}
*/

/* DESIGN OVERRIDES */
h1, h2, h3, h4, h5, h6 {
font-family: Verdana,Tahoma,Optima,Lucida,'Lucida Sans Unicode',sans-serif;
}

.block h2 title {
font-variant: normal;
text-transform: uppercase;
background: url('/sites/all/themes/plaingrail/images/home-lower-header.jpg') repeat-x;
line-height: 50px;
}

//TWO SIDEBARS ACTIVE
#main {
position:relative;
overflow:hidden;
clear:both;
float:left;
width:100%;
min-height:320px
}

#main-inner {
float:left;
width:200%;
position:relative;
right:100%;
background-color:#f7f9fa;
margin-left:-250px;
}

#primary ul li {
text-transform: uppercase;
}

.farleft {
float:left;
width:100%;
background-color:#f7f9fa;
margin-left:-150px;
}

#content {
float:left;
width:50%;
padding-bottom:1em
}

#content-inner {
position:relative;
left:100%;
overflow:hidden;
margin:20px 10px 20px 410px;
}

#sidebar-left {
float:right;
position:relative;
left:140px;
width:130px;
padding-left: 8px;
background: url('/sites/all/themes/plaingrail/images/sidebar-shadow-left.jpg') repeat-y;
}

#sidebar-left-inner {
margin:0;
padding:20px 10px;
}

#sidebar-right {
float:right;
position:relative;
left:520px;
width:230px;
}

#sidebar-right-inner {
margin:0;
padding:20px 0
}   


//ONE SIDEBAR ACTIVE
body.one-sidebar #main-inner {
margin-left:-300px;
}

body.one-sidebar .farleft {
margin-left:0;
}

body.one-sidebar #content-inner {
margin:20px 23px 20px 323px;
}

body.one-sidebar #sidebar-left, body.one-sidebar #sidebar-right  {
left:300px;
width:300px;
}
//NO SIDEBAR ACTIVE
.no-sidebars #content,.no-sidebars .farleft,
.no-sidebars #main-inner,.no-sidebars #main {
margin:0;
width:100%;
border-right:0
}

.no-sidebars #content-inner {
margin:0;
width:96%
}

#block-menu-secondary-links {
margin: 0;
padding: 0;
}
#block-menu-secondary-links .title {
display:none;
}
#block-menu-secondary-links ul {
margin: 0;
padding: 0;
width: 100%;
height: 60px;
background: url('/sites/all/themes/plaingrail/images/button-tile.jpg') repeat-x;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
}
#block-menu-secondary-links ul li {  
margin: 0;
padding: 0;
list-style: none;
float:left;
width: 25%;
line-height: 60px;
text-align: center;
background: url('/sites/all/themes/plaingrail/images/button-left.jpg') no-repeat;
}
#block-menu-secondary-links ul li a {  
color: #D2C696;
display: block;
line-height: 60px;
background: url('/sites/all/themes/plaingrail/images/button-right.jpg') top right no-repeat;
}
#block-menu-secondary-links .twitter div {
background: url('/sites/all/themes/plaingrail/images/icons/twitter.png') no-repeat 50px 50%;
}
#block-menu-secondary-links .facebook div {
background: url('/sites/all/themes/plaingrail/images/icons/facebook.png') no-repeat 42px 50%;
}
#block-menu-secondary-links .blogs div {
background: url('/sites/all/themes/plaingrail/images/icons/blog.png') no-repeat 60px 50%;
}
/* homepage flag block */
#block-block-2 {
margin-bottom: 0;
padding-bottom: 5px;
}

#closure-blocks {
background-color: #F7F9FA;
}

#closure-blocks .block {
float: left;
width: 33%;
}

#closure-blocks .block-inner {
padding: 30px;
}

#closure-blocks .block .content {
font-size: 12px;
line-height: 1.5em;
color: #555346;
}

#closure-blocks .block h2.title {
background: url('/sites/all/themes/plaingrail/images/home-lower-header.jpg') repeat-x;
height: 33px;
padding-top: 20px;
width: 100%;
text-align: center;
font-weight: bold;
}

#footer {
float: none;
height: 103px;
line-height: 20px;
background: #D6E2EE url('/sites/all/themes/plaingrail/images/footer-bg.jpg') repeat-x;
border: 0;
}
#footer-message {
padding: 0 12px;
}

li.menu-178 a {
font-style: italic;
}

#edit-body {
max-width: none;
}