/*  
Theme Name: RayStreet-3
Description: An attractive theme for Wordpress.
Version: 1.0
Author: MoRay Designs
*/

/* -------------------- RESETS -------------------- */
* {margin:0; padding:0;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr /, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ul, li, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100.01%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
img { border:0;}
@font-face { font-family: "Fertigo"; src: url("fonts/Fertigo_PRO.otf") format("opentype"); }

/* -------------------- GLOBAL -------------------- */
body { font-family: Myriad Pro, Geneva, Arial, Helvetica, Tahoma, sans-serif; font-size: 14px; line-height: 1.6em; text-align: justify; background: #000 url('images/page-bg.jpg') no-repeat top center; color: #9f9f9f; }

h1, h2, h3, h4, h5, h6 { font-family: "Fertigo", Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif; color: #eee; font-weight: normal; }
h1 { font-size: 16px; text-transform: uppercase; text-indent:-9999px;}
h2 { font-size: 22px; }
h3 { font-size: 18px; margin-bottom: 20px; }
h4, h5, h6 { font-size: 15px; }
a { text-decoration: none; color: #dec01f; }
a:hover { text-decoration: underline; }
small { font-size: 90%; }
.entry img { padding: 0; margin: 3px 10px 3px 3px; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 0 0 2px 7px; padding: 3px; display: inline; }
img.alignleft { margin: 0 7px 2px 0; padding: 3px; display: inline; }

/* -------------------- LAYOUT -------------------- */
#wrapper {
	width:1029px;
	background: transparent url('images/wrapper_bg.png') no-repeat top left;
	margin:0 auto;
}
#inner {
	width:850px;
	margin:0 0 0 179px;
	position:relative;
	overflow:auto;
}
#head {
	width:100%;
	height:135px;
	position:relative;
}
#date {position:absolute; top:0; right:10px;}
/*#content, #sidebar {float:left;}*/

/* -------------------- DROP-DOWN MENU -------------------- */
/*.topmenubox {width:850px; position:relative; top:50px;}*/
#menu-custom, #menu-custom ul{ margin: 0; padding: 0; list-style-type: none; list-style-position: outside; position: relative; line-height: 1.6em; z-index: 300; width: 100%; text-transform: uppercase; font-size: 95%; top:80px; }

#menu-custom a { color: #aaa; display: block; padding: 6px 20px; text-decoration: none; font-weight:bold;}
#menu-custom a:hover { color: #f1f1f1; }

#menu-custom li { float: left; position: relative; }
#menu-custom ul { position: absolute; display: none; width: 120px; top: 2.5em; left: 0; }
#menu-custom ul a { }
#menu-custom li ul a { width: 100px; color: #ccc; height: auto; float: left; padding:6px 0 6px 8px;}
#menu-custom li ul a:hover { color: #f1f1f1; background: #222; }

#menu-custom ul ul { top: auto; }
#menu-custom li ul ul { left: 120px; margin: 0 0 0 10px; }
#menu-custom li:hover ul ul, #menu-custom li:hover ul ul ul, #menu-custom li:hover ul ul ul ul { display: none; }
#menu-custom li:hover ul, #menu-custom li li:hover ul, #menu-custom li li li:hover ul, #menu-custom li li li li:hover ul { display: block; }

#menu-custom ul li, #menu-custom li.active .children li.active ul li { padding: 0 13px; width: 112px; background: #222; }
#menu-custom ul li:hover { background: #222; padding: 0 13px; }
#menu-custom .current_page_item a{color: #dec01f;}
#menu-custom .current-menu-parent .sub-menu a{color: #ccc;}
#menu-custom .current-menu-parent .sub-menu a:hover{color: #f1f1f1;}
#menu-custom .current-menu-parent a{color: #dec01f;}
#menu-custom #menu-item-18 {text-indent:-9999px; width:50px;}
#menu-custom #menu-item-18 {background:url('images/home.png') center no-repeat !important;}
/* ---------------- IMAGE ROTATOR ---------------- */

.boxgallery1 { border-top:1px solid #fff; border-bottom:1px solid #fff; z-index:1; position:relative; }
.boxgallery2 { padding: 10px 0; background: url('images/boxgallery_bg.png'); }
/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:400px;
	width:600px;
	margin: 0 auto 5px;
	z-index:1;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	border:1px solid #444;
	padding: 1px;
	background: #000;
}
    div#rotator ul li.show {
	z-index:500;
}

/* -------------------- CONTENT -------------------- */
#content {width:550px; float:left; overflow:hidden;}
ul.display { float: left; margin: 0; padding: 0; list-style: none; }
ul.display li { float: left; padding: 1px; margin: 10px 0 0 0; background: #000; border: 1px solid #444; width:99%;}
ul.display li a { text-decoration: none; }

.boxpost { padding: 1px; margin: 10px 0 0 0; background: #000; border: 1px solid #444; }
.post { padding: 10px; background: #222; }
.post p { margin: 0 0 10px 0;}
.post h2 { padding: 5px 0 10px 0; color: #dec01f; }
.post ul { margin: 0; padding: 0 0 0 20px; }
.post ul li, .post ol li { padding: 0 0 0 10px; }

/* -------------------- SIDEBAR -------------------- */
#sidebar {width:290px; float:right;}
.box { padding: 1px; margin: 10px 0 0 0; background: #000; border: 1px solid #444; }
.boxinside { padding: 7px; background: #222; }
#sidebar .adv { text-align: center; margin-bottom:20px;}
#sidebar .adv a { color: #aaa; background:#77502f;padding:3px 5px; border:1px solid #ddd;;}
#sidebar #growX, #sidebar #wipe0 {width:200px; margin:10px auto;}
#sidebar ul.upcoming {
	list-style:none;
	margin:10px 0;
}

#sidebar ul.upcoming li {
	text-indent:-9999px;
}
#sidebar ul.upcoming li a {
	background: url('images/upcoming-events.jpg') no-repeat 0 0;
	width:230px;
	height:153px;
	display:block;
	margin:0 auto;
}
#sidebar ul.upcoming li a:hover{
	background: url('images/upcoming-events.jpg') no-repeat 0 -154px;
}

#sidebar ul.testimonials {
	list-style:none;
	margin:10px 0;
}

#sidebar ul.testimonials li {
	text-indent:-9999px;
}
#sidebar ul.testimonials li a {
	background: url('images/testimonials-2.jpg') no-repeat 0 0;
	width:230px;
	height:153px;
	display:block;
	margin:0 auto;
}
#sidebar ul.testimonials li a:hover{
	background: url('images/testimonials-2.jpg') no-repeat 0 -153px;
}
#sidebar ul.testimonials p {
	width:230px;
	margin:0 auto;
	font-size:80%;
	word-spacing:2px;
}
#sidebar ul.directions {
	list-style:none;
	margin:10px 0;
}

#sidebar ul.directions li {
	text-indent:-9999px;
}
#sidebar ul.directions li a {
	background: url('images/directions.jpg') no-repeat 0 0;
	width:230px;
	height:153px;
	display:block;
	margin:0 auto;
}
#sidebar ul.directions li a:hover{
	background: url('images/directions.jpg') no-repeat 0 -153px;
}
#sidebar img { float: left; margin: 5px; border: none; }

/* -------------------- FOOTER -------------------- */
#footer { clear:both; width: 100%; clear: both; text-align: center; background: #000 url('images/bg6.jpg') no-repeat top center; border-top: 1px solid #444; padding:20px 0; margin-top:20px;}
#footer a { color: #fcfe45; }
#footer p { color: #eee; }

/* -------------------- GOOGLE MAP -------------------- */
#gmap {
	margin:0 0 30px 0;
}

/* ----------------- Business cards---------------*/
.image-container{
	width:520px;
	height:150px;
	overflow:hidden
}
.image-container img{
	float:left;
	border:1px solid #666;
}
.dontwrap p{
	margin-left:310px;
	padding-top:10px;
	text-align:left;
}
.dontwrap a {font-size:12px;}

/* ----------------- PAGE NAVIGATION---------------*/
#nextprevious {width:545px;}

/* -------------------- CALENDAR -------------------- */
table#wp-calendar { width: 100%; text-transform: none; }
table#wp-calendar caption { padding: 10px 15px; }
table#wp-calendar th { padding: 0px; text-align: center; background: #eee; }
table#wp-calendar td { padding: 0px; text-align: center; }