/* CSS for Liv's Portfolio -- all browser compatible 
Version 1.0 */

html, body {
	margin:0;
	font-family:Arial, Verdana;
	font-size:0.863em;
	color:#D1CBB2;
	background:#000000 url(../images/backg1red.jpg) top repeat-x;
	text-align:center;
}

p {font-size:1em; line-height:1.3em; margin:0.8em 0;}

h1{font-size:2em; color:#900; margin:.5em 0;font-weight:bold;}
h2{font-size:1.3em; color:#900; margin:.5em 0;font-weight:normal;}
h3{font-size:1.3em; color:#900; font-weight:normal; margin:.5em 0;}
h4{font-size:1.1em; color:#900; font-weight:normal; margin:.5em 0;} 
h5{font-size:1em; font-weight:bold; margin:.5em 0;}
h6{font-size:1em; font-weight:bold; margin:.5em 0;}


ul {margin:5px 15px;}
ul li{padding:3px 0;}

ol {margin:5px 15px;}
ol li{padding:3px 0;}

a:link {color:#C00; text-decoration:none;}
a:visited {color:#C00; text-decoration:none;}
a:hover {color:#F00; text-decoration:none;}
a:active {color:F00; text-decoration:none;}

img{border:none;}

/*content frame layout */
#allcontainer {width:100%; margin:auto; padding:0; background:#000000; text-align:center;}
* html #allcontainer {background:none;}
#container {width:955px; margin:auto; padding:0; text-align:left; background:#000;}
#innercontainer {width:955px; float:left; text-align:left; background:transparent url(../images/header.jpg) top center no-repeat;}
#topspace {width:100%; height:76px; margin:0;}
#menuholder {width:100%;}
#topmenu {margin:0 0 0 150px; font-family:Verdana; letter-spacing:0.04em; font-size:0.9em; font-weight:normal; float:center;}
#innercontacts{float:right; margin:0 115px 0 0; font-family:Arial; letter-spacing:0.05em; font-size:0.9em;}

#topmenu a:link {color:#D1CBB2; text-decoration:none;}
#topmenu a:visited {color:#D1CBB2; text-decoration:none;}
#topmenu a:hover {color:#900; text-decoration:none;}
#topmenu a:active {color:#900; text-decoration:none;}

#columns { width:100%; margin:0; float:left;}
#left {width:16%; margin:5px 0; float:left; overflow:hidden;}
#center {width:73%; margin:20px 0; float:left; color:#D1CBB2;}

#center a:link {color:#C00; text-decoration:none;}
#center a:visited {color:#C00; text-decoration:none;}
#center a:hover {color:#F00; text-decoration:none;}
#center a:active {color:#F00; text-decoration:none;}

#right {width:10%; margin:20px 0; float:right; overflow:hidden;}

#innermenu{width:auto; float:left; margin:3px 5px 10px 0;}
#innermenu a{display:block; width:120px; padding:3px 3px; color:#D3D3D3;}

#footer {width:100%; text-align:center; clear:both; float:left;}
#innerfooter {margin:0 auto; width:955px; background:#000; font-family:Arial; font-size:0.85em; color:#900;}
#textinfooter{padding:3px 0;} 

/*custom classes */
.floatright {float:right; margin:5px; float:left;}
.floatleft {float:left; margin:5px;}

/*interactive classes */
.imagedisplay{width:390px; margin:0 0 5px 5px; float:left; color:#D1CBB2; text-align:center;}
.thumbs{float:left; margin:0 0 5px 0; width:295px;}
.thumbnail{width:90px; height:90px; margin:5px 6px 5px 0; float:left; border:1px solid #000; display:block;}
