/*  
Theme Name: WMC - The Academy
Theme URI: http://wmc.ac.uk/the-academy
Description: The Academy - Minisite
Version: 2.0
Author: Kevin Broughton - KVN

This Site uses CSS3 so doen't fully validate... please view this: http://www.css3.info/the-big-css3-validation-debate

 */
 
 /* structure
 ------------------------------------------------------------ */

body {
background: #090209 url(http://wmc.ac.uk/the-academy/wp-content/themes/wmc-the-academy/img/bg.jpg) no-repeat center top;
color: #FFF;
font: 16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#wrapper {
overflow: hidden;
}

#header, #content, #footer, #price-list-01, #price-list-02, .treatment-title	 {
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
}

#navigate {
height: 50px;
margin-top: 70px;
}

#navigate li a {
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}

#navigate li {
float: left;
width: 102px;
list-style-type: none;
text-align: center;
margin-top: 10px;
margin-left: 10px;
}

#navigate li a {
display: block;
color: #ccc;
text-decoration: none;
height: 30px;
font-size: 20px;
line-height: 28px;
text-transform: uppercase;
}

#navigate li a:hover {
color: #fff;
background: #999;
}

#navigate .current_page_item  a{
color: #333;
background: #ff7f00;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
}

#content, #price-list-01, #price-list-02 {
background: rgba(50, 50, 50, 0.5);
margin-top: 40px;
}

#footer {
background: rgba(50, 50, 50, 0.5);
height: 40px;
margin-top: 20px;
margin-bottom: 20px;
}

#content p {
margin: 30px;
}

#footer p {
margin: 10px;
color: #666;
text-align: center;
}

 /* formating
 ------------------------------------------------------------ */

h2 {
width: 100%;
font-size: 28px;
padding: 20px 20px 10px;
color: #666;
text-shadow: #333 0px -1px 2px;
font-variant: normal;
text-transform: uppercase;
}

.post {
margin-bottom: 50px;
}

img {
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
padding: 10px;
background: rgba(50, 50, 50, 0.50);
}

img.alignright {
margin: 0px 0px 20px 20px;
float: right;
}

img.alignleft {
margin: 0px 20px 50px 0px;
float: left;
}

blockquote {
font-size: 28px;
color: #CCC;
margin: 30px 60px;
line-height: 30px;
text-shadow: 0px 0px 5px #ff7f00;
}

 /* table
 ------------------------------------------------------------ */
 
table {
margin: 30px;
}

caption {
display: none;
}

.treatmenttitle {
background: rgba(50, 50, 50, 0.5);
padding: 5px;
color: #ff7f00;
text-transform: uppercase;
}

.treatment {
width: 300px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
}

.price {
width: 100px;
text-align: right;
padding-right: 10px;
}

.spacer {
width: 30px;
}