@charset "UTF-8";
/* CSS Document */


/*
Theme Name: Outrageous Red
Theme URI: http://www.outrageousred.com/art_blog/we-content/themes/outrageousred/
Description: The fine art and photography of Shirley Kleppe
Version:4.0
Author: Entropic Studio
Author URI: http://entropicstudio.net
Tags: photography, fine art
*/



html, body { 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	height: 100%;
	width:100%;
	min-width:900px;
	background-color:#d53b17;
	margin:0px;
	padding:0px;
	background-image:url(../../../../images/background.jpg);
	background-repeat:repeat-x; background-position:top;}
a { color:#333333}

/* SITE CONTAINER
--------------------------------------------------------*/

.container {width:100%; margin:0px;  padding:0px;  }
 

/* HEADER
--------------------------------------------------------*/

.head {width: 960px;height:151px;margin:0px auto;padding:0; background-image:url(../../../../images/header_image_01.png); background-repeat:no-repeat; background-position:right;}

.head img{
	position:relative;
	top:3px;
	left:-80px;
	margin:0px;
	padding:0px;
}



.content_wrap {
  width: 960px;
  margin:0px auto;
  padding:0px;
  voice-family: "\"}\"";
  voice-family: inherit;
  /*background-image: url(../../../../images/main_bg_repeat.png); 
  background-repeat:repeat-y;*/
  background-color:#fff;

 }
.content_wrap h1{
	margin:0px;
	padding:10px;
	font-size: 24px;
	line-height:28px;
	color:#000000;
	text-align:left;
}


.content_wrap h2{
	margin:0px;
	padding:20px;
	font-size: 20px;
	line-height:24px;
	color:#000000;
	text-align:left;
}



/*.content h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #92966f;
	margin:10px 0px 0px 0px;
	font-weight:normal;
	text-align:left;
}
.content h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	margin:25px 0px 0px 0px;
	font-weight:normal;
	text-align:left;
}
*/


/* NAV AREA
--------------------------------------------------------*/

.navwrap {float: left; margin:0px;
padding-left:0px; width: 186px;}

.blackbox {
	height:138px;
	width:186px;
	background-image:url(../../../../images/nav_topper.png);
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
}

.blackbox img{
	position:relative;
	top:10px;
	left:-40px;
	margin:0px;
	padding:0px;
	z-index:20;
}



.nav { text-align: left; float: left; width:186px; font-size: 12px; margin:0px; padding:0px 0px 0px 0px; }
.nav img{ margin:0px;padding:0px;}
.nav ul { margin: 0px; padding: 0px; list-style: none;  overflow: hidden; letter-spacing:2px; }
.nav li { display: block; margin: 0px; padding-top: 0px; }
.nav a { display: block; height: 28px; text-indent: 20px; padding-top: 5px; text-decoration:none; color:#000000; }
.nav a:hover { background-position: 0 0 !important; color:#FFF; }
.nav a.active { background-position: 0 0px !important; color:#FFF; }
.nav a:hover.active { background-position: 0 28px !important; color:#FFF;}

#home { width: 186px; height:28px; float:left; }
#home a { background: url(../../../../images/nav_bg.png) 0 -28px no-repeat; }



/* FLASH AREA
--------------------------------------------------------*/


.flasharea {
	float:right;
	position:relative;
	top:-440px;
	left:50px;
	margin:0px;
	padding:0px;
	overflow:visible;
	background-image:url(../../../../images/flash_area_filler.png);
	background-repeat:no-repeat;
	background-position:top;
}

.flasharea p{
	margin:0px;
	padding:0px;
}

.flasharea img{
	margin:0px;
	padding:0px;
	display:inline;
	overflow:visible;
}


/* FLASH AREA 222222222
--------------------------------------------------------*/


.flasharea2 {
	float:left;
	margin:0px;
	padding:0px;
	overflow:visible;
	background-image:url(../../../../images/flash_area_filler2.png);
	background-repeat:no-repeat;
	background-position:top;
}

.flasharea2 p{
	margin:0px;
	padding:0px;
}

.flasharea2 img{
	margin:0px;
	padding:0px 10px;
	display:inline;
	overflow:visible;
}



/* HR DIVIDER
--------------------------------------------------------*/

.hrdivide {
	width:950px;
	height:7px;
	margin:0px 0px 0px 10px;
	padding:0px;
	overflow:visible;
	background-image: url(../../../../images/hr_lft.png);
	background-repeat:repeat-x;
	display:block;
}

/*.hrdivide img{
	float:left;
	margin:0px;
	padding:0px;
}
*/



/* CONTENT AREA
--------------------------------------------------------*/

.thepost { padding:10px 0px; margin:0px; background: url(images/red_line.png) transparent no-repeat bottom; clear:both;
	
}


.column1 {
	width:720px;
	margin:0px;
	padding:10px 20px;
	float:left;
/*	position:relative;
	top:-400px;
	left:0px;
*/}

.column1 p{
	margin:0px;
	padding:10px;
	font-size: 14px;
	line-height:20px;
	color:#000000;
	text-align:justify;
}

.column1 img{
	margin:10px;
	padding:10px;
	float:right;
	border: 1px solid #333333;
	
}

.sidebar {
	width:160px;
	margin:0px;
	padding:10px;
	float:left;
}


.sidebar ul{
	margin:0px; padding:5px 0px;
	border-bottom: dashed 1px #FF0000;
	line-height:20px;
}
.sidebar li {
	text-align:left;
	width:160px;
	list-style:none;
	margin:0px; 
	padding:0px 5px;
	clear:both;	
}
.sidebar li a {
	display:block;
	padding:5px 0px;
	margin:0px;
	text-decoration:none;
	font-size:12px;
	color:#81805e;
	font-weight:normal;
}
/*.sidebar li img {
	margin:0px;
	padding: 0px;
	float:right;
	display:inline;	
}*/
.sidebar li h2 {
	color:#81805e;
	margin:0px;
	padding:10px 0px 15px 5px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	font-size:20px;
}


.sidebar li a:hover, .sidebar li a:hover h4 { color: #e75305; }


/*NEWS LIST
-----------------------------------------*/




ul.news {
	margin:0px; padding:0px;
}
ul.news li {
	text-align:justify;
	width:160px;
	list-style:none;
	margin:0px 10px; 
	padding:5px;
	clear:both;
	border-bottom: dashed 1px #FF0000;
	
	
}
ul.news li a {
	display:block;
	padding:0px;
	margin:0px;
	text-decoration:none;
	font-size:12px;
	color:#81805e;
	font-weight:normal;
	display:block;
}
ul.news li img {
	margin:0px;
	padding: 0px;
	float:right;
	display:inline;	
}
/*ul.news li h4 {
	color:#81805e;
	margin:0px;
	padding:15px 0px;
	font-weight:normal;
	text-decoration:none;
	display:block;
	font-size:14px;
}
*/

ul.news li a:hover, ul.news li a:hover h4 { color: #e75305; }



/* FOOTER
--------------------------------------------- */

.fineprint {
	width:960px;
	margin:0px auto;
	padding:0px;
/*	position:relative;
	top:-400px;
	left:0px;
*/}
.fineprint p{
	color:#000;
	font-size:14px;
	text-align:center;
	margin:0px;
	padding:10px;
}
.fineprint a{color:#000; text-decoration:none;}
.fineprint a:hover{color:#555; text-decoration:none;}



/*FOOT_NAV
-----------------------------------------*/



ul.foot_nav {
	margin:0px auto; padding:0px 0px 0px 25px; text-align:left; width:960px;
}
ul.foot_nav li {
	float:left;
	display:inline;
	list-style:none;
	font-size:12px;
	margin:0px; padding:10px 0px;
}
ul.foot_nav li a {
	text-align:left;
	color:#000;
	text-decoration:none;
	margin:10px;
	padding:10px;
}

ul.foot_nav li a:hover, { color: #FF0000; }






/*GALLERY
-----------------------------------------*/



.gallerypost {
background: #FFFFFF;
float: left;
width: 700px;
margin: 0px;
padding:10px;
}

.gallerypost img{
background-color:none;
border:1px solid #3a1802;
margin:10px;
padding:10px;
}
.gallerypost p{
font-size:18px;
margin:0px;
padding:10px 20px;
}




ul.img_nav {
	margin:0px; padding:0px; text-align:left;}
ul.img_nav li {
	float:left;
	display:inline;
	list-style:none;
	font-size:15px;
	margin:0px; padding:10px 0px;
}
ul.img_nav li a {
	color:#3a1802;
	text-decoration:none;
}

ul.img_nav li a:hover, ul.img_nav li a:hover h2 { color: #709704; }







/* ------- 
Hacks  -------- */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { *height: 1%; }