/*

 SilverStripe BlackCandy Theme

 http://www.silverstripe.com

 */

 

/************

  * Misc Styles and defaults 

  */

  

* {

	margin: 0;

	padding: 0;

}

body { 

 	font-size: 62.5%; 

 	margin-bottom: 40px;

	font-family: Verdana, Lucida, sans-serif; 

}



table {

	border-collapse: collapse; margin:auto;

	border-spacing: 0; 

}

caption, th, td {

	text-align: left; border:Opx; border-color:#FFFFFF;

	font-weight: normal;

}



html {

	background: #626467 url(../images/bkg.jpg) no-repeat;

	background-position:center; background-position:top; background-color:#FFFFFF;

}

.clear{

	clear:both;

}

img {

	border: 4px solid #E9E9E9;

}

/**************

 	Site Container Box

*/

#BgContainer {

	width: 800px;  

	margin: 0 auto;

}

#Container { 

	width: 800px;

	padding-bottom: 15px;

	background: #fff url(../images/bodybg.jpg) no-repeat ; background-position:top;

	}

#Layout {

	width: 760px;

	clear: both;

	overflow: hidden;

	margin: 5px auto;

}

#Content {

	width: 538px;

	float: right; 	

	margin: 0;

	text-align: left;

}

/** Header **/



#Header {

    width:800px;

	height: 100px;

	background: #fff;

}



/*-------------- Logo --------------*/



#Logo {

	margin-top:30px;

	float: left;

}



#Logo h1 {

	margin: 0;

	padding: 0 0 0 78px;

	text-transform: lowercase;

	letter-spacing: -3px;

	font-size: 40px;

	color: #FFFFFF;

}



#Logo h1 a {

	text-decoration: none;

	color: #FFFFFF;

}





/*** Main Nav ***/

#Navigation {

	width: 768px;

	margin: 0 auto;

	padding-top: 0px;

	overflow: hidden;

	background: #5F70A2 url(../images/headerRounded.gif) no-repeat center bottom;

}

#Navigation ul { 

 	float: right; 

	margin-right: 10px;

	}

	#Navigation ul li { 

	 	list-style: none; 

		margin: 0 2px; 

		float: left;

		line-height: 2.8em;

		display: block;

		}

  		#Navigation ul li a { 

			float: left;

			text-decoration: none;

			display: block; 

			height: 2.3em; 

			font-size: 1.2em; 

			padding: 0 0 0 10px;

			color: #fff;

			}

		#Navigation ul li a span {

			text-align: center;

	        float: left;

			padding-right: 10px;

			height: 2.3em;

 

		}

			#Navigation ul li a:hover { 

			 	background: #909CBE url(../images/hoverTabLeft.gif) no-repeat left top; 

				color: #fff;

				cursor: pointer;

				}

			#Navigation ul li a:hover span {

				background: #909CBE url(../images/hoverTabRight.gif) no-repeat right top;

				cursor: pointer;

			}

    		#Navigation ul li a.current,

    		#Navigation ul li a.section,

    		#Navigation ul li a.section:hover,

    		#Navigation ul li a.current:hover { 

			 	background: #fff url(../images/activeTabLeft.png) no-repeat left top; 

			 	color: #444;

				}

			#Navigation ul li a.current span,

			#Navigation ul li a.section span,

    		#Navigation ul li a.section:hover span,

			#Navigation ul li a.current:hover span {

				background: #fff url(../images/activeTabRight.png) no-repeat right top;

				color: #444;

			}

    

/** Breadcrumbs **/

#Breadcrumbs { 

 	color: #B7C0C5;

	text-align: left;

	font-size: 0.9em; 

	margin: 0px 5px 10px 0;

	}

	#Breadcrumbs p {

		margin: 0;

	}



/*** Message Boxs ***/



.message {

	margin: 15px;

	padding: 5px;

	width: 92%;

	color: #979908;

	border: 4px solid #F7F8B4;

	background: #FFFFEA;

}

span.middleColumn .message {

	margin: 4px 0 0 3px;

}

.required {

	margin: 4px 0 0 3px;

	padding: 5px;

	width: 92%;

	color: #DC1313;

	border: 4px solid #FF7373;

	background: #FED0D0;

}



p#Remember label {

	margin: -24px 0 0 20px;

	text-align: left;

}

.entry {

	border-bottom: 1px solid #eee;

}

/* Sidebar 

***********************************/

#Sidebar { 

 	width: 200px; 

	float: left;  

	margin: 10px 0 0 0;

	padding: 0;

	}

	#Sidebar .sidebarBox {

	margin: 0 0 5px 0;

	padding-bottom: 2px;

	background: #EFEFEF url(../images/sidebarHeader.gif) no-repeat left top; 

	}

	#Sidebar ul {

		margin: 2px 0 5px 3px;

	}

	#Sidebar li {

		margin: 8px 2px;

		list-style: none;

	}

	#Sidebar h3 { 

		clear: both; 

		text-transform: lowercase;

		color: #fff;

		font-weight: 700; 

		font-size: 1.4em; 

		margin: 0 0 10px 0;

		line-height: 1.8;

		padding: 1px 0 0 10px;

		background: transparent url(../images/sidebarHeaderSub.gif) repeat-x center left;

	}

	

	#Sidebar .sidebarBottom {

		height: 15px;

		display: block;

		width: 200px;

		margin: -5px 0 0 0;

		background: #EFEFEF url(../images/sidebarBottomBg.gif) no-repeat center bottom;

	}

	#Sidebar a em {

		font-style: normal;

	}

    ul#Menu2 li { 

            font-size: 0.9em; 

            margin: 1px 0 5px 4px;

            list-style: none;

            }

      ul#Menu2 li a {

            display: block;

            width: 196px;

            font-size: 1.2em;

            height: 1.8em;

            line-height: 1.8em;

            color: #898989;

      }

	ul#Menu2 li em {

		padding-left: 8px;

		display: block;

	}

		ul#Menu2 li li em {

			padding-left: 0;

		}

      /* Level 1 

      - We use 3 elements for the nav to get 3 background images applied.

            * span - topleft rounded corner

            * em - bottomleft rounded corner

            * a - arrow on the right

            <a><span><em></em></span></a>

      */

      ul#Menu2 li a:hover,

      ul#Menu2 li a.current,

      ul#Menu2 li a.current:hover {

            background: #DCDCDC url(../images/sidebarSideArrow.gif) no-repeat right center;

            color: #666;

			cursor: pointer;

            text-decoration: none;

      }

	  ul#Menu2 li a.current {

	  		font-weight: 700;

	  }

      ul#Menu2 li a.section,

      ul#Menu2 li a.section:hover {

            background: #DCDCDC;

            font-weight: 700;

            width: 193px; 

      }

      ul#Menu2 li a.levela:hover span,

      ul#Menu2 li a.current span,

      ul#Menu2 li a.section span,

      ul#Menu2 li a.section:hover span,

      ul#Menu2 li a.current:hover span {

            background: transparent url(../images/sidebarTopLeftHover.gif) no-repeat left top;

            display: block;

            width: 100%;

            height: 100%;

      } 

      ul#Menu2 li a.levela:hover em,

      ul#Menu2 li a.current em,

      ul#Menu2 li a.section em,

      ul#Menu2 li a.section:hover em,

      ul#Menu2 li a.current:hover em {

            background: transparent url(../images/sidebarBottomLeftHover.gif) no-repeat left bottom;

            display: block;

            width: 100%;

            height: 100%;

      }

      ul#Menu2 li ul {

            height: 100%;

            position: relative;

            margin: -4px 0 0 0;

            width: 193px;

            padding: 4px 0 10px 0;

            background: #DCDCDC url(../images/sidebarSectionBottom.png) no-repeat bottom left;

      }

      ul#Menu2 li ul li ul {

            background: #DCDCDC;

            margin-left: 0;

      }

      ul#Menu2 li ul li {

            width: 160px;

            background: #DCDCDC;

            padding: 0;

            font-size: 0.8em;

            display: inline;

            margin: 0;

      }

      ul#Menu2 li li a.current,

      ul#Menu2 li li a.section,

      ul#Menu2 li li a.section:hover,

      ul#Menu2 li li a.current:hover {

            color: #555;

            font-weight: 700;

            background: #DCDCDC;

      }

      ul#Menu2 li li ul {

            margin: 0 0 0 10px;

            padding: 0;

            width: 175px;

      }

      ul#Menu2 li li ul .roundWhite {

            margin-bottom: -10px;

      }

      /* Sub Menu */

      ul#Menu2 li a.levelb {

            font-size: 1.7em;

            text-indent: 8px;

            width: 188px;

			background: transparent;

            margin-left: 10px;

      }

	  ul#Menu2 li a.levelb:hover,

      ul#Menu2 li li a.current,

      ul#Menu2 li li a.current:hover,

      ul#Menu2 li li a.section,

      ul#Menu2 li li a.section:hover {

            background: #BCBCBC url(../images/sidebarSideArrow2.gif) no-repeat right center;

            text-decoration: none;

            display: block;

            color: #fff;

      }

      ul#Menu2 li a.levelb:hover span,

      ul#Menu2 li li a.current span,

      ul#Menu2 li li a.current:hover span,

      ul#Menu2 li li a.section span,

      ul#Menu2 li li a.section:hover span {

            background: transparent url(../images/sidebarTopLeftHover2.gif) no-repeat left top;

            display: block;

            width: 100%;

            height: 100%;

      } 

      ul#Menu2 li a.levelb:hover em,

      ul#Menu2 li li a.current em,

      ul#Menu2 li li a.current:hover em,

      ul#Menu2 li li a.section em,

      ul#Menu2 li li a.section:hover em {

            background: transparent url(../images/sidebarBottomLeftHover2.gif) no-repeat left bottom;

            display: block;

            width: 100%;

            height: 100%;

      }



	

/* Comments

******************************************/



#CommentHolder ul {

	list-style: none;

	margin: 20px 0;

}



#PageComments li {

	margin: 5px 0;

	padding: 1px;

	width: 88%;

}

#PageComments li.odd {

	background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;

	padding-left: 40px;

	padding-right: 10px;

	border-bottom: 2px solid #BCE4FE;

}



#PageComments li.even {

	background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;

	padding-right: 40px;

	padding-left: 10px;

}



#PageComments li.odd p.info {

	color: #3AA0C3;

}



.actionLinks li a {

	padding-right: 3px;

	font-size: 10px;

}

.actionLinks li {

   display: inline;

   border-right: 1px solid;

}

   .actionLinks li.last {

      border-right: none;

   }



.commentrss {

	background: transparent url(../images/feed-icon-14x14.png) no-repeat;

	padding-left: 20px;

	font-size: 1.1em;

	line-height: 1.6em;

}

#PageCommentsPagination p {

	text-align: center;

	font-size: 1.2em;

}

#PageComments p {

	font-size: 1em;

}

#PageComments p.info {

	color: #999;

	margin: 0px;

	padding: 0;

	line-height: 1em;

	font-size: 0.9em;

}



/* Search Results 

*****************************************/

ul#SearchResults {

	margin: 10px 0;

}

ul#SearchResults li {

	list-style: none;

	margin: 5px 0;

	font-size: 1em;

}



/* Unsubscribe Newsletter

*****************************************/

#Unsubscribe_MailingListForm_MailingListForm{

	min-height:100px;

}



#Unsubscribe_MailingListForm_MailingListForm p{

		margin:0 !important;

		padding:10px;

}

	#Unsubscribe_MailingListForm_MailingListForm p label{

		display: inline;

	}



#Unsubscribe_MailingListForm_MailingListForm label{

	margin:0;

}

/* Footer 

*****************************************/



#Footer { 

 	clear: both;  

	width: 800px; 

	height: 4em; 

	background: transparent url(../images/footerBottom.gif) no-repeat bottom left; 

	text-align: center; 

	}

	#Footer .footerTop {

		width: 100%;

		background: transparent url(../images/footerTop.gif) no-repeat top left;

		display: block;

		height: 2em;

	}

  	#Footer p { 

		color: #fff;

		font-size: 1.1em;

		text-align: center;

		margin-top: -0.6em;

	}

  	#Footer a { 

	   	color: #fff; 

	   	text-decoration: none;

		}

	#Footer a:hover {

		color: #fff;

		text-decoration: underline;

	}