/* CSS Document

Gene Allen
Online Portfolio - Caricatures

Copyright 2008.

UPROAR Multimedia
http://www.uproarmultimedia.com

*/
/* --- RESET ---*/


html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}


/* --- GENERAL ---*/


body {
background-image:url(../img/header_top.jpg);
background-position:top;
background-repeat: repeat-x;
background-color:#FFF;
font-family: Arial, helvetica, sans-serif;
font-size: 62.5%;
color: #333;
}

/* --- FONTS SYTLES --- */
p {
line-height: 1.5em;
margin-top:15px;
}

.inl {display:inline;}


p + ul {
	line-height: 1.4em;
	margin: 20px 0 20px 35px;	
}

h1 {
color: #F00;
font-stretch:condensed;
font-size:250%;
margin:10px;
}

h2 {

}

h3 {
}


/* --- Extra Classes --- */
.bold{font-weight: bold;}

.italics{font-style:italic;}

.super{font-size: .75em;vertical-align:super;}

img{float:left;}

.right{text-align:right;margin-bottom: 25px;}

.extraIndent{margin-left: 50px;}

.indent{margin-left: 15px;}

.grayBullet{
margin-left: 50px;
margin-right: 50px;
padding-left: 10px;
border-left:5px solid  #E5E5E5;
}


/* --- POSITIONALS ---*/


#wrap {
width: 900px;
height: 1%;
height: 100%;
margin:auto;
}

div#bannertop{
width: 900px;
height: 225px;
margin:auto;
}

div#mainContent{
width: 900px;
height: 600px;
margin:auto;
background-color:#FFF;
}

div#newsCopy{
width: 310px;
height: 900px;
float:left;
background-color:#FFF;
}
div#newsCopy p{
font-size:110%;
margin-left:12px;
margin-right:12px;
color:#999;
}

html > body div#newsCopy p{
padding-top:5px;
}

div#newsCopy h1 {padding-top: 0; }

html > body div#newsCopy h1 {padding-top: 10px; }

div#newsCopy a {color: #F00; text-decoration:none; }

div#newsCopy a:visited {color: #f00; text-decoration:none; }

div#newsCopy a:hover {color:#555; text-decoration:none; cursor:pointer;}

div.topic{
width: 310px;
background-color:#FFF;
background-image:url(../img/diagbox.gif);
background-repeat:no-repeat;
padding-bottom:10px;
}

html > body div.topic{
margin-top: -10px;
padding-bottom:10px;
}

div#portfolio{
width: 500px;
height: 500px;
float:right;
background-color:#FFF;
background-image:url(../img/diagbox.gif);
background-repeat:repeat-x;
}
div#portfolio p{
font-size:110%;
margin-left:12px;
margin-right:12px;
color:#FFF;
}


div#gallery {
float:left;
width:500px;	
height:500px;
margin:10px;
}

div#gallery li{
float:left;
margin-bottom: 15px;
}

html > body div#gallery li{
margin-bottom: -2px;
}

div#footer{
clear:both;
margin-top:100px;
width:100%;
height:120px;
}

div#footer a {color: #139cb5; text-decoration:none; }

div#footer a:visited {color: #139cb5; text-decoration:none; }

div#footer a:hover {color:#555; text-decoration:none; cursor:pointer;}


/* --- PHOTO STYLING ---*/
div.photoL {
  float:left;
  background-color:#f5f5f2;
  margin-top: 20px;
  margin-left:0px;
  margin-right:25px;
  margin-bottom:20px;
  padding:3px;
  border:1px solid #d8d6ce;
  text-align:center;
}
div.photo img {
  display:block;
  border:1px solid #d8d6ce;
}


.galleryThumb {
  float:left;
  background-color:#CCC;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:20px;
  padding:5px;
}