/*
Theme Name: Botanica Mowing
Theme URI: http://www.botanicamowing.com.au
Description: This is WordPress theme.
Author: Ahmad Madni
Author URI: 
Developer & Responsive: Ahmad Madni
Developer's E-mail: snankls@gmail.com
Developer's Skype: snankls

*/

/* Reset browser defaults */
@import url('library/styles/reset.css');

/* Apply basic typography styles */
@import url('library/styles/typography.css');

/* Apply a basic layout 
@import url('library/layouts/2c-r-fixed.css');*/

/* Apply basic image styles */
@import url('library/styles/images.css');

/* Apply default theme styles and colors */
@import url('library/styles/default.css');

/* Prepare theme for plugins */
@import url('library/styles/plugins.css');

/* -------------------------------------------------------------- 
   
   Default styles for Images
   
   I've duplicated these styles here from images.css in
   order to get Thematic through the auto-checker at the
   official WordPress Themes directory.
   
   When the directory can hunt though css files linked
   through @import the styles below will no longer be
   neccesary and will be removed.
   
   Cheers. --Ian Stewart
  
-------------------------------------------------------------- */   
*:focus { outline: none; }
#logo > a { display:inline-block; }
	#logo > a img { width:100%; } 
.entry-content img {
    height:auto;
    margin: 0 0 18px 0;
    max-width:100%;
}
.alignleft,
img.alignleft {
	float: left;
    margin-right:20px;
}
.alignright,
img.alignright {
	display: block;
	float: right;
    margin-left:20px;
}
.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
}
.wp-caption {
	text-align: center;
	margin-bottom:18px;
	max-width: 96%;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	padding:5px;
}
.gallery img {
    margin:0;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
	margin:0 !important;
}

/********* My CSS ************/
body{
	background:url('library/images/haha2.jpg')no-repeat center center fixed;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}
#wrapper{
	background:none;
	opacity:1;
	/*width:830px;*/
	height:100%;
	margin: 0 auto;
}
#main_wrapper{
	background:none;
	/*height:252px;*/
	width:100%;
	border:5px solid transparent;
	border-bottom: 3px solid transparent;
	-moz-border-radius:20px 20px 0 0;
	-webkit-border-radius: 20px 20px 0 0;
	border-radius: 20px 20px 0 0; /* future proofing */
	-khtml-border-radius: 20px 20px 0 0; /* for old Konqueror browsers */
	box-shadow: 0 0px 15px rgba(222, 222, 222, 0.7);
}
#logo{
	/*background: url('library/images/logo2.png')top no-repeat;
	height: 320px;
	opacity: 1;
	width: 830px;
	margin: 0 auto;*/
	text-align:center;
}
#logo_footer{
	/*background: url('library/images/logo_footer.png')top no-repeat;
	height: 66px;
	width: 120px;*/
	margin-top:10px;
	padding-bottom:15px;
	text-align:center;
}
	#logo_footer a{
		display:inline-block;
	}
.under_construction{
	background: url('library/images/UnderConstruction.png')top no-repeat;
	height: 246px;
	width: 270px;
	margin: -16px auto 18px auto;
}
#main_menu{
	float:left;
	width:183px;
	background:#F2F2F2;
	opacity:1;
	border-right:8px solid transparent;
	-moz-border-radius:13px 5px 5px 5px;
	-webkit-border-radius: 13px 5px 5px 5px;
	border-radius: 13px 5px 5px 5px; /* future proofing */
	-khtml-border-radius: 13px 5px 5px 5px; /* for old Konqueror browsers */
    box-shadow: -1px -1px 1px rgba(80, 80, 82, 0.6),1px 1px 1px rgba(222, 222, 222, 0.6);
}
#horizontal_menu{
	margin:0;
	padding:0;
	border-top: 1px solid #006533;
}
#horizontal_menu a{
	display: inline-block;
	width:174px;
	height:33px;
	background:white;
	border:0;
	border-left:1px solid #006533;
	margin:0 -5px 6px 0;
	padding:0;
	opacity:1;
	cursor:pointer;
}
#horizontal_menu a:hover{
	background:#C2DCCF;
}
#container {

	/*width:100%;
	height:98.7%;
	float:left;
	height:100%;*/
	background:url('library/images/wrapper.png')top left repeat;
	margin:0;
	opacity:1;
	-moz-border-radius:0 0 15px 15px;
	-webkit-border-radius:0 0 15px 15px;
	border-radius:0 0 15px 15px; /* future proofing */
	-khtml-border-radius:0 0 15px 15px; /* for old Konqueror browsers */
	box-shadow: -1px -1px 1px rgba(80, 80, 82, 0.6),1px 1px 1px rgba(222, 222, 222, 0.6);
}
#content {
	width:100%;
	margin:0;
	padding:0;
}
#contact_details{
	/*float: right;
	width: 291px;
	height: 133px;*/
	margin-top: 20px 0;
	text-align: right;
	font-size:12px;
}
#contact_details.p{
	color:white;
	font-size:11px;
}

.green_line{
	width:100%;
	height:5px;
	background:#006533;
	margin-top:4px;
}
a.menu{
	display: inline-block;
	width:190px;
	height:34px;
	background:none;
	border:0;
	border-bottom:1px solid #8BC53F;
	margin:0;
	opacity:1;
	cursor:pointer;
}
a.menu:hover{
	background:#C2DCCF;
}
p.main_menu_links{
	font-size: 18px;
	color:#191919;
	padding: 5px 5px;
	margin: 0;
	text-align: center;
	opacity: 1;
	font-weight: b;
	font-family: Candara,Verdana;
	text-shadow: -1px 1px 3px #919396;
}

p{
	color:#DBDBDB;
	font-family: Candara,Verdana;
}

p.horizontal_menu_links{
	font-size: 18px;
	color:#191919;
	padding: 5px 5px;
	margin: 0;
	text-align: center;
	opacity: 1;
	font-weight: b;
	font-family: Candara,Verdana;
	text-shadow: -1px 1px 3px #919396;
}
.entry-content h2 {
	font-family: Arial,sans-serif;
	color:#C36500;
	font-size: 19px;
	font-weight: normal;
	padding: 0;
}

a {
	color: #C36500;
}

a:visited {
	color: #C36500;
	text-decoration: none;
}
a, a:hover {
	color: #74D677;
	text-decoration: none;
}
img.thumbs_gal{
	-moz-border-radius:0 0 15px 15px;
	-webkit-border-radius:0 0 15px 15px;
	border-radius:0 0 15px 15px; /* future proofing */
	-khtml-border-radius:0 0 15px 15px; /* for old Konqueror browsers */
	box-shadow: -1px -1px 1px rgba(80, 80, 82, 0.6),1px 1px 1px rgba(222, 222, 222, 0.6);
}
#outside {
	position: fixed;
	top: 72%;
	left: -6px;
	opacity: 1;
	width: 153px;
	background: none;
	border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
	-moz-border-radius: 0 10px 10px 0;
	box-shadow: 0 0 50px rgba(222, 222, 222, 0.7);
}
.before_after {
	background: url('library/images/wrapper.png')top left repeat;
	padding: 10px 0 10px 10px;
	margin: 5px;
	width: 132px;
	border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
	-moz-border-radius: 0 10px 10px 0;
}

a.bfoap-link {
	color:#D4D7E0;
}

a.bfoap-link:hover {
	color:#74D677;
}
.before_after p {
	font-size:17px;
	font-family: Verdana, Calibri, Arial Black,sans-serif;
	opacity:0.7;
	margin: 0;
	line-height: 20px;
	padding:0;
	text-align:left;
}

#nav_button .nav_button { width:44px; height:34px; background:url(images/navigation_button.png) 0 0 no-repeat; display:none; cursor:pointer; }
#navigation { background:url(library/images/wrapper.png) repeat; margin-top:-2px; border-top:1px solid #555; border-bottom:1px solid #555; border-radius:20px 20px 0 0; }
	#navigation > ul { margin:0; padding:0; font-family:Calibri, sans-serif; line-height:16px; background:none; box-shadow:-1px -1px 2px rgba(0, 0, 2, 1),1px 1px 2px rgba(222, 222, 222, 0.6); }
		#navigation > ul > li { position:relative; float:left; list-style:none; }
			#navigation > ul > li > a { font-size:20px; padding:13px 35px; border-left:1px solid #555; display:block; text-align:center; text-shadow:-0px 0px 1px #95DA88; text-decoration:none; color:#fff; }
				#navigation > ul > li:first-child > a {  border-left:none; border-radius:20px 0 0 !important; }
				#navigation > ul > li:hover > a { background:#4b4b4b; color:#c36500; text-shadow:none; border-radius:0; }
		
		#navigation > ul > li > ul { position:absolute; top:42px; width:169px; background:url(library/images/wrapper.png) repeat; display:none; z-index:9999; }
			#navigation > ul > li > ul > li { list-style:none; }
				#navigation > ul > li > ul > li > a { font-size:16px; padding:12px 15px; display:block; text-align:center; text-shadow:-0px 0px 1px #95DA88; text-decoration:none; color:#fff; }
				#navigation > ul > li > ul > li:hover > a { background:#4b4b4b; color:#c36500; text-shadow:none; border-radius:0; }
	
	#navigation > ul > li:hover > ul { display:block; }

form label, form .wpcf7-validation-errors { color:#fff; margin-bottom:8px; }
form .wpcf7-list-item.last { margin-left:40px; display:inline-block; }

/*Top Bar*/
#top_bar { padding:5px 0; background:url(library/images/wrapper.png) 0 0 repeat; }
	#top_bar strong { font-size:13px; font-weight:bold; }
	#top_bar p { font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#fff; padding:5px 0; }
		#top_bar p a { color:#fff; outline:none; }
	#top_bar ul li { float:left; width:32px; height:32px; margin-left:5px; list-style:none; }
	#top_bar ul li a { width:32px; height:32px; background:url(images/social_icons.png) 0 0 no-repeat; display:inline-block; }
	#top_bar ul li a.twitter { background-position: -32px 0; }
	#top_bar ul li a.youtube { background-position: -64px 0; }
	#top_bar ul li a.google_plus { background-position: -96px 0; }

#g_lemos { margin-bottom:20px; text-align:center; outline:none; }
	 #g_lemos p { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#fff; }
	 	#g_lemos p a { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#fff; outline:none; }
			#g_lemos p a:hover { text-decoration:underline; }

#top_img_gallery { position:relative; text-align:center; }
	#top_img_gallery a > img { width:100%; height:159px; }

#before_after_img { position:relative; text-align:center; }
	#before_after_img a > img { width:100%; height:auto; }

#error404-searchform { margin-top:15px; padding-bottom:15px; }

/*	=====================================================================
	 Start Media for Responsive
	===================================================================== */
/*Tablet Landscape (1024x768)*/
@media only screen and (min-width: 1024px) and (max-width: 1200px)
{
	/*Navigation*/
	#navigation > ul > li > a { padding:13px 33.2px; }
		#navigation > ul > li:first-child > a { border-left:none; }
		#navigation > ul > li:last-child > a:hover { border-radius:0 20px 0 0; }
		#navigation > ul > li:hover > a { background:#4b4b4b; color:#c36500; text-shadow:none; border-radius:0; }

	#navigation > ul > li > ul > li > a { font-size:16px; display:block; text-align:left; }
	
	/*Slider*/
	#top_img_gallery a > img { width:100%; height:auto; }
	
	/*Content*/
	h1.entry-title, h2.entry-title a { font-size:36px; padding-bottom:15px; }
	.entry-content { padding:0 20px; }
	.entry-content iframe { width:100%; height:350px; }
	#outside { display:none; }
	
	#comments { padding:0 20px; }
}

/*Tablet Portrait (768x1024) property should be !important*/
@media only screen and (min-width: 768px) and (max-width: 1024px)
{
	/*Navigation*/
	#navigation > ul > li > a { padding:13px 14.9px; }
		#navigation > ul > li:first-child > a { border-left:none; }
		#navigation > ul > li:last-child > a:hover { border-radius:0 20px 0 0; }
		#navigation > ul > li:hover > a { background:#4b4b4b; color:#c36500; text-shadow:none; border-radius:0; }

	#navigation > ul > li > ul > li > a { font-size:16px; display:block; text-align:left; }
	
	/*Slider*/
	#top_img_gallery a > img { width:100%; height:auto; }
	
	/*Content*/
	h1.entry-title, h2.entry-title a { font-size:36px; padding-bottom:15px; }
	.entry-content { padding:0 20px; }
	.entry-content iframe { width:100%; height:350px; }
	#outside { display:none; }
	
	#comments { padding:0 20px; }
}

/*Small Tablet Landscape (800x600) property should be !important*/
@media only screen and (min-width: 800px) and (max-width: 920px)
{
	/*Navigation*/
	#navigation > ul > li > a { padding:13px 14.9px; }
		#navigation > ul > li:first-child > a { border-left:none; }
		#navigation > ul > li:last-child > a:hover { border-radius:0 20px 0 0; }
		#navigation > ul > li:hover > a { background:#4b4b4b; color:#c36500; text-shadow:none; border-radius:0; }

	#navigation > ul > li > ul > li > a { font-size:16px; display:block; text-align:left; }
	
	/*Slider*/
	#top_img_gallery a > img { width:100%; height:auto; }
	
	/*Content*/
	h1.entry-title, h2.entry-title a { font-size:32px; padding-bottom:15px; }
	.entry-content { padding:0 20px; }
	.entry-content iframe { width:100%; height:350px; }
	#outside { display:none; }
	
	#comments { padding:0 20px; }
}

/*Small Tablet Portrait (600x800)*/
@media only screen and (min-width: 600px) and (max-width: 767px)
{
	#top_bar { text-align:center; }
		#top_bar ul { width:100%; text-align:center; }
		#top_bar ul li { float:none; display:inline-block; }
		
	/*Navigation*/
	#nav_button { background:url(library/images/wrapper.png) repeat; margin-top:-2px; padding:10px; border-radius:20px 20px 0 0; }
	#nav_button .nav_button { float:right; display:block !important; }
	#navigation { border-radius:0; display:none; }
		#navigation > ul > li { float:none; }
			#navigation > ul > li > a { padding:13px 35px; border-left:none; text-align:left; }
				#navigation > ul > li:first-child > a {  border-left:none; border-radius:0 !important; }
				#navigation > ul > li:hover > a { background:#4b4b4b; color:#c36500; text-shadow:none; border-radius:0; }
		
		#navigation > ul > li > ul { position:relative; left:0; top:0; width:100%; background:none; display:block; z-index:9; }
			#navigation > ul > li > ul > li > a { font-size:16px; padding-left:50px; display:block; text-align:left; }
	
	/*Slider*/
	#top_img_gallery a > img { width:100%; height:auto; }
	
	/*Content*/
	h1.entry-title, h2.entry-title a { font-size:26px; padding-bottom:15px; }
	.entry-content { padding:0 20px; }
	.entry-content iframe { width:100%; height:350px; }
	#outside { display:none; }
	
	#comments { padding:0 20px; }

	#contact_details { text-align:left; }
}

/*Mobile Landscape (480x320)*/
@media only screen and (min-width: 480px) and (max-width: 599px)
{
	#top_bar { text-align:center; }
		#top_bar ul { width:100%; text-align:center; }
		#top_bar ul li { float:none; display:inline-block; }
		
	/*Navigation*/
	#nav_button { background:url(library/images/wrapper.png) repeat; margin-top:-2px; padding:10px; border-radius:20px 20px 0 0; }
	#nav_button .nav_button { float:right; display:block !important; }
	#navigation { border-radius:0; display:none; }
		#navigation > ul > li { float:none; }
			#navigation > ul > li > a { padding:13px 35px; border-left:none; text-align:left; }
				#navigation > ul > li:first-child > a {  border-left:none; border-radius:0 !important; }
				#navigation > ul > li:hover > a { background:#4b4b4b; color:#c36500; text-shadow:none; border-radius:0; }
		
		#navigation > ul > li > ul { position:relative; left:0; top:0; width:100%; background:none; display:block; z-index:9; }
			#navigation > ul > li > ul > li > a { font-size:16px; padding-left:50px; display:block; text-align:left; }
	
	/*Slider*/
	#top_img_gallery a > img { width:100%; height:auto; }
	#slider .nivo-caption { font-size:11px; bottom:10px; padding:5px 0 5px 15px; }
	#slider .nivo-directionNav a { top:35%; }
	
	/*Content*/
	h1.entry-title, h2.entry-title a { font-size:26px; padding-bottom:15px; }
	.entry-content { padding:0 20px; }
	.entry-content iframe { width:100%; height:350px; }
	#outside { display:none; }
	
	#comments { padding:0 20px; }

	#contact_details { text-align:left; }
	#error404-searchsubmit { margin-top:5px; }
}

/*Mobile Portrait (320x480)*/
@media only screen and (min-width: 320px) and (max-width: 479px)
{
	#top_bar { text-align:center; }
		#top_bar ul { width:100%; text-align:center; }
		#top_bar ul li { float:none; display:inline-block; }
	
	/*Navigation*/
	#nav_button { background:url(library/images/wrapper.png) repeat; margin-top:-2px; padding:10px; border-radius:20px 20px 0 0; }
	#nav_button .nav_button { float:right; display:block !important; }
	#navigation { border-radius:0; display:none; }
		#navigation > ul > li { float:none; }
			#navigation > ul > li > a { padding:13px 35px; border-left:none; text-align:left; }
				#navigation > ul > li:first-child > a {  border-left:none; border-radius:0 !important; }
				#navigation > ul > li:hover > a { background:#4b4b4b; color:#c36500; text-shadow:none; border-radius:0; }
		
		#navigation > ul > li > ul { position:relative; left:0; top:0; width:100%; background:none; display:block; z-index:9; }
			#navigation > ul > li > ul > li > a { font-size:16px; padding-left:50px; display:block; text-align:left; }
	
	/*Slider*/
	#top_img_gallery a > img { width:100%; height:auto; }
	#slider .nivo-caption { font-size:11px; bottom:10px; padding:5px 0 5px 15px; }
	#slider .nivo-directionNav a { top:35%; }
	
	/*Content*/
	h1.entry-title, h2.entry-title a { font-size:26px; padding-bottom:15px; }
	.entry-content { padding:0 20px; }
	.entry-content iframe { width:100%; height:350px; }
	#outside { display:none; }
	
	#comments { padding:0 20px; }

	#contact_details { text-align:left; }
	#error404-searchsubmit { margin-top:5px; }
}