/*------------------------------------------+
 | Site: Valerie Denny Communications       |
 | Part: Master styles 						|
 +------------------------------------------*/


/* Imports
=====================================================================*/
@import "reset.css"; /* Reset styles */
@import "ie.css"; /* Internet Explorer */

/* Fonts
======================================================================*/
body, h2 span, input, select, optgroup, textarea { font-family: Verdana, Arial, sans-serif; }

/* Basics
======================================================================*/
a { color: #666; text-decoration: none; } /* Old light gray color was 939598 */
a:hover { color: #0098db; }
address { font-style: normal; }
blockquote, dl, hr, ol, p, table, ul { margin-bottom: 1em; }
body { font-size: 76%; line-height: 1.666; padding-bottom: 3em; }
dd { font-size: 0.875em; font-weight: normal; line-height: 1.35; margin-bottom: 1em;}
dt { font-size: 0.875em; font-weight: bold; line-height: 1.35; margin-top: 0em; }
em { font-style: italic; }
h1, h2, h3 {font-weight: normal; }
h1 {font-family: Verdana, Arial, sans-serif; font-size: 1.3em; }
h2 {font-family: Verdana, Arial, sans-serif; font-size: 1.1em; line-height: 1.2;}
hr{ color: #666; height: 1px; margin: 1em;}
strong { font-weight: bold;}
table { border: 1px solid #000; border-width: 0 1px; padding: 0.2em 0.5em; }
ul li { background: url(../images/dash.gif) no-repeat 0 0.6em; padding-left: 1.5em; }

/* Core layout
======================================================================*/

#content,
#footer, 
#nav,
#foot2,
#header-content {
	margin: 0 auto;
	width: 55em;
	min-width: 300px;
}


#content, #footer, #foot2, #header, #nav {padding-left: 2em; padding-right: 2em; }
.clear {clear: both;}
.hide { display: none; }
.hide2 { left: -999em; position: absolute; top: -999em; }


/*--- Callouts ---*/
.call-l { float: left; margin: 0 1em 0.5em 0; }
.call-l img, .call-r img { padding: 1px; }
.call-r { float: right; margin: 0 0 0.5em 2em; }

/*--- Columns ---*/
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31.1%; }

/*--- Content ---*/
#content { background: url(../images/dots-h.gif) repeat-y 25.9% 0; margin-bottom:1em;}
#content-inner {background: url(../images/dots-h.gif) repeat-y 76.2% 0;}
.content-primary { float: right; width: 73.75%; }
.content-secondary { float: left; padding-top: 0.5em;width: 22%; }
	/*---Content Primary */
	.content-primary-sub { float:right; width: 145px;}
	.content-primary-main { float:left; width: 320px;}

/*--- Footer ---*/
#footer {padding-top: 1.5em;}

/*--- Header ---*/
#header-content {border-top: 18px solid #99023c; padding: 0.55em 0 1em; }

/*--- Home ---*/
.home #content { background: url(../images/dots-h.gif) repeat-y 50.5% 0; margin-bottom:1em;}
.home .content-primary { float: left; width: 74%; }
.home .content-secondary { float: right;  width: 22%;}
.home .content-secondary{ border-top: 0;}
.home .content-secondary img {padding-bottom: 0.45em;}

	/*---Content Primary */
	/*original color: #0397d6 */
	.home .content-primary-sub { border-top: 5px solid #99023c; float:right; margin-top: 0.5em; padding-top: 0.5em; width: 145px;}
	.home .content-primary-main { float:left; width: 320px;}

	/*---Home Secondary */
	/* original color: #34b233 */
	.home #home-secondary {border-top: 5px solid #99023c; padding-top: 0.5em; margin-top: 0.5em;}
	.home #home-secondary h2 {color: #99023c;}

/*--- Navigation ---*/
#nav {padding-bottom: 0.5em;}
	
/*--- Splash ---*/
.splash {background: #99023c;}
.splash #content {background: none;}
.splash .content-primary {float: none; width: 100%;}
.splash .content-primary {text-align: center;}
.splash #logo-splash {margin-top: 18em;}
.splash #sub-head {padding-top: 1em; padding-bottom: 3em;}
	
/* Content
======================================================================*/

.call-l,
.call-r,
.highlights,
.mute {
	font-size: 0.9em;
	line-height: 1.545;
}


 #content, #footer, #foot2, #header-content, #nav { text-align: left; }
.skip { left: -9999em; position: absolute; }




/*--- Content ---*/
.content-primary dt {font-size: 0.95em; font-weight: normal; }
.content-primary h1, .content-primary h2 {margin-bottom: 0.5em;}
.content-primary h1 {line-height: 1.2;}
.content-primary  p, .content-primary ul li {font-size: 0.875em; line-height: 1.35;}


	/* Content Introduction */
	#content-intro {font-size: 13px;}
	
	/* Content Primary */
	.content-primary-sub img {padding-bottom: 0.45em;}




/*--- Footer ---*/
#footer { color: #666;  }
#footer address {font-size: 0.8em;}
#footer address br { display: none; }
#footer address span { border-right: 1px solid #666; margin-right: 0.6em; padding-right: 0.6em; }
#footer address span.last {border: 0; margin: 0; padding: 0;}
#footer address strong { display: block; font-weight: normal;}


/*--- Forms ---*/
.check { display: none; }
.form { line-height: 1.35; margin: 0; }
.form p { margin-bottom: 0; }
.form .c2l, .form .c2r { margin-bottom: 0; }
.form table td, .form table th { font-size: 1em; }
.form td, .form th { border: 0; padding: 0.5em 0; }
.form th { font-size: 1em; font-weight: normal; padding-right: 2%; text-align: right; vertical-align: top; width: 25%; }

	/* Alerts */
	.alert { color: #e30013; }
	div.alert { border: 3px double #e72019; clear: both; margin-bottom: 1em; padding: 1em 1.5em 0; }
	div.alert li { background: none; padding: 0; }
	div.alert ul { list-style: disc; margin-left: 1.5em; }
	
	/* Buttons */
	.btn { overflow: visible; padding: 0.1em 0.6em 0.2em; }
	.btns { margin: 1.5em 0 1.6em 27%; }

	/* Options */
	.form .options-h, .form .options-v { margin: 0; }
	.options-h, .options-v { list-style: none; margin-left: 0; }
	.options-h input, .options-v input { margin-bottom: -0.05em; }
	.options-h img { border-bottom: 3px solid #fff; padding: 5px; vertical-align: middle; }
	.options-h li, .options-v li { background: none; clear: both; margin-bottom: 0.3em; padding: 0; }
	.options-h li { display: inline; margin-right: 0.7em; white-space: nowrap; }
	.options-v li { padding-left: 25px; text-indent: -25px; }
	.options-v li p { margin: 0; text-indent: 0; }
	
	/* Search */
	#search { font-size: 0.8em; float: right; margin-top: 0em; width: 145px;}
	#search .btn { padding: 0.15em 0.4em 0.25em;}
	#search input { vertical-align: middle; }
	#search .txt { padding: 0.15em; width: 6.5em; }
	#search p { margin: 0; }
	
	/* Text boxes */
	.content-secondary .txt { width: 94%; }
	.c2l .txt, .c2r .txt, .c3l .txt, .c3m .txt, .c3r .txt, .highlights .txt { position: relative; width: 95%; }
	textarea.txt { font-size: 1em; height: 10em; padding: 0; }
	.txt { width: 75%; }
	.txt, .txt-sm, .txt-med, .txt-tiny { padding: 0.2em; }
	.txt-med { margin-right: 1em; width: 47%; }
	.txt-sm { width: 7em; }
	.txt-tiny { width: 3em; }
	ul.txt-med { padding: 0; }
	
/*--- Header ---*/
#logo {float: left; margin: 0;}	


/*--- Home ---*/
/* original color: #0397d6  */
.home .content-primary-sub h2 {color: #99023c;}
.home .content-primary-sub dt {padding-bottom: 1em;}
.home .content-secondary h2 { color: #99023c;}
	/*--- Blog ---*/
	#blog {font-size: .875em; line-height: 1.35;}
	#blog-icon {float: left; padding-right: 0.5em;}

/*--- Navigation ---*/
/* original colors : #0397d6, #f3901d, #54b948, #7a68ae  ..... original red: #c60751*/
#nav .current a {color: #000;}
#nav ul li{background: none; display: block; list-style: none; font-size: 0.8em; padding-left: 0;line-height: 1.35;}
#nav-who { border-top: 13px solid  #99023c; float: left; padding-top:5px; width: 145px;}
#nav-cap { border-top: 13px solid #99023c; float: left; margin-left: 30px;padding-top: 5px; width: 145px;}
#nav-clients { border-top: 13px solid #99023c; float: left; margin-left: 30px; padding-top: 5px;width: 145px;}
#nav-contact { border-top: 13px solid #99023c; float: right; padding-top: 5px; width: 145px;}

	/* Secondary Navigation */
	.content-primary #nav-secondary ul{padding-left: 2.5em;}
	.content-primary #nav-secondary h2{margin-bottom: 0;}
	.content-primary #nav-secondary dt{font-size: 1.1em; line-height: 1.2;}
	.content-secondary #nav-secondary {padding-top: 0.5em;}
	.content-secondary #nav-secondary .current a {color: #000;}
	.content-secondary #nav-secondary ul {padding-top: 0.5em;}
	

/*--- News ---*/
#news dt {font-size: 1.15em;}
#news-item dt {color: #99023c;}
	
	
/*--- Secondary Content ---*/
.content-secondary dt {font-weight: normal; margin-top: 1em;}
.content-secondary p {font-size: .875em; line-height: 1.35;}
.content-secondary h1 {font-size: 1.3em; line-height: 1.2;}
.content-secondary ul li {font-size: .875em; line-height: 1.35;}

	/* Section */
	#section {margin-top: 1em;}
	#section p {font-size: 1em;}
	#section .cap {font-size: .875em;}
	
/*--- Splash ---*/
.splash #sub-head {color: #fff; font-size: 1.1em; line-height: 1.2;}
.splash a { color: #fff; text-decoration: none;}
.splash a:hover  { color: #666;}	

/*--- Staff Listing*/
#staff dd {font-style: italic;}
#staff dt {font-weight: normal; margin-top: 1em;  }
#staff-email {font-family: Arial, sans-serif; font-size: 0.825em;}
#staff-list dt.current a {color: #666;}
.content-secondary dl .current a {color: #000;}
#staff-name dt {margin-top: 0em;}