/* CSS file for DianeV Web Design Help - Dianev.com */
body {color:#000; margin:5px auto; padding:0; border:0; font-size:84%; text-align:center; font-family:Arial,Helvetica,sans-serif; background:#fff}

form {margin:0; padding:0; border:none}

#pagewrap {width:780px; margin:0 auto; padding-top:4px; text-align:left; border:1px solid #ccc; background:#fff}

/* LOGO AREA */
#logocont {width:770px; margin:auto; height:123px}
	#thelogo {float:left; width:320px; height:123px}
	#thelogo a img {width:320px; height:123px; border:none}

	#logort {float:right; width:450px}
	#tmessage {width:450px; height:24px; padding-top:10px; color:#8E979A; font-size:19px; font-weight:bold; font-style:italic; text-align:center; vertical-align:middle}
	#logodots {float:left; width:450px; height:39px}
	#dots {width:450px; height:39px; background:url(../images/web-design-help/lc3/dots.gif) top left no-repeat}

	#bknavtop {height:30px; background:url(../images/web-design-help/lc3/design-help_04.jpg) right top no-repeat}

	/* top nav */
	#tnav   {clear:both; font-size:12px; height:22px}
	#tnav ul {margin:0; padding:0; height:12px; text-align:right; list-style:none}
	#tnav li {color:#6383A9; display:inline; margin:0; padding:0}
	#tnav li a {color:#6383A9; padding:1px 6px; margin-right:-4px; font-weight:bold; text-decoration:none; border-left:1px solid #efefef}
	#tnav li a:hover {color:#fff; text-decoration:none; background:#c06}
	#tnav li#tnavleft a {border-left:none}

/* CONTENT */
#contentcont {width:780px; background:url(../images/web-design-help/lc3/bklnav.jpg) top right repeat-y}
	#thecontent {float:left; width:560px; padding:0 0 10px 20px; padding-bottom:20px}

/* LEFT NAV */
#lnav {float:right; width:163px; padding-top:6px; padding-bottom:20px; text-align:right}
#lnav ul {width:163px; margin:0; padding:0; list-style:none}
#lnav li {width:163px; margin:0; padding:0; font-size:11px}
#lnav li a {width:158px; color:#6383A9; display:block; padding:0 6px 0 0; text-decoration:none}
#lnav a:hover {color:#fff; text-decoration:none; background:#c06}

	#lnav #lnavmain li {line-height:1.6em}
	#lnav .lnavsub li {line-height:1.2em}

#lnav li.lnavtitle a {font-size:12px; font-weight:bold}
#lnav .lnavimg a:hover {text-decoration:none; background:none}
#lnav p {padding-right:10px}
#lnav div {width:160px; margin-right:10px}

/* FOOTER */
#lnavbtm {clear:both; height:30px; background:url(../images/web-design-help/lc3/bklnavbtm.jpg) right bottom no-repeat}

#thebstuff {clear:both; color:#6389B5; width:782px; margin:auto; text-align:center; padding:2px 0; background:url(../images/web-design-help/lc3/bkbtm.jpg) repeat-x}
#thebstuff  p {width:780px; margin:5px auto}
#thebstuff p.address {width:780px; color:#fff; font-size:13px}
#thebstuff a, p.c,p.c a {width:780px; color:#fff; font-size:10px}

a.taddress:hover,a.address:hover,p.c a:hover {color:#CC0066; text-decoration:none}

/* END MAIN LAYOUT STYLES */
.breadcrumbs {color:#777; font-size:11px; letter-spacing:1px; margin-bottom:15px; padding:1px 0 1px 5px}
.breadcrumbs a {color:#23497B; text-decoration:none}
.breadcrumbs a:hover {color:#C06; text-decoration:underline}

/*                        */
h1,h2,.h1,.h2, h4,.h4 {color:#00194D; font-weight:bold; letter-spacing:-1px}
h1,.h1 {font-size:22px; line-height:20px; padding:1px 0 1px 3px; background:url(../images/web-design-help/lc3/h1bk.jpg) repeat-y}
h2,.h2 {font-size:19px}
h3,.h3 {color:#285481; font-size:19px; font-weight:bold; letter-spacing:-1px}
h4,.h4 {font-size:15px}

#hometitles h2 {margin-bottom:0}

.inline {display: inline}
.none {font-size:9px}
.b  {font-weight:bold}
.bi {font-weight:bold; font-style:italic}
.i {font-style:italic}
.blue {color:#000333; font-size:14px; letter-spacing:-1px}
.red  {color:#f00}
.fuschia {color:#C2126E}
.dv {color:#FF3333; font-weight:bold; font-style:italic}

.mb0 {margin-bottom:0}
.mt0 {margin-top:0}

.dvsig {padding-top:10px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif}
.tinytype {color:#285481; font-size:11px}

.codehighlight {color:#AF0057}
.codehighlight b {color:#730039}

.boxsolidblue {padding:5px; border:solid 1px #81A7CC}
.blueborderleft {padding-left:10px; border-left:1px solid #6389B5}

ul.ul1 li, ol.ol1 li {padding-bottom:1em}

ol.oltutoriallist {color:#23497B; margin-top:30px; margin-bottom:30px}
ol.oltutoriallist a:link {color:#23497B; text-decoration:underline}
ol.oltutoriallist a:visited {color:#666; text-decoration:underline}
ol.oltutoriallist a:hover {color:#c06; text-decoration:none}

/* inset */
.insetbluert {float:right; margin: 0 0 10px 10px; padding:3px; color:#23497B; background:#efefef}
.insetbluert ul {margin-left:10px; padding-left:10px}

/* tutorials */
.tag {  color: #E81B7D; font-size: 14px; font-weight: bold; font-family: "Times New Roman", Times, serif}
.tagblue {  color: #00278A; font-size: 14px; font-weight: bold; font-family: "Times New Roman", Times, serif}
.tagg { color: #4C6D94; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif}

.wordtothewise {margin:20px auto 10px auto; padding:5px 10px; background:#EBE7E5; border:1px dotted #6289B3}

/* wdbasics - website information form */
.tblinfo {border:1px solid #ccc}
.tblinfo th {padding:2px; border-bottom:1px solid #ddd; background:#efefef}
.tblinfo td {padding:3px; border:1px solid #ddd; border-right:none; border-top:none}

abbr,dfn {color:#23497B; font-weight:bold; letter-spacing:.02em; font-style:normal; border-bottom:1px dashed #23497b}

a {color:#23497B}
a:hover {color:#c06; text-decoration:none}