/* CSS Site for Clare Warburton 2009 */

div, body, ul, li, p, h1, h2 {margin: 0; padding: 0;}

a {text-decoration: none}

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

a:hover {
	color:#00ccff;
	text-decoration: none;
	border-color: #00ccff;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
	padding: 3px 0px 0px 0px;
	}


body { background: url(../images/al-topHeader.gif) no-repeat top center #ece9e3; font: normal 12px/16px "Century Gothic","Lucida Grande",Verdana,Tahoma,Century,sans-serif; color:#65686E; text-align:center;}

#contentWrap {width: 920px; margin:0px auto; text-align:left; padding-bottom:10px; }



/* text */

h1 {font: normal 28px "Century Gothic","Lucida Grande",Verdana,Tahoma,Century,sans-serif; color: #333; margin-bottom: 6px}
h2 {font: normal 18px/26px "Century Gothic","Lucida Grande",Verdana,Tahoma,Century,sans-serif; color: #888; margin-bottom: 6px}
h3 {font: normal 12px"Century Gothic","Lucida Grande",Verdana,Tahoma,Century,sans-serif; margin-bottom: 6px}

.content h1 {font: normal 18px "Century Gothic","Lucida Grande",Verdana,Tahoma,Century,sans-serif; color: #333;}
.content h2 {font: normal 14px/18px "Century Gothic","Lucida Grande",Verdana,Tahoma,Century,sans-serif; color: #888;}
.content h3 {font: bold 12px "Century Gothic","Lucida Grande",Verdana,Tahoma,Century,sans-serif;}
.content p {margin-top: 20px}


.pjtBoxContent p {margin-top: 0px}


/* navigation */


#navBar {font: 14px "Century Gothic","Lucida Grande",Verdana,Tahoma,Century,sans-serif; padding: 34px 0 20px 300px;}

#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; background: none; color: #65686E}	
#navBar li a:hover { padding: 10px 25px 0 12px; text-transform: uppercase; border:0; background: none; color: #00ccFF}	
#navBar li .on { color:  #000}

#navBar a:link, #navBar a:visited {border: 0px; outline:none;}


/* Columns */

#leftDiv { width: 700px; float:left;}
#rightDiv {width:220px; float: left;}

.content {padding: 60px 20px 20px 20px}

.imgB {border: 1px solid #FFF; margin: 0 10px 0 0; float: left}


/* footer */

#footer {
		clear: both;
		width: 920px;
		background: url(../images/handstand.gif) no-repeat bottom right;
		border-bottom: 1px solid #d9d7ce
	}
	
#footer .content p {margin-top: 5px; font-size:11px;}
	


/*pjt boxes */

#pjtBoxList { 
	margin: 0;
	padding: 0;
	display:inline;
  list-style-image: none;
  list-style: none;
  list-style-type: none;
  font-size: 11px;
  line-height: normal;}

#pjtBoxList li {background: url(../images/pjtBoxBkgd.png) repeat-x #f5f3f0; border: 1px solid #dfdad2; width: 180px; margin: 20px 10px 0 0; float: left; padding: 10px 10px 10px 10px}

#pjtBoxList li img {border: 1px solid #dfdad2}

p.crumb {margin: 0px;}
.icons {margin-bottom: -1px; margin-right: 5px; border: 0}

.pjtBox {background: url(../images/pjtBoxBkgd.png) repeat-x #f5f3f0; border: 1px solid #dfdad2; width: 630px; margin: 20px 20px 0 0; float: left; padding: 10px 10px 10px 10px}

.pjtBoxContent {background: url(../images/pjtBoxBkgd.png) repeat-x #f5f3f0; border: 1px solid #dfdad2; width: 180px; margin: 0px 20px 0 0; float: left; padding: 16px 10px 10px 10px}

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



/* for the fancy zoom */

div.photo a img, div.photo a:link img {outline:none; border: 0px;}
div.photo a {outline:none; border: 0px;}
p.caption {
background-color: #ece9e3;
margin: 20px 0 0;
padding: 5px 0;
}


#zoom_close a {border-bottom: none}



/* for the form */
.formC {margin: 35px 0 20px 0}
			  .formC label {display: block; margin: 10px 0 5px 0}
			  .formC textarea { text-align: left; padding: 6px; font: 12px/16px "Century Gothic","Lucida Grande",Verdana,Tahoma,Century,sans-serif;}
			  .formC input {display: block; font: 12px/16px "Century Gothic","Lucida Grande",Verdana,Tahoma,Century,sans-serif; width: 220px}
			  .formC .send {width: 100px}
			  
			  



/* Tumblr Posts */

ol.tumblr_posts {margin: 10px 0px 0px 0px; padding: 0px; list-style: none; list-style-type: none; width: 200px}
.tumblr_posts li {margin: 0 0 4px 0px; }
.tumblr_photo_post {display:none}


/* delicious */

.delicious-posts { }
.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0}
.delicious-banner {font: normal 14px/18px "Century Gothic","Lucida Grande",Verdana,Tahoma,Century,sans-serif; color: #888; margin: 0 0 6px 0;}
li.delicious-post {margin-top: 6px}
.delicious-odd { }
.delicious-banner a {font: normal 14px/18px "Century Gothic","Lucida Grande",Verdana,Tahoma,Century,sans-serif; color: #888;}
.delicious-posts a:hover {}
.delicious-posts a {}
.delicious-post a { }

/*twitter */
#twitter_div {margin-top: 20px}
#twitter_div ul { list-style: none; list-style-type:none}
#twitter_div li, #twitter_div p { margin-top: 6px}