/* ------------------------------------------------- */

/* ---------------- general stuff ------------------ */

/* ------------------------------------------------- */

html, body, p, h1, h2, h3, h4, ul, li, dl, dt, dd{
	margin: 0;
	padding: 0;
	border:0;	
}

html {
	/* the following two styles force a vertical scrollbar, thereby avoiding any page 'jumps' in firefox*/
	min-height: 100%; 
	margin-bottom: 1px; 
	height:100%;
}


body{
	font-family: Verdana, sans-serif;
	text-align:center;
	font-size: 12px;
	text-align: center;
	line-height: 1.5em;	
	color: #666;
	background:#E5E5E5;
	height:100%;
}

h1#slogan {
	position: static;
	top: 100px;
	right: 10px;
	color: black;	
	font-size:100%;
	margin: 10px 0px 0px 20px;
}

/* ------------------------------------------------- */

/* ---------------- containers --------------------- */

/* ------------------------------------------------- */
#wrapper {
	width:1024px;
	background:url(images/bg_02.gif) repeat-y;
	margin:0 auto;
	text-align:left;
	position:relative;
	
	
	/* Styles for the sticky footer */
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -30px;
	/* end */
}	

#wrap{ 
	padding:0px;
	position:relative;
	margin:0px auto;
	text-align:left;	
	width:980px;
	/*background:#dcdcdc url(images/content_strip.gif) repeat-x;*/ /*revisit*/			
}
#container{
	padding:0px;
	position:relative;	  
	text-align:left;				
	width:1000px;
	margin:0 auto;
}
#footer_wrap {
	/*background:url(images/footer_bg.gif) no-repeat;*/
	height:30px;
	width:1024px;
	margin:0 auto;
	position:relative;
}
#cont2{
margin:0 auto;
background: #b1bdba;
}
#banner{
	height:200px;
	width:100%;
	background: url(images/newbanner2.jpg) no-repeat;
}

/* ------------------------------------------------- */

/* ---------- general link styles------------------- */

/* ------------------------------------------------- */
a {
	text-decoration: none;
	border-bottom: 1px dashed #960200;
	color:#960200; /* 993300*/		
	outline:none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	color:#FF0000;	
}
/* ------------------------------------------------- */

/* ---------- general image styles------------------ */

/* ------------------------------------------------- */
img.right_bordered_image  {	
	padding:1px;
	border: 1px solid #ccc;	
	margin: 0px 0px 10px 20px;
	
}
img.left_bordered_image  {	
	padding:1px;
	border: 1px solid #ccc;	
	margin: 0px 20px 10px 0px;
	
}
/* ------------------------------------------------- */

/* ---------- main navigation ---------------------- */

/* ------------------------------------------------- */
#navhold{
	height:65px;		
	width:100%;
	margin:0 auto;
	position:relative;
	background:url(images/bg_01.gif) repeat-y;
	position:relative;
	
}

#logo {
	background:url(images/alistair_jackman_web_developer.gif) no-repeat; /*was card4 - replaced to fix left glitch - see other fixes */
	position:absolute;
	top:0px; right:0px;
	width:370px;
	height:220px;	
	z-index:20;
}

.nav {	
	float:left;	
	list-style:none;
	left:17px;
	top:29px;  /*sohuld be 24 but 29 fixes slight grad glitch on the left */
	position:relative;
	z-index:10;
	background:#e5e5e5;
	width:100%;	
}

.nav li{	
	float:left;
	background:white url(images/nav_unselected.gif) no-repeat;
	width:120px;
	height:35px;
}

.nav li.active{		
	background:white url(images/nav_selected.gif) no-repeat;
}

.nav a {
	/*background:white none repeat scroll 0 0;*/
	border-bottom:medium none;
	color:#960200;
	float:left;
	font-family:arial;
	font-size:16px;
	font-weight:bold;	
	display:block;
	text-align:center;
	width:110px;
	height:31px;
	line-height:31px;
	
	/* these position values are to accomodate the backgorund image on the li
	which has 5px above and 10 to the left and right of the white box */
	position:relative;
	top:4px;
	left:5px;
}

.nav a:hover{			
	color:#FFFFFF;
	background:#960200;	
}

.nav .active a:hover {	
	color:#960200;
	background:#FFFFFF;		
}
/* ------------------------------------------------- */

/* ------------ main column ------------------------ */

/* ------------------------------------------------- */
#mainbody{
	color: #444;	
	float: left;
	/* -- all below are to get rounded corners on the box -- */
	padding: 30px 0px 0px 0px;
	background:white;
	width:670px;	
}

#content{	
	margin: 0px 12px 0px 5px; /* right was 10 - 12 to fix slight overlap of card image */
	padding: 0px 25px;
	
	/*-- below is to get curved corber on the botttom - also requires adjusted margin in #mainbody --*/
	padding-bottom: 20px;
	margin-bottom: 0px;
	/*background:#dcdcdc url(images/content_strip.gif) repeat-x;*/ /*revisit*/
	
}

#content h2.comment{
	font-size:1em;
	color:#693;
	font-weight:normal;
	margin: 0px 0px 20px 0px;
}

#content h2.worktitle{
	font-size:120%;
	color:#693;
	font-weight:normal;
	margin: 0px 0px 10px 0px;
}

/* --- main column entries ---------------------  */
#content div.entries {
	margin:0px;
	padding:0px;
}

#content div.entries h3, #content h3 {
	margin-bottom: 5px;
	font-family:arial;
	font-size: 140%;
	font-weight:bold;		
}

#content div.entries div.entry_text {
	text-align:justify;
}
#content div.entries div.posted{
	margin: 2em 0px 20px 0px;
	text-align:right;
	color: #b1bdba;
	border-top: 1px solid #b1bdba;
}

#content div.entries div.posted a{
	color: #b1bdba;
	border-bottom:0px;
}

#content div.entries div.posted a:hover{
	color: #999;
}

#content div.entries ul, 
#work_text ul, 
#content ul {
	margin-top:10px;
	margin-left: 20px;
	list-style-type: square;
	list-style-position: outside;
}

#content div.entries ul li, 
#work_text ul li,
#content ul li{
	padding:2px 0px;
}

/* --- work page entries ---------------------  */
#workentry {
	margin-bottom:20px;
}

#work_text {
	clear:both;
	text-align:justify;
	margin:15px 0px;
}
#work_text h2 {
	font-size:110%;	
}

#workimg dt img{	
	float:left;	
	margin:0px 20px 0px 0px;
	padding: 5px;
	border: 1px solid #ccc;	
}

#workimg dd {
	margin: 10px 0px 0px 232px;
	font-size: 90%;
}

#workentry dd ul {
	list-style-type: square;
	list-style-position: inside;
}

#workentry dd ul li{
	padding:2px 0px;
}

/* ------------------------------------------------- */

/* --- thumbnail gallery appearing in main area ---- */

/* ------------------------------------------------- */


#thumbs{	
	width:605px;
}

#thumbs_small{	
	width:200px;
	float:right;
}

#thumbs_small ul{
	margin-left:50px;
	margin-top:0px;
}

#thumbs a, #thumbs_small a  {
	text-decoration:none;	
	border-bottom:0px;
}

#thumbs a img, #thumbs_small a img  {	
	padding:1px;
	border: 1px solid #ccc;	
	margin: 0;
}

#thumbs a:hover img, #thumbs_small a:hover img {		
	border: 2px solid #993;
	margin: 0px;
	padding: 0px;
}

/* ------------------------------------------------- */

/* -------- portfolio main ------------------------- */

#portfolio_entries_main ul {
	margin:0px;
}
#portfolio_entries_main ul li {
	float:left;
	display:block;
	width:45%;
	border:1px solid #B1BDBA;
	margin:10px 10px 10px 0px;
	height:46px;
	padding:0px;
}
#portfolio_entries_main ul li a,  
#portfolio_entries_main ul li p {
	text-align:left;
}

#portfolio_entries_main ul li a.portfolio_image_link {	
	border-right:1px solid #B1BDBA;
	display:block;
	float:left;
	margin:0 10px 0 0;
	padding:3px;
	text-decoration:none;
	border-bottom:0;
}
#portfolio_entries_main ul li a.portfolio_image_link:hover {
	background-color:#669933;	
}
#portfolio_entries_main ul li a.portfolio_image_link img{
	border:0 none;
	float:left;
}
/* ------------------------------------------------- */

/* ------------------------------------------------- */

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

/* ------------------------------------------------- */
#sidebar {
	float:right;	
	width: 300px;	
	margin:0px 5px 0px 0px;	
	padding: 20px 0px 0px 0px;
	/*position:relative;*/
	margin-top:150px;
	background:#ffffff url(images/side_strip.gif) repeat-x;
	display:inline /*fix IE float margin bug */
}

#sidebar h2.comment{
	font-size:90%;
	color:#693;
	font-weight:normal;
	margin: 0px 0px 10px 0px;
	padding-left:20px;
}

#sidebar h3{
	margin:16px 0px 20px 0px;
	padding:5px 5px 5px 15px;
	background: url(images/nav_strip.jpg) repeat-x top left;
	font-size:100%;
	font-weight:normal;
	color: #333;		
}

#sidebar dl.trailers {
	margin:0px 0px 30px 20px;	
	padding:0px;
}

#sidebar dl.trailers dt{
	display:block;  
	/*border-bottom:1px solid #b1bdba; /*-- remove this if you dont want the lines attached to the boxes! --*/
}

#sidebar dl.trailers dt a {
	float: left;
	display: block;
	margin: 0px 10px 0px 0px;
	padding:3px;
	border: 1px solid #b1bdba;	
	/*color:#930;*/
}

#sidebar dl.trailers dt a:hover, a.active_thumb{
	background-color:#669933;
	border:1px solid #993;
	/*color:#f00;*/
}

#sidebar dl.trailers dt a img {
	float: left;
	border:0px;
}

#sidebar dl.trailers dd{
	margin:0px;	
	font-size:90%;
}

#sidebar dl.trailers dd.dd_comment{
	margin-left: 58px;	
}

/* ------------------------------------------------- */	

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

/* ------------------------------------------------- */

#footer {	
	color:#669933;
	margin:0px auto;
	background:none;	
	text-align:center;
	position:relative;
	top:10px;
	font-size:10px;
	
}

#footer a{			
	color: #669933;	
	border-bottom:1px dashed #669933;	
}

#footer a:hover{
	color: #669933;	
}
.push {
	height:30px;
}

/* ------------------------------------------------- */	

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

/* ------------------------------------------------- */
span.highlight {
	color: #993300;
}

a.filelink img {
	margin-top: 3px;
	border:0px;
	padding-right: 3px;	
}

.clear{
	clear:both;  /*-- generic clear floats --*/
}

/* remove stles from the links in the maxigallery */
#lbImage a, #lbCloseLink{
	border:0px;	
}
/* ------------------------------------------------- */	

/* ------------ flcikr images -------------------------- */

/* ------------------------------------------------- */
#flickr_images_holder{
	/*margin:0 0 30px 20px;*/
}

#flickr_link a{	
	text-decoration: none;
	border-bottom: 1px dashed #999;
	color:#993300;	
	outline:none;
}

#flickr_link a:visited {
	text-decoration: none;
}

#flickr_link a:hover {
	color:#FF0000;	
}

#flickr_images img {
	float: left;
	display: block;
	margin: 0px 10px 10px 0px;
	padding:3px;
	border: 1px solid #b1bdba;	
	/*color:#930;*/
	width:70px;
	height:52px;
}
/* ------------------------------------------------- */	

/* ------------ Offline Styles --------------------- */

/* ------------------------------------------------- */
#offline_wrapper{
	background:url('images/offline_card.jpg') no-repeat top center;
	width:351px;
	height:400px;
	margin:auto;
	position:relative;
	top:100px;
	
}
#offline_message{
	position:relative;
	top:240px;	
}


#badge_image{			
	position:absolute;	
	z-index:30;
	width:78px;
	height:80px;
}

#badge{
	background:url(images/ilovehtml.png) no-repeat;		
	position:absolute;
	top:49px;
	right:392px;
	z-index:30;
	width:128px;
	height:128px;
}

body#portfolio #badge{
	background:url(images/topcoder.png) no-repeat;		
	position:absolute;
	top:49px;
	right:392px;
	z-index:30;
	width:128px;
	height:128px;
}

/* ------------------------------------------------- */	

/* ------------ SPForm   --------------------------- */

/* ------------------------------------------------- */

#spf_form img{
	border:1px solid #ccc;	
}

#spf_form form p{
	padding:5px 0px;
	margin:0px;
	font-weight:normal;	
}

#spf_form form p span{	
	font-weight:normal;	
}

.spform_input {
	position:absolute;
	text-decoration:underline;
	background-color:#CC0000;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}
.spf_prompt {
	display:block;
	padding-right:10px;
	font-weight:bold;

}
.spf_normal_input {
	font-weight:normal;
	padding-left:0px;

}
.spf_verify_msg {
	font-weight:bold;
}
.spf_verify_prompt {
	font-weight:bold;
}
.spf_cookie_msg {
	font-weight:normal;
	color:#ff0000;
	padding-top:30px;
	display:none;
}