/*  
Theme Name: Morgan and Company
Theme URI: http://nolagraphics.com/
Description: A custom Wordpress theme for Morgan and Company.
Version: 1.0
Author: Marc Juneau
Author URI: http://nolagraphics.com/
*/

@charset "utf-8";
/*clear styles*/



html {
	}

body {
	background: #231f20 url(../img/bg_html.jpg) repeat-x top center;
	font-size: 100%; /* Change font size of individual elements, not body percentage. */
	line-height: 0.875em; /*  16 x .875 = 14px  */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	margin: 0;
	padding: 0;
	text-align: center;
	}

#main-wrap {
	background: url(../img/bg_body.png) no-repeat top center;
}

img { border: none;}

.clear { clear: both;}



/* ------------------------ */

/* Core Page Structure */

/* ------------------------ */

#shadow {
	margin: 0;
	padding: 13px;
	background: url(../img/bg_shadow.png) no-repeat center -17px;
	}
	
#contain {
	margin: 0 auto;
	padding: 0;
	background-color: white;
	width: 900px;
	height: 582px;
	text-align: left;
	overflow: hidden;
	position: relative;
	}
	
#solu #contain, #show #contain, #pers #contain, #blog #contain, #sayh #contain  {
	background: url(../img/bg_contain.jpg) no-repeat center top;
	}

#header {
	position: relative;
	z-index: 0;
	margin-bottom: -20px;
	padding: 0;
	}

#copy {
	margin: 0 30px;
	padding: 0 0 30px;
	}
	
#home #copy {
	height:230px;
	overflow: hidden;
	}



.col200 {
	float: left;
	position: relative;
	width: 185px;
	height: 348px;
	padding-right: 15px;
	overflow: hidden;
	}
	
.col520 {
	float: left;
	position: relative;
	width: 500px;
	height: 348px;
/*	padding: 0 30px 0 30px;
	margin: 0;
*/
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;
	border-left: 1px solid #d9531e;
	overflow: hidden;
	}

#pers .col520 {
	width: 520px;
}

#main-content-wrap {
	height: 270px;
	margin-top: 1em;
	overflow: auto; 
	position: relative;
	}


.scroll {
	position: absolute;
	right: 0;
	bottom: 0;
	margin-bottom: -5px;
	}
	
.scroll img {
	display: block;
	margin: 5px 0;
	
	}
	
a.prev img{
	display: block;
	margin: 0 0 250px 0;	
	}	

.col200 .scroll {
	right: 5px;
	}

.homelink {
	position: absolute;
	top: 0;
	right: 0;
	}



/* ------------------------ */

/* Recent News + Events */

/* ------------------------ */


#scrollable {
	float: right;
	width: 465px;
	margin: 20px 0 0 14px;
	padding: 0 30px 0 14px;
	border-left: 1px solid #ccc;
	overflow: hidden;
	position: relative;
	}
	
#scrollable h2 {
	margin: 0 0 7pt 0;
	}
	
#scrollable .blurbs {
	overflow: hidden;
	margin-top: -5px;
	}



/* ------------------------ */

/* Navigation */

/* ------------------------ */

#navpri {
	list-style: none;
	margin: 0;
	padding: 0 0 5px;
	font-size: 0.625em; /*  16 x .625 = 10px */
	text-transform: uppercase;
	letter-spacing: .05em;
	position: absolute;
	top: 311px;
	left: 360px;
	z-index: 100;
	}

#solu #navpri, #show #navpri, #pers #navpri, #blog #navpri, #sayh #navpri {
	top: 121px;
	}
	
#navpri li {
	float: left;
	display: inline;
	}
	
#navpri li a:link, #navpri li a:visited {
	margin: 0 5px;
	padding: 9px;
	color: #464646;
	text-decoration: none;
	border-bottom: none;
	}

#navpri li a:hover { color: #d9531e;}

body#solu #navpri .solu a:link, body#solu #navpri .solu a:visited, body#show #navpri .show a:link, body#show #navpri .show a:visited, body#pers #navpri .pers a:link, body#pers #navpri .pers a:visited, body#blog #navpri .blog a:link, body#blog #navpri .blog a:visited, body#sayh #navpri .sayh a:link, body#sayh #navpri .sayh a:visited { color: #d9531e;}



#navsec {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	letter-spacing: .02em;
	}
	
#navsec h5{font-size:.625em;}	

#navsec p{font-size:.825em;}	


	#navsec span.personality-position {
		display: block;
		margin-top: 4px;
	}
	
#navsec li {
	clear: both;
	}

#navsec li img {
	float: left;
	margin: 0 5px 5px 0;
	}

#navter {
font-size:0.575em;
left:620px;
letter-spacing:0.05em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt 0pt 5px;
position:absolute;
top:8px;
z-index:100;
}

#navter li {
	float: left;
	display: inline;
	}
	
#navter li a:link, #navter li a:visited {
	margin: 0 3px;
	padding: 9px;
	color: #464646;
	text-decoration: none;
	border-bottom: none;
	}

/* ------------------------ */

/* Typography */

/* ------------------------ */

h1 {}

h1.logo {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 30px;
	left: 30px;
	z-index: 100;
	}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.125em; /*  16 x 1.125 = 18px */
	color: #d9531e;
	margin:20px 0 5px;
	padding: 0 0 0;
	}

h3 {
	font-size: .875em; /*  16 x .875 = 14px */
	font-weight: normal;
	margin: 15px 0 5px;
	padding: 0;
	}

h4 {
	font-size: 0.55em; 
	margin: 5px 0 0;
	padding: 0;
	}
h5 {
	line-height: 1.2em; /*  16 x .875 = 14px  */
	font-weight: normal;
	}
	
h5 strong {
	text-transform: uppercase;
	font-weight: bold;
	}
	
h6 {}

p, h5{
	font-size: 0.725em; /*  16 x .625 = 10px */
	margin: 15px 0 0;
	padding: 0;
	}
#main-content {	
	height: 270px;
	padding-bottom: 30px;
}
#main-content ul{
	font-size: 0.725em;
	list-style-type:none;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 3px;
	}	
	
#main-content ul li
{
padding-top:3px;
padding-left: 20px;
background-image: url(../img/bullet.jpg);
background-repeat: no-repeat;
background-position: 0 .5em;
}

a {}



dfn {}
ins {}

q {}
blockquote {}
caption {}
cite {}

s {}
strike {}
del {}

tt {}
samp {}
kbd {}
pre {}
code {}

strong {}
b {}
em {}
i {}

u {}

sub {}
sup {}

small {}
big {}

abbr {}
acronym {}

hr {}


/* ------------------------ */

/* Lists */

/* ------------------------ */

dd {}
dl {}
dt {}
li {}
ol {}
ul {}



/* ------------------------ */

/* Tables */

/* ------------------------ */

col {}
colgroup {}
table {}
tbody {}
td {}
tfoot {}
th {}
thead {}
tr {}


/* ------------------------ */

/* Forms */

/* ------------------------ */


fieldset {}
form {}
input {}
label {}
legend {}
optgroup {}
option {}
select {}
textarea {}
button {}



a:link, a:visited, .more-link {
	color: #d9531e;
	text-decoration: none;
/*	border-bottom: 1px dotted #d9531e;*/
}

a:hover, .more-link:hover {
	color: #0b77cb;
	border-bottom: 1px dotted #0b77cb;
}	
	h1.logo a:link, h1.logo a:visited {
	border-bottom: none;
}

/*WP-CAPTION
*/

.alignleft{float:left; padding:2px;}
.alignright{float:right; padding:2px;}

.wp-caption {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:#5F5F5F;
border:1px solid #DDDDDD;
margin:10px;
padding-top:4px;
text-align:center;
}

p.wp-caption-text {
padding:5px 10px !important;
}
.wp-caption p {
font-size:9px;
line-height:17px;
margin:0pt;
}


#post-blog{height:170px;}


/* LOGOS and TOOLS */

.box_wh {
/*	background: white;
	border: 1px solid #d9531e;*/
	width: 100%;
	padding: 0 10px;
	margin: 30px 0;
	}
.box_wh:after {
        content: "."; 
        display: block;  
        height: 0;  
        clear: both; 
        visibility: hidden; 
}


.box_wh img {
	float: left;
	display: inline;
	padding: 5px;
	}



.navmin {
	list-style: none;
	margin: 0;
	padding: 0;
	letter-spacing: .02em;
	font-size: 0.575em; /*  16 x .575 = 9.2px */
	position: absolute;
	top: 8px;
	right: 30px;
	z-index: 100;
	color:#999999;
	}

#navpri li, .navmin li {
	float: left;
	display: inline;
	}
	
.navmin li a:link, .navmin li a:visited {
	margin-left: 20px;
	color: #999;
	text-decoration: none;
	border-bottom: none;
	}

.navmin li a:hover { color: #d9531e;}

.navmin li span {
	background: url(../img/nolagraphics_icon_sm.gif) no-repeat left center;
	padding: 10px 0 10px 15px;
	margin-left: 10px;
	}

.navmin li span a:hover {
	color: red;
	}

#footer {
	margin: 0 auto;
	padding: 0;
	clear: both;
	position: relative;
	width: 900px;
	bottom: 5px;
	}
	
	
	
	
/* late addition */
	
#solu #copy, #show #copy, #pers #copy, #blog #copy, #sayh #copy  {
	color: white;
	background-color: #231f20;
	width: 748px;
	height: 348px;
	overflow: hidden;
	/* position: relative; */
	position: absolute;
	/* top: 160px; */
	top: 142px;
	/* right: -30px; */
	right: 0px;
	border: 1px solid #d9531e;
	padding: 30px;
	}

#pers #copy {
	padding:30px 0 30px 30px;
	width:778px;
}
	
#blog #contain {
	overflow: visible;
	margin-top: 20px;
	margin-bottom: 80%;
	}
	
#blog #copy, #blog #copy .col200, #blog #copy .col520 {
	height: auto;
	}
	
	#post-blog p{color:gray; font-size:0.725em; margin:5px 0 0;padding:0;
}
	/*
	LOTTERY PAGE*/


body.pageid-1123 #contain, body.pageid-1281  #contain{
background-color:none;
height:3800px;
margin:0 auto;
overflow:hidden;
padding:0;
position:relative;
text-align:left;
width:900px;
	}


body.pageid-1123 #copy, body.pageid-1281 #copy{
background-color:#231F20;
border:1px solid #D9531E;
color:white;
height:3500px !important;
padding:30px;
position:absolute;
right:0;
top:142px;
width:748px;
	}
	
	
	
body.pageid-1123 .col520, body.pageid-1281 .col520 {
	float: left;
	position: relative;
	margin: 0 0 0 15px;
	height:auto !important; 
	padding: 0 0 0 15px;
	border-left: 0 !important;  
	width:700px !important;  
	}

body.pageid-1123 #main-content-wrap, body.pageid-1281 #main-content-wrap{
	margin-top: 1em;
	overflow:visible;
	height:auto !important; 
	}

body.pageid-1123 #main-content, body.pageid-1281  #main-content{
	height:auto !important; 
	}

body.pageid-1123 #main-content img, body.pageid-1281 #main-content img{
	border: 0; 
	}
body.pageid-1123 a:hover img,  body.pageid-1281 a:hover img{border:0;} 

body.pageid-1123 .keep, body.pageid-1281  .keep{clear:both; margin-bottom:15px;}

body.pageid-1123 .keep .fl,  body.pageid-1281  .keep .fl{float:left; width:40%;}
body.pageid-1123 .keep .fr,   body.pageid-1281  .keep .fr{float:right; width:40%;}
body.pageid-1123 .keep .ctr,   body.pageid-1281  .keep .ctr{clear:both; margin:10px auto; width:100%;}
body.pageid-1123 .keep .ctr div,   body.pageid-1281  .keep .ctr div{clear:both; margin:10px auto; width:100%;}