/* layout for ColinDPritchard.com*/
/* last modified 10-22-09 */
/* The combination of graphics, colors, layout, and typography (the Design) is copyright 1995-2010 Colin D. Pritchard */

/*######## Primary layout ########*/
body {margin:0px; padding:0px; background:#f2f4b9 url(../i/bg-body.gif) center top repeat-y; font:13px/16px Arial, Helvetica, sans-serif;}
#wrap {margin:0 auto; padding:0 0 50px 0; width:913px; height:auto; background:url(../i/bg-wrap.jpg) no-repeat;}
#head {height:441px; background: url(../i/bg-home.png) no-repeat; text-align:center;}
#head img {top:210px; left:70px; position:relative;}
#nav {padding: 0 0 7px 0; height:auto; width:350px; top:166px; left:14px; position:relative; text-align:right;}
#content {margin:-95px 0 0 0; width:891px;}
body.home #main {padding:0; margin:0 0 0 27px; height:auto; text-align:left; width:443px; float:left;}
#main {padding:18px 0 0 0; margin:0 0 0 349px; height:auto; text-align:left; width:443px; /*float:left;*/}
#side {width:322px; float:left; margin: 0 0 0 15px; padding-top:14px;}
#footer {width:891px; height:auto; text-align:left; padding:4px 0; margin:50px 0 50px 0; clear:both;}
body.home #footer {padding:100px 0 50px 0;}

/*######## Navigation ########*/
p.vers {font-size:9px; font-style:italic; color:#333; text-align:right; margin:0 13px 0 0;}
#nav ul {font-size:15px; margin:10px 0 0 0; padding:0; list-style: none; text-transform:uppercase;}
#nav li {margin:0; padding: 0 10px 0 0; list-style:none; display:inline;}
body #nav a {text-decoration:none;}
body #nav a:link, body #nav a:visited {color: #363636;}
body #nav a:hover {color:#005104;}
body #nav a:active {color:#0F0;}
body #nav li.current a {color:#406302; border-top:5px solid #406302;}

/*######## General ########*/
img	{border:0;}
a:link, a:visited {color:#004800; text-decoration: underline;}
a:hover {color: #360; text-decoration: none;}
a:active {color: #FFF; text-decoration: none;}
a.thickbox {float:left; margin:8px 15px;}
.clear {clear:both;}

/*######## Main content ########*/
div.row {clear:left; height:110px;}
div#content h2 {margin: 0 0 10px 47px;}
#content #main p {color:#000; margin: 0 0 10px 13px; line-height:21px;}
#content p {color:#000; margin: 0 0 10px 47px; line-height:21px;}
#main p.badges {text-align:center;}
#main p.badges a img {margin:4px 10px;}
div#content #main h2 {margin:0 0 9px 0;}
div#content #main h2.intro {margin:14px 0 9px 0;}
#content #main h3 {margin:0 0 10px 13px; font:normal 18px/23px Arial, Helvetica, sans-serif; color:#48651a;}
#content h3 {margin:0 0 10px 47px; font:normal 18px/23px Arial, Helvetica, sans-serif; color:#48651a;}
#main th {
	font: italic bold .75em/.75em Arial, Helvetica, sans-serif;
	color: #c8a358;
	padding: 4px 0px 6px 0px;
}
#main table {
	margin: 15px 0px 0px 0px;
	text-align: left;
	border: 0px none;
}
#main table td {
	vertical-align: top;
	padding: 4px 0px 5px 0px;
}
#main table p {
	padding: 0px 8px 6px 0px;
	margin: 0px;
	font: .8em/1em Arial, Helvetica, sans-serif;
}
#main table ul {
	margin: 0px;
	padding: 0px;
	font: .8em/1em Arial, Helvetica, sans-serif;
	color: #CC9;
}
#main table li {
	margin: 0px;
	padding: 0px 0px 3px 0px;
}
#main p.title {
	font-style: italic;
	font-weight: bold;
}
.floatl {
	float: left;	
}
.form_check {
	font: bold .8em/1em Arial, Helvetica, san-serif;
	color: #C00;
}
#main table td.contact {
	padding: 3px;
	border: 0px none;
}
#main table p.form {font: 12px/14px Arial, Helvetica, sans-serif; color:#030; text-transform:uppercase;}
td.contact input {border:1px solid #777; background:url(../i/bg-field.gif) repeat-x; padding:4px; font:12px/14px Arial, Helvetica, sans-serif; color:#333;}
td.contact textarea {border:1px solid #777; background:url(../i/bg-textarea.gif) repeat-x left bottom; padding:4px; font:12px/14px Arial, Helvetica, sans-serif; color:#333;}
td.contact input.button {border:1px solid #666; text-transform:uppercase; color:#666; background:#CCC; padding-top:5px; margin-left:11px;}
td.contact input.button:hover {border:1px solid #060; text-transform:uppercase; color:#060; cursor:pointer; background:#9C6;}
#height {
	position: relative;
	height: inherit;
	width: 1px;
}
#main p.xsmall {
	font-size: .7em;
	font-style: italic;
}
/*Side content*/
div#content #side h2 {margin:0 0 4px 0;}
body.about div#side, body.contact div#side {margin:0 0 0 45px;}

/*######## PikaChoose image slider ########*/
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:322px;height:264px;margin:0;overflow:hidden;}
.pikachoose ul li{float:left;padding:2px;/*border:1px solid #555;background:#777;*/margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surrounder for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:323px;height:282px;display:block;position:relative;}
/*since we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;/*border:1px solid #555;background:#777;*/padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:322px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;font-style:italic;color:#060;}
.pika_caption a{color:white;}

ul#pikame_user {margin:0 auto; width:102px;}
#pikame_user li {float:left; margin:0 4px;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these just make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:1px;width:1px;background:url('rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:1px;width:1px;background:url('fastf.png') top right no-repeat;}

/* Footer */
#footer p {font-size:10px; color:#a3c429; margin: 4px 4px 15px 4px; text-align:center;}
/*---FOR VALIDATOR LINKS ONLY--- #footer p.right a {text-decoration:none; padding:0 10px 0 0; color:#a3c429;}*/
p.left {float:left;}
#footer p.left {margin-left:35px;}
#footer p.right {float:right; text-align:right;}
#footer li {display:inline; padding:0 3px;}
#footer ul a {color:#c5da72; text-decoration: underline;}