/* ------------- BODY ----------------- */

body {
  background:#99CC66;
  text-align: center; /* center text in centered layout */
  }

html, body {
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 76%;
		font-weight: normal;
  		line-height: 12px;
  		color: #000;
		margin: 0px;
		padding: 0px 0px 20px 0px;
		text-align: left;
		}

.clear	{
		clear:both;
		margin:0px;
		}
  
  
#dropshadow2{
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/shadow_green.gif) no-repeat bottom right;
	padding-right:120px !important; /* to make drop-shadow align in FF on PC */
	padding-right:0px;
	width:455px;
	text-align: left; /* to align text in body */
  	margin: 10px auto;
}

.container {
  /* margin: 0 auto;  This would make the layout centered if active */ 
  position:relative;
  bottom:6px;
  right: 6px; 
  padding:0px;	
  width: 555px;
  border:10px solid #fff;
  background-color:#fff;
  }

.container{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}
  
/* -------------- GENERAL STYLES ------------------------*/

h1	{ /* title of main page */
	font-size: 2.0em;
	font-weight: normal;
	margin: 0em 0em 0em 0em;
	font-weight:bold;
	color:#557596;
        padding:4px;
}	

h2	{ /* section title (recent clips, contact, etc.) */
	font-size: 1.7em;
	font-weight: bold;
	margin: 0em 0em 1em 0em;
}

h3	{ /* resume section titles */
		font-size: 1.4em;
		font-weight: bold;
		border-bottom: 1px solid #557596;
		margin: 0em 0em 1.2em 0em;
		color:#557596;
		}

h4	{ /* subsection title (lecture titles) */
		font-size: 1.4em;
		line-height: 1.4em;
		text-decoration:none;
		font-weight: bold;
		border-bottom: 1px solid #557596;
		margin:1em 0em 0em 0em;
		color:#557596;
		}

h5 { /* Clip Headline */
		position:relative;
		font-size:16px;
		line-height:18px;
		font-weight:bold;
		padding:3px 0px 3px 3px;
		margin:0px 0px 5px 0px; 
		background-color:#fff;
		border-bottom: 1px solid #000;
		border-top: 1px solid #000;
		color:#000;
}

h6 { /* Resume joblistings */
		font-size: 12px;
		font-family: arial, helvetica, sans-serif;
		font-weight: bold;
		padding: 3px 0px 3px 0px;
		margin:0px;
		color:#000;
}

p {
	font-size: 12px;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
	}

/* -------------- MAKE NEW FONTS HERE ------------------------*/

.clip_text {font-size: 14px; 
            font-family: arial, helvetica, sans-serif;
            }
	
a	{
		color:#7aa9d9;
		text-decoration:underline;
                font-weight:bold;
	}

		
img {
		/*border: 1px solid #999;*/
		margin: 0px 0px 0px 3px;
		}

label {
	float:left;
	}

select	{
		width: 200px;
		margin: 0px;
		padding: 0px;
		font-size: 10px;
		}

.container{
font-size:12px;
}
/* _INDEX PAGE STYLES_ */

/*THIS IS WHERE YOU CHANGE THE COVER IMAGE */
/* -------------- COVER ------------------------*/

#cover {
		position:relative;
		background-image: url("http://www.adambellick.com/archives/images/swat%20600.jpg"); /* CHANGE COVER IMAGE HERE */
		background-repeat: no-repeat;
		background-color: black;
		height:240px;
		margin: 0px 0px -1px 0px;
		border-top: 10px solid #fff !important; /* because FF renders correctly */
		border-top: 5px solid #fff; /* IE puts too much space */
		border-bottom: 10px solid #fff;
		padding:0px;
		}

#cover img {
		z-index:2;
		position:relative; /* calculate layer position from left corner of #cover */
		top:-100px;
		left:100px;
		}
		
/* -------------- CAPTION ------------------------*/		

#caption {
		position:relative;
		margin: 0px;
		padding: 0px;
		border-bottom: 10px solid #fff;
		background-color:#7AA9D9;
		color:#fff;
		}

#caption p {
		padding:0.2em;
		line-height:1.2em;
		margin:0;
		}

#caption a {
                color:#fff;
                }

#caption a:hover {
                text-decoration:underline;
                } 
		
/* -------------- COPY BOX ------------------------*/

#copybox {
		padding: 0px;
		background-color:#fff;
		margin:0px;
		}

#copybox p {
	margin:0.9em 0em 0.5em 0em;
	}

#copybox img {
	float:left;
	margin:0px 10px 4px 0px;
	padding:0px;
	}
		
/* -------------- FOOTER ------------------------*/

#footer {
		position:relative;
		padding: 10px;
		background-color:#7AA9D9;
		margin: 0px;
		color:#fff;
		}

#footer p {     font-size:11px;
		text-align:center;
		padding:0px;
		margin:0;
		}

#footer a {
		color:#fff;
		}
		
/* _CLIPS PAGE STYLES_ */
/* -------------- CLIPS ------------------------*/

#cliplisting {
	width:550px;
	margin-bottom:10px !important; /*everything but IE */
	margin-bottom:10px;
	padding:0px 0px 10px 0px !important; /*everything but IE */
	padding:0px 0px 0px 0px;
	}

#cliplisting a {
        color:#000;
}

#cliplisting .pubname {
	width:115px;
	float:left;
	margin:0px;
	color:#666;
	font-weight:bold;
	}

#cliplisting .clip {
	float: right;
	width: 435px;
	padding: 0px;
	}

#cliplisting .clip p {
	margin:0px;
	padding:0px 0px 10px 0px;
	}
	
#clip {
	margin:0px;
	padding:10px 0px 10px 0px;
	border-bottom:1px solid #000;
	margin-bottom:5px;
	}

#clip img {
       float:left;
       margin:0em 5px 5px 0px;
       border:1px solid #6990B8;
}

.print {
	background:url(../images/widget_printer.gif) no-repeat left;
	line-height:14px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 22px;
	}
.byline {
	background:url(../images/widget_blueman.gif) no-repeat left;
	line-height:14px;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 15px;
	}
.continuereading {
	float:right;
	background:url(../images/widget_paper.gif) no-repeat left;
	padding:3px 0px 0px 15px;
	margin:0px 0px 0px 0px;
        font-weight:normal;
	}

.clipexplainer {
        display:block;
        }

/* _ABOUT PAGE STYLES_ */
/* -------------- ABOUT ME ------------------------*/

#aboutadam {
	padding:10px 0px 0px 0px;
	}

#aboutadam img{
	border:1px solid #7AA9D9;
	float:left;
	margin:0px 5px 3px 0px;
	}
	
#aboutpage2 {
	padding:10px 0px 0px 0px;
	}

#aboutpage2 img{
	border:1px solid #7AA9D9;
	float:left;
	margin:0px 10px 3px 0px;
	}

#aboutellicknewslink {
	padding:10px 0px 0px 0px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}

#yellowbackground {
     background-color:#7aa9d9;
     color:#fff;
     padding:0.2em 0.2em 0.2em 0.2em;
     font-size:1.3em;
}

/* -------------- RESUME ------------------------*/



#resumeheadline {
		position:relative;
		width:435px;
		margin:0px 0px 5px 0px;
		background-color:#69BDBD;
		color:#fff;
		}

#resume {
	width:435px;
	padding:10px 0 0 0;
	min-height:1px;
	}

#resume .personalinfo {
	float:left;
	width:300px;
	text-align:left;
	}
	
#resumeentry {
	width:535px;
	margin-bottom:10px !important; /*everything but IE */
	margin-bottom:10px;
	padding:0px 0px 10px 0px !important; /*everything but IE */
	padding:0px 0px 0px 0px;
	}
	
#resume .date {
	width:100px;
	float:left;
	margin:0px;
	}

#resume .job {
	float: right;
	width: 432px;
	padding: 0px 0px 0px 2px;
	}

#resumecontainer .print {
	background:url(../images/widget_printer.gif) no-repeat left;
	width:150px;
	margin:5px 0 0 0;
	padding:0px 0px 0px 22px;
	}

#resumeentry .location {
       font-size:0.8em;
       font-weight:normal;
}


/* -------------- PHOTOS ------------------------*/

#gallery {
	width:535px;
	margin-bottom:10px !important; /*everything but IE */
	margin-bottom:10px;
	padding:0px 0px 10px 0px !important; /*everything but IE */
	padding:0px 0px 0px 0px;
	}

#gallery .slide {
	float:left;
	width:130px;
	}

#gallery .slide img {
	float:left;
	padding:0px;
	}

#gallery .description {
	float: right;
	width: 400px;
	}

.galleryinfo {
	width:100%;
	margin-top:-5px;
text-align:left;
}

.galleryinfo td {
  padding:5px;
  border-bottom:1px solid #bbb;
  line-height:1.6em;text-align:left;
  margin-bottom:4px;
  }
 
html>body .galleryinfo th, html>body .galleryinfo td {
  border-bottom-style:dotted;text-align:left;margin-bottom:8px;
  }

.galleryinfo th {
  background:url("../images/widget_slide.gif") no-repeat 5px .45em;
  border-bottom:1px solid #bbb;
  text-align:left;
  }
.galleryinfo thead th {
  background:none;
  text-align:left;
  }
.galleryinfo thead th.txt {
  padding-left:4px;
  text-align:left;
  }
.galleryinfo td {
  text-align:left;
  white-space:nowrap;
  }
.galleryinfo .alt th, .galleryinfo .alt td {
  background-color:#eee;
  }

/* -------------- LECTURES BOX ------------------------*/

#lecturescontainer {
	padding:0px;
	}
	
#lecturescontainer p {
	margin:0px 0px 10px 10px;
	}

.info {
	border-bottom:1px solid #ccc;
	padding:5px 0px 5px 5px;
	margin:0 0 5px 0;
	background-color:#CCCCCC;
	line-height:14px;
	}




/* -------------- CONTACT ------------------------*/


#contact {
	padding:0px;
}

#contact .picture {
	float:left;
	width:130px;
}

#contactform {
	float:right;
	width:400px;
	background-color:#FFFFCC;
	border:1px solid #7AA9D9;
        padding: 4px;
}

#contactform label {
	text-align: left;
	width:100px;
	padding:5px 5px 5px 15px;
}

#contactform input textarea select{
	width:200px;
	float:left;
	margin:5px 2px 10px 0px;
}


/* -------------- DROP SHADOW BOX ------------------------*/

.img-shadow {
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
  


.adam {
	background:url(../images/widget_blueman.gif) no-repeat left;
	line-height:14px;
	margin:0px 0px 0px 0px;
	padding:0px 17px 0px 12px;
	}
	
.ellicknewslink{
	background:url(../images/widget_bluemen.gif) no-repeat left;
	line-height:14px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 16px;
	}


#toggle {
margin:0px 0px 0px 0px;
}

#toggle li {
display: inline;
list-style-type: none;
padding:0px;
margin:0px;
}

#toggle .adam{
background: url(../images/widget_blueman.gif) no-repeat top left;
}

.right {
	float:right;
	padding:0px 0px 0px 0px;
	}

.left {
	float:left;
	padding:0px 0px 0px 0px;
	}
	

/* -- Nav add --*/
.dropmenudiv{
position:absolute;
top: 0;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: #7AA9D9;
width: 200px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ 
width: 100%;
}

.dropmenudiv a:hover{ 
background-color: #F0F0F0;
}