html,body {
	margin:0;
	padding:0;
}

body {
color: #595959;
background-color: #CFC8C8;
font-family: Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
text-align:center;
margin-top: 15px;
}

#header {
    height: 140px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 800px;
    background-color: #595959;
    border-bottom-color: #FA5302;
    border-bottom-style: solid;
    border-bottom-width: medium; 
}

h1.logo {
    display: block;
    font-size: 0;
    height: 140px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 330px;
    text-indent: -9999px;
}

h1.span{
font-size: smaller;
color: 	#595959;
	}
	
h1{
	font-size: 20px;
	}
	
	h2, h3{
	font-size: 16px;
	padding-left: 10px;
	}

#header ul li {
    display: inline-block;
    float: left;
    margin: 0 15px;
    padding: 0;
}

#header ul {
    bottom: 20px;
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: left;
}

#header ul {
    line-height: 1.2;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

div#content p, form {
font-size: 12px;
color: #444;
padding-left: 15px;
line-height:1.8em;
}

div#container {
width:800px;
margin:0 auto;
text-align:left;
background: none repeat scroll 0 0 #FFFFFF;
}

div#wrapper{
height:600px;
padding-bottom: 10px;
}

div#wrapper p, h1, img, form{
padding-left: 10px;
padding-right: 10px;		
	}
	
div#bgrIndex{
	position: relative;
padding-top:20px;
height: 450px;
background-image: url(../img/aj-index.jpg); 
background-repeat: no-repeat;	
	}
	
div#bgrIndex img {
	cursor:pointer;
    position: absolute;
    top: 5px;
    right: 0px;
    width:40px;
}
	
div#bgrIndex:hover{
	padding-top:20px;
height: 450px;
background-image: url(../img/aj-index-layover.png); 
background-repeat: no-repeat;	
	}	
	

div#wrapperWorkEx{
height: 100%;
}
	
div#wrapperWorkEx p, h1, h3, object, img, form{ 
padding-left: 10px;
padding-right: 10px;	
	}	
	

#header ul li a {
    font-size: 14px;
    margin: 0;
    padding: 0;
}

#header a:link, a:visited {
    color: #CFCECD;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;    
}

#header ul li a.current{	
    color: #FFFFFF;
  font-weight: bold;
	}

#header ul li a:hover{	
    color: #FFFFFF;
	}
	
.img-triolore{
	padding-left: 10px;
	text-align: center;
}

ul, dl {
font-size: 12px;
color: #444;
line-height:1.8em;	
}

dl{
	padding:10px;
}	

dt{
	font-weight:bold;
}

dd{
	padding-bottom:60px;
}

.books dd{
	padding-bottom:40px;
}


.projects:hover {
     box-shadow: 0 0 5px #000 !important;
}

	
.activePoint{
		color: #FA5302;
	}


a:link {
    color: #595959;
    text-decoration: none;
    font-weight: bold;
}

a:hover{
    color: #8d8d8d;
    font-weight: bold;
}


/*FOOTER*/

#footer {
color: #FFFFFF;
background-color: #595959;
border-top-color: #FA5302;
border-top-style: solid;
border-top-width: medium; 
padding: 10px 5px 20px 5px;
font-size: 10px;
}

#footer span {
float: left;
}

#footer a {
float: right;
 color: #FFFFFF;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
margin-right: 10px;
}

div.right {
 float: right;
    width: 40%;
    position: relative;
    padding-top: 20px;        
}
div.left {
    float: left;
    width: 60%;
}


#photo{
	padding-left: 10px;
		}
		
#comicTitleText {
    margin: 10px;
    font-size: 21px;
    font-weight: 800;
}

#currentComic{
cursor: pointer;
}

.comicNavImg{
	width: 60%;
	cursor:pointer;
}

.comicNavImg:hover{
 box-shadow: 0 0 5px #000 !important;
}

.comicNavDiv{
	text-align:center; 
	width: 12%; 
	display:inline-block;
}

#archiveLinks{
text-align: center;
}

.comicArchiveLink{
	cursor: default;	
	text-decoration: none;
	font-weight: normal !important;
	color: #595959;	
}

.comicArchiveLink:visited, .comicArchiveLink:hover {
	text-decoration: none;
	font-weight: normal;
	color: #595959 !important;	
}