/* CSS Site for Clare Warburton 2006 */
/* bgcolor: #FBFAF4; #fdffec*/



body { background: #FFFFFF;margin:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:180%; color:#65686E; background-image: url(../images/fading_background_11.png); background-repeat:repeat-x}

.grey {color:#65686E;}

.italicHeader {font: italic 1.5em Georgia, Times, Serif; line-height: 1.67em; color: #9b915e;/* color:#989A9E;*/}

#footer {
	width: 1024px;
	height: 82px;
	background-image:url(../images/contentWrap-bkgd.gif); 
	background-repeat: no-repeat;
	border-right: 1px solid #ccc;
	clear: both;
	}
#footer p {margin: 0px; text-align:right; padding: 40px 130px 0 0 }


a {text-decoration: none}

a:link {
	text-decoration: none; 
	color: #658aac;
	border-color: #658aac;
	border-width: 0 0 1px 0;
	border-style: none none none none;
	padding: 3px 0px 0px 0px;}
	
a:visited {
	color: #658aac;
	text-decoration: none;
	border-color: #658aac;
	border-width: 0 0 1px 0;
	border-style: none none none none;
	padding: 3px 0px 0px 0px;
	}

a:hover {
	color: #658aac;
	text-decoration: none;
	border-color: #658aac;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	padding: 3px 0px 0px 0px;
	}


h1 {font: bold 1em Georgia, "Times New Roman", serif;  letter-spacing: 1px;  font-size: 18px; color: #D87401; margin-bottom: 0px}
h2 {font: bold 1em Georgia, "Times New Roman", serif; letter-spacing: 1px; font-size: 14px; line-height: 24px; color: #D87401; margin-bottom: 0px; margin-top: 5px}
h3 {font: bold 1em Georgia, "Times New Roman", serif; letter-spacing: 1px; font-size: 12px; line-height: 24px; margin-bottom: 5px;margin-top:5px;}

.date { font: 1.0em Georgia; font-size: 11px; margin-bottom: 10px; margin-top:-9px; color: #595a5a} /**/


/* topBar  - set to summer 2007 image - July 2007*/
#topBar {width: 1024px; height: 80px; border-right: 1px solid #c4c2ab;  border-left: 1px solid #c4c2ab; background-image:url(../images/banner-summer.gif);}
#topBar h1 {font-size: 28px; margin-top: 0px; padding-top: 20px; color: #fff; text-align:left; padding-left: 90px; float: left}
#topBar h2 {font-size: 18px; margin-top: 20px; padding-top: 0px; color: #fff; float: right; font-weight: normal; padding-right: 30px}
#topBar #date {font: 10px Verdana; color: #595a5a; float: right; clear: both; padding-right: 60px}


/* plain topBar 
#topBar {width: 1024px; height: 80px; border-right: 1px solid #c4c2ab;  border-left: 1px solid #c4c2ab;}
#topBar img { padding-left: 30px}
#topBar h1 {font-size: 28px; margin-top: 0px; padding-top: 20px; color: #c94c00; text-align:left; padding-left: 20px; float: left}
#topBar h2 {font-size: 18px; margin-top: 20px; padding-top: 10px; color: #9b915e; float: right; font-weight: normal; padding-right: 20px}
#topBar #date {font: 10px Verdana; color: #595a5a; float: right; clear: both; padding-right: 20px}
*/

#navBar-Old {width: 1024px; height: 60px; background:#FFFFFF;  border-right: 1px solid #ccc; font: 16px Georgia, Times, serif; margin-top: 0px; background-image:url(../images/navBar-bkgd.gif); background-position:top; background-repeat:repeat-x; padding-top: 20px;}

#Bar {width: 1024px; height: 30px; background:#FFFFFF;  border-right: 1px solid #ccc; margin-top: 0px; background-image:url(../images/navBar-bkgd.gif); background-position:top; background-repeat:repeat-x; border-left: 1px solid #ccc;}


#navBar {width: 1004px; height: 30px; padding-left: 20px; background:#FFFFFF; font: 14px Georgia, Times, serif; margin-top: 0px; background-image:url(../images/navBar-bkgd.gif); background-position:top; background-repeat:repeat-x; padding-top: 10px; padding-bottom: 10px; border-right: 1px solid #c4c2ab;  border-left: 1px solid #c4c2ab}


#navBar2 {display: block;text-align: left }

#navBar a:link, #navBar a:visited {border: 0px}
#navBar2 a:link, #navBar2 a:visited {border: 0px}

#badges a:link, #badges a:visited {border: 0px}

#badges {padding-top: 0px; padding-left: 20px; width: 400px}


#contentWrap {width: 1024px; background:#FFFFFF; padding-bottom: 84px; text-align:left;border-right: 1px solid #c4c2ab;  border-left: 1px solid #c4c2ab;}

#leftDiv { width: 650px; float:left; position:relative; margin-left: 20px; background-image:url(../images/content-bkgd.gif); background-position:top; background-repeat:repeat-x;}
#leftDiv h1, #leftDiv h2, #leftDiv h3, #leftDiv p {padding-left: 20px; padding-right: 40px;}
#leftDiv h1, #oneDiv h1 {padding-top: 20px}


#oneDiv { width: 800px; float:left; position:relative; margin-left: 20px; background-image:url(../images/content-bkgd.gif); background-position:top; background-repeat:repeat-x; padding-left: 20px}

#oneDivA { width: 880px; float:left; padding-left: 20px;}

#oneDivA img { margin-bottom: 10px; }


#rightDiv {float: right; width: 274px; background-image:url(../images/content-bkgd.gif); background-position:top; background-repeat:repeat-x; margin-right: 20px; position:relative;}
#rightDiv h1, #rightDiv h2, #rightDiv h3, #rightDiv p {padding-left: 20px; padding-right: 20px; padding-top: 10px;}
#outside {margin-top: 10px;}
#rightDiv #outside a:hover {border: 0px}
#rightDiv #outside a {border: 0px}


.line {border-top: 1px solid #ccc; margin-left: 20px}

/* NAVIGATION */
#navBar ul {margin: 0; display:inline;}
#navBar li {float: left; padding: 10px 25px 0 12px; list-style: none;}

#navBar li a { padding: 10px 25px 0 12px; text-transform: uppercase; text-decoration: none; color:#65686E; background: none}	
#navBar li a:hover { padding: 10px 25px 0 12px; text-transform: uppercase; border:0; background: none; color: #658aac}	
#navBar li .on { color:  #D87401}


body#home #homeN a,
body#work #workN a,
body#resume #resumeN a,
body#diversions #diversionsN a,
body#contact #contactN a  {
	color: #D87401;
}

#navBar2 ul {margin: 0; padding: 0px; padding-left: 10px}
#navBar2 li {padding-top:10px; list-style: none; }
#navBar2 li a { padding-top:10px; text-transform: uppercase; }	
#navBar2 li a:hover { padding-top:10px; text-transform: uppercase;}	
#navBar2 li .on { color:  #D87401}

#navBar2 h1 {color:  #D87401; font: 14px Georgia, Times, serif; margin-top: 0px; }

.imgAlone {border: 1px solid #CCC; margin-right: 4px}


/*PROJECT BOXES */
#pjtBoxContainer {padding-left: 20px}

.pjtBox { width: 192px; border: 1px solid #ccc; margin-right: 12px; float: left; text-align:center; height: 160px; background-image:url(../images/pjtBox-bkgd.gif); background-position:bottom; background-repeat:repeat-x; margin-bottom: 10px}

.pjtBoxLL { width: 192px; border: 1px solid #ccc; margin-right: 12px; float: left; background-image:url(../images/pjtBox-bkgd.gif); background-position:bottom; background-repeat:repeat-x; margin-bottom: 10px}


.pjtBoxLarge { width: 580px; border: 1px solid #ccc; margin-right: 24px; float: left; text-align:center; background-image:url(../images/pjtBox-bkgd.gif); background-position:bottom; background-repeat:repeat-x; margin-bottom: 10px; padding-bottom: 24px}


.pjtBox p {color: #666; margin: 0px; text-align: left; padding-left: 5px;}
.pjtBoxLarge p {color: #666; margin: 0px; text-align: left;}

.pjtBoxLarge img {border: 1px solid #ccc; margin-top: 10px;  margin-bottom: 5px}
.pjtBox img {border: 1px solid #ccc; margin-top: 10px; margin-bottom: 5px}
.pjtBoxLL .singleImg {border: 1px solid #ccc; margin-top: 10px; margin-bottom: 5px; margin-left: 20px}

.pjtBox p a:hover { color: #658aac; border: none; background:none; text-decoration:underline}


/*RIGHTSIDE BOX */
#rtSideContainer { padding: 20px;}
#rtSideBox { border: 1px solid #ccc; text-align:center; width: 232px; padding-bottom: 10px; background-image:url(../images/pjtBox-bkgd.gif); background-position:bottom; background-repeat:repeat-x; margin-top: 15px}
#rtSideBox p {color: #9b915e; margin: 0px;padding-left: 10px; padding-right: 10px; text-align: left;}
#rtSideBox h1, #rtSideBox h2,  #rtSideBox h3 {text-align: left; margin: 0px; padding-left: 10px;}
#rtSideBox img {border: 1px solid #ccc; margin-top: 10px; margin-bottom: 5px}

/*BLOG */

/* ADAPTED FROM  --- THANKS!
-----------------------------------------------
Blogger Template Style
Name:     Minima
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     26 Feb 2004
 */

	.date-header {
    margin:1.5em 0 .5em;
    }
	.post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted #ccc;
    padding-bottom:1.5em;
    }
	.post-title {
font: bold 1em Georgia, "Times New Roman", serif; letter-spacing: 1px; font-size: 14px; line-height: 24px; color: #6a8714; margin-bottom: 5px; margin-top: 5px;

  margin:.25em 0 0;
  padding:0 0 4px;
  line-height:1.4em;
  }
.post-title a, .post-title a:visited, .post-title strong {
  display:block;
  text-decoration:none;
  color:#595a5a;
  font-weight:normal;
  }
  
  .post-body img {border: 0px}
  .post-body img a {border: 0px}
  
.post-title strong, .post-title a:hover {
  color:#333;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
  
p.post-footer {
  margin:-.25em 0 0;
  color:#ccc;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #ddd;
  }
  
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }

.sidebar {float:left}

p.post-footer {
  margin:-.25em 0 0;
  color:#ccc;
  }
.post-footer em, .comment-link, .date-header{
  font: 90%/1.4em Verdana;
  text-transform:uppercase;
  letter-spacing:.1em;
   color: #595a5a
  }
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
  
 /*.date-header {font: 1.0em Georgia; font-size: 11px; margin-bottom: 10px; margin-top: 10px; color: #595a5a} */

.dropIcon {margin-bottom: -3px; margin-right: 5px}
.flagIcon {margin-bottom: -1px; margin-right: 5px}

.alDiv {background-color: #fff; border:1px solid #eaeaea; text-align:left; padding: 20px}