/* julia-barnickle.com css*/


/* basics */

* {
    padding : 0px;
    margin : 0px;
}
 
html, body {
    height : 100%;
	font-family : verdana, arial, sans-serif;
    font-size : 12px;
	color: #000000; 
}

.clearfloat {
    clear : both;
    float : none;
}

/* GENERAL STYLES */

h1 {
	font-size : 280%;
	padding : 0px 0px 20px 0px;
	text-align: center;
	color: #CC0000;
}

h2 {
	font-size : 200%;
	margin-left: 20px;
	padding : 10px;
	text-align: left;
	color: #000000;
	font-weight : bold;
}

h3 {
	font-size : 150%;
	margin-left: 20px;
	padding : 10px;
	text-align: left;
	color: #000000;
	font-weight : bold;
}

h5 {
	font-size : 150%;
	margin-left: 20px;
	padding : 10px;
	text-align: center;
	color: #000000;
	font-weight : bold;
}

p {
	margin-left: 20px;
	padding: 10px;
	text-align: justify;
}

ul {
	padding-left: 30px;
	padding-bottom: 10px;
} 

li {
	padding: 10px 30px 10px 10px;
}

a:link, a:visited, a:active { 
	color: #000000;
	font-weight: bold;
		}
	
a:hover {
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
		}

.big {
	/*text-align: center;*/
	font-size : 120%;
	color : #000000;
	padding : 10px;
}

.bold {
	font-weight: bold;
}

.borderless {
/* used for removing border from linked images */
	border: 0px;
}

.blackborder {
/* used for adding a black border to linked images */
	border: 1px solid #000000;
}

.biglist {
/* needed to get list text on the home page to move over to the right in Firefox */
	position: relative;
	left : 20px;
	margin-right: 30px;
	line-height: 0.05; 
}

.contentlist {
/* needed to get list text on the home page to move over to the right in Firefox */
	position: relative;
	text-align: justify;
	left : 20px;
	margin-right: 30px;
}

/* MAIN DIVS */

#background {
	width : 100%;
	background-color: #FFFFFF;
/*	background-color: #DDEBEE;*/
/*	background: url(../images/pink_background.gif) top left; */
/*	background-color: #EBE2EF;*/
}

/* puts a fillet at top and bottom */
#background .fillet {
	height: 20px;
}

#container {
    width : 770px;
    background-color : #FFFFFF;
	position : relative;
	margin-left : auto;
	margin-right : auto;
/*	border: 1px solid #000000;*/
}

/* TOP DIVS */

#pageheader {
	height: 36px;
	width: 100%;
    background:  url(../images/jb_header.jpg) top left no-repeat;
/*	border-bottom: 1px solid #000000;*/
}

#pageheader h1 span {
	display : none;
}

/* MIDDLE DIVS */

#maincontent {
	margin: 20px 0px 0px 0px;
}

#maincontent .websites {
	margin-top: 10px;
	text-align: center;
		}

#maincontent .websites-right {
	margin-top: 10px;
	align: right;
	text-align: center;
		}

#maincontent .secondary {
	margin-left: 30px;
	margin-right: 50px;
}

#maincontent .photobox1a {
/* these are the boxes for having an image on the left side */
	float: left;
	margin: 10px 0px 0px 10px;
	width: 140px;
	margin-bottom: 10px;
		}

#maincontent .photobox2a {
/* these are the boxes for having an image on the left side */
	float: right;
	width: 520px;
		}

#maincontent .photobox1b {
/* these are the boxes for having an image on the right side */
	float: left;
	width: 520px;
		}

#maincontent .photobox2b {
/* these are the boxes for having an image on the right side */
	float: right;
	margin: 0px 10px 10px 0px;
		}
#photobox1 {
/* these are the boxes for the photo */
	float: left;
	margin-top: 10px;
	width: 80px;
	margin-bottom: 10px;
		}

#photobox2 {
/* these are the boxes for the signature */
	float: right;
	width: 600px;
		}

#adverts {
	margin-top: 20px;
/* any wider and the content drops to the bottom in IE6 */
	width: 610px;
	text-align: center;
}

/* BOTTOM DIVS */

#footer {
}

#xhtmlbadge {
	float: left;
	width: 180px;
	padding-left: 20px;
	margin-right: 20px;
	padding-bottom: 10px;
}

#xhtmlbadge .blank {
/* padding for when a page can't be validated due to external links */
	width: 88px;
	height: 31px;
}

#footermenu { 
	text-align: left;
	font-size: 80%;
	padding-top: 20px;
		}
	
#footercopy {
	padding: 10px;
	text-align: center;
	font-size: 80%;
}