/*
Theme Name: Golden Fig
Description: A custom made theme by Artbox Creative Studios.
Version: 1.0
Author: Artbox Creative Studios
Author URI: http://www.artboxcs.com
*/

/*-----BASE STYLES-----*/
body, html {background:#fff; font:400 12px/20px Helvetica, Arial, sans-serif; color:#363636; margin:0; padding:0;}
body {min-width:300px;}
img {width:100%; height:auto;}
a {color:#992f09; outline:none; text-decoration:underline; transition:all 0.3s ease;}
a:hover {text-decoration:none;}
.clear {clear:both;}


/*-----LAYER STYLES-----*/
#wrapper {width:100%; margin:0; padding:0}
#top {width:100%; margin:0; padding:0; height: 40px; background:url(images/top-bar.jpg) repeat-x;}
#top-container {width:1024px; position:relative; margin:0 auto;}
#container {width:100%; margin:0; padding:0; height:580px; background:url(images/background.jpg) repeat-x;}
#container-image {width: 1024px; margin:0 auto; padding:0;}
#body-container {max-width:1024px; margin:25px auto; padding:0;}
#footer {width:100%; height:75px; margin-top:25px; background:url(images/footer-image.jpg) repeat-x; position:relative;}


/*-----BODY STYLES-----*/
#left-container {width:60%; margin-right:5%; padding:0; position:relative; float:left; margin-bottom:40px;}
#right-container {width:35%; margin:0; padding:0; position:relative; float:right; margin-bottom:40px;}
#left-container h1 {font-family: 'Droid Serif', serif; font-size:28px; font-style:italic; color:#992f09; font-weight:normal; margin:0 0 15px 0; padding:0;}
#left-container h2 {font-family: 'Droid Serif', serif; font-size:16px; text-transform:uppercase; color:#992f09; margin:0; padding:0;}
#left-container p {font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#363636; margin:0; padding:0; line-height:25px;}
#logo {width:165px; height:165px; float:left; position:absolute;}


@media (min-width:600px) and (max-width:1024px){
	#container {height:auto;}
	#top-container, #container-image, #body-container {width:100%;}	
	#left-container {width:50%; margin:20px 5%;}
	#right-container {width:35%; margin-right: 5%;}
}

@media only screen and (max-width : 600px) {
	#container {height:auto;}
	#container-image {padding-top:120px;}
	#top-container, #container-image, #body-container {width:100%;}
	#left-container, #right-container {width:90%; margin:20px 5%;}
	#logo {width:165px; height:165px; float:none; margin: 0 auto; position:relative !important}
}