@import "news.css";
@import "calendar.css";
@import "contentblock.css";
@import "comments.css";

/* --------------------------------------------------
Standard Stylesheet for 'most' browsers!
website:  http://www.uptonmeadows.northants.sch.uk
date:     2008.07
author:   Mike @ e4education
-------------------------------------------------- */

/* Remove default margins & paddings
-------------------------------------------------- */
*                                 {margin: 0; padding: 0; font-weight: normal; font-style: normal; font-size: 100%; color: inherit;}

/* icons and styles for file attachments
-------------------------------------------------- */
ul.fileAttachmentList                               {min-height: 40px; padding: 0 0 20px 0; margin: 0;}
ul.fileAttachmentList li                            {list-style-type: none; height: 35px; padding-left: 40px; padding-top: 20px; margin-bottom: -10px; background-position: left; background-repeat: no-repeat; }
ul.podcastList li                                   {height: auto !important; }
ul.podcastList li.attachmentDownload_mp3            {background-position: top left;}
ul.fileAttachmentList li.attachmentDownload_doc 	{background-image: url(../images/icons/doc.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_mp3 	{background-image: url(../images/icons/mp3.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_pdf 	{background-image: url(../images/icons/pdf.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_pub 	{background-image: url(../images/icons/pub.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_zip 	{background-image: url(../images/icons/zip.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_jpg 	{background-image: url(../images/icons/jpg.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_jpeg 	{background-image: url(../images/icons/jpeg.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_gif 	{background-image: url(../images/icons/gif.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_xls 	{background-image: url(../images/icons/xls.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_ppt 	{background-image: url(../images/icons/ppt.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_rar 	{background-image: url(../images/icons/rar.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_rtf 	{background-image: url(../images/icons/rtf.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_txt 	{background-image: url(../images/icons/txt.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_csv		{background-image: url(../images/icons/csv.gif)  !important;}
ul.fileAttachmentList li.attachmentDownload_png		{background-image: url(../images/icons/png.gif)  !important;}

/* Base styles, typography & alignments
-------------------------------------------------- */
body                              {margin: 0px auto; background: #00A54F; font-family: Arial, Helvetica, sans-serif; font-size: 80%; line-height: 170%; text-align: center; color: #333;}

h1, h2, h3, h4, h5, h6            {font-weight: bold; line-height: 100%; color: #126EB7;}
h1                                {margin-bottom: 10px; font-size: 150%;}
h2                                {margin-bottom: 10px; font-size: 140%;}
h3                                {margin-bottom: 5px; font-size: 130%;}
h4                                {margin-bottom: 5px; font-size: 120%;}
h5                                {margin-bottom: 5px; font-size: 110%;}
h6                                {margin-bottom: 5px; font-size: 100%;}

p                                 {margin-bottom: 1em;}

a                                 {background: #D1E9FB; color: #333;}
a:hover                           {background: #BFFFDE; color: #000;}

strong, b                         {font-weight: bold;}
em, i                             {font-style: italic;}

ul, ol                            {margin: 0 0 20px 10px; font-family: inherit;}
ul li ul, ol li ol,
ul li ul li ul,
ol li ol li ol,
ol li ol li ol li ol,
ul li ul li ul li ul              {margin-bottom: 3px;}
li                                {margin-left: 25px;}

img.left                          {float: left; margin: 0 10px 10px 0;}
img.right                         {float: right; margin: 0 0 10px 10px;}

.left                             {float: left;}
.right                            {float: right;}
.center                           {margin: 0 auto; text-align: center;}

form                              {margin-bottom: 20px;}
fieldset                          {border: 0;}
input, textarea, select           {margin-bottom: 10px; padding: 3px; font-family: Verdana, Arial, sans-serif; font-size: 90%;}
input.button                      {margin-left: 210px; width: 100px;}

.error                            {padding-left: 20px; color:#f00;}
.caption                          {font-style: italic; font-size: 90%;}
.noShow                           {display: none;}

hr.cleaner                        {visibility: hidden; clear: both; margin: -1px 0 0 0; padding: 0; height: 1px; border: none;}
.clear:after                      {content: "."; display: block; clear:both; height: 0; visibility: hidden;}


/* Structure and DIV specific styling
-------------------------------------------------- */
#container	                      {width: 100%; background: url(../images/design/page_bg.jpg) repeat-x top; text-align: left;}

#header		                      {width: 100%; height: 216px; color: #FFF;}
#header h1, #header h2	          {display: none;}

#schoolImage                      {width: 100%; height: 216px; overflow: auto;}
#schoolImage #imageHolder         {height: 216px; background: url(../images/design/header_bg.jpg) no-repeat top;}

#menu	                          {width: 100%; text-align: center;}
#menu ul	                      {position: relative; margin: -10px auto 0; padding: 0 0 0 2px; width: 960px; height: 51px; background: url(../images/design/nav_separator.jpg) no-repeat left bottom; text-align: center;}
#menu li 	                      {display: inline; float: left; margin: 0; padding: 0; list-style: none;}
#menu li a	                      {display: block; margin: 10px 0 0; padding: 10px 12px; background: url(../images/design/nav_separator.jpg) no-repeat right bottom; text-decoration: none; font-weight: bold; font-size: 150%; color: #FFF;}
#menu li a:hover	              {margin: 0; border-top: 10px solid #00A54F; color: #CCC;}
#menu .mainMenuSelected a         {margin: 0; background: #2DA4FF url(../images/design/nav_active_separator.jpg) no-repeat right bottom; border-top: 10px solid #FFF100;}
#menu .mainMenuSelected a:hover   {margin: 0; background: #2DA4FF url(../images/design/nav_active_separator.jpg) no-repeat right bottom; border-top: 10px solid #FFF100; color: #FFF; cursor: default;}
 
#main	                          {clear: both; width: 100%; background: #FAFAFA;}

#inPageWrapper                    {width: 100%; background: #2DA4FF;}

#subnav                           {margin: 0 auto; width: 900px; font-weight: bold;}
#subnav ul                        {margin: 0; padding: 5px 0; border-bottom: 1px solid #FFF;}
#subnav li                        {display: inline; margin: 0; padding: 0 7px 0 14px; background: url(../images/design/subnav_bullet.gif) no-repeat left;}
#subnav li:first-child            {padding: 0 7px 0 0; background-image: none;}
#subnav a                         {background: none; text-decoration: none; font-weight: bold; color: #FFF;}
#subnav a:hover                   {text-decoration: underline; color: #CCC;}

#breadcrumbs                      {margin: 0 auto; padding: 6px 0; width: 900px; font-size: 90%; color: #FFF;}
#breadcrumbs p                    {display: inline; float: left; margin: 0 6px 5px 0; font-weight: bold;}
#breadcrumbs ul                   {display: inline; float: left; margin: 0; list-style: none;}
#breadcrumbs li                   {display: inline; margin: 0; padding: 0;}
#breadcrumbs a                    {background: none; text-decoration: none; color: #FFF;}
#breadcrumbs a:hover              {text-decoration: underline; color: #CCC;}

#dateTime                         {float: right; text-align: right;}

#contentWrapper                   {margin: 0 auto; padding: 0; width: 960px;}

#content                          {clear: both; padding: 10px 30px 20px; background: #FAFAFA;}

.forcer                           {float: left;	width: 0px; height: 250px;}

.imageFooterMiddle                {padding-bottom: 20px; /* Enough room for 4 lines of text */ padding-top: 5px; line-height: 120%; font-size: 90% !important;}

.newsItem h2                      {background: none; font-size: 110%;}

#newsFeeds                        {margin: 30px 10px 0px; font-size: 90%;}
#newsFeeds li                     {list-style: none;}
#newsFeeds li a                   {font-size: 110%;}
#newsFeeds img                    {margin: 0px 10px 0px 0px; padding: 0;}

#footerWrapper                    {clear: both; width: 100%; background: #00A54F url(../images/design/footer_bg.jpg) repeat-x center top; font-size: 80%;}
#footer                           {margin: 0 auto; padding: 60px 0 20px; width: 960px; background: url(../images/design/footer_inner_bg.gif) no-repeat left top; text-align: right; color: #FFF;}
#footer p                         {margin: 0;}
#footer a                         {background: none; color: #FFF;}
#footer a:hover                   {color: #CCC;}

/* homepage-specific bits */
#homepageStars                    {margin: 20px 0; padding: 0 0 10px; width: 321px; background: url(../images/design/stars_bottom.jpg) no-repeat bottom;}
#homepageStars h2                 {padding: 70px 0 0 25px; background: url(../images/design/stars_top.jpg) no-repeat top; font-size: 120%;}
#homepageStars strong             {color: #2BA5FF;}
#homepageStars #starsLeft         {display: inline; float: left; padding: 0 0 10px 25px; width: 120px;}
#homepageStars #starsLeft         {display: inline; float: left; width: 150px;}

/* Required for the editor in the backend. Make sure background images etc are removed in this attrubute... */
#editor                           {margin: 0px; padding: 0px; width: 900px; min-height: 590px; background-image: none; background-color: #FAFAFA; border: 5px solid #898989; text-align: left; color: #333;}

#editor #mainContent,
#editor #subContent               {border-right: 1px solid #cacaca; min-height: 590px; }

#mainContent                      {float: right; margin: 0; padding: 0; width: 620px;}
#mainContent.twoColumns           {width: 620px;}

#subContent                       {float: left; margin: 0; padding: 0; width: 250px;}

#editor #homeMainContent,
#editor #homeSubContent           {border-right: 1px solid #cacaca; min-height: 590px; }

#homeMainContent                  {float: right; margin: 0; padding: 0; width: 550px;}
#homeMainContent.twoColumns       {width: 550px;}

#homeSubContent                   {float: left; margin: 0; padding: 0; width: 321px;}