/*	

Theme Name: Health@520



Version: 1.0

Author: perthwebdesign









*/



/*********************************************************************************************************

1.) Basic Layout and commonly used container classes

**********************************************************************************************************/

/*Small reset*/

body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p{

margin:0;

padding:0;

}



body{

font-size:12px;

font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;

line-height:16px;

position:relative;

}



#top{

width:940px;

margin:0 auto;

position:relative;

clear: both;

}



#main{

clear:both;

position: relative;

padding:5px 0 0 0px;

float:left;

width:940px;

}



#footer{

width:940px;

margin:15px auto 0 auto;

position:relative;

clear: both;

padding: 5px 0px 10px;

font-size: 10px;

}



.wrapper{

clear:both;

position:relative;

float:left;

padding-bottom:0px;

width:940px!important;

width:941px;

margin:0 0 10px 0;

}



.wrapper_side{

width:300px!important;

float:left;

}







.box{

position:relative;

float:left;

margin:5px 15px 0 0;

padding:0px 15px 0px 0px;

display: block;

z-index: 1;

}



#top .box3{

border: none;

margin-right:0;

padding-right:0;

}



.box_small{

width:292px;

z-index: 2;

}



.box_medium{



}



.box_medium1{

width:910px;

}



#top .box_big{

width:940px;

border:none;

}



.box .box1{

margin-right:14px;

}



.box .box2{

padding-right:0;

margin-right:0;

border-right:0;

}



/*********************************************************************************************************

2.) Head Area: 

**********************************************************************************************************/	

#head{

height:100px;

margin:0 auto;

position:relative;

width:940px;

z-index:5;

}













/*image slider*/

#featured{

height: 267px;

clear: both;

position: relative;
overflow:hidden;



}



.featured_item{

position:absolute;

width:292px;

top:100px;

left:318px;

z-index: 1;

overflow: hidden;

cursor: pointer;

}



#top .featured_item_active{

position:absolute;

width:612px;

top:25px;

left:174px;

z-index: 3;

}



#top .featured_item_active img{

width:600px;

}



#top .featured_item_last, #top .featured_item_upcoming{

width:392px;

left:50px;

top:75px;

z-index: 2;

}







#top #featured .featured_item_upcoming{

left:500px;

}



#top #featured .featured3{

left:647px;

}



#top #featured .featured4{

left:0px;

}



.featured_item img{

width:280px;

}



#top .featured_item_last img, #top .featured_item_upcoming img{

width:380px;

}



.item, .wrapper img{

padding: 2px;

}



.item_shadow{

margin: 0 auto;

}



.featured_item img{

display:block;

position: relative;

}





.additional_info{

position: relative;

clear: both;

padding:25px 0 25px 0;

}



.additional_info h2{

font-size: 24px;

width:760px;

font-weight: normal;

padding:0;

}



.additional_info h2 a{

text-decoration: underline;

}



.additional_info h2 a:hover{

text-decoration: none;

}



#twitterbox{

min-height:66px;

}



#twitterbox h2{

padding:0 0 0 104px;

}



#tweet_follow{

height:64px;

left:0;

position:absolute;

top:28px;

width:64px;

text-indent: -9999px;

}





#head #searchform{

position: absolute;

right:-4px;

bottom: 5px;

width:264px;

height:30px;

}



/*alternate image slider*/



.featured_alternate{

top:10px;

position: absolute;

z-index: 1;

border:none;

}

#top .featured_alternate:hover, #top .featured_alternate:hover img{

border:none;

}



#top .featured_alternate_active{

z-index: 2;

}





/*navigation*/





#top #nav{

left:2px;

top:55px;

}





#nav, #nav ul{

margin:0 0 0 0;

padding:0;

list-style-type:none;

list-style-position:outside;

position:relative;

line-height:50px; 

z-index:5;

float:right;





}





#top #nav a{

height:36px;

display:inline;

padding:0;

text-decoration:none;

text-align:left;

line-height:28px; 

outline:none;

z-index:35;

position:relative;

float:left;

margin: 0 0 0 30px;

font-size: 14px;

color:#FFF;

}



#top #nav .current_page_item a{

font-weight: bold;

}



#top #nav .current_page_item ul a{

font-weight: normal;

}



#top #nav ul a{

line-height:33px; 

}



#top #nav li{

float:left;

position:relative;

z-index:20;

margin:11px 0 0 0;



}



#top #nav li li{

border-left:none;

margin-top:0;

}



#top #nav li ul {

		position:absolute !important;

		left:0 !important;

		width:190px; !important;

}



#top #nav ul {

	display:none;

	left:-19px;

	position:absolute;

	top:34px;

	width:190px;

}





#top #nav li ul li {

		position:relative;

		left:15px !important;

}



#top #nav li ul a {

	width:190px;

	display:block;

	text-align:left;

	margin:0 !important;

	padding:0 13px 0 13px !important;

}



#top #nav ul ul{

top:auto;

border-top:none;

}	



#top #nav li ul ul {

left:200px !important;

top:-1px;

}



#top #nav li:hover ul ul, #top #nav li:hover ul ul ul,#top  #nav li:hover ul ul ul ul{

display:none;	

}

#top #nav li:hover ul, #top #nav li li:hover ul, #top #nav li li li:hover ul, #top #nav li li li li:hover ul{

display:block;
color:#F00;

}



#top #nav li ul a{

border-top:none;

}





/*********************************************************************************************************

3.) Additional info Area: 

**********************************************************************************************************/	



.advanced_button{

height:72px;

width:222px;

display: block;

text-indent: -9999px;

}



.get_in_touch{

position:absolute;

right:0;

top:20px;

outline: none;

}



/*********************************************************************************************************

4.) Content Area: 

**********************************************************************************************************/	



.entry {



float:left;

clear:both;

padding:10px;

position: relative;

}



.entry1 {

width:910px;

float:left;

clear:both;

padding:0 0 0 10px;

position: relative;

}



.entry-head{

display: block;

position: relative;

top:-8px;

font-size: 10px;

padding:0 0 0 1px;

}



.entry-head a{

text-decoration: none;

}

.entry-head a:hover{

text-decoration: underline;

}



.entry-head span{

padding:0 5px;

}



.entry img{

max-width:600px;

}



.entry-head .categories{

padding:0 5px 0 0;

}



.entry li {

padding:3px 10px;

}



.entry ul, .entry ol {

list-style-position:inside;

list-style-type:disc;

margin:0;

padding:0 0 20px;

}



#top .entry ol {

list-style-type:decimal;

}







/*********************************************************************************************************

5.) Sidebar area

**********************************************************************************************************/	

.widget ul{

list-style-position: outside;

list-style-type: none;

padding: 0;

margin: 0;

}



#top #latest_news .post_name{

font-size: 13px;

display: block;

}



#top #latest_news a, .widget a{

display:block;

padding:5px 3px 10px 3px;

text-decoration: none;

}







.meta_sub{

padding-right:4px;

}



#top .widget a{

padding:6px 3px;

width:286px;

}



.widget{

width:292px;

float:left;

padding-bottom:10px;

}



#sidebar .widget{

clear:both;

}





/*generic*/

.portfoliobox img{

width:280px;

}



blockquote {

font-size:12px;

font-style:italic;

margin:0 0 20px;

padding:10px 20px 10px 41px;

}



a{

text-decoration:underline;

}



a:hover{

text-decoration:none;

}



a img{

border:none;

}



p{ padding: 0 0 1em 0}





ul, ol{

list-style-position:outside;

margin-left:20px;

}



#sidebar ul, #sidebar ol{

margin-left:0px;

}



#sidebar li{

list-style-type:none;	

}





h1,h2,h3,h4,h5,h6, legend{

font-weight:normal;

padding-bottom:5px;

line-height:1.4em;

}



h1{clear:both; font-size:32px;font-weight:bold;}

h2{font-size:24px; clear:both;}

h3, legend{font-size:18px; clear:both;}

h4{font-size:16px; clear:both;}

h5{font-size:14px; clear:both;}

h6{font-size:13px; clear:both;}



h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{

text-decoration:none;

} 







blockquote p{

padding:11px 0px;

}



blockquote{

margin:0 0 22px 5px;

padding:0 15px;

}



.floatleft{

float:left;

}



.floatright{

float:right;

}



.clearboth{

clear:both;

}



.alignleft{

float:left;

margin:0px 15px 15px 0pt;

}



.alignright{

float:right;

margin:0px 0pt 15px 15px;

}



.aligncenter{

clear:both;

display:block;

margin:10px auto;

padding: 10px 0;

}



#top .wp-smiley{

border:none;

padding:0;

}



.meta{

display:block;

position:relative;

top:3px;

font-size:11px;

line-height:14px;

}





.more-link {

clear:both;

display:block;

line-height:20px;

padding:0 0 0 16px;

text-decoration:none;

width:75px;

}







/*CONTACT FORM*/	







#searchsubmit, #send, #top #submit{

	cursor:pointer;

	}







#s{

height:16px;

position:absolute;

bottom:2px;

}



	

#s, .text_input, .text_area{

padding:4px;

font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;

width:200px;

font-size:11.5px;

}



#searchsubmit, #send, #submit{

padding:4px 20px;

font-family: 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;

font-size:11.5px;

}



.hidden{

	display:none;

	}

#commentform{

	padding-bottom:20px;

	}





fieldset{

border:none;

padding:0;

margin:0;

overflow:hidden;

}



fieldset label{

	padding-left:7px;

	}

.blocklabel{

	display:block;

	padding:10px 0 0 0;

}



#top .text_area{

	width:450px;

	}

	

/*CONTACT FORM*/	

#send, #top #submit{

	cursor:pointer;

	

	}

	



	

#searchsubmit{

width: 53px;

height:34px;

padding:0;

margin:0;

cursor: pointer;

text-indent: -9999px;

border: none;

position: absolute;

bottom:-2px;

right:0;

}





.ajax_form{

padding-bottom:30px;

}



/* ---------------------- Pagination -------------------*/



.pagination{

clear:both;

display:block;

float:left;

padding:0 0 20px 0px;

position:relative;

z-index:3;

}

.pagination span, .pagination a{

display:block;

float:left;

font-size:11px;

line-height:13px;

margin: 2px 2px 2px 0;

display:block;

padding:3px 6px;

text-decoration:none;

}



.pagination .current{

font-size:11px;

padding:3px 6px;

}





/*commentlist basewidth: width:614px;*/



.commentlist{

margin-bottom:20px;

float:left;

width:100%;

}



#top .commentlist #comment{

width:70%;

}





.commentlist li{

width:100%;

clear:both;

float:left;

padding:0;

list-style-type:none;

padding:20px 0 0 0;

position:relative;

}

.commentlist .children, .commentlist .children li{

border:none;

}



#top .commentlist .odd{

}

#top .commentlist .even{



}

.gravatar{

float:left;

width:60px;

padding:0px 10px;

text-align: center;

}



.gravatar img{

display:block;

}



.comment_content{

float:left;

width:524px;

padding-bottom:20px;

}



.commentmetadata{

float:right;

padding-right:10px;

}



.commentmetadata a, .comment-edit-link, .comment-reply-link{

text-decoration: none;

font-size:10px;

}



.comment-edit-link{

padding-left:10px;

}



.says{

display:none;

}



.author_name{

font-weight:bold;

font-style:normal;

font-size:15px;

float:left;

}



.comment_text{

clear:both;

}



.comment-reply-link{

text-align: center;

display: block;

}



.commentlist #respond{

padding-left:80px;

}



#cancel-comment-reply-link{

text-decoration: none;

margin-left:15px;

font-size: 10px;

}



.commentlist .children{

padding:0 0 0 70px;

}

.commentlist .children li .comment_content{

width:454px;

}



.commentlist .children .children li .comment_content{

width:384px;

}



.commentlist .children .children .children li .comment_content{

width:314px;

}



.commentlist .children .children .children .children li .comment_content{

width:244px;

}



.commentlist .children .children .children .children .children li .comment_content{

padding:0;

}



.comment_nav{

position: relative;

top:-13px;

font-size: 10px;

z-index: 4;

}



.comment_nav a{

text-decoration: none;

}



.comment_prev{

float:left;

}

.comment_next{

float:right;

}











/*sidebar widgets*/

.widget_categories a, .widget_pages a, .widget_archive a , .widget_recent_entries a, li.recentcomments, .widget_meta a{

padding:5px;

display:block;

text-decoration:none;

width:282px; /*change if sidebarwidth changes*/

}











/* uncomment this if you want sublevels with indents

.small_box ul ul a{

padding-left:25px;

width:230px;

}



.small_box ul ul ul a{

padding-left:45px;

width:210px;

}



.small_box ul ul ul ul a{

padding-left:65px;

width:190px;

}

*/



#top .widget_tag_cloud a{

text-decoration: none;

padding:0px 3px;

display:inline;

border:none;

line-height:1.3em;

}



.widget_tag_cloud a:hover{

text-decoration: underline;

font-weight: bold;	

}



li.recentcomments a{

text-decoration: none;

}



/*--------------------calendar--------------------*/

#wp-calendar a, #wp-calendar a:visited {

display:block;

text-decoration:none;

padding:0;

border:none;

width:auto;

}



#wp-calendar a:hover{

display:block;

}









#wp-calendar {

empty-cells: show;

width:100%;

text-align:center;



}



#wp-calendar #next a,#wp-calendar #prev a {

text-decoration:none;

display:block;

border:none;

}

#wp-calendar #next a:hover,#wp-calendar #prev a:hover {

}



#wp-calendar caption {

margin-bottom:5px;

}




@media all and (max-width: 1000px){
	#responsive-menu-button{
		top: 8px !important; 
		left: 10px !important; 
	}
	#head{
		transition: .5s;
		background-size: 100% auto;
	}
	#head.menu_fixed{
		position: fixed;
		background-color: rgb(37, 97, 148);
		height: 80px;
		top:0px;
	}
	 table, img, iframe, video, audio{
		max-width: 100%  !important;
	}
	table{
		width: 100%  !important;
	}
	.wrapper{
		max-width: 100%;
	}
	 .box_medium1{
		max-width: 96%;
		margin: 10px auto !important;
		padding: 10px 2%;
	}
 #main{
		max-width: 100%; 
	}
	#top{
		max-width: 100%;
	}
	.entry1{
		max-width: 100%;
	}
	#head{
		max-width: 100%;
		background-image: url(http://www.health520.com.au/wp-content/uploads/2016/07/bg-header_fixed2-2.png) !important; 
		
	} 
	#top #nav{
		display: none; 
	}
	#footer{
		max-width: 96%;
		padding: 10px 2%;
	}
	#phonenumber { 
		background: url(http://www.health520.com.au/wp-content/uploads/2016/07/bg-header_fixed1.png) 100% 100%;
		padding: 9px;
		background-size: 100% 100%;
		border-radius: 3px;
	}
	#featured {
    height: 200px;
	}
}
@media all and (max-width: 800px){
	#responsive-menu-button {
		top: 35px !important;
		left: 10px !important; 
		transition: .5s;
	}
	#head.menu_fixed {	
		height: 50px; 
	}
	#responsive-menu-button.responsive-menu-button_fixed {
		top: 8px !important;
	}
	#phonenumber { 
    		top: 100px !important;  
    		right: 35% !important; 
		transition: .5s; 
	}
	#phonenumber.phonenumber_fixed {
	    top: 55px !important;
	} 
	body {
	font-size: 17px;
	line-height: 1.5;
}
	table tr td{
		display: block !important;
		width: 96%;  
		padding: 10px 2% 10px 0; 
	}
	.box {
		margin: 10px auto !important;
		float: none;
	}
}
@media all and (max-width: 650px){
	 
 
	table tr td{
		display: block; 
		width: 96%;  
		padding: 10px 2% 10px 0; 
	}
	h3 strong{
		font-size: 15px; 
	}
	.entry1{
		padding-left: 0; 
	}
	#featured a img{
		min-height: 150px; 
	} 
	
	#featured {
    height: 150px;
	}
	#head{
		padding-bottom: 24px;
	}

	.box { 
 	   margin: 5px 0px 0 0;
	    padding: 0; 
	}
}


@media all and (max-width: 550px){
	
	#head{
		background-image: url(http://www.health520.com.au/wp-content/uploads/2016/07/bg-header_fixed2-1.png) !important; 
		background-size: 100% 100% !important;  
	} 
	textarea{
   	 	max-width: 85% !important;
	}
	.entry { 
    		padding: 10px 0;
	}
	.wrapper { 
    		overflow: hidden;
		max-width:98%; 
		margin: auto !important; 
		float: none;
	}
}