/*  
Theme Name: Profashionelle 2k8
Theme URI: http://profashionelle.com
Description: The custom WordPress theme of Profashionelle.
Version: 0.1
Author: Profashionelle
Author URI: http://profashionelle.com/
*/

* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
	background: #07070b url(images/bg.jpg) repeat-x 50% 0;
	font: normal 0.8em "Lucida Grande", Calibri, Arial, Helvetica, Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 120%px;
	margin-bottom: 0.5em;
}

h1 			{ font-size: 175%;}		/* Approx 20px */
h2 			{ font-size: 150%;}		/* Approx 18px */
h3 			{ font-size: 135%;}		/* Approx 16px */
h4 			{ font-size: 110%;} 	/* Approx 13px */
h5, h6		{ font-size: 100%;} 	/* Approx 12px */

p, li, dl {
	margin: 0 0 1em 0;
	line-height: 1.5em;
	font-size: 100%;
}

label {
	font-size: 100%;
	line-height:normal;
}

pre {
	color: #40B9CE;
	line-height: 1.5em;
}

blockquote {
	margin: 0 1em 1em 1em;
	padding-left: 1em;
	line-height: 1.5em;
	border-left: 2px solid #CFCFD0;
	color: #666;
	font: italic 100% Georgia, "Times New Roman", serif;
}

dd { font-size: inherit; }
dt { font-size: inherit; }

input, textarea {
	margin: 5px;
	padding: 5px;
	background: #FAFAFA;
	border: 1px solid #CFCFD0;
}

a {
	color: #DB2144;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.left {
	float: left;
}

.right {
	float: right;
}

img.left, img.center, img.right {
	display: block;
}

img.left {
	margin: 0 10px 10px 0;
}

img.center {
	margin: 0 auto;
}

img.right {
	margin: 0 0 10px 10px;
}

img.border, img.border2 {
	border: 1px solid #DDD;
}

img.border2 {
  padding: 5px;
}

p.center, h3.center, ul.center, ol.center {
	text-align: center;
}

.red, .green {
  font-weight: bold;
}

.red {
	color: #AB0000;
}

.green {
  color: #289613;
}

/* === LAYOUT === */

#wrapper {
	width: 960px;
	margin: 0 auto;
	background: #FFF url(images/vertical-line.gif) repeat-y 0 0;
}

#header {
	height: 101px;
	padding: 20px;
	background: #FFF url(images/header-dita-bottom.png) no-repeat right center;
}

#content {
	width: 550px;
	float: left;
	padding: 20px;
}

#sidebar {
	width: 330px;
	float: left;
	padding: 20px;
}

#footer {
	clear: both;
	margin: 0 20px;
	padding: 0 20px;
	background: #FFF;
	border-top: 1px solid #CFCFD0;
}

/* === HEADER === */

.header-top {
	width: 960px;
	height: 130px;
	display: block;
	margin: 0 auto;
	line-height: 0;
	background: url(images/header-top.png) no-repeat 0 center;
}

.logo {
	width: 383px;
	height: 101px;
	display: block;
	line-height: 0;
	background: url(images/profashionelle-logo.gif) no-repeat 0 0;
}

/* === MENUS === */

#menu {
	padding: 0 10px;
	background: url(images/menu-2-bg.gif) repeat-x 0 0;
}

#menu li {
	display: inline;
}

#menu a {
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	margin-right: 10px;
	color: #333;
}

/* === POST AREA === */

.post {
	margin-bottom: 10px;
	padding-bottom: 40px;
	background: url(images/divider.gif) no-repeat bottom center;
}

.post ul, .post ol {
	padding-left: 30px;
}

.entry-content h1, h2, h3, h4, h5, h6 {
	clear: both;
}

.entry-content a:visited {
	color: #8E152E;
}

.entry-title a:hover {
	text-decoration: none;
}

.entry-meta {
	min-height: 17px;
	margin-bottom: 10px;
	padding-left: 22px;
	background: url(images/asterisk.gif) no-repeat left center;
	color: #666;
	font: italic 100% Georgia, "Times New Roman", serif;
}

.header-label {
	padding: 5px 8px;
	background: #DB2144 url(images/ivy-right.gif) no-repeat 527px center;
	color: #FFF;
}

.entry-cats {
	clear: both;
}

/* === COMMENTS === */

.comment-list {
	list-style-type: none;
}

.comment-list li {
	padding: 5px 10px;
	border: 1px solid #CFCFD0;
}

.alt {
	background: #FAFAFA;
}

.comment-meta {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CFCFD0;
}

.comment-number {
	font: bold italic 100% Georgia, "Times New Roman", Serif; 
}

/* === NAVIGATION === */

.navigation a {
	padding: 5px 8px;
	background: #DB2144;
	color: #FFF;
}

.navigation a:hover {
	text-decoration: none;
}

/* === SIDEBAR ==== */

#sidebar ul, #sidebar ol {
	list-style-type: none;
	line-height: 1em;
}

#sidebar a {
	color: #000;
}

.purple-box {
	width: 330px;
	height: 60px;
	display: block;
}

#s-subscribe {
	background: url(images/subscribe.png) no-repeat 0 0;
}

#s-search {
	background: url(images/search.png) no-repeat 0 0;
}

#s-categories {
	background: url(images/categories.png) no-repeat 0 0;
}

#s-tags {
	background: url(images/tags.png) no-repeat 0 0;
}

#s-archives {
background: url(images/archives.png) no-repeat 0 0;
}

.rss-box {
	height: 64px;
	padding: 10px;
	background: url(images/feed-icon.gif) no-repeat center left;
}

.rss-box a {
	display: block;
	margin: 0 0 10px 70px;
	color: #333 !important;
	font: bold italic 150% Georgia, "Times New Roman", serif;
}

.welcome-box {
	background: #FEF7CF;
	padding: 10px 10px 0 10px;
	border: 1px dotted #D1A301;
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-size: 12px;
	color: #63371D;
}

/* === ADVERTISEMENTS === */

.leaderboard {
	width: 728px;
	height: 90px;
}

.med-rect {
	width: 330px;
	height: 250px;
	padding-top: 10px;
	background: url(images/advertisement.gif) no-repeat top center;
	text-align: center;
}

/* PLUGINS */

#related-posts ul {
	padding-left: 20px;
}

.wwsgd {
	padding: 1em;
	background: #FFFFB0;
	border: thin dotted #956142;
	color: #956142;
	font: italic 100% Georgia, "Times New Roman", serif;
}

#i-heart-this {
	text-align: center;
}

.inv {
	display: inline !important;
	font-weight: normal;
	font-size: 100%;
}

.thumbnails {
	text-align: center;
}

.thumbnails img {
	margin: 0 5px 5px 0;
	padding: 3px;
	border: 1px solid #EEE;
}

.announcement {
  padding: 10px;
  margin-bottom: 10px;
  background: #FEF7CF;
  border: 1px dotted #D1A301;
  font-style: italic;
  font-size: 14px;
}