/*
File:			custom.css
Description:	Custom styles

BASIC USAGE:

If you have enabled the custom stylesheet in the options panel, the <body> tag 
will be appended with the "custom" class, like so: <body class="custom">. You can use the "custom" class to override *any* CSS declarations contained in the style.css file.

For example, if you wish to change the default link color to green, you would add the following declarations to this file:

.custom a, .custom a:visited { color: #090; }	<--- This makes links green
.custom a:hover { color: #00f; }	<--- This makes links blue when you mouse over them

WHY THIS WORKS:

By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered!

More information about styling your site using this file can be found
in the members area.
*/

.photo { background: url(images/drop_shadow.gif) right bottom no-repeat; }
.photo img {
border: 1px solid #666;
background-color: #FFF;
padding: 4px;
position: relative;
top: -5px;
left: -5px;
}

/* IE 5 placement bug */
* html #staff img { width:100%; }

#featuredContent {
background:none repeat scroll 0 0 #EFEFEF;
display:inline;
float:left;
padding:7px 7px 5px;
width:100%;
}

#paginate-featured-slider {
display:block;
font:bold 12px arial,verdana,sans-serif;
margin-bottom:5px;
}

#paginate-featured-slider a {
background:none repeat scroll 0 0 #DDDDDD;
color:#000000;
padding:2px 6px;
}

a {
text-decoration:none;
}
 
#paginate-featured-slider a.selected {
background:none repeat scroll 0 0 #CD1713;
color:#FFFFFF;
text-decoration:none;
padding:2px 6px;
}

#featured-slider {
height:352px;
overflow:hidden;
position:relative;
width:100%;
}

element.style {
display:none;
opacity:1.2;
visibility:visible;
z-index:73;
}

#featured-slider .contentdiv {
left:0;
position:absolute;
top:0;
visibility:hidden;
z-index:1;
}

#featured-slider .sliderPostPhoto {
height:256px;
overflow:hidden;
position:relative;
width:100%;
}
 
#featured-slider .sliderPostInfo {
background:url("images/bgTransparent.png") repeat scroll 0 0 transparent;
bottom:0;
color:#FFFFFF;
height:auto !important;
min-height:30px;
padding:5px;
position:absolute;
width:335px;
}

h2.featuredTitle {
display:block;
font:17px "trebuchet ms",arial,sans-serif;
color:#222222;
}

h2.featuredTitle a {
color:#FFFFFF;
display:block;
padding:3px;
}

#wrapper .lastPost {
border:medium none;
margin:0;
}

#wrapper .featuredPost {
border-bottom:1px dotted #666666;
margin-bottom:6px;
padding:5px 0;
}

#wrapper .featuredPost p {
padding-bottom:5px;
}

.date {
color:#CD1713;
}

#wrapper .featuredPostMeta {
display:block;
font-size:11px;
font-style:italic;
padding-top:3px;
text-align:right;
}

#wrapper .featuredPostMeta a {
color:#CD1713;
}
