/* ======================================================================

   TEACHING EXCELLENCE NETWORK // A Golden Apple Program
   (c) 2007 Golden Apple Foundation, All Rights Reserved.

   Stylesheet prepared by Naz Hamid for +PLUS Chicago / Weightshift

 ======================================================================== */

/*----------------------------------------------------------------------- 
   Standard styles
 ------------------------------------------------------------------------ */
 
* { margin: 0; padding: 0; }

body {
color: #444;
background: url(gfx/bg.png) top repeat-x #FFF;
font-family: georgia, verdana, times new roman, serif; 
font-size: 13px;
line-height: 20px;
margin-bottom: 20px; 
min-width: 940px;
}

p { padding: 0px 0px 16px 0px; line-height: 20px; }

a:link { color: #006699; text-decoration: none; font-weight: bold; }
a:visited { color: #006699; text-decoration: none; font-weight: bold; }
a:hover { color: #0099cc; text-decoration: underline; font-weight: bold; }
a:active { color: #006699; text-decoration: none; font-weight: bold; }

h2 a:link { color: #cc6600; text-decoration: none; font-weight: bold; }
h2 a:visited { color: #cc6600; text-decoration: none; font-weight: bold; }
h2 a:hover { color: #cc6600; text-decoration: underline; font-weight: bold; }
h2 a:active { color: #cc6600; text-decoration: none; font-weight: bold; }

h1 { color: #663300; font-family: helvetica neue, arial, sans; font-size: 24px; }

h2 { color: #663300; font-family: helvetica neue, arial, sans; font-size: 18px; margin-bottom: 4px; }

h3 { color: #663300; font-family: helvetica neue, arial, sans; font-size: 13px; text-transform: uppercase;  }

h4 { font-family: arial, sans; font-size: 12px; text-transform: uppercase; }

img { border: 0; }

img.left { float: left; padding: 2px; margin: 0px 5px 0px 0px; }
img.right { float: right; padding: 2px; margin: 0px 0px 0px 5px; }
img.center { margin-left: auto; margin-right: auto; }

blockquote {
font-size: 12px; 
padding: 0px 20px 0px 20px; 
}

ol {
padding: 0 20px 16px 40px;
}

li { line-height: 20px; margin-bottom: 5px; }

select { font-size: 11px; width: 200px; border: 1px solid #999; background-color: #fff; }

#remember input { padding-right: 10px; }

ul, ol {
margin: 0 14px 14px 14px;
}

/*----------------------------------------------------------------------- 
   Layout styles
 ------------------------------------------------------------------------ */

#masthead {
width: 942px;
height: 121px;
background: url(gfx/masthead.jpg) no-repeat;
margin: 0 auto 0 auto;
}

#masthead-blank {
width: 942px;
height: 121px;
background: url(gfx/masthead_blank.jpg) no-repeat;
margin: 0 auto 0 auto;
}

#masthead-forum {
width: 942px;
height: 121px;
background: url(gfx/masthead_forum.jpg) no-repeat;
margin: 0 auto 0 auto;
}

#panel {
float: left;
width: 340px;
padding: 15px 15px 0px 15px;
}

#masthead-empty {
float: left;
width: 570px;
padding: 0;
margin: 0;
}

#search {
float: left;
width: 160px;
padding: 15px 15px 0px 15px;
margin: 35px 0px 0px 0px;
}

#search input { float: left; color: #999; }

#search input.btn { margin-left: 5px; }

#search input.textbox { clear: both; width: 105px; font: 11px arial; padding: 2px; margin-bottom: 10px; }

#signin {
float: left;
width: 150px;
padding: 15px 15px 0px 15px;
margin: 10px 0px 0px 0px;
z-index 3;
}

#signin input { float: left; margin-top: 10px; color: #999; }

#signin input.btn { margin-left: 5px; }

#signin input.textbox { width: 105px; font: 11px arial; padding: 2px; }

#forum-panel {
float: left;
width: 150px;
padding: 18px 15px 0px 15px;
margin: 0px 0px 0px 0px;
}

#frame {
width: 900px;
background-color: #FFF;
text-align: left; 
margin: 0 auto 0 auto;
padding: 20px; 
}

#welcome {
width: 900px;
height: 123px;
background: url(gfx/bg_welcome.jpg) no-repeat;
margin-bottom: 20px; 
}

#welcome h1 { color: #663300; padding: 15px 15px 5px 15px; }

#welcome p { font: 12px arial; line-height: 18px; padding: 0 550px 15px 15px; }

#front-left {
float: left;
width: 500px;
background: url(gfx/bg_blog_front.png) no-repeat;
padding: 60px 15px 15px 15px;
margin: 0px 20px 0px 0px;
}

.front-readmore {
float: right;
margin: -43px 0px 0px 0px; 
}

.front-blog-left {
float: left; 
width: 125px;
padding: 0px 15px 0px 10px; 
}

.front-blog-right {
float: left; 
width: 315px; 
padding: 0px 15px 0px 15px; 
}

#front-left h2 { padding-bottom: 5px; line-height: 22px; }

#front-right {
float: left;
width: 320px;
margin: 0;
}

#front-community {
width: 320px;
background: url(gfx/bg_community_front.png) repeat-y;
padding: 60px 15px 0px 15px;
margin: 0;
}

#front-community h2 { padding: 0px 0px 3px 0px; }
#front-community p { font: 12px arial; line-height: 18px; margin-bottom: -5px; }

#front-community-end {
width: 350px;
height: 22px;
background: url(gfx/bg_community_front_end.png) no-repeat;
margin: 0;
}

#subnav {
float: left;
width: 170px;  
}

#subnav ul  {
font: 12px arial;
list-style: none;
padding: 0 0 0 3px;
margin: 3px 0 0 0;
}

#subnav li  {
line-height: 18px;
background: url(gfx/subnav_caret.gif) no-repeat 0 50%;
padding: 0 0 0 17px;
margin: 0;
}

#subnav a { color: #cc6600; }

#signin ul {
font: 12px arial;
list-style: none;
padding: 0 0 0 3px;
margin: 6px 0 0 0;
}

#forum-panel ul  {
font: 11px arial;
list-style: none;
padding: 0 0 0 3px;
margin: 3px 0 0 0;
}

#signin li, #forum-panel li  {
line-height: 18px;
background: url(gfx/login_caret.gif) no-repeat 0 50%;
padding: 0 0 0 17px;
margin: 0;
}


#profile-menu ul {
font: 12px arial;
list-style-image: url(gfx/member_caret.gif);
list-style-type: bullet; 
margin: 3px 0 10px 0px;
padding: 0 0 0 18px;
}

#profile-menu li {
line-height: 18px;
margin: 0; 
padding: 0 0 3px 0;
}


#col-content {
float: left;
width: 519px;
padding: 0px 20px 20px 20px;
margin-right: 10px;
border-left: 1px dotted #ccc; 
}

#col-content h1 { margin-bottom: 20px; }

#col-content h4 { text-transform: uppercase; }

#col-content-wide {
float: left;
width: 900px;
}

#col-content-semiwide {
float: left;
width: 689px;
padding: 0px 20px 20px 20px;
border-left: 1px dotted #ccc; 
}

#col-two {
float: left;
width: 140px;
padding: 10px;
}

.col-two {
float: left;
width: 180px;
}

#blog {
width: 900px;
background: url(gfx/bg_blog.png) no-repeat;
}

.blog-rsslink {
float: right;
margin: 20px 20px 0px 0px; 
}

#blog-left {
float: left;
width: 605px;
padding: 15px;
margin: 45px 10px 0px 0px; 
}

.blog-date {
float: left;
width: 125px;
padding: 0 15px 15px 15px;
}

.blog-post {
float: left;
width: 420px;
padding: 0px 0px 0px 15px;
}

.blog-post ul {
padding: 0px 0px 10px 18px;
}

.blog-post h2 { padding-bottom: 5px; line-height: 18px; }

#blog-sidebar {
float: left;
width: 225px;
font: 13px arial;
line-height: 18px;
padding: 15px;
margin-top: 16px;
}

#blog-sidebar h4 { margin-bottom: 3px; }

#blog-sidebar ul {
list-style: none;
margin: -10px 0px 16px 0px;
}


#footer {
width: 940px;
font: 11px arial;
line-height: 16px;   
border-top: 5px solid #153749;
margin: 0px auto 0 auto; 
}

.footer-left {
width: 550px;
}

a.footer {
float: left;
width: 79px;
color: #cc6600;
border-left: 1px solid #CCC;
padding: 3px 5px 3px 10px;
margin: 5px 0px 0px 0px;
}

a.footer-noside {
float: left;
width: 80px;
color: #cc6600;
padding: 3px 5px 3px 10px;
margin: 5px 0px 0px 0px;
}

.footer-right {
float: left; 
width: 350px;
padding: 10px; 
}

fieldset { border: 1px solid #ccc; margin: 10px 0px 16px 0px; padding: 10px; }

select { padding: 2px; font: 12px arial; }

select.search { width: 250px; font: 12px arial; padding: 2px; }


/*----------------------------------------------------------------------- 
   Table styles
 ------------------------------------------------------------------------ */
/*

table.tableborder, table.tableBorder {
	width: 100%;
	margin-bottom: 10px;
}

table.tableBorder th, table.tableBorder td {
	padding:		5px;
	font: 12px arial; 
}

table.tableBorder td {
border-bottom: 1px solid #CCC;
}

.tableCellTwo {
padding: 2px;
background-color: #eee7e1;
}

th {
	color:			#fff;
	font: 			13px arial;
	font-weight: 	bold;
	background-color: #96917c;
}
*/

    Table Formatting
------------------------------------------------------ */ 
.border {
 border:     		1px solid #CCCCCC;
 padding:			0;
 margin-top:        1px;
 margin-bottom:     3px;
}
.tableBorder {
 border-left:     	0px;
 padding:			0;
 margin-top:        1px;
 margin-bottom:     3px;
}
.tableBorderLeft {
 border-left:      1px solid #CCCCCC;
 padding:			0;
 margin-top:        1px;
 margin-bottom:     3px;
}
.tableBorderTopLeft {
 border-top:     	1px solid #CCCCCC;
 border-left:     	1px solid #CCCCCC;
 padding:			0;
 margin-top:        1px;
 margin-bottom:     3px;
}
.tableBorderPad {
 border:      		1px solid #CCCCCC;
 padding:			1px;
 margin-top:        1px;
 margin-bottom:     3px;
}
.threadBorder {
 border-left:      1px solid #CCCCCC;
 padding:			0;
 margin:			0 0 8px 0;
}
.tableBG {
 background-color: #F0F0F0;
}

.tablePad {
 padding:  0 2px 4px 2px;
}

.tableHeadingBG {
 background: #17394c url(ee/modules/forum/forum_themes/developer/images/bg_table_heading.jpg) repeat-x left top;
 color:             #fff;
 padding:           8px 8px 8px 8px;
}
.tableHeading {
 font-size:         13px;
 font-weight:		bold;
 color:             #fff;
 padding:           0;
 margin:			0;
 background-color:  transparent; 
 white-space: 		nowrap;
}
.tableHeadingSmall {
 font-size:         12px;
 font-weight:		normal;
 color:             #fff;
 padding:           0;
 margin:			0;
 background-color:  transparent;  
}
.tableRowHeadingBold {
 font-weight: bold;
}
.tableRowSpacer {
 background: 		#FBFBFD;
 padding:           0;
}

.tableCellOne {
 font-size:         13px;
 color:             #38394B;
 padding:           10px;
 border-top:        1px solid #fff;
 border-bottom:     1px solid #CCC;
 border-left:       0;
 border-right:      1px solid #CCC;
}
.tableCellTwo {
 font-size:         12px;
 color:             #38394B;
 padding:           10px;
 border-top:        1px solid #fff;
 border-bottom:     1px solid #CCC;
 border-left:       0;
 border-right:      1px solid #CCC;
}

.tableRowHeading, .tableRowHeadingBold {
 background: #ccc url(ee/modules/forum/forum_themes/developer/images/bg_table_row_heading.jpg) repeat-x left top;
 font-family: arial; 
 font-weight: bold;
 font-size:         12px;
 padding:           6px 10px 6px 6px;
 border-top:        1px solid #ccc;
 border-bottom:     1px solid #ccc;
}

 .tableHeading { color: #fff; font-size: 16px; font-family: helvetica neue, helvetica, arial; font-weight: bold; }
 .tableRowHeadingBold, .itempad { font-size: 13px; font-family: arial; font-weight: bold; }
 .forumName, .topicTitle { font-size: 16px; font-family: helvetica neue, helvetica, arial; font-weight: bold; }
 
 .topicTitle a { color: #cc6600; }
 
 .smallLinks { font-size: 11px; font-family: arial; font-weight: bold; }
 
.defaultBold { font-weight: bold; }
td.tableRowHeadingBold { color: #2e5467; font-size: 16px; font-family: arial; font-weight: bold; }

.action  {
line-height: 18px;
background: url(gfx/subnav_caret.gif) no-repeat 0 50%;
padding: 0 0 0 17px;
margin: 0;
}

.tablePostInfo {
 font: 12px arial;
 font-size:         12px;
 background-color:  transparent;  
}

.ignored {
 border:     		1px solid #B2B3CE;
 padding:			0;
 margin-top:        1px;
 margin-bottom:     8px;
}

a.altlinks { color: #fff; font: 13px arial; font-weight: bold; }


/*
    
    Formatting
	This controls the look of the various buttons, like
	the "NEW TOPIC" and "POST REPLY" buttons
------------------------------------------------------ */ 

.button {
 width:				70px;
 background-color: 	transparent;
}
.button40 {
 width:				40px;
 background-color: 	transparent;
}
.button80 {
 width:				40px;
 background-color: 	transparent;
}
.button100 {
 width:				60px;
 background-color: 	transparent;
}
.button150 {
 width:				100px;
 background-color: 	transparent;
}
.button210 {
 width:				145px;
 background-color: 	transparent;
}
.buttonSpacer{
 margin:	0 0 0 6px;
}
.buttonLarge {
 background: #ff6600 url(ee/modules/forum/forum_themes/developer/images/nav_tab_bg.jpg) repeat-x left top;
 text-transform:    uppercase;
 font-family:       Arial, Sans-serif;
 font-size:         11px;
 text-align:		center;
 color:				#fff;
 font-weight:		bold;
 padding:           4px 6px 3px 6px;
 margin:     		2px 0 4px 0;
 white-space: 		nowrap;
 cursor: pointer;
}
.buttonLargeHover {
 background: #ff6600 url(ee/modules/forum/forum_themes/developer/images/nav_tab_bg_on.jpg) repeat-x left top;
 text-transform:    uppercase;
 font-family:       Arial, Sans-serif;
 font-size:         11px;
 text-align:		center;
 color:				#fff;
 font-weight:		bold;
 padding:           4px 6px 3px 6px;
 margin:     		2px 0 4px 0;
 white-space: 		nowrap;
 cursor: pointer;
}


.buttonSmall {
 background: #918972 url(ee/modules/forum/forum_themes/developer/images/nav_tab_bg_sm.jpg) repeat-x left top;
 text-transform:    uppercase;
 font-family:       Arial, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 text-align:		center;
 color:				#663300;
 padding:           2px 3px 1px 3px;
 margin:     		0 2px 0 3px;
 white-space: 		nowrap;
 cursor: pointer;
}

.buttonSmallHover {
 background: 		#32586b;
 background: #32586b url(ee/modules/forum/forum_themes/developer/images/nav_tab_bg_sm_on.jpg) repeat-x left top;
 text-transform:    uppercase;
 font-family:       Arial, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 text-align:		center;
 color:				#663300;
 padding:           2px 2px 1px 3px;
 margin:     		0 3px 0 3px;
 white-space: 		nowrap;
 cursor: pointer;
}


/*----------------------------------------------------------------------- 
   Nav styles
 ------------------------------------------------------------------------ */

#nav {
width: 942px;
height: 39px;
background: url(gfx/nav.png);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top: 0px;
margin: 0 auto 0 auto;
}

#nav span { display: none; }

#nav li { margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0px; }

#nav li, #nav a { height: 39px; display: block; }
#nav1 { left: 0px; width: 191px; }
#nav2 { left: 191px; width: 190px; }
#nav3 { left: 381px; width: 190px; }
#nav4 { left: 571px; width: 190px; }
#nav5 { left: 761px; width: 180px; }

#nav1 a:hover { background: transparent url(gfx/nav.png) 0px -39px no-repeat;}
#nav2 a:hover { background: transparent url(gfx/nav.png) -191px -39px no-repeat;}
#nav3 a:hover { background: transparent url(gfx/nav.png) -381px -39px no-repeat;}
#nav4 a:hover { background: transparent url(gfx/nav.png) -571px -39px no-repeat;}
#nav5 a:hover { background: transparent url(gfx/nav.png) -761px -39px no-repeat;}



/*----------------------------------------------------------------------- 
   Classes
 ------------------------------------------------------------------------ */

.xs { font-size: 10px; }
.s, .note_link_back { font-size: 11px; line-height: 16px; }
.m { font-size: 12px; }

.b { font-weight: bold; }

.sans { font-family: arial; }

.quote { color: #999; font: bold 18px arial; margin-top: 60px; }

.dotted { clear: both; height: 1px; background: url(gfx/dotted_rule.gif) repeat-x 0 50%; margin-bottom: 10px; }


.up { text-transform: uppercase; }
.rss { color: #f60; line-height: 26px; }

.search { width: 160px; padding: 1px; font-family: georgia, times new roman, serif; font-size: 11px; }

.light-grey { color: #777; }
.label { color: #663300; }

.permalink { font: 11px arial; text-transform: uppercase; }

a.continue { background: url(gfx/icon_continue.gif) no-repeat 0 50%; padding-left: 15px; margin-right: 20px; }
a.comment { background: url(gfx/icon_comment.gif) no-repeat 0 50%; padding-left: 15px;}

.red { color: #cc0000; }





/*----------------------------------------------------------------------- 
   Forums (community) 
  ------------------------------------------------------------------------ */
 
#frame-forum {
width: 900px;
background-color: #FFF;
text-align: left; 
margin: 0 auto 0 auto;
padding: 20px; 
}


 
 /* Classes */
 
.htmlButtonInner { margin-right: 15px; }