/*
	Theme Name: Affinity Media Theme (basic)
	Theme URI: http://www.affinitymediagroup.com
	Description: What a mission...Phew!!! <br/> I had to write a CSS hack and import a sepearte CSS for IE Because of it's crapulence and lack of standards.
	Version: 1.0
	Author: Matt
	Author URI: http://www.nb2k.com
*/

/**************************************************************
   Body
 **************************************************************/
html {height:100%;}
body {
margin:0; padding:0; height:100%;
background-color:#ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:link {color: #003399;}
a:hover {color: #003399;}
a:visited {color: #003399;}

#header {
	background-repeat:repeat-x;
	background-image: url(images/header-bg.png);
	height: 115px;
	top: 0px;
}



/**************************************************************
   Float classes
 **************************************************************/
 #left {
 float:left;
 width:200px;
 text-align:center;
 } 
 #right {
 float:right;
 width:200px;
 text-align:center;
 }

/**************************************************************
   Main Layout
 **************************************************************/
#content {
padding:5px;
margin:auto 150px;
text-align:left;
}
#inner-wrap {
padding-bottom:80px;
}
#inner-wrap:after {
content:" ";
display:block;
clear:both;
} 
#wrap {
	min-height:100%;
	position:relative;
	width: 100%;
}
* html #wrap {height:100%}

h4 a {

	text-decoration: none;

}

/**************************************************************
   Footer
 **************************************************************/
 .orange-bars-footer {
	color: #f47b1f;
}
#footer a:link {
	color: #003399;
	}
#footer a:hover {
	color: #003399;
}
#footer p {
margin:0;
font-size: 0.9em;
text-align:center;
}
#footer {
	position:absolute;
	bottom:0;
	height:80px;
	background-color: #FFFFFF;
	width:100%;
	color:#FF00FF;
	text-align:center;
	background-image: url(images/footer-bg.png);
	background-repeat: repeat-x;
	font-size: 0.9em;
}

/**************************************************************
   Wordpress Main text
 **************************************************************/
   p {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666;
	}
	#div {
    padding-left: 8px;
	}
ul {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666;
	}
	#div {
    padding-left: 8px;
	}

ol {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666;
	}
	#div {
    padding-left: 8px;
	}

/**************************************************************
   Portfolio Stuff
 **************************************************************/

.folio-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #666666;
	}

/**************************************************************
   Navigation & header
 **************************************************************/
 #header  #navigation li a:hover {
	background-color: #CCCCCC;
	padding: 5px;
}
 #header  #navigation li a:link {
	color: #003399;;
	padding: 5px;
}
#header  #navigation li a:visited {
	color: #003399;
	padding: 5px;
}

#header #navigation a {
	display: block;
	padding: 5px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#header #navigation li {
	list-style-type: none;
	height: 22px;
	float: left;
	padding: 0px;
}

#logo-header {
	background-image: url(images/logo-header.png);
	background-repeat: no-repeat;
	height: 75px;
	width: 100%;
	position: absolute;
	top: 17px;
}
    #header  #navigation {
	background-repeat: no-repeat;
	float: right;
	position: absolute;
	margin-top: 80px;
	margin-left: 130px;
}
    #logo-header {
	background-image: url(images/logo-header.png);
	background-repeat: no-repeat;
	height: 75px;
	width: 307px;
	position: absolute;
	left: 155px;
	margin: 0px;
	padding: 0px;
}

/**************************************************************
   Blockquote and included icons
 **************************************************************/

blockquote {
  margin: 12px 13px;
  padding: 26px;
  font-size:10px;
  color: #FFF;
  width:100%;

  
  
  background-color: #444;  
  background-image: url(http://www.affinitymediagroup.com/images/quote.gif);
  background-repeat: no-repeat;
  background-position: 5px 50%;  
}

blockquote.exclamation {
  background-image: url(http://www.affinitymediagroup.com/images/exclamation.gif);
}

blockquote.stop {
  background-image: url(http://www.affinitymediagroup.com/images/stop.gif);


}

blockquote.go {
  background-image: url(http://www.affinitymediagroup.com/images/go.gif);


}
blockquote p {
padding-left: 0.5em;
}

/**************************************************************
   Code block
 **************************************************************/

code {
font-size: 1em;
border:1px dashed navy;
background-color:white;
color:#333333;
padding:10px;
display:block;
width:80%;
margin:10px auto;
overflow:hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#left-shadow {
	background-image: url(http://www.affinitymediagroup.com/images/shadow_left.png);
	background-repeat: repeat-y;
	width: 6px;
	height: 100%;
}
#right-shadow {
	background-image: url(http://www.affinitymediagroup.com/images/shadow_right.png);
	background-repeat: repeat-y;
	width: 6px;
	height: 100%;
}
/**************************************************************
   Flash
 **************************************************************/
 #flash{
 width: 285px;
 height: 273px;
 padding-left: 20px;
 }
 .flash{
 width: 0;
 height: 0;
 visibility: collapse;
 }