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

  Boondoggle - Sibran Lens
  Sensoa
	
  1. Structure
  2. Homepage elements
  3. Navigation
  4. Searchbox
  5. Content
  6. Column03
  7. Footer
	
  always include reset.css, it will reset your style
  for all browers, it includes the clearfix	
  
  typography specs must be specified in typography.css
  form specs must be specified in forms.css
  
  ID en class naming => use capitals for seperation: navHome
  
/*-------------------------------------------------------------- */





/*------------ imports -----------*/
@import url(typography.css);
@import url(forms.css);


/*-------------------------------------------------------------------------------------  1. Structure --------------------------------*/

body       		{background: no-repeat center top;}
body#subpage 	{background: fixed center top;}
#container 		{width:960px; margin:0 auto;} 
#wrapper   		{position:relative; width:960px;}

a {outline:none;}

#header     {  }
#navigation { width:185px; background:#fff; margin:110px 0 0 0 }
#column01   { width:218px; float:left; padding:0 14px 0 0;}
#column02   { width:728px; float:left; }
#content    { width:603px; padding:20px 70px 0 55px; margin:0 0 10px 0; background:#fff; min-height:378px; height:auto !important; height:378px;}

.OneColumnLayout #cntInnerColumn01 {width:603px; padding-bottom:20px;}
.OneColumnLayout #cntInnerColumn02 {display:none;}

.TwoColumnsLayout #content {padding:20px 14px 0 55px; width:659px}
.TwoColumnsLayout #cntInnerColumn01 {width:400px; padding:0 21px 25px 0; float:left; overflow:hidden;}
.TwoColumnsLayout #cntInnerColumn02 {width:238px; padding:35px 0 20px 0; float:left; overflow:hidden;}

#bottom     { width:730px; clear:both; margin:0;}

.left    { float: left; }
.right   { float: right; }
.clear   { clear: both; }
.hide    { display: none; }
.first   { margin-top:0; padding-top:0; }
.last  	 { margin-bottom:0; padding-bottom:0; }

hr, #skipToContent {display:none; visibility:hidden;}

/* logo */
#logo {}
#logo a {display:block; width:255px; height:84px; background:url(/img/css_backgrounds/bg-logo-subpages.png) no-repeat left top; text-indent:-9999px; cursor:hand; position:absolute; left:10px; top:42px; z-index:100;}



/*-------------------------------------------------------------------------------------  2. Homepage elements -------------------------*/

/* Site Functions */
#siteFunctions {width:362px; height:109px; background:url(/img/css_backgrounds/bg-site-functions.gif) no-repeat left top; position:absolute; right:0; top:-81px;}
#siteFunctions a {outline:none;}
#siteFunctions ul {list-style:none; margin:9px 0 0 3px; padding:0}
#siteFunctions ul li {float:left; padding:0 0 0 6px;} 

#siteFunctions div {width:335px; height:28px; float:left; padding:5px 0 0 27px; }
#siteFunctions div a {display:block; height:28px; text-indent:-9999px; float:left;} 

#siteFunctions div a.functionImagesOff {width:160px; background:url(/img/css_backgrounds/bg-disableImages.gif) no-repeat left top;}
#siteFunctions div a.functionImagesOn  {width:160px; background:url(/img/css_backgrounds/bg-disableImages.gif) no-repeat left bottom;}

#siteFunctions div a.functionBgOpen {width:175px; background:url(/img/css_backgrounds/bg-siteBackgrounds.gif) no-repeat left top;}
#siteFunctions div a.functionBgClose {width:175px; background:url(/img/css_backgrounds/bg-siteBackgrounds.gif) no-repeat left bottom;}

/* Content Boxes */
#contentBoxes {width:705px; background:url(/img/css_backgrounds/bg-transparency85.png) repeat left top;  padding:20px 0 0 25px; min-height:150px; height:auto !important; height:150px;}
#contentBoxes .box {width:210px; float:left; margin:0 0 0 15px; padding:0 0 0 10px; overflow:hidden; display:inline;}
#contentBoxes .box ul {list-style:none; margin:0 0 8px 0; display:block;}
#contentBoxes .box01 ul li {background:url(/img/css_backgrounds/bg-li-narrow.gif) no-repeat left 5px; padding:0 0 0 10px;}
#contentBoxes .box02 ul li {background:url(/img/css_backgrounds/bg-li-negative.gif) no-repeat left 3px; padding:0 0 0 15px;}
#contentBoxes .box03 ul li {background:url(/img/css_backgrounds/bg-li-positive.gif) no-repeat left 6px; padding:0 0 0 12px;}

/* Overwriting Elements */
#home #logo {}
#home #logo a {width:290px; height:95px; background:url(/img/css_backgrounds/bg-logo-home.png) no-repeat left top;position:absolute; left:0; top:25px; z-index:100}
#home #navigation {position:absolute; left:27px; top:107px; margin:0}
#home #navigation ul {padding:25px 0 0 0}
#home #bottom  { width:730px; float:right}


/*-------------------------------------------------------------------------------------  3. Navigation --------------------------------*/

/* Positioning */
#navigation {float:right;}


/* Setup */
#navigation ul {list-style:none; padding:40px 0 0 0}
#navigation ul li {padding:0 0 6px 0}

a#sensoaSite {display:block; background:url(/img/css_backgrounds/bg-sensoa-site.gif) no-repeat left top; width:102px; height:40px; text-indent:-9999px; margin:27px 6px 17px 70px;}


/*-------------------------------------------------------------------------------------  4. SearchBox --------------------------------*/

#home #searchBoxWrap {width:556px; height:125px; padding:325px 0 25px 267px;}
#home #searchBox {width:556px; height:121px; background:url(/img/css_backgrounds/bg-searchBox-home.png) no-repeat left top;}

#home #searchBox .inputFieldSearch {float:left; border:none;background:transparent; width:485px; height:26px; padding:0 0 0 0; margin:62px 0 0 12px; font-size:16px; color:#e10f49; position:relative;}
#home #searchBox .inputSearchButton {background:transparent; border:none; width:48px; height:40px; border:none; float:left; margin:53px 0 0 10px; cursor:pointer;  position:relative;}

#subpage #searchBoxWrap {width:678px; height:88px; padding:17px 0 0 50px; background:url(/img/css_backgrounds/bg-searchBox.png) repeat-x left top; }
#subpage #searchBox {width:610px; height:88px; background:url(/img/css_backgrounds/bg-searchBox-subpages.png) no-repeat left top; }

#subpage #searchBox .inputFieldSearch {float:left; border:none;background:transparent; width:535px; height:24px; padding:0 0 0 0; margin:37px 0 0 12px; font-size:16px; color:#e10f49; position:relative;}
#subpage #searchBox .inputSearchButton {background:transparent; border:none; width:46px; height:30px; border:none; float:left; margin:32px 0 0 10px; cursor:pointer; position:relative}

#searchBox ul {z-index:1000;}

/*AutoComplete flyout */
.autocomplete_list
{  
    visibility:hidden;
    margin:0px!important;
    margin-top:10px!important;
		padding:0px;
    background-color:inherit;
    color:#e10f49;
    border:buttonshadow;
    border-width:1px;
    border-style:solid;
    cursor:default;
    text-align:left; 
    list-style-type:none;
    overflow:auto;
    font-weight:normal;
    font-family:tahoma;
    font-size:12px;
}

#subpage .autocomplete_list {margin-top:7px!important;}

/* AutoComplete highlighted item */
.autocomplete_highlighted_listitem
{
    background-color:#e10f49;
    color:#fff;
    padding:3px;
}

/* AutoComplete item */
.autocomplete_listItem 
{
    background-color:#fff;
    color:windowtext;
    padding:3px;
} 


/*-------------------------------------------------------------------------------------  5. Content --------------------------------*/

.sIFR-alternate br {display:none;} 

/* shortDescription */
#shortDescription {padding:0 0 10px 0; line-height:1.5em}

/* Lists */
#content ul {list-style:none; margin:8px 0}
#content ul li {background:url(/img/css_backgrounds/bg-li-positive.gif) no-repeat left 6px; padding:0 0 0 12px;}

#content ul.listPinkNarrow, ul.listPinkNegative, ul.listPinkPositive {list-style:none; margin:0 0 8px 0;}
#content ul.listPinkNarrow 	li {background:url(/img/css_backgrounds/bg-li-narrow.gif) no-repeat left 5px; padding:0 0 0 10px;}
#content ul.listPinkNegative li {background:url(/img/css_backgrounds/bg-li-negative.gif) no-repeat left 3px; padding:0 0 0 15px;}
#content ul.listPinkPositive li {background:url(/img/css_backgrounds/bg-li-positive.gif) no-repeat left 6px; padding:0 0 0 12px;}

/* Bread crumb */
#breadcrumb {margin:0 0 20px 0; list-style:none;}
#breadcrumb a#breadcrumbHome {background:url(/img/css_backgrounds/bg-ico-home.gif) no-repeat left 2px; padding:0 0 0 20px}
#breadcrumb span {padding:0 7px}

/* Layout elements cntInnerColumn01 */
#cntInnerColumn01 img {padding:7px 10px 0px 10px ;}
#cntInnerColumn01 img.imgAlignLeft {padding-left:0px; float:left;}
#cntInnerColumn01 img.imgAlignRight {padding-right:0px; float:right;}
#cntInnerColumn01 ol {margin:0 0 0 25px;}


/* Box cntInnerColumn02 */
.boxTitle {width:238px; background:url(/img/css_backgrounds/bg-box-pink-top.gif) no-repeat left top; padding:5px 0 0 0; overflow:hidden}
.boxTitle h2 {width:202px; background:url(/img/css_backgrounds/bg-box-pink-bottom.gif) no-repeat left bottom; padding:0 30px 5px 6px; margin:0;}

.boxContent {padding:5px 0 15px 0}
.boxContent ul {list-style:none; margin:0 0 8px 4px}

.boxContent ul.listPinkNegative {margin-left:15px}

/* overview */
#content ul#overview {list-style:none; margin:0; padding:15px 0 0 0}
#content ul#overview li {background:url(/img/css_backgrounds/bg-li-news.gif) no-repeat left 6px; padding:0 0 10px 15px;}
#content ul#overview li p.date {margin:0 0 0 0; padding:0;}
#content ul#overview li p.overviewLink {margin:-10px 0 10px 0;}
#content ul#overview li p.overviewLink img {padding:0}

#content ul#archive {list-style:none; margin:0; padding:0 0 15px 0;}
#content ul#archive li {clear:both; padding:0; background:none;}
#content ul#archive li div.archiveDate {width:70px; float:left;}
#content ul#archive li div.archiveTitle {width:500px; float:left;}

/* search result */
#content ul#searchResult {list-style:none; margin:0; padding:0 120px 0 0}
#content ul#searchResult li {background:url(/img/css_backgrounds/bg-li-news.gif) no-repeat left 6px; padding:0 0 10px 15px; clear:both;}
#content ul#searchResult li p {margin:0 0 3px 0; padding:0;}

#content #tabs {width:580px; height:21px; background:url(/img/css_backgrounds/bg-tabs-cross.gif) no-repeat right bottom; padding:0 0 1px 5px; float:left; margin:10px 0 15px 0}
#content #tabs a {display:block; height:21px; background-image:url(/img/css_backgrounds/bg-tabs.gif); background-position:left bottom; text-indent:-9999px; float:left; margin:0 15px 0 0; outline:none;}

#content #tabs a.tabsQuestions {width:206px; background-position:left bottom;}
#content #tabs a.tabsQuestions:hover, #content #tabs a.tabsQuestionsActive {width:206px; background-position:left top;}
#content #tabs a.tabsStories {width:93px; background-position:-219px bottom;}
#content #tabs a.tabsStories:hover, #content #tabs a.tabsStoriesActive {width:93px; background-position:-219px top;}
#content #tabs a.tabsNews {width:72px; background-position:-319px bottom;}
#content #tabs a.tabsNews:hover, #content #tabs a.tabsNewsActive {width:72px; background-position:-319px top;}

/* search result paging */
#content ul#paging {list-style:none; padding:15px 0;}
#content ul#paging li {background:none; float:left; padding:3px 0 0 0; letter-spacing:5px}
#content ul#paging li a {letter-spacing:0px; padding:0 5px 0 0}
#content ul#paging li.previous {padding-right:15px; margin:-3px 0 0 0}
#content ul#paging li.next {padding-left:15px; margin:-3px 0 0 0}
#content ul#paging li img {padding:0;}

/* poll */
#pollStats {background:url(/img/css_backgrounds/bg-pollStats.gif) no-repeat left top; width:450px; height:66px; padding:10px 0 0 5px; margin:0 0 15px 0}
.pollQuestions {margin:0 0 20px 5px}
#poll_rblGender {display:block;}

/* forum button */
#subpage img#btnForum {display:block;}

/*-------------------------------------------------------------------------------------  6. Banners --------------------------------*/

/* leaderboard */
.leaderboard {width:100%; background:#c0c0c0; padding:6px 0; overflow:hidden; clear:both; text-align:right;}
.leaderboard .cntHolder {width:960px; height:90px; margin:0 auto;}

/* skyscraper */
#skyscraper {position:absolute; top:0; right:-166px; width:160px; height:600px; border:3px solid #fff; text-align:right; background:#fff;}

/* add this class to .leaderboard or #skyscraper to disable banners */
.bannersOFF {display:none;}

/*-------------------------------------------------------------------------------------  7. Footer --------------------------------*/

/*  Setup */
#footer {height:51px; overflow:hidden; background:#fff; clear:both;}
#footer img {float:left; padding:6px 0 0 48px}
#footer ul {list-style:none; float: right;}
#footer ul li {float: left; padding:15px 0 0 0}