/*

Theme Name: Mark Phillips Acupuncture

Theme URI: 

Description: 

Author: Ricky Chen

Version: 1.0

License:

License

Tags:

Text Domain: 

*/

@font-face {

		font-family: 'ElectLH';

		src: url('fonts/Electra LH Regular Oldstyle Figures.eot');

		src: url('fonts/Electra LH Regular Oldstyle Figures.eot?#iefix') format('embedded-opentype'),

			 url('fonts/Electra LH Regular Oldstyle Figures.woff') format('woff'),

			 url('fonts/Electra LH Regular Oldstyle Figuresttf') format('truetype');

		font-weight: normal;

		font-style: normal;

	}
	
@font-face {

		font-family: 'ElectLHBold';

		src: url('fonts/Electra LH Bold Oldstyle Figures.eot');

		src: url('fonts/Electra LH Bold Oldstyle Figures.eot?#iefix') format('embedded-opentype'),

			 url('fonts/Electra LH Bold Oldstyle Figures.woff') format('woff'),

			 url('fonts/Electra LH Bold Oldstyle Figures.ttf') format('truetype');

		font-weight: normal;

		font-style: normal;

}

@font-face {

		font-family: 'Gotham-Bold';

		src: url('fonts/Gotham-Bold.eot');

		src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),

			 url('fonts/Gotham-Bold.woff') format('woff'),

			 url('fonts/Gotham-Bold.ttf') format('truetype');

		font-weight: normal;

		font-style: normal;

}


/* Getting the new tags to behave */

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}

mark, rp, rt, ruby, summary, time {display:inline}

/* Global properties */

body {font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1em; background:#382f20; background-image: url(http://www.markphillips.com.au/images/background03.jpg);}



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding: 0;margin: 0;}

div,ul,dl,h1,h2,h3,h4,blockquote,table,p{position:relative;}

table{border-collapse: collapse;border-spacing: 0;}

fieldset,img{border:0;vertical-align:middle;}

input,select{vertical-align:middle;}

address,caption,cite,code,dfn,em,th,var{font-weight: normal;font-style: normal;}

abbr,span.abbr,acronym{cursor:help;border-bottom:1px dashed #aaa;letter-spacing:0.1em;}

var{font-style:italic;}

ul,li{list-style:none;}



#wrapper{width:1000px; height:706px; margin:0 auto; margin-top:30px;background:url(images/bg.jpg) no-repeat;}

#wrapper2{width:1000px; margin:0 auto; margin-top:30px;background:url(images/new-bg.jpg) #ccbdad no-repeat;}

header{width:1000px; margin:0 auto; padding-top:70px; display:table;}

#top{width:1000px; height:60px;}

#logo{width:393px; height:35px; float:left; margin-left:140px; margin-top:5px;}

ul.top-right-col{float:right; margin-right:33px; display:block; margin-top: -12px;}

ul.top-right-col li{font-family:'Gotham-Bold', Arial, Helvetica, sans-serif; font-size:1px; color:#cccccc; list-style:none; line-height:13px; -webkit-text-size-adjust:none; font-size:9px;}

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .fade:hover {
      opacity: 0.7;
      }



#navcontainer{margin:0 auto; padding-top:6px; float:left;}

#access {

	display:block;

}



#access ul.menu {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	list-style:none;

}



#access ul li{float:left;  margin-left:30px; list-style:none;}



#access ul li:first-child{padding-left:0px; margin-left:0px;}



#access a{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; text-decoration:none; text-transform:uppercase;}



#access li.mailbtn a{color:#d2232a;}



#access a:hover{

	color: #9d867a;

}



#access ul li.current_page_item > a {

	color: #9d867a;

}



#access ul li.current_page_item > a:hover {

	color: #9d867a;

}



#access ul li.current-menu-item > a {

	color: #9d867a;

}



#access ul li.current-menu-item > a:hover {

	color: #9d867a;

}



#access ul li.current-menu-parent > a {

	color: #9d867a;

}



#access ul li.current-menu-parent > a:hover {

	color: #9d867a;

}



#access ul li.current-post-parent > a {

	color: #9d867a;

}



#access ul li.current-post-parent > a:hover {

	color: #9d867a;

}



#access ul li.current-page-ancestor > a {

	color: #9d867a;

}



#access ul li.current-page-ancestor > a:hover {

	color: #9d867a;

}







ul.quote{position:absolute; margin-left:120px; bottom:40px; display:block;}

ul.quote li.topdot{width:21px; padding-bottom:20px; height:21px; background:url(images/icon.png) top center no-repeat; display:block;}

ul.quote li.bottomdot{width:21px; padding-top:20px; height:21px; background:url(images/icon.png) bottom center no-repeat; display:block;}

ul.quote li{font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#FFFFFF; list-style:none; line-height:28px; text-align:center; font-weight:bold; /*text-shadow: 2px 2px 10px #000000; filter: dropshadow(color=#000000, offx=2, offy=2);*/}



#container{width:1000px;  margin-top:60px; display:table;}

#content{float:left; width:550px; margin-left:50px;}

#content p{font-family:"ElectLH", Times, serif; color:#000000; font-size:14px; line-height:22px; margin-bottom:10px; }

#content h1{font-family:"ElectLHBold", Times, serif; color:#000000; font-size:22px; line-height:22px; font-weight:normal;}

#content h2{font-family:"ElectLHBold", Times, serif; color:#000000; font-size:19px; line-height:22px; font-weight:normal;}

#content h3{font-family:"ElectLHBold", Times, serif; color:#000000; font-size:16px; line-height:22px; font-weight:normal;}

#content a{font-family:"ElectLHBold", Times, serif; color:#000000; font-size:14px; line-height:22px; font-weight:normal; text-decoration:underline;}

#content a:hover{color:#d2232a;}

#content strong{font-family:"ElectLHBold"; font-weight:normal;}

#content table{font-family:"ElectLH", Times, serif; color:#000000; font-size:14px; line-height:20px;}

#content ul,li{font-family:"ElectLH", Times, serif; color:#000000; font-size:14px; line-height:20px; list-style:disc; margin-left:10px;}


#content2{height:auto; position:absolute; width:550px; margin-left:-5500px; overflow:auto; border:1px solid #0F9; margin-top:-50000px;}

#content2 p{font-family:"ElectLH", Times, serif; color:#000000; font-size:14px; line-height:22px;}

#content2 h1{font-family:"ElectLHBold", Times, serif; color:#000000; font-size:22px; line-height:22px; font-weight:normal;}

#content2 h2{font-family:"ElectLHBold", Times, serif; color:#000000; font-size:19px; line-height:22px; font-weight:normal;}

#content2 h3{font-family:"ElectLHBold", Times, serif; color:#000000; font-size:16px; line-height:22px; font-weight:normal;}

#content2 a{font-family:"ElectLHBold", Times, serif; color:#000000; font-size:14px; line-height:22px; font-weight:normal;}

#content2 a:hover{color:#d2232a;}

#content2 strong{font-family:"ElectLHBold"; font-weight:normal;}

#content2 table{font-family:"ElectLH", Times, serif; color:#000000; font-size:14px; line-height:22px;}

#content2 ul,li{font-family:"ElectLH", Times, serif; color:#000000; font-size:14px; line-height:22px; list-style:disc; margin-left:10px;}


ul.featuredimg{width:309px; float:right; margin-right:30px; list-style:none !important;}
ul.featuredimg li{list-style:none !important;}
ul.featuredimg li.fullimg{width:286px; float:left;}
ul.featuredimg li.leftimg{width:142px; float:left;}
ul.featuredimg li.rightimg{width:142px; height:286; float:left; margin-left:2px;}
.rightimg1{width:142px;}
.rightimg2{width:142px; margin-top:2px;}
.fadein{width:309px; float:right; margin-right:30px;}
.fadein img{position:absolute;}




/* =Images

-------------------------------------------------------------- */



/*

Resize images to fit the main content area.

- Applies only to images uploaded via WordPress by targeting size-* classes.

- Other images will be left alone. Use "size-auto" class to apply to other images.

*/

img.size-auto,

img.size-full,

img.size-large,

img.size-medium,

.attachment img {

	max-width: 100%; /* When images are too wide for containing element, force them to fit. */

	height: auto; /* Override height to match resized width for correct aspect ratio. */

}

.alignleft,

img.alignleft {

	display: inline;

	float: left;

	margin-right: 24px;

	margin-top: 4px;

}

.alignright,

img.alignright {

	display: inline;

	float: right;

	margin-left: 24px;

	margin-top: 4px;

}

.aligncenter,

img.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}

img.alignleft,

img.alignright,

img.aligncenter {

	margin-bottom: 12px;

}







.scroll{height:400px; width:550px; overflow:hidden}

.track{ width:1px; height:310px; left:25px !important; background:#FFFFFF}

.shuttle{ width:10px; height:12px; background:url(images/dragbar.png) top center no-repeat; margin-left:-5px;}

._up-butt, ._down-butt{ height:0px !important;}












footer{width:1000px; height:151px; display:table; background:url(images/footer-bg.jpg) no-repeat; margin-top:25px;}

.footerslideshow{width:283px; height:127px; float:left; margin-left:51px; margin-top:13px;}

.footerslideshow img { position:absolute; left:0; top:0; }



.footerbox{width:420px; height:120px; float:left; margin-left:51px; margin-top:12px; overflow:hidden;}

.footerbox p{font-family:"ElectLH", Times, serif; font-size:15px; color:#FFFFFF; line-height:18px; font-weight:normal;}

.footerbox a{color:#ffffff; text-decoration:underline;}

.footerbox a:hover{color:#d2232a;}

.footerbox h4{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#d2232a; margin-top:10px; font-weight:normal;}





.wpcf7-form{width:400px; height:300px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000;}

.wpcf7-form p{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; margin-bottom:10px;}

.wpcf7-form span.wpcf7-not-valid-tip-no-ajax{color:#C00; margin-left:20px;}

.wpcf7-form h2{padding-bottom:10px;}



/* top menu drop down starts */



/* The container wrapping ul.dropdown */

#navwrap {

}

 

/* Top level Unordered list */

ul.dropdown {

list-style:none;

float:left;

width:100%;

padding: 0 10px;

display:table;

}

 

ul.dropdown  li{

float:left; /* makes horiz list */

position:relative; /* hey Submenu ULs, appear below! */

}



ul.dropdown a {

padding:12px; /*space the items, occupy entire height too.*/

padding-top:0px;

color:#eee;

text-decoration:none;

text-shadow:0 1px 0 #000;

}


ul.dropdown  li:hover a{
	color:#9d867a;

}
 

ul.dropdown li:first-child a{
	padding-top:12px;
}
 

/* Style the link hover */

ul.dropdown li:hover a {

}

 

/* Displays the link as blocks. */

ul.dropdown li ul a {

display:block;

}

 

/* sub menus!!  */

 

ul.dropdown ul {

list-style: none;

margin:0; /* Appear just below the hovering list */

padding:0;
 /* specify the width. */

position:absolute; /* needed */

z-index:10000; /* specify the order */

display:table;

width:330px;

}

 

ul.dropdown li ul {

top:27px; /* Positioning:Calc with top level horz list height */

-moz-box-shadow:0 2px 10px #000; /* CSS 3 */

background:url(images/menubg.png);

}

 

ul.dropdown ul ul {

top:0;

left:100%; /* Position the sub menus to right. */

background:url(images/menubg.png);

}

 

ul.dropdown ul li {

float:none !important; /* umm.. Appear below the previous one. mmkay? */

margin-left:0px !important;

display:table;

width:330px;

}

 

/* Drop Down! */

 

/* Hide all the dropdowns (submenus) */

ul.dropdown ul,

ul.dropdown li:hover ul ul,

ul.dropdown ul li:hover ul ul

{ display: none; }

 

/* Display the submenus only when li are hovered */

ul.dropdown li:hover ul,

ul.dropdown ul li:hover ul ,

ul.dropdown ul li ul li:hover ul

{ display: block;}

 

ul.dropdown li * a:hover {

/* Change color of links when hovered */

}



/* top menu drop down ends */



/* content in columns starts on 19-03-2013 */

.full_width_col{ width:100%; }

.full_width{ width:100%; display:table; clear:both;}

.alpha{ width:45%; float:left; }

.alpha2{ margin-left:3%; width:45%; float:left; }

/* css ends */