/* 

Title:primary.css
Author:LW
URL:www.grammarface.com
Description: Primary style sheet for the GrammarFace website
Copyright:(c) Grammar Face. All Rights Reserved
Created:04/24/07
Modified:
*/

/* HACKS

----------------------------------------------- */

*{
margin:0;
padding:0;
}

/* BODY

----------------------------------------------- */

body{
background-color:#11191F;
margin:6px 0px 2px 0px;
padding:1px 0px 0px 0px;
font-family:arial,verdana,helvetica,sans-serif;
font-size:100%;
color:#FBFDFC;
}

/* LINKS

----------------------------------------------- */

a:link{
color:#900;
background-color:transparent;
text-decoration:underline;
}

a:visited{
color:#666;
background-color:transparent;
text-decoration:underline;
}

a:active{
color:#FF8040;
background-color:transparent;
text-decoration:none;
}

a:hover{
color:#45637a;
background-color:transparent;
text-decoration:none;
}

/* MAIN LAYOUT

----------------------------------------------- */

#container{
width:757px;
background-color:#D0D8DE;
border:1px solid #D0D8DE;
margin:0;
padding:5px;
margin-left:auto;
margin-right:auto;
}

#masthead{

padding:10px;
background-image:url(./img/mast-bg.jpg);
background-repeat:repeat-x;
background-color: #45637a;
border-bottom:2px solid #FCFCFC;
height:121px;
}

#navcontainer{
padding:0;
margin:0 0 3px 0;
background-color:transparent;
border-top:1px solid #AAAAAC;
border-bottom:1px solid #AAAAAC;
border-left:1px solid #AAAAAC;
text-align:center;
height:35px;
}

/* =Image trans on the homepage */

#image-win{
padding:0;
background-color:#fff;
/*border-top:7px solid #546A55;*/
color:#77787B;

}

.imagewin{
margin:2px 0 2px 0;
border:1px solid #9C9C9E;
padding:6px;
}

/* =Content headers, subpages */

#content-header{
background: #900 url(./img/content-header-bg.gif) repeat-x;
color:#77787B;
padding:5px;
border-bottom:1px solid #77787B;
}

#content-header a:link{

color:#fff;
background-color:transparent;
text-decoration:underline;

}

#content-header a:visited{

color:#e8e8e8;
background-color:transparent;
text-decoration:underline;

}

#content-header a:active{

color:#D0D053;
background-color:transparent;
text-decoration:none;

}

#content-header a:hover{

color:#e8f3ff;
background-color:transparent;
text-decoration:none;

}


#image-win a:link,#image-win a:visited{

color:#BDBEBF;
background-color:transparent;
text-decoration:none;
}

#image-win a:hover{

color:#D1D263;
background-color:transparent;
text-decoration:none;
}


.spacer{

background-color: #e8e8e8;
padding:0;
margin: 0;
border-top:1px solid #A8A8A8;
margin-top: 15px;
}

/* =Footer */

#footer{

clear:both;
padding:7px 0 4px 10px;
background-color:#FDFDFD;
color: #999999;
border-top:1px solid #525354;
font-size: 70%;
height: 100%;

}

#footer a:link{

color:#808242;
background-color:transparent;
text-decoration:underline;

}

#footer a:visited{

color:#B4B4B4;
background-color:transparent;
text-decoration:underline;

}

#footer a:active{

color:#D0D053;
background-color:transparent;
text-decoration:none;

}

#footer a:hover{

color:#535B2B;
background-color:transparent;
text-decoration:none;

}

/* =Base container, Home*/

#base-container{

background: #77787B url(./img/content-bg.gif)repeat-y;
height:1%;/* peekaboo bug fix for IE6 */

}

/* =Base container, Subpages */

#base-container-sub{

background-color: #e8e8e8;
height:1%;/* peekaboo bug fix for IE6 */

}

/* =Sidebar, Subpages */

#sidebar{
float:left;
background: #707175 url(./img/sidebar-bg.jpg) repeat-x;
padding: 0 0 140px 0;
width:218px;
font-size:75%;
}

#sidebar h3 {
margin: 0;
display:block;
border-bottom:1px solid #77787B;
background:#45637a;
padding:10px 0px;
text-decoration:none;
color:#ECECEC;
width:218px;
text-align:center;
font-weight: bold;
font-size: 90%;
}

#sidebar p{

padding: 0 0 0 20px;
margin: 0px;
color: #fff;

}

#sidebar p.center {

padding: 0px;
margin: 0px;
text-align: center;

}

/*  =Content Subpages */

#pagecontent{

float:right;
width:538px;
background-color:#e8e8e8;
font-size:75%;
overflow: hidden; /* Fix for i.e. italics bug. http://www.positioniseverything.net/explorer/italicbug-ie.html */

}


/* =LISTS

----------------------------------------------- */


#pagecontent ul{

margin: 10px 20px 10px 40px;
padding: 0px;

}

#pagecontent ol #pagecontent li{
margin: 10px 20px 10px 47px;
padding: 0px;
color: #45637a;
}

/* =IMAGES

----------------------------------------------- */

.detailed-image{

margin:15px 0 5px 25px;
padding:0;
border:4px solid #FFFFFF;

}

.thumb-image{

padding: 0;
margin:10px 19px 0 0;
border:4px solid #FFFFFF;

}

.side-image{

padding: 1px;
margin:15px 0 10px 16px;
border:4px solid #FFFFFF;

}


/* =NAVIGATION STARTS

----------------------------------------------- */

/* =Primary navigation */

ul#navbar{

display:inline;
padding:0;
margin:0;
list-style:none;

}

ul#navbar li{

float:left;
border:0;
font-size:75%;

}

#navbar a:link,#navbar a:visited,#navbar a:active{

float:left;
padding:11px 10px 9px 9px;
background: #fff url(./img/navoff.jpg) repeat-x;
color:#77787B;
text-decoration:none;
border-right:1px solid #9A9A9A;
width:88px;

}

#navbar a:hover{
padding:11px 10px 9px 9px;
background:#77787B;
color:#FFFFFF;
text-decoration:none;
border-right:1px solid #9A9A9A;

}

#navbar #currentpage{
background:#77787C  url(./img/navon.jpg) repeat-x;
border-right:1px solid #9A9A9A;
color:#FCFCFC;

}
/* =Subnavigation Starts */

#sidemenu{

padding:0;
margin:0 0 5px 0;

}

#sidemenu ul{

list-style:none;
margin:0;
padding:0;
border:none;

}

#sidemenu ul li{

margin:0;
padding:0;

}

#sidemenu ul li a{

display:block;
border-bottom:1px solid #77787B;
background:#5B5C5E;
padding:10px 0px 10px 14px;
text-decoration:none;
color:#ECECEC;
width:204px;
text-indent:10px;

}

#sidemenu ul li a:hover,#sidemenu ul li a:focus{

color:#FBFBFB;

background: #77787B  url(./img/sidenav-on.jpg) no-repeat;

}

#sidemenu .active{

color:#FBFBFB;

background: #494A4C url(./img/sidenav-on.jpg)  no-repeat;

}

/* =Search Navigation (DYNAMIC PAGES) */

ul.controls{

display:inline;
padding:0;
margin:0;
list-style:none;
border-bottom:1px solid #BFBFBF;

}

ul.controls li{

text-align: center;
float: right;

}

.controls a:link,.controls a:visited,.controls a:active{

background: #797979 url(./img/search-nav-on.jpg) repeat-x;
float:left;
padding:11px 10px 9px 9px;
color:#F8F8F8;
text-decoration:none;
border-bottom:1px solid #828282;
border-left:1px solid #828282;
font-size: 95.5%;

}

.controls a:hover{

padding:11px 10px 9px 9px;
background:#525354;
color:#FFFFFF;
text-decoration:none;
border-left:1px solid #636363;

}


/* =LOGO IMAGE REPLACEMENT

----------------------------------------------- */

#headerlogo{

display:block;
width:463px;
height:79px;
background:transparent url(./img/logo.gif) no-repeat;
margin:35px 0 0 120px;
padding:0;

}

/* =TYPOGRAPHY

----------------------------------------------- */

/* Headers */

h1,h2,h3,h4{

font-family:arial,verdana,helvetica,sans-serif;
color: #1B381C /*#EDEDED*/;
line-height:110%;

}

h1{

margin:15px 30px 5px 19px;
font-size:180%;

}

h2{

margin:15px 30px 5px 19px;
font-size:140%;

}

h3{

margin:15px 30px 5px 19px;
font-size:130%;

}

h3.date {
color: #45637a;
font-weight; normal;
font-size: 100%;
font-family: georgia,"Courier New", Courier, monospace, serif;
}

h4{

margin:15px 30px 5px 19px;
font-size:120%;

}

#content  h2{

margin:0 0 3px 20px;
padding:20px 0 25px 0;
color:#EDEDED;

font-size:150%;

}

#content  h3{

margin:8px 30px 5px 19px;
color:#EDEDED;
font-size:150%;

}

#float-a h3,#float-b  h3{

margin:0 0 3px 20px;
padding:20px 0 25px 0;
color:#EDEDED;
font-size:130%;

}

#content-header  h2{

margin:15px 30px 2px 22px;
font-size:120%;
color:#E6E6E7;
font-weight:normal;

}

.search-mod  h2{

margin:15px 30px 2px 20px;
font-size:150%;
color:#FAFAFA;
font-weight:normal;

}

/* Paras */

p{

background:transparent;
margin:5px 30px 10px 20px;
line-height: 140%;
color: #1B381C;

}

#content-header p{

background:transparent;
margin:0 20px 15px 22px;
color:#F4F5F7;
font-size:80%;

}

.search-mod p{

margin:5px 20px 10px 20px;

}

/* Featured text */

#sidebar span{

margin:5px 0 0 14px;

}

/* =ODDS AND SODS

----------------------------------------------- */

/*  =Skip and Hide */

.skip{

position:absolute;
left:-200em;
width:19em;

}


/* TABLE*/



.tableStyle{

width:95%;
margin:4px 5px 2px 15px;
border:solid #545454;
border-width:1px 0 0 1px;
border-collapse:collapse;

}

.tableStyle th,.tableStyle td{

border:solid 1px #545454;
border-width:0 1px 1px 0;
padding:0.5em;

}

/*

=End table structure

*/

/*

=Start color scheme

*/

.cScheme,.cScheme th,.ccheme td{

border-color:#545454;

}

.cScheme .even{

background-color:#8E8E8E;

}

.cScheme .odd{

background-color:#7E7E7E;

}

.cScheme th,.cScheme thead td{

background-color:#454545;
color:#FFFFFF;

}

.cScheme tr:hover{ /* row rollovers */

background-color: #707070;

}


/* Original Styles */

.paginate {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			10px;
 font-weight: 		normal;
 letter-spacing:	.1em;
 padding:			10px 25px 10px 4px;
 margin:			0;
 background-color:	transparent;
text-align: right;
}

.pagecount {
 font-family:		Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
 font-size:			10px;
 color:				#666;
 font-weight:		normal;
 background-color: transparent;
}

.calendarBG {
 background-color: #11191F;
width: 174px;
margin: 15px 0 15px 20px;
}

.calendarBlank {
 background-color: #e8f3ff;
}

.calendarHeader {
 font-weight: bold;
 color: #fff;
 text-align: center;
 background-color: #000;
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold;
 font-size:	11px;
 color: #fff;
 background-color: #45637a;
 text-align:  center;
 vertical-align: middle;
}

.calendarToday {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#ccc;
}

.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #ccc;
 background-color:  #fff;
}

.calendarCell a {
 color:             #900;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarCell a:visited {
 color:             #45737a;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #77787B;
 text-decoration:   none;
 background-color:  transparent;
}

.input {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
height:            1.6em;
padding:           .3em 0 0 2px;
margin-top:        6px;
margin-bottom:     3px;
}

.textarea {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
margin-top:        3px;
margin-bottom:     3px;
}

.checkbox {
background-color:  transparent;
margin:            3px;
padding:           0;
border:            0;
}

.submit {
background-color:  #fff;
font-family:       Arial, Verdana, Sans-serif;
font-size:         11px;
font-weight:       normal;
letter-spacing:    .1em;
padding:           1px 3px 1px 3px;
margin-top:        6px;
margin-bottom:     4px;
text-transform:    uppercase;
color:             #000;
}

div.center {text-align: center;}