/* Chris Kennedy */

body {	margin:0; padding:0; background-color: #DFE7EB;	font: 60%/1.5 "Tahoma","Helvetica","Arial","sans-serif"; color: #666; width:100%; }

.clear { CLEAR: both }

#header  { background: #CBD8DE url(../imgs/topimg.gif) repeat-x scroll left top; padding: 16px 3% 0px 3%; position: relative; color: #666;  }
#header, #footer, #feature { display: inline-block; }
#logo {	float: left; margin-top: 3em; padding-bottom:20px; }
#header #logo a { background: transparent; border:0; }
#highlight { width: 60%; float: right;	margin-top: 3em; display: inline; position: relative; margin-right:30px; }

#content { background: #fff; padding-top: 25px; float: left; padding-bottom:20px; width:100%; }
#maincontent {	background: #fff; width: 62%; display: inline; float: left;	padding-left:3%; }
#maincontent .title { margin-bottom: 0.8em;	border-bottom: 1px dashed #C0D0E0; }
#rightcol {	width: 25%;	display: inline; float: right;	margin-right:0px;	padding-left:20px;	border-left: solid #CBD8DE 1px; height:100%; }

#footer { background:#f6f4ea url(../imgs/footer.gif) repeat-x scroll; padding: 0 3% 10px 3%; font-size: 1.4em; position: relative; }

input, textarea { font-size: 1em; color: #333; width: 14em;	border-top: 2px solid #999;	border-left: 2px solid #999; border-bottom: 1px solid #ccc;	border-right: 1px solid #ccc; padding: 0.2em; }
#rightcol input,textarea { width: 90%;  }
input#submit {	width: auto; font-size: 0.80em; }

#feature { padding: 10px; margin-bottom: 2em; margin-left: 0; }
#maincontent #feature h2 { padding: 0;	margin-bottom: 0.5em; }

h1 { font-size: 2.8em; letter-spacing: 0; line-height: 1.0;	color: #97B0BD;	margin-bottom: 0.8em; border-bottom: 1px dashed #C0D0E0; }
h2 { font-size: 2.4em; line-height: 1.0; color: #6D92A3; }
h3, dt { font-size: 2em; color: #6D92A3; }
h4 { font-size: 1.2em;	color: #6D92A3; }

a:link, a:visited {	color: #369; }
a {	outline: none; }

#header a:link, #header a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited { color: #1E4A6B; }
a:hover, a:active, a:focus { color: #91CDE3; text-decoration: none; }
#header a:hover, #header a:active, #header a:focus, h2 a:hover, h2 a:active, h2 a:focus, h3 a:hover, h3 a:active, h3 a:focus  { 	color: #91CDE3; }
#header p, #content p, #content ul, #footer { font-size: 1.5em; }
p, ul { margin-bottom: 1.2em; }
#header blockquote p{	font-style: italic;	word-spacing: 0.2em; }

#maincontent p, #maincontent h1, #maincontent h2, #maincontent h3 {	padding-left: 2px; }

#rightcol h3 { font-size: 1.8em; margin-bottom: 0.2em; }
#rightcol h2 { font-size: 2em;	padding-top:5px; margin-bottom: -1.0em;	color:#B7BCBD; }
#rightcol .imgcent { text-align:center;	float:none; }

#feature {	border: 1px solid #C0D0E0;	background-color: #F9FAF9;	margin-right:50px; }
#feature h2 { font-size: 1.6em; }

.pic { width: 90px; padding: 5px; float: left; }
.pic dl { padding: 0; line-height: 1.3;	width: 100px; }
.pic dt { font-size: 1.3em;	float: left; clear: left; padding-right: 0.2em; }
.pic dd { font-size: 1.3em;	margin-bottom: 0.3em; }
.nav {	float:none;	text-align:center; 	padding-bottom:10px; }
.line { border-bottom: 1px dashed #C0D0E0;	width:100%; }
.thumbs { padding: 20px; margin-right:40px;	margin-left:30px; float: left; }
.red { color:#CC3300 }
#comment { margin-right:25px; float: left;	padding:0;	margin-bottom:10px; }
#comment .left { background:  #fff url(../imgs/commentback.gif); width:205px; height:190px;	float: left; padding-top: 30px; padding-left:25px;	padding-right:10px;	margin:0; vertical-align:top; font-size: 1.3em; }
#comment .right { background:  #fff url(../imgs/commentr.gif);	width:42px;	height:220px; padding: 0px;	float: left; vertical-align:top; }

img { border:0; }
.desktop { width: 150px; padding: 5px; float: left; }
.bebo { padding-top:6px; }
