@CHARSET "UTF-8";
/* Jim Del Rossi for ADR Advisors Incorporated

main.css for http://adradvisors.com
date - 2/7/2013 main edits
2/18/2013:  Release Candidate 0.1

*/

/* imports */

@import url("reset.css");
@import url("global-forms.css");


/* global */
.thumbo img { height: 75px;  border: 1px solid red; margin: 2px; float: left;}
.unthumb {clear: both;}
.story li {font-size: 12px; color: #800000; margin: 0 0 7px 0;}
.story li b{font-weight: bold; font-size: 14px;}
#toplogo {
	float: left;
	height: 100px;
	border: 3px solid blue;
	margin-top: -2px;
}

p.smallprint{
	font-style: italic;
	font-size:5px;
}

/* funlogo used with right logo to place and crop photo */
.funlogo {
	float: right;
	width: 30%;
	height: 100px;
	overflow: hidden;
	border: 3px solid blue;
	margin-top: -2px;
}

#rightlogo { width: 800px; height: 600px; margin: -200px 0 0 -300px;}

.slogan {
	margin-top: 10px;
	font-style:italic;
}
body {
	background: #F5F4EF;
	background-repeat: no-repeat;
	background-size: 100%;
	color:#000305;
	min-width: 900px;
	max-width: 1100px;
	font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	margin: 20px auto;
	
	/* missing font pad and align data */
}

.footnote { font-style: italic; font-size: 10px;}

blockquote {
	margin: 5px 5px 10px 5px;
	font-style: italic;
	color: green;
}

h1 {
	margin: 10px auto;
	text-align: left;
}

/*headings*/
h2 {font-size: 22px;} /*22px*/
h3 {font-size: 20px;} /*20px*/
h4 {font-size: 18px;} /*18px*/
h5 {font-size: 16px;} /*16px*/
h6 {font-size: 14px;} /*14px*/

h2, h3, h4, h5, h6 {
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: .8em;
}

/*anchors*/
a {outline: 0;}
a img { border: 0px; text-decoration: none;}
a:link, a:visited {
	color: #C74350;
	padding: 0 1px;
	text-decoration: underline;
}
a:hover, a:active {
	background-color: #c74350;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px #333;
}

/* paragraphs */

p {margin-bottom: 1.15em; font-size: 14px;}
* p:last-child {margin-bottom: 0;}

/*HTML5 Tags */
header, section, footer, aside, nav, article, figure {display: block;}

/*layout */
.body {clear: both; margin: 0 auto; }
/* motto */
#motto {
	background-color: #33f0cf; 	
	background-size: 100%;
	margin-top: 10px;
	margin-bottom: 10px; 
	overflow: hidden; 
	padding: 10px; 
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
}
/* Kludge for correcting Android display crowding if header and paragraph. 
The "background: url('')" directive allows it to populate the text correctly.  
Otherwise it ends up all pushed to about 1/3 of the screen on the left.  
This was only for this section.  Did not have this problem otherwise.  JDR 2/18/13
*/
#motto h2 {background: url(''); color: #C74451; font-size: 20px; width: 100%; min-width: 100%; display: block; margin-bottom: 0.3em;}
#motto p {background: url('');}



/*header*/
#banner {
	
}

#banner h1 {font-size: 3.75em; line-height: .85em;}
#banner h1 a:link, 
#banner h1 a:visited{
	color: #00f005;
	display: block;
	font-weight: bold;
	text-decoration: none;

}
#banner h1 a:hover, #banner h1 a:active{
	background: none;
	color: #C74350;
	text-shadow: none;
}

/*Main Nav */
#banner nav {
	background: #00f005;
	font-size: 22px;
	height:100px;
	line-height: 100px;
	padding: 0;
	text-align: center;
	text-transform: capitalize;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#banner nav ul {list-style: none; }
#banner nav li {float: center; display: inline;  }
#banner nav a {

	color: #fff;
	display: inline-block;
	height: 100px;
	padding: 0 .5em;
	text-decoration: none;
}


#banner nav a:link, 
#banner nav a:visited {
	color: #fff;
	display: inline-block;
	height: 100px;
	padding: 0 1.5em;
	text-decoration: none;
}

#banner nav a.hover,
#banner nav a.active,
#banner nav .active a:link,
#banner nav .active a:visited
{

	background: #C74451;
	color: #fff;
	text-shadow: none !important;
}
#banner nav .lgo
{
	width: 200px;
}

#banner nav li:first-child a {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

#guts {margin:0 auto; }
.gutheight {height: 350px;}
h2{font-size:10;}
#guts h3 {
	font-size: 18px;
	font-style: italic;}
	
.col1 {width: 15%; float: left;}
/*.col2 {width: 70%; float: left;}
*/
.col3 {width: 15%;float: right;}
.col {width: 33%; float: left;}

.buzzword {
	font-size: 16px;
	line-height: 20px;
	font-family: "Comic Sans";
	color: pink;
	margin-right: 4px;
}

/* offerings */
#offX {
	background-color: #33ffcc;
	background-size: 100;
	overflow: auto;
	margin-right: 5px;
	padding: 10px;
	border-radius: 10px;
	font-size: 14px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#offX h2{
		text-transform: capitalize;
}

#offX a:hover {font-style: italic;}
#offX li {margin-bottom: 12px;}

#svcX {
	background-color: #80ffff; 				
	background-size: 100%;
	overflow: auto; 
	padding: 10px; 
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
}

#desX {
	float: right;
	height: 120px;
	margin: 0 0 10px 7px;
	border: 2px solid yellow;

	
}

#newX {
	background-color: #ffff90; 				
	background-size: 100%;
	margin-left: 5px;
	overflow: auto; 
	padding: 10px; 
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	
}

#newX h2{
		text-transform: capitalize;
}

/* footer */
#lastFoot {
	text-align: center; 
	margin: auto;
	margin-top: 10px;
	font-size: 10px;
	width: 80%;
	}
#footext {
	padding-top:5px;
	line-height: 1.2em;
	float: center;
}

#footext .fineprint {
	float: center;
	font-size: 8px;
	font-style: italic;
}	










/*****************************************************/


/* Tags that need servicing

<body #index .home>
<header #banner .body>
<div #logo>



*** Tags that need servicing*/