/*
Theme Name: Wu Xing Pro Training Theme
Theme URI: http://protraining.wuxing.pt
Description: Custom theme for Wu Xing Pro Training
Version: 1.1
Author: Hugo Baeta
Author URI: http://hugobaeta.com
*/

@import "assets/css/reset.css";
@import "assets/css/layout.css";

/* @group Basic Styles */
body { font-size: 62.5%; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	background: #fff; color: #333; }
div.wrap, .wrap { width: 990px; margin:0 auto; overflow: hidden; }
/* @end */

/* @group Typography */
/* HEADINGS */
h1, h2, h3, h5, h5, h6 { font-weight:bold; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; }
h1.introtitle { font-size: 1.2em; margin: 0; }
h2 { font-size: 2.5em; text-transform: uppercase; line-height:1; margin-bottom:0.5em; 
	text-shadow: white 0 2px 1px; }
h3 { font-size: 1.4em; margin-bottom:0.75em; text-transform: uppercase; }
/* PARAGRAPHS */
p {margin:0 0 1.5em;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
/* LISTS */
#content li ul, #content li ol {margin:0 1.5em;}
#content ul, #content ol {margin:0 1.5em 1.5em 1.5em;}
#content ul {list-style-type:disc;}
#content ol {list-style-type:decimal;}
#content dl {margin:0 0 1.5em 0;}
#content dl dt {font-weight:bold;}
#content dd {margin-left:1.5em;}
/* TABLES */
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
/* @end */

/* @group Links */
a:link, a:visited { color: #333; text-decoration: underline; }
a:hover, a:active { color: #99cc00; text-decoration: none; }
h2 a:link, h2 a:visited { color: #333333; text-decoration: none; }
h2 a:hover, h2 a:active { color: #99cc00; text-decoration: none; text-shadow: #fff 0 1px 0; }
#navigation a:link, #navigation a:visited { color: #555555; text-decoration: none; }
#navigation a:hover, #navigation a:active { color: #99cc00; text-decoration: none; }
#footer a:link, #footer a:visited { color: #aaa; text-decoration: none; }
#footer a:hover, #footer a:active { color: #99cc00; text-decoration: none; }
/* @end */

/* @group Layout */
body { border-top: 10px solid #99cc00; }
#body-wrap { width: 710px; min-height: 500px; margin: 50px auto; overflow: hidden; position: relative;}
#header { width: 170px; margin: 0 20px 150px 0; float: left; overflow: hidden; }
#content { width: 510px; height: auto !important; height:500px; min-height:500px;
	padding: 0; margin: 0; float: right; 
	font-size: 1.4em; line-height: 1.4em;
	background: #EFEFEF; }
	
#footer { position: absolute; width: 170px; left: 0; bottom: 0; padding: 0 0 20px;
	color: #ccc; font-weight: bold; text-transform: uppercase; font-size: .9em; overflow: hidden; }
/* @end */

/* @group Logo */
#logo { width: 170px; height: 50px; margin: 50px 0; padding: 0; }
#logo h1 { width: 170px; height: 50px; margin: 0;
	background: #ffffff url(assets/images/logo.png) no-repeat; }
#logo h1 a { width: 170px; height: 50px; margin: 0; text-indent: -9999px; float: left;
	background: #ffffff url(assets/images/logo.png) no-repeat; }
/* @end */

/* @group Navigation */
#navigation ul li { background: #EFEFEF; padding: 10px; margin: 0 0 5px;
	font-size: 1.2em; text-transform: uppercase; font-weight: bold; text-shadow: #fff 0 1px 1px; }
#navigation ul li a { background: #EFEFEF; padding: 10px; margin: -10px; display: block; }
#navigation ul li a:hover, #navigation ul li.current_page_item a { 
	background: #99cc00; color: #fff; text-shadow: #7bae00 0 1px 1px; }
#navigation ul li#navigation-rss a:hover { background: #ff9900; color: #fff; text-shadow: #cc6600 0 1px 1px; }
#navigation ul#page-navigation { margin: 0 0 50px 0; }
/* @end */

/* @group Post */
div.post { margin: 0; padding: 20px; }
div.postlist div.post { border-bottom: 5px solid #fff; }
div.postlist div.post:last-child { border-bottom: none; }
/* SUBTITLE */
#content div.subtitle { font-weight: bold; text-transform: uppercase; color: #999; 
	overflow: hidden; clear: both; text-shadow: #fff 0 1px 1px; }
div.postlist div.post div.subtitle p { margin: 0; }
/* POST CONTENT */
div.post-content { margin: 1.5em 0 0; }
/* POST MORELINK */
p.post-morelink { margin: 0 -20px 0 0; text-align: right; text-transform: uppercase; font-size: .85em; font-weight: bold; }
p.post-morelink a { background: #e1e1e1; padding: 10px 20px; text-decoration: none; text-shadow: #fff 0 1px 1px; }
p.post-morelink a:hover { background: #99cc00; border: 1ps solid #7bae00; 
	color: #fff; text-shadow: #7bae00 0 1px 1px; }
/* @end */

/* @group Footer */
#footer strong { color: #aaa; }
#footer ul li { margin-bottom: 10px; }
#footer ul li#copy-wordpress { margin-bottom: 0; }
#footer a.logo-wordpress { padding: 5px 0 5px 26px; margin: 0 0 0 4px;
	background: transparent url(assets/images/icon-wordpress.gif) no-repeat left center; }
/* @end */