/*
Theme Name: Pyxis Media Ltd
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
@import "style/css/contact_form.css";
@import "style/css/gallery.css";

/*

Colours:

Brown
#614a18

Orange/Brown
#D9A500

Green:
#97BF0D
*/
body { background:#EFEFBB url('style/images/bg.png') no-repeat top center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#614a18; }

#container { margin:20px auto; width:940px;}

#header { width:940px; height:100px; background:#614a18; position:relative; } 
#header-cap { width:940px; height:31px; background:transparent url('style/images/header-top.png') top center no-repeat }

#logo { position:absolute; bottom:20px; left:15px; }

.social { 
	padding:15px;
	position:absolute;
	bottom:20px;
	right:20px;
	font-size:20px;
	text-align:right;
}
.social p { margin-top:10px; }
.social p, 
.social p a { color:#97BF0D; text-decoration:none; }
.social p span { color:#fff; }


#content { width:900px; height:510px; background:#fff; margin:10px auto; padding: 30px 20px 0; overflow:auto; }
#lhs, #rhs { width:50%; float:left; }
.post { padding: 15px 0 0 10px; }
#content h1 { font-size:32px; margin: 0 0 30px 0; font-weight:normal;  }
#content h2 { font-size:20px; margin: 0 0 30px 0; font-weight:normal; }
#content h3 { font-size:20px; margin: 0 0 30px 0; font-weight:normal; }
#content p  { font-size:20px; margin: 60px 0 30px 0; font-weight:bold; line-height:30px;}
#content p span { color:#D9A500; }

#footer {
background:url("style/images/footer-bottom.png") no-repeat scroll center bottom transparent;
height:40px;
padding:20px 30px 0;
position:relative;
width:880px;
}
#footer p { color:#fff; font-size:15px; text-align:center; }
#footer p.copyright {float:left; text-align:left; }
#footer p.social-media { float:right; text-align:center; color:#EFEFBB; }
#footer p a { color:#97BF0D; font-size:15px; text-decoration:none; padding: 0 4px; }
#footer .links { position:absolute; right:0; top:0; padding:10px; }

#slideshow div {opacity:1}