/*
Theme Name: Multi8Media-WP-Framework
Theme URI: http://multi8media.com/wordpress-framework
Description: Multi8Media Wordpress Framework for developers
Version: 1.0
Author: Multi8Media
Author URI: http://multi8media.com
Tags: Multi8Media-WP-Framework, clean, basic, framework for developers
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

/* Global Styles */	
body {
font-family: 'Myriad Pro', Cambria, 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif;
font-size:14px;
/* background: url('images/bg.jpg') repeat-x center top;  *//*Purple*/
 /*background: url('images/blackheader2.png') repeat-x center top; */ /*Black*/
 background: url('images/bg.png') repeat-x center top;  /*PurpleFade*/
background-color: #fff;
line-height: 1.6em;

  -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: none;


}

h1,h2{
font-size:16px;
margin-bottom:10px;
margin-top:5px;
color: #056811;
}
h1,h2{font-size: 20px; text-transform: uppercase; letter-spacing: 2px; font-weight: normal; }
h2.blogu {margin-bottom: 3px; font-size:18px; letter-spacing: 0px; text-transform: none;}
h3{
font-size:15px;
margin-bottom:10px;
margin-top:5px;
}
h3.widget-title {
font-size: 15px; text-transform: uppercase; letter-spacing: px; font-weight: normal; color: #056811;padding-left:30px;letter-spacing: 2px;}
}
h3.comments-title {display:none;}
.reply {display:none;}

hr{
color:#F3F3F3;
margin:20px auto;
}

/* Global Links */	
a {color: #056811; text-decoration: none;}

a:hover{ color: black; text-decoration: underline;}

/* Wrapper */

#wrapper{
width:960px;
margin:0 auto; 
}
/* Header Styles */
#header{
width:960px;
margin:0 auto;	 
}
#logo{
width:480px;
height:72px;
margin: 20px -10px 0px;
background:url(images/logo.png);
background-repeat:no-repeat;
float:left;

    text-indent: -100000px;

}
#logo a{
width:427px;
height:52px;
display:block;
color:white;
}

#email{
color: #000;
float: left;clear:left;
margin: 0px 0px 10px 0;
letter-spacing:2px;	
font-size:16px;
    }

#description{
border:1px solid lightgrey;
height:20px;
margin:5px;
padding:10px;
width:350px;	
display:none;
}
/* Navigation Styles */
#access{
display:none;
}
#navigation{
width:950px;
height:30px;
margin:30px auto 0;
font-weight: normal;
position:relative;
left:10px;

}
#navigation ul{
float: right;
margin-right: 4px;
}
#navigation li{
float:left;
margin-left: 23px;
}
#email a, #navigation a{
color:#000;
text-decoration: none;
letter-spacing: 2px;
font-weight: normal;
font-size: 16px;
}

#email a:hover, #navigation a:hover{
color:#056811;
}
#navigation-search{
border:1px solid lightgrey;
float:right;
margin:8px 4px 8px 8px;
padding:4px;
display:none;
}
/* Content Styles */
#content{
    float: left;
    margin: 5px 0 0px;
    min-height: 500px;
    width: 960px;
   
}

#bookmarks {width:100%;clear:both;}

#leftfp {
width: 730px;
margin:5px 0 25px;
float:left;
}
/*
#content img {padding: 10px 0 10px 10px;} */
.rightroom {padding: 10px 0 10px 5px;}
.leftroom  {padding: 10px 0 10px 0;}
#content p { text-align: justify; margin-bottom: 15px;}

.entry-meta{
margin-bottom:5px;
}
.entry-utility{
margin-top:5px;
}
.post{

overflow:auto;
padding:10px 0 0 0;
}

 /* .post img { padding: 10px;} */

#slideshow{
border:1px solid lightgrey;
float:right;
height:207px;
margin:0 5px 5px;
width:570px;
display:none;
}

#player-container{
  background: url("images/player-bg.png") no-repeat scroll center bottom transparent;
    height: 575px;
    margin-left: -10px;
    width: 980px;
    margin-top: -10px;
}


#player-container1{
  /*background: url("images/player-bg1.png") no-repeat scroll center bottom transparent;*/
background:#fff;
-webkit-box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.35);
box-shadow: 0px 0px 13px 2px rgba(0,0,0,0.35);
    min-height: 110px;
    margin-left: -10px;
    width: 980px;
    margin-top: -10px;
    padding-bottom: 20px;
}


#player{
margin: 0 auto;
    padding-top: 23px;
    width: 940px;
/*background: url('images/lpplogo.png') no-repeat center top;*/}

/* BLOG UPDATE STYLES */

#blogupdates {
margin-bottom: 15px;

}
#blogupdates img {
float:left;
padding:5px 15px 20px;
}

.rooms {float: left;
    margin: 0 47px 0 0;
    min-height: 130px;
    width: 45%;}
.rooms img{
float: left;
padding: 5px 15px 20px 0;
}
.blogger {float: left;
    min-height: 170px;
	}
	
.blogger img{
float: left;
padding: 5px 15px 20px 0;
}


.roomlinks {
padding: 10px;
margin:  20px 50px;
}

small {
padding: 0 0px;
}
.entry
{ margin-bottom: 15px; overflow:auto;}

.postmetadata{display:none;}

#shop {
margin-left:200px;
width:250px;
}

/* Comments Styles */
#respond{
padding:5px;
}
.comments-closed{
margin-top:5px;
padding:5px;
display:none;
}
.comment-notes{
margin-bottom:10px;
}
.comment-form-author{
margin-bottom:10px;
}
#author{
height:20px;
margin-left:27px;
}
.comment-form-email{
margin-bottom:10px;
}
#email1{
height:20px;
margin-left:29px;
}
.comment-form-url{
margin-bottom:10px;
}
#url{
height:20px;
margin-left:24px;
}
.comment-form-comment{
float:left;
margin-bottom:10px
}
#comment{
height:100px;
margin-top:4px;
width:300px;
}
.form-allowed-tags{
clear:both;
margin-top:10px;
display:none;
}
.form-submit{
}
#submit{
margin-top:10px;
clear:both;
float:left;
}
/* Featured Image */
.attachment-post-thumbnail{
border:1px solid lightgrey;
float:right;
height:100px;
margin:10px 5px;
padding:5px;
width:100px;
}



/* Sidebar Styles */
#sidebar{
float:right;
padding-top: 12px;
/* position:absolute;
right:150px; */
text-align:justify;
width:190px;
}
#sidebar img{ padding: 0 0 2px 30px;}
#sidebar li{



}

#sidebar .more{ font-size: 13px;
    font-style: italic;
   
    text-align: right;
	margin-bottom: 0px;}

#shop p {padding: 0 10px;}

/* Footer Styles */
#footer{
/* background: url('images/footer-background.png') repeat-x top left; */
background-color: #4d4d4d;
clear:both;
font-size:12px;
height: 120px;
margin:5px auto 0;
padding: 10px 10px 0px 0px;
text-align:left;
clear:both;

}
/*
#footer a{
color:blue;
}
#footer a:hover{
color:red;
}

*/
/* FOOTER BLOCK CODE */

#footercontent
{
width: 960px;
margin: 0 auto 0;
color: #a1a1a1;
padding: 5px 0px 00px 0px;
font-family: Arial, Sans-serif;
height: 60px;
}

#footercontent a:hover {
  text-decoration: none;
  color: #fff;
 /* border-bottom: 1px dotted #fff; */
}

#footerleft {
 float: left;
margin-top:15px;
}
#footerleft p {margin-left: 40px;}

#address a:visited {}
#address  a:link {
 /* border-bottom: 1px solid #474747; */
  text-decoration: none;
  
  padding: 3px 0;
}
#address  a:hover {
text-decoration: none;
color: #fff; /*
border-bottom: 1px dotted #fff; */
}

.copyright {width: 260px; color: #a1a1a1;}
    .copyright a {color:white;}
    
    
#legal a:visited {color: #fff;}
#legal  a:link {
 /* border-bottom: 1px solid #555555; */
  text-decoration: none;
  color: #fff;
}
#legal  a:hover {
text-decoration: none;
color: #fff; /*
border-bottom: 1px dotted #fff; */
}

#legal img {margin-left:4px;}

.line
{color: #E2AC00}


.quickNav {
  float:left;
  overflow: hidden;
  list-style-type: none;
  padding-right: 37px;
margin-bottom:30px;
z-index: 2;}

.quickNav li {

  color: #510000;
  line-height: 18px;
  padding-top: 3px;
  width: 175px;
}

.quickNav li a {
  display: block;
 /* border-bottom: 1px solid #555555; */
  text-decoration: none;
  color: #a1a1a1;
  padding: 3px 0;
}
.quickNav li a:visited {
  display: block;
 /* border-bottom: 1px solid #555555; */
  text-decoration: none;
  color: #a1a1a1;
}
.quickNav li a:hover {
  text-decoration: none;
  color: #fff; /*
  border-bottom: 1px dotted #fff; */
}

.bold
{
font-weight: bold;
}
	
p.footer
{
color: #474747;
font-size: 13px;
}
	
p.footertitle
{
color: #474747;
margin-top: 3px;
font-size: 13px;
}

p.legal
{
margin-top: 3px;
color: #474747;
font-size: 13px
}

p.footer-right
{
margin-top:23px;
color: #474747;
font-size: 13px
}

#legal
{
float: right;
    margin-left: 70px;
     margin-top: 21px;
    margin-right: 0px;
}

.footerheader
{color: #a1a1a1;
text-transform: uppercase;
display:block;
padding-bottom: 3px;	
border-bottom: #d7d7d7 1px solid;
letter-spacing: 2px;
margin-bottom: 8px;
font-size: 14px;
}
#address
{
float: left;
    margin-left: 20px;
   
    
    width: 170px;
}	


#skyline {
     background: url("images/socialmedia.png") no-repeat scroll 0 0 transparent;
    height: 45px;
    margin-right: 20px;
    padding: 0;
    position: relative;
    width: 295px;
}
#skyline li {
    list-style: none outside none;
    margin: 0;
    padding: 0;

    top: 0;
	
}
#skyline li, #panel1b a {
   display: block;
    float: left;
    width: 65px;
    height: 45px;
}

#panel2b a {
 display: block;
    width: 90px;
    height: 45px;
    margin-left: 20px
}

#panel3b a{
 display: block;
    width: 90px;
    height: 45px;
    margin-left: 70px;
}

#panel1b {
    left: 0;
    width: 90px;
	height:40px;
}
#panel2b {
    top: 50px;
    width: 90px;
	height: 40px;
}
#panel3b {
    top: 97px;
    width: 90px;
	height: 50px;
}
#panel4b {
    left: 243px;
    width: 33px;
}
#panel1b a:hover {
background: url("images/socialmedia.png") no-repeat scroll 0 -55px transparent;}
 
#panel2b a:hover {
background: url("images/socialmedia.png") no-repeat scroll -85px -55px transparent;}
#panel3b a:hover {
background: url("images/socialmedia.png") no-repeat scroll -200px -55px transparent;
}


#social_footer li a {
    background: url("images/socialmedia.png") no-repeat scroll 0 0 transparent;
    color: #999999;
    display: block;
    text-align: center;
    text-decoration: none;
}
#social_footer li#social_twitter a {
    height: 33px;
    width: 60px;
}
#social_footer li#social_twitter a:hover, .menu ul li#nav-shop:hover a {
    background-position: 0 bottom;
}
#social_footer li#social_youtube a {
    background-position: -91px 0;
    height: 33px;
    width: 49px;
}
#social_footer li#social_youtube a:hover, .menu ul li#nav-shop:hover a {
    background-position: -91px bottom;
}
#social_footer li#social_facebook a {
    background-position: -169px 0;
    height: 33px;
    width: 60px;
}
#social_footer li#social_facebook a:hover, .menu ul li#nav-shop:hover a {
    background-position: -169px bottom;
}














#footerform {width:320px; float:left;}
/* Contact Form Home Page Styling */

#contact{
 list-style: none outside none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0px;
margin-top:-10px;}

#contact li{
height: 35px;
    position: relative;
    width: 335px;
    font-family: 'Arial';
}

#contact li .text{
	color: #a1a1a1;
    padding: 19px 10px 20px 0;
    position: absolute;

    z-index: 100;
}
#contact li .required{
	color: #fff;
    position: absolute;
    right: 10px;
    top: 14px;
    z-index: 100;
}
#contact li .wpcf7-form-control-wrap{
	position: absolute;
}
#contact li .wpcf7-form-control-wrap input, #contact li .wpcf7-form-control-wrap textarea{
	  background: none repeat scroll 0 0 #202020;
    border: 1px solid #C1C1C1;
    color: white;
    margin: 20px 0 0 75px;
    padding: 2px 10px;
font-size: 12px;
    width: 220px;
}
#contact li .wpcf7-form-control-wrap input:focus, #contact li .wpcf7-form-control-wrap textarea:focus{
	background:#707070
}
#contact li .wpcf7-form-control-wrap textarea{
	line-height: 16px;
    padding: 10px;
	height:70px;
}
#contact li#message{
	min-height:70px;
}
#contact li#submit input{
	    background-color: #6b6b6b;
  
    border: medium none;
    color: #A1A1A1;
    display: block;
    float: right;
  margin: 75px 20px 20px 0;
    
    text-align: center;
    text-decoration: none;
 
    text-transform: uppercase;
}
#contact li#submit input:hover{
	margin: 76px 19px 20px 0;
}


.box1 {
    float: left;
    width: 100px;height: 220px;margin-right: 55px;

}

.box2 {
    float: left;margin-right: 55px;
  width: 100px;height: 220px;}

.box3 {
    float: left;margin-right: 55px;
    width: 100px;height: 220px;}

.box4 {
    float: left;margin-right: 55px;
    width: 100px;height: 220px;}

.box5 {
    float: left;
    width: 100px;height: 220px;}

.shareaholic-like-buttons {clear:both;}

.box1 img,.box2 img,.box3 img,.box4 img,.box5 img{ padding-left: 0px;}

.box1 .box2 .box3 .box4 .box5 { padding-left: 30px;}



/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #FF4B33;
    float: left;
    font-weight: bold;
    padding-left: 3px;
}
#respond label {
	clear: both;
    color: #888888;
    float: left;
    font-size: 12px;
}
#respond input {
	clear: both;
    float: left;
    margin: 0 0 9px;
    width: 70%;
}
#respond textarea {
	width: 150%; clear:both; float:left; height: 150px;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}