/*  This is the home page css file for the BSI Draft Review System Application.
	19/09/2011 by Zebedee Creations 
	These styles cover the layout properties and font styles.
	
	Table of Contents:
		1. Home Template elements 	
		2. Font styles

*/

/* 1. Home Template elements - start - */

html { overflow-y: scroll }

#homepage #mainContent { width: 1000px; margin: 0 auto; padding: 0; }

#homepage #contentWrapper, #homepage #mostPopularWrapper, #homepage #mostPopularTitleWrapper { float:left; min-width:100%; }

#homepage #mainContent h1 { float:left; width:946px; padding:10px 27px 10px 27px; }

#homepage #siteGuideImages,
#homepage #siteGuideSummary
{
float:left;
width:860px;
margin:0px 0px 2.0em 55px;
}

#homepage #siteGuideImages .siteGuideImagesItem
{
width: 215px; 
float:left;
min-height:155px; 
}

#homepage #siteGuideSummary .siteGuideSummaryItem
{
width: 195px; 
float:left;
padding:0 10px 0 10px
}

#homepage .siteGuideImagesItem .siteGuideImagesItemTitle h2 
{
width:139px;
height:50px;
display:table-cell;
vertical-align:middle;
text-align:center;
padding:5px;
}

#homepage .findItem .siteGuideImagesItemTitle,
#homepage .shareItem .siteGuideImagesItemTitle  
{
width:148px;
min-height:59px;
float:left;
margin:86px 0 0 20px;
}

#homepage .readItem .siteGuideImagesItemTitle 
{
width:148px;
min-height:59px;
float:left;
margin:86px 0 0 21px;
}

#homepage .commentsItem .siteGuideImagesItemTitle 
{
width:148px;
min-height:59px;
float:left;
margin:86px 0 0 21px;
}

#homepage .siteGuideImagesItem .siteGuideImagesItemSlice
{
width:149px;
height:10px;
float:left;
margin:0;
}

#homepage #subjectsList ul li
{
margin:15px 0px 15px 0px;	
}

#homepage #searchformHome #searchField { margin:0 0 10px 60px; float:left; width:394px; height:4.6em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* future proofing */ -khtml-border-radius: 5px; /* for old Konqueror browsers */ }

#homepage #searchformHome { float:left; width:946px; padding:25px 27px 0 27px; border-top:1px solid #54555a; }

#homepage #searchformHome #searchField #searchInput { width:84%; height:50%; margin:9px 0 0 9px; }

#homepage #searchformHome #searchField #searchInput:focus { border: 2px solid #aaaaaa; width:84%; height:50%; margin:9px 0 0 9px; }

#homepage #searchformHome #searchField #searchSubmit { width:3.0em; height:2.0em; border:none; margin:0 0 0 0; cursor:pointer; text-indent: -999em; text-transform: capitalize; }

#homepage #searchLabel { float:left; margin:8px 0 0 0; }

#homepage #additionalContent { float:left; padding:0 27px 0 27px; }

#homepage #additionalContent h1, #homepage h2, #homepage h3, #homepage h4, #homepage h5, #homepage h6 { padding-left: 0; text-align: left; }

#homepage #additionalContent h1, #homepage #additionalContent h2, #homepage #additionalContent h3, #homepage #additionalContent h4, #homepage #additionalContent h5, #homepage #additionalContent h6 { padding-left: 0 !important; text-align: left !important; line-height: 1.5em; }

#homepage #additionalContent h1 { font-size: 2em !important; padding: 0 !important; }

#homepage #additionalContent h2 { font-size: 1.5em; margin-bottom: 10px; padding-bottom: 0; }

#homepage #additionalContent h3 { font-size: 1.3em; margin-bottom: 0; padding-bottom: 0; }

#homepage #additionalContent h4 { font-size: 1.2em; margin-bottom: 0; padding-bottom: 0; }

#homepage #additionalContent h5 { font-size: 1em; }

#homepage #additionalContent h6 { font-size: 0.9em; }

#homepage #additionalContent address { font-style: italic; }

#homepage #additionalContent pre { font-family: monospace; font-size: 1.2em; }

#homepage #additionalContent p { padding-bottom: 8px; }
 
#homepage #additionalContent ol { list-style-type: decimal; margin: 10px 0 10px 20px; }

#homepage #additionalContent ul { list-style-type:disc; margin: 10px 0 10px 20px; }

#homepage #additionalContent strong { font-weight: bold; }

#homepage #additionalContent em { font-style: italic; }

#homepage #additionalContent sup { vertical-align: super; font-size: 80%; }

#homepage #additionalContent sub { vertical-align: sub; font-size: 80%; }

#homepage #bsiSubjectsList { width:946px; float:left; padding:0 27px 15px 27px; margin:20px 0 0 0; }

#homepage #subjectsList 
{
width:946px;
float:left;
padding:0 27px 15px 27px;
margin:20px 0 0 0;
}

#homepage #subjectsList h2
{
padding:0;
}

#homepage #subjectsList ul:first-child
{
padding:0 0 0 27px !important;
}

#homepage #subjectsList ul li a
{
width:90%;
display:block;
margin:0px 0px 0px 10%;
}
#homepage #mostPopular { width:946px; margin:0 auto; padding:0 27px 0 27px; }
#homepage #mostPopularTitle { width:1000px; margin:0 auto; }

#homepage #mostPopularTitle h2 { float:left; min-height:23px; padding:6px 0 0 0; margin:19px 0 0 0; max-width:300px; }

#homepage #mostPopularTitle .mptSliceLeft { float:left; width:33px; height:44px; margin-top:5px; }

#homepage #mostPopularTitle .mptSliceRight { float:left; width:33px; height:47px; margin-top:1px; }

#homepage #mostPopular .documentPreviewBoxItem { width: 22%; float: left; padding:15px 3% 10px 0; }

#homepage .documentComments a, #homepage .documentComments span, #homepage #searchLabel label { float:left; }

#homepage .documentPreviewBoxItem p.expiryDate { margin:10px 0 10px 0; }

#homepage .documentComments a { padding: 3px 0 3px 25px; width:100%; }

#homepage .documentComments { width:100%; }

#homepage .documentComments span { padding: 3px 0 3px 25px; margin:5px 0 0 0; }

/* Home Template elements - end - */

/* 2. Font styles - start - */

#homepage #mainContent h1,
#homepage #siteGuideImages .siteGuideImagesItem h2,
#homepage #searchLabel label,
#homepage #subjectsList h2,
#homepage #mostPopularTitle h2
{
font-family: �Trebuchet MS�, Trebuchet MS, Georgia, serif ;
}

#homepage h1 { font-size:2.5em; text-align:center; }

#homepage #mainContent h1 { line-height:1.5em; }

#homepage #siteGuideImages .siteGuideImagesItem h2
{
font-size:1.9em;
text-decoration:none;
line-height:1.0em;
}

#homepage #subjectsList h2
{
text-align:left;
}

#homepage p { font-size:1.2em; }

#homepage #subjectsList ul
{
width: 24%; 
float: left; 
padding:0px 1% 0px 0px;
margin:0; 
}

#homepage #subjectsList ul li
{
line-height:1.5em; 
}

#homepage #subjectsList h2,
#homepage #searchLabel label 
{
font-size:2.2em;
line-height:1.5em;
}

#homepage #subjectsList ul li a 
{
line-height:1.5em;
font-size:1.4em;
}

#homepage #mostPopularTitle h2 { font-size:2.0em; line-height:1.2em; }

#homepage .documentPreviewBoxItem h3 a { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:1.5em; font-weight:bold; }

#homepage .documentPreviewBoxItem p.title, #homepage .documentPreviewBoxItem p.expiryDate { font-size:1.1em; }

#homepage .documentComments a, #homepage .documentComments span { font-size:1.0em; }

#homepage #subjectsList ul li a:hover,
#homepage #subjectsList ul li a:focus
{
text-decoration:underline;
}

#homepage #mainContent h1,
#homepage #siteGuideImages .siteGuideImagesItem p,
#homepage #searchLabel p,
#homepage #subjectsList ul li a,
#homepage #mostPopularTitle h2,
#homepage .documentPreviewBoxItem h3 a
{
text-decoration:none;
}

/* Font styles - end - */