/*  
Site Name: River Valley Dental of Mankato
Theme URI: http://www.rvdofmankato.com/
Description: This theme was developed solely for use by River Valley Dental of Mankato website.
Version: 1.0
Author: 3plains.com
Author URI: http://www.3plains.com/

This document was designed and built by 3plains, whose website you will find at http://www.3plains.com/

The CSS, XHTML and design was created solely for use by River Valley Dental and therefore should not
be used, copied, or distributed by any party other than River Valley Dental of Mankato or 3plains.

*/



/*
Common 
------------------------------------------------- */

* {
 margin: 0; padding: 0; border: 0;
} 
body {
	background: url(/uploads/design/bkgd-site.gif) repeat-x #750a00;
	font: normal 12px/1.3em 'Helvetica Neue',helvetica,arial,sans-serif;
	_font: normal 11px/1.3em helvetica,arial,sans-serif;
	color: #2a2a22;
}

h1, h2, h3, h4, h5, h6 {
 /*font-weight: normal;*/
}

ul li { list-style-type: none; }

a, a:visited { text-decoration: none; color: #911b1d; }
a:hover { text-decoration: underline; color: #2a2a22; }

.clear { clear: both; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.inline { display: inline; }

.big { font-size: 2em; font-weight: bold; }

.hidden { display: none; }

#alert { color: red; }

.dark { color: #333; }

#container { width: 870px; margin: 0 auto;}




/*
header+nav
------------------------- */

#top { margin-bottom: 10px; width: 870px; }

#top #logo-date { padding: 0px 0 15px 0; width: 870px; }
#top #logo-date #logo { width: 300px; float: left; }
#top #logo-date #logo h2 { width: 420px; height: 120px; overflow: hidden; font-size: 10px; }
#top #logo-date #logo h2 a { display: block; height: 120px; width: 420px; background: url(/uploads/design/logo-site.gif) top left no-repeat; overflow: hidden; margin: 20px 0 0 20px;}
#top #logo-date #logo h2 a strong { display: none; }
#top #logo-date #date { width: 370px; float: right; padding: 55px 0px 0 0; }
#top #logo-date #date p { font-size: 16px; text-align: right; margin-bottom: 8px; color: #fff; }
#top #logo-date #date a { font-size: 18px; text-align: right; margin-bottom: 8px; color: #fff; text-decoration: underline}
#top #logo-date #date a:hover {text-decoration: none}


#nav { width: 840px; padding: 0px 15px 9px 15px; }
#nav ul { background: none; }
#nav ul li { float: left; margin: 0 20px 0 0; display: block; }
#nav ul li a { font-size: 14px; color: #fff; block; height: 18px; overflow: hidden; }
#nav ul li a:hover { color: #CFD0BD; }

#header-photo { width: 850px; height: 320px; border: 10px solid #CFD0BD; background: url(/uploads/design/header-index.jpg) top left no-repeat; }
#header-photo p { text-indent: -9000px; }




/*
sidebar
------------------------- */

#content .left-column ul#left-column-nav { padding: 30px 15px 0 15px; text-transform: uppercase; }

#content .left-column ul#left-column-nav li { padding: 5px 0; border-bottom: 1px solid #aeafa2; }
#content .left-column ul#left-column-nav li a,
#content .left-column ul#left-column-nav li a:visited { padding-left: 20px; background: url(/uploads/design/bkgd-nav.gif) 0 2px no-repeat; }

#content .left-column ul#left-column-nav li a:hover,
#content .left-column ul#left-column-nav li.current_page_item a { padding-left: 20px; background: url(/uploads/design/bkgd-nav-on.gif) 0 2px no-repeat; }


#content .left-column ul#left-column-nav ul li { padding: 5px 0; border: 0; }
#content .left-column ul#left-column-nav ul li.current_page_item a { background: none; }
#content .left-column ul#left-column-nav ul li a,
#content .left-column ul#left-column-nav ul li a:visited { padding-left: 0px !important; background: none !important; }
#content .left-column ul#left-column-nav ul li a:hover,
#content .left-column ul#left-column-nav ul li a.on { padding-left: 0px !important; background: none !important; }

#content .left-column ul#left-column-nav ul ul li { padding: 5px 0; border: 0; }
#content .left-column ul#left-column-nav ul ul li a,
#content .left-column ul#left-column-nav ul ul li a:visited { padding-left: 0px; background: none; }
#content .left-column ul#left-column-nav ul ul li a:hover,
#content .left-column ul#left-column-nav ul ul li a.on { padding-left: 0px; background: none; }

#content .left-column ul#left-column-nav ul li { padding: 5px 0 0 30px; text-transform: capitalize; }
#content .left-column ul#left-column-nav ul ul li { padding: 5px 0 0 10px; }





#content .left-column { float: left; width: 230px; }
#content .left-column a#download { display: block; background: url(/uploads/design/banner-patient-info.gif) top left; margin-top: 40px; width: 230px; height: 60px; }
#content .left-column a#download strong { display: none; }
#content .left-column p#copyright { text-align: left; color: #939485; line-height: 1.5em; margin: 35px 0; padding: 0 15px; }




/*
content
------------------------- */
#content { background: url(/uploads/design/bkgd-content.gif) 230px 0px repeat-y #CFD0BD; }

#content .right-column .headlines { padding-right: 70px; } 
#content .right-column .headlines h3 { margin-bottom: 10px; padding-top: 10px; font-size: 22px; }
#content .right-column .headlines ul li { padding-bottom: 10px; font-size: 12px; }
#content .right-column .headlines ul li span { background: #dcdcd2; padding: 2px 5px; }

#content .right-column { float: left; width: 575px; margin: 20px 0 0 32px; }
#content .right-column .copy { padding-right: 0px; }
#content .right-column .copy h1 { color: #911B1D; margin-bottom: 20px; }
#content .right-column .copy .entry h3 { color: #4A4747; margin-bottom: 10px; padding-top: 10px; }
#content .right-column .copy .entry p { font-size: 14px; line-height: 1.5em; margin-bottom: 14px; }
#content .right-column .copy .entry a { text-decoration: underline; }
#content .right-column .copy .entry a:hover { text-decoration: none; }





/*
footer
------------------------- */

#footer { padding: 8px 40px 20px 0; }
#footer p { text-align: right; color: #fff; }
#footer a, #footer a:visited {
 text-decoration: none; color: #fff; }
#footer a:hover {
 text-decoration: none; color: #CFD0BD; }




/*
other
------------------------- */

/* Begin Headings */
h1, h2, h3 { font-weight: normal;	}

h1 { font-size: 3em; line-height: 1em;}

h2 { font-size: 2.8em; }

h2.pagetitle { font-size: 2.8em; }

h3 { font-size: 2.3em; }
/* End Headings */

/* Begin ../img */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 10px 10px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End ../img */

/* Begin Lists */

.entry a { font-weight: bold; }
	} 

.entry ul {
	margin-left: 10px;
	/*padding: 0;*/
	list-style: none;
	/*padding-left: 10px;
	text-indent: -10px;*/
    font-size: 12px;
	} 

.entry ul li {
	font-size: 14px;
	margin: 4px 0 8px 20px;
	list-style-type: disc;
	}

/*.entry ul li:before {
	content: "\00BB \0020";
	}*/

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
        font-size: 12px;
	}

.entry ol li {
	margin: 7px 0 8px 0;
        /*padding: 0;*/
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

ol li {
	list-style: decimal outside;
	}
ol ul li {
	list-style: none;
	}

/* End Entry Lists */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 10px 30px 0 10px;
	padding-left: 20px;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

/* End Various Tags & Classes*/