/*
 SilverStripe bradydyer Theme
 http://www.silverstripe.com
 */
 
/************
  * Misc Styles and defaults 
  */
  
* {
	margin: 0;
	padding: 0;
}
			html {
				background-color:#1D1D1D;
				background-image: url(/themes/bradydyer/images/patternbg.jpg);
				background-repeat:repeat;
				background-attachment: fixed;
				overflow-y:scroll;
			}
			
			html, body {
				width:100%;
				position:relative;
			}
			
			body {
				padding:0px;
				margin:0px;
				min-width:900px;
			}
			#V8_Sponsords img {
			border: 0px;
			}
	
			
			#container {
				width:870px;
				position:relative;
				left:50%;
				margin-left:-435px;
				margin-top:50px;
				margin-bottom:40px;
			}
			
			#box {
				background-color:#dfdfdf;
				border-color: #696969;
				border-style:solid;
				border-width:8px;
				padding:11px;
			}
			
			#logo {
				position:absolute;
				float:right;
				top: -43px;
				right: -5px;
				z-index:40;
			}
			
			#minwidth {
				position:static;
				width:900px;
				display:block;
			}
			
			* html #minwidth {
			}
			
			#header {
				height:125px;
				width:100%;
				background-color:#cccccc;
			}
			#twitter {
			display: block;
			background-color: #696969;
			width: 600px;
			padding: 5px;
			font: 12px/20px "Lucida Grande", Helvetica, Verdana, Sans-serif;
			color: #ffffff;
			}
			#blog {
			float:left;
			width:577px;
			background-color: #696969;
			padding: 10px;
			margin: 15px 0px 0px 15px;
			height: 137px;
			
			}
			#blog h1 {
			margin: 0px 0px 15px 0px;
			
			}
			
			#blog h2 a, #blog p a {
			color: #FD7215;	
			}
			#blog h1 {
			color: #ffffff;	
			}
			#blog h2 a:hover, #blog p a:hover {
			color: #ffffff;	
			}
			
			p .whitetext {
			color: #ffffff;
			
			}
			#menu {
				background-color:#696969;
			}
			
			*html #menu {
				height:1.8em;
			}
			
			
				
				#menu a, #menu a:visited {
					font-size:1.0em;
					line-height:1.8em;
					padding:0.36em 0.6em 0.35em 0.6em;
					font-family:helvetica;
					color:#ffffff;
					text-decoration:none;
				}
				#menu a:hover, #menu a:active, .section {
					background-color:#000000;
					color:#fd7215;
				}
				
			
			#content {
				background-color:#dfdfdf;
				width:100%;
			}
			
			
			
			#content:after {
				content:'';
				display:block;
				clear:both;
			 }
			 
			#leftcontent {
			width: 100%; 
			float: left;  
			margin: 0;
			padding-right: 20px;			
			}
			
			
			
			.gallerythumbs {
			border:0px;
			margin:0px;
			padding:0px 10px 10px 0px;
			margin: 0px 0px 0px 0px;
			}
			#ImageGallery {
			padding: 0 0 0 40px;	
			}
			#ImageGallery img {
				border:0px;
				margin: 5px 5px 0px 0px;

			}
			
			.photobox_eachone {
			float:left;
			width:412px;
			height:230px;
			margin: 0px 10px 10px 0px;
			
			
			}
			
			.photobox_eachone a:hover {
			margin: 0px;
			padding: 0px;
			
			}
			
			.photobox_title {
			float:left;
			margin-top: 190px;
			text-align: center;			
			padding:10px 0px 10px 0px; 
			background-color:#000000; 
			color:#ffffff; 
			width:412px;
			opacity:0.60;
			filter:alpha(opacity=60);
			font-family:Trebuchet MS, Helvetica, sans-serif;	
			font-size: 14px;	
			}
			
			.photobox_eachone:hover .photobox_title {
 
			background-color:#FF8412; 
			opacity:1;
			filter:alpha(opacity=100);
			color:#000000; 
	
			}
			
			a.gallerypagelinks, a.gallerypagelinks:hover {
				text-decoration: none;
				width: 330px;
				height:290px;
				border:0px;
				display: block;
				float: left;
				margin: 0px 20px 10px 40px;
				text-align:center;
				padding:10px 10px 0px 10px;
			}
			
			a.gallerypagelinks:hover {
			background-color:#CACACA;
			}
			
			/* Portfolio Bar */
			#portfolio {
			width: 823px;
			height: 135px;
			float: right; 	
			margin-right: 0px;
			text-align: left;
			background-color: #000000;
			padding: 10px 0px 10px 10px;
			display: block;
			
			}
			
			.portfolio_images {
			float:left;
			width:193px;
			height:135px;
			margin:0 12px 0 0px;
			border: 0px;

			}
			
			.portfolio_images a:hover {
			margin: 0px;
			padding: 0px;
			
			}
			
			.portfolio_title {
			float:left;
			margin-top: 105px;
			text-align: center;			
			padding:5px 0px 5px 0px; 
			background-color:#000000; 
			color:#ffffff; 
			width:193px;
			opacity:0.60;
			filter:alpha(opacity=60);
			font-family:Trebuchet MS, Helvetica, sans-serif;		
			}
			
			.portfolio_images:hover .portfolio_title {
 
			background-color:#FF8412; 
			opacity:1;
			filter:alpha(opacity=100);
			color:#000000; 
	
			}
			
			/* Latest Album Box */
			
			.latestalbum_image {
			float:right;
			width:200px;
			height:300px;
			margin:15px 0px -10px 40px;
			border: 0px;
			padding: 0px;

			}
			
			.latestalbum_image a:hover {
			margin: 0px;
			padding: 0px;
			
			}
			
			.latestalbum_title {
			float:left;
			margin-top: 238px;
			text-align: center;			
			padding:5px 0px 5px 0px; 
			background-color:#000000; 
			color:#ffffff; 
			width:200px;
			opacity:0.60;
			filter:alpha(opacity=60);
			font-family:Trebuchet MS, Helvetica, sans-serif;
			font-size: 0.8em;		
			}
			
			.latestalbum_image:hover .latestalbum_title {
 
			background-color:#FF8412; 
			opacity:1;
			filter:alpha(opacity=100);
			color:#000000; 
	
			}
			
			.latestalbum_new {
			border: 0px;
			padding: 5px;
			
			}
	
			hr.hr_page {
				background-color:#696969;
				padding:0;
				margin:10px 0 16px 0;
				height:1px;
				border:0;
				display:block;
				clear:left;
			}	
			
			#footer {
				position:absolute;
				margin-top:20px;
				width:100%;
			
			}
			
			#footer p{
				text-align:center;
				color:#888888;
				height:10px;
				margin-left:-19px;
				font-size:0.7em;
				font-family:helvetica;
			
			}
			
			#footer a {
			color:#696969;
			text-decoration:none;
			}
			
			#footer a:hover {
				color:#FD7215;
			}
			
			* html #footer {
				margin-left:0px;
			}
			
			#blog span.date_number {
			background-color: #FD7215;
			color: #000000;
			
			}
			 span.date_container {
            width:40px;
            float:left;
            font-weight:bold;
            text-align:center;
            display:block;
            margin:0 10px 0 0;
        }
    
            span.date_month {
                background-color:#121212;
                color:#f1f1f1;
            	display:block;
                height:17px;
                font-size:10px;
                font-family:verdana;
				padding:2px 0 0 0;
            }
            
            span.date_number {
            	display:block;
                background-color:#6d6e6e;
                color:#f0f0f0;
                height:30px;
                font-size:1.8em;
                padding:0 0 4px 1px;
                font-family:arial;
            }
            
            /* Sidebar 
***********************************/
#Sidebar { 
 	width: 200px; 
	float: left;  
	margin: 10px 0 0 0;
	padding: 0;
	}
	#Sidebar .sidebarBox {
	margin: 0 0 5px 0;
	padding-bottom: 2px;
	background: #cacaca; 
	}
	#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: 1em; 
		margin: 0 0 10px 0;
		line-height: 1.8;
		padding: 1px 0 0 10px;
		background: #696969; 
	}
	
	#Sidebar .sidebarBottom {
		height: 15px;
		display: block;
		width: 200px;
		margin: -5px 0 5px 0;
		
	}
	#Sidebar a em {
		font-style: normal;
		
	}
    ul#Menu2 li { 
            font-size: 0.7em; 
            margin: 1px 0 5px 4px;
            list-style: none;
            }
      ul#Menu2 li a {
            display: block;
            width: 196px;
            font-size: 0.7em;
            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 {
	  	font-size:0.5em;
	  
	  }
      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.7em;
            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.2em;
            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%;
      }
      
      
#CommentHolder ul {
   list-style: none;
   margin: 20px 0;
}

#PageComments li {
   margin: 5px 0;
   padding: 1px;
   width: 88%;
}
#PageComments li.odd {
   background: #696969 url(../images/commentBg.png) no-repeat 1% 10%;
   padding-left: 40px;
   padding-right: 10px;
   border-bottom: 5px solid #FD7215;
}

#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: #222222;
}

#PageComments p.info span {
font-size: 0.8em;

}

#PageComments .odd p.comment {
color: #ffffff;

}
#PageComments .even p.comment {
color: #444444;

}


.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;
} 

img.right {
	float:right;
	margin-left:20px;
}
img.left {
	float:left;
}
img.leftAlone {
	float: left;
	margin-right: 100%;
}
img.center {
	float:none;
	margin-left:auto;
	margin-right:auto;
	display:block;
	
	
}
blockquote p
	{
	padding: 0px 10px 20px 0px;
	font-size: 1.2em;	
	float: right;
	background: url(../images/quote_down.png) bottom right no-repeat;

}

blockquote
	{
	padding: 20px;
	font-size: 1.8em;	
	background: url(../images/quote_up.png) top left no-repeat;
	margin-right: -10px;
	
}

cite
	{
	font-size: 0.8em;
	float: right;	
}

#quote {
width: 250px;
background-color: #ffffff;
overflow: auto;
display: block;
padding: 10px;
float: right;
margin: -55px 0px 20px 20px;
}

#quotewithoutcontent {
width: 812px;
background-color: #ffffff;
overflow: auto;
padding: 10px;
margin: 10px 20px 20px 0px;
}