/*  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
}

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

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

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

#bsiSiteGuideImages,
#bsiSiteGuideSummary
{
float:left;
width:860px;
margin:0px 0px 2.0em 55px;
}

#bsiSiteGuideImages .bsiSiteGuideImagesItem
{
width: 215px; 
float:left;
min-height:155px; 
}

#bsiSiteGuideSummary .bsiSiteGuideSummaryItem
{
width: 195px; 
float:left;
padding:0 10px 0 10px
}

.bsiSiteGuideImagesItem .bsiSiteGuideImagesItemTitle h2 
{
width:139px;
height:50px;
display:table-cell;
vertical-align:middle;
text-align:center;
padding:5px;
}

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

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

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

.bsiSiteGuideImagesItem .bsiSiteGuideImagesItemSlice
{
width:149px;
height:10px;
float:left;
margin:0;
}

#bsiSubjectsList ul li
{
margin:15px 0px 15px 0px;	
}

#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 */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#additionalContent address 
{
font-style: italic;
}

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

#additionalContent p 
{
padding-bottom: 8px;
}

#additionalContent ol
{
    list-style-type: decimal;
    margin: 10px 0px 10px 20px;
}

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

#additionalContent strong
{
    font-weight: bold;
}

#additionalContent em
{
    font-style: italic;
}

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

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

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

#bsiSubjectsList h2
{
padding:0;
}

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

#bsiSubjectsList ul li a
{
width:90%;
display:block;
margin:0px 0px 0px 10%;
}

#mostPopular
{
width:946px;
margin:0 auto;
padding:0 27px 0 27px;
}

#mostPopularTitle
{
width:1000px;
margin:0 auto;
}

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

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

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

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

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

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

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

.documentComments 
{
width:100%;
}

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

/* Home Template elements - end - */

/* 2. Font styles - start - */

#mainContent h1,
#bsiSiteGuideImages .bsiSiteGuideImagesItem h2,
#searchLabel label,
#bsiSubjectsList h2,
#mostPopularTitle h2
{
font-family: “Trebuchet MS”, Trebuchet MS, Georgia, serif ;
}

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

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

#bsiSiteGuideImages .bsiSiteGuideImagesItem h2
{
font-size:1.9em;
text-decoration:none;
line-height:1.0em;
}

#bsiSubjectsList h2
{
text-align:left;
}

p
{
font-size:1.2em;
}

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

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

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

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

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

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

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

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

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

#mainContent h1,
#bsiSiteGuideImages .bsiSiteGuideImagesItem p,
#searchLabel p,
#bsiSubjectsList ul li a,
#mostPopularTitle h2,
.documentPreviewBoxItem h3 a
{
text-decoration:none;
}

/* Font styles - end - */