/*  
Theme Name: VIRTUAL RELATIONS
Theme URI: http://sandbox2.codeslicr.com
Description: 
Version: 1.0
Author: Mack Richardson
Author URI: http://codeslicr.com/
*/

@import url("plugins/tripoli.base.css");

/* --------------------------------------------------------------------------
 *GENERAL LAYOUT
----------------------------------------------------------------------------- */	
html {
	background:#3b3b3b url(/public/images/temp/bg.jpg) repeat-y 50% 50%;
	}

body {
	color:#ffffff;
	    font: 14px/20px Helvetica Neue, Geneva, sans-serif;

	/* font-size:1.2em; */
	}

/* --------------------------------------------------------------------------
 *COMMON ELEMENTS
----------------------------------------------------------------------------- */	
h1 {
	color:#741918;
	font-size:2.0em;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
	color:#741918;
    background-color: transparent;
 
    padding: 0;
    line-height: 1.0em;
    page-break-after: avoid;
    page-break-inside: avoid;
	letter-spacing: 0.03em;
	margin:0 0 10px 0;
	}

p {
	line-height:150%;
	margin:0 0 10px 0;
	padding:0;
	}

img {
	border:0;
	}

a {
	color:#ffffff;
	text-decoration:none;
	}

a:hover {
	}

a:visited{
	}

b {
	font-weight:bold;
	}
	
hr {
	background-color:transparent;
	border:none;
	display:block;
	margin:0;
	padding:0;
	}

/* --------------------------------------------------------------------------
 *TABLES
----------------------------------------------------------------------------- */	
table { 	
	margin:0; 
	padding:0; 
	border-collapse:collapse; 
	}

tr { 
	margin:0; 
	padding:0; 
	}

caption,th,td { 
	margin:0; 
	padding:5px; 
	}

/* --------------------------------------------------------------------------
*LISTS
----------------------------------------------------------------------------- */	
ul { 
	margin:10px 0; 
	padding:0; 
	list-style:none; 
	}

li { 
	margin:12px 0;
	padding:0; 
	}

/* --------------------------------------------------------------------------
*LISTS
----------------------------------------------------------------------------- */	
input[type="text"],textarea {
	font-family:arial, 'lucida grande', tahoma, verdana, sans-serif; 
	}

/* --------------------------------------------------------------------------
*PAGE
----------------------------------------------------------------------------- */	
#page {
	margin:0 auto;
	padding:0;
	width:1024px;
	}

/* --------------------------------------------------------------------------
*HEADER
----------------------------------------------------------------------------- */	
#header {
	background:#080808 url(/public/images/temp/header-bg.jpg) no-repeat 0 0;
	height:99px;
	margin:3px 0 0 0;
	width:100%;
	}

	#header h1 {
		font-size:2.2em;
		overflow:hidden;
		text-indent:-9999px;
		}

#header-content {
	margin:0 auto;
	width:85%;
	}

	#header-content #logo {
		float:left;
		height:72px;
		margin:10px 0;
		padding:0;
		width:272px;
		}

	#header-content #quick-nav {
		background-color:#080808;
		float:right;
		margin:0;
		min-width:320px;
		padding:0;
		text-transform:uppercase;
		}
	
		#header-content #quick-nav p {
			line-height:100%;
			margin:5px 30px;
			padding:0;
			}
	
/* --------------------------------------------------------------------------
*NAVIGATION
----------------------------------------------------------------------------- */	
#navigation {
	background:#5a1414 url(/public/images/temp/nav-bg.jpg) repeat 0 0;
	font-weight:bold;
	margin:0;
	min-height:32px;
	padding:0;
	width:100%;
	}
	
	#navigation ul {
		background:transparent url(/public/images/temp/nav-separator.gif) repeat-y 0 100%;
		height:100%;
		margin:0 auto;
		min-height:32px;
		padding:0;
		width:86%;
		}
	
	#navigation ul li {
		background:transparent url(/public/images/temp/nav-separator.gif) repeat-y 100% 100%;
		display:block;
		float:left;
		margin:0;
		padding:8px 20px 12px 20px;
		}
	
	#navigation ul li a {
		height:100%;
		padding:10px 0 12px 0;
		width:100%;
		}
	
	#navigation ul li a:hover,#navigation ul li a.active {
		background:transparent url(/public/images/temp/nav-on.gif) no-repeat center bottom;
		}

/* --------------------------------------------------------------------------
*CONTENT
----------------------------------------------------------------------------- */	
#content {
	background:#ffffff url(/public/images/temp/content-bg.jpg) no-repeat 0 0;
	border-bottom:4px solid #5a1414;
	color:#292929;
	margin:0;
	padding:0;
	width:100%;
	}

	#inner-content {
		font-family:helvetica, sans-serif;	
		margin:0 auto;
		padding:50px 0 30px 0;
		width:86%;
		}
	
	#inner-content h1 {
		margin:0 50px 30px 30px;
		}
	
.post {
	background:transparent url(/public/images/temp/post-bg-2-col-middle.png) repeat-y 0 0;
	margin:0 auto;
	min-height:160px;
	padding:20px 0 10px 0;
	width:100%;
	}

	.post .float-left {
		width:535px;
		padding: 10px 0 0 20px;
		}
		
	.post .float-right {
		margin-right:20px;
		width:300px;
		}
	
	.post .float-left *,.post .float-right * {
		margin-left:20px;
		margin-right:20px;
		}
	
	.post .float-left img,.post .float-right img {
		margin:0 auto;
		margin-top:5px;
		margin-bottom:0;
		}

.post-wide {
	background:transparent url(/public/images/temp/post-bg-1-col-middle.png) repeat-y 0 0;
	margin:0 auto;
	min-height:160px;
	padding:20px 0 10px 0;
	width:100%;
	}

	.post-wide .float-left {
		width:835px;
		}

	.post-wide .float-left *,.post-wide .float-right * {
		margin-left:20px;
		margin-right:20px;
		}

	.post-wide .float-left img,.post-wide .float-right img {
		margin:5px 0 0 0;
		}

	
	.post .float-left a {
	color: #5a1414;
	}
	
		
	.post .float-right a {
	color: #5a1414;
	}
/* --------------------------------------------------------------------------
*FOOTER
----------------------------------------------------------------------------- */	
#footer {
	background:transparent url(/public/images/temp/footer-glow.jpg) no-repeat 50% top ;
	min-height:300px;
	width:100%;
	}

	#footer h3 {
		font-family:"Bookman Old Style", georgia, "Times New Roman", times, serif;
		font-weight:bold;
		}
	
	#footer hr {
		display:block;
		border-top:2px solid #5e5e5e;
		margin-top:20px;
		}

#footer-content {
	margin:0 auto;
	padding:30px 0 0 0;
	width:86%;
	}

	#footer-content .float-left {
		margin:0 20px 0 0;
		width:23%;
		}
	
	#footer-content .float-right {
		margin:0;
		width:23%;
		}
	
	#footer-content hr {
		border:none;
		}

/* --------------------------------------------------------------------------
*LEGAL DISCLAIMERS & NOTICES
----------------------------------------------------------------------------- */	
#legal-content {
	margin:10px auto 0 auto;
	width:86%;
	}

/* --------------------------------------------------------------------------
*CLASSES
----------------------------------------------------------------------------- */
.clear {
	clear:both;
	}

div.clear {
	height:0;
	margin:0;
	padding:0;
	}

.float-left {
	float:left;
	}

.float-right {
	float:right;
	}

/* --------------------------------------------------------------------------
*SEARCH FORM
----------------------------------------------------------------------------- */
#search-form {
	display:block;
	margin:0 0 20px 0;
	padding:0;
	}

#search {
	float:left;
	margin-right:10px;
	}

/* --------------------------------------------------------------------------
*EMAIL LIST JOIN FORM
----------------------------------------------------------------------------- */
#join-form {
	display:block;
	margin:0;
	padding:0;
	}

#join {
	float:left;
	margin-right:10px;
	}

/* --------------------------------------------------------------------------
 *IE HACKS
----------------------------------------------------------------------------- */							
.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	}

* html > body .clearfix {
	display:inline-block; 
	width:100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height:1%;
	/* End hide from IE-mac */
	}
	
/* --------------------------------------------------------------------------
 *AWESOME BUTTONS
----------------------------------------------------------------------------- */			
.awesome,.awesome:visited{-moz-border-radius:5px;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-border-radius:5px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);background:#222 url(/images/2alert-overlay.png) repeat-x;border-bottom:1px solid rgba(0,0,0,0.25);color:#fff;cursor:pointer;display:inline-block;padding:5px 10px 6px;position:relative;text-decoration:none;text-shadow:0 -1px 1px rgba(0,0,0,0.25)}


.awesome:hover{background-color:#111;color:#fff}

.awesome:active{top:1px}
a.awesome a.awesome:hover{color:#FFF;}
.small.awesome,.small.awesome:visited{font-size:11px}

.awesome,.awesome:visited,.medium.awesome,.medium.awesome:visited{font-size:13px;font-weight:bold;line-height:1;text-shadow:0 -1px 1px rgba(0,0,0,0.25)}

.large.awesome,.large.awesome:visited{font-size:14px;padding:8px 14px 9px}

.green.awesome,.green.awesome:visited{background-color:#91bd09}

.green.awesome:hover{background-color:#749a02}

.blue.awesome,.blue.awesome:visited{background-color:#2daebf}

.blue.awesome:hover{background-color:#007d9a}

.red.awesome,.red.awesome:visited{background-color:#e33100}

.red.awesome:hover{background-color:#872300}

.magenta.awesome,.magenta.awesome:visited{background-color:#a9014b}

.magenta.awesome:hover{background-color:#630030}

.orange.awesome,.orange.awesome:visited{background-color:#ff5c00}

.orange.awesome:hover{background-color:#d45500}

.yellow.awesome,.yellow.awesome:visited{background-color:#ffb515}

.yellow.awesome:hover{background-color:#fc9200}

.site.awesome,.site.awesome:visited{background-color: #9d0010}

.site.awesome:hover{background-color: #87000d}

a.site.awesome,a.site.awesome:visited,a.site.awesome:hover{color: #ffffff}

label {  
  display: block;  
  float: left;  
  width: 120px;  
  font-weight: bold;  
  padding: 4px 5px;  
  font-family: Verdana, sans-serif;  
  font-size: 12px;  
  margin-bottom: 5px;  
  clear: both;  
  text-align: right;  
}  
  
input, textarea {  
  font-size: 14px;  
  margin-bottom: 5px; 
 ## -moz-border-radius: 1px;
 ## -webkit-border-radius: 1px; 
}  

li{
font-size: 14px;
}
p{
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}
.shortlist {

	line-height: 0.8em;

}
.reference {
	margin-bottom: 20px;
	margin-top: 20px;
	border-bottom-color: #ff8000;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-top-color: #ff8000;
}
.distance {
	font-style: italic;
	font-size: 10px;
}
.distance a {
	font-size: 12px;
}
.date {
	font-style: italic;
}
ul.medical {
	font-size: 10px;
	line-height: 2.5em;
	list-style-position: inside;
}


ul.medical li
{
background-image: url(/images/epicurean.png);
background-repeat: no-repeat;
padding-left: 45px;
}