/*

THEME NAME: Empty Canvas

THEME URI: http://rubiqube.com

DESCRIPTION: Empty Canvas v1.0 : Simple, minimalistic theme, ideal for corporate blogs or creating more complex designs

VERSION: 1.0

AUTHOR: <a href="http://www.rubiqube.com">Adrian Diaconescu</a>

AUTHOR URI: http://www.rubiqube.com

*/



@import "reset.css";



body {

	background: #FAFAFA;

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

	font-size: 13px;

	color: #585858;

}



a {

	color: #006699;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}

em {

	font-style:italic;

}

strong {

	font-weight: 700;

}



hr {

	border: none 0;

	border-bottom: 1px solid #E0E0E0;

	height: 1px;

	margin: 10px 0;

}



blockquote {

	font-style: italic;

	background: url(images/quotes.gif) no-repeat top left;

	background-position: 12px 12px;

	color: #595959;

	margin: 5px 0;

	padding: 8px 15px 8px 60px;

}



#wrapper {

	width: 900px;

	background: #FFF;

	margin: 0 auto;

}



#header {

	overflow: hidden;

	width: 880px;

	border-bottom: 3px solid #EFEFEF;

	border-top: 1px solid #EFEFEF;

	margin: 0 auto;

}



#logo {

	font-size: 250%;

	margin: 50px 0 0 30px;

	font-weight: bold;

}



#logo a {

	color: #333333;

}



#description {

	font-size: 130%;

	color: #666666;

	margin: 5px 0 50px 30px;

}


#container {

	width: 840px;

	overflow: hidden;

	margin: 25px auto;

}



#content {

	float: left;

	width: 510px;

}



.post {

	margin-bottom: 50px;

}



.post-title {

	font-size: 200%;

	line-height: 1.2;

	font-weight: normal;

}



.post-title a {

	color: #333333;

}



.page-subtitle {

	font-weight: 700;

	color: #CCC;

	font-size: 90%;

	text-transform: uppercase;

	padding-bottom: 5px;

	border-bottom: 1px solid #EFEFEF;

	margin-bottom: 15px;

}



.post-meta {

	font-size: 85%;

	color: #999;

	margin-top: 5px;

}



.post-meta a {

	color: #666666;

}



.post-comments {

	float: right;

	background: url(images/cbubble_left.gif) no-repeat top left;

	padding: 3px 0 7px 7px;

}



.post-comments a {

	background: url(images/cbubble_right.gif) no-repeat top right;

	padding: 3px 7px 7px 0;

	color: #FFFFFF;

}



.post-comments a:hover {

	color: #FFFFFF;

}



.post-content {

	margin-top: 15px;

}



.post-content h2 {

	font-size: 140%;

	margin-bottom: 10px;

	border-bottom: 1px solid #EFEFEF;

	padding: 10px 0 5px;

}



.post-content h3 {

	font-size: 110%;

	font-weight: 700;

	margin-bottom: 5px;

	border-bottom: 1px solid #EFEFEF;

	padding: 10px 0 5px;

}



.post-content p {

	line-height: 1.3;

	margin-bottom: 10px;

}



.post-content img.alignnone {

	background: #FFF;

	border: 1px solid #EFEFEF;

	padding: 4px;

}



.post-content img.alignleft {

	float: left;

	border: 1px solid #EFEFEF;

	margin: 0 25px 15px 0;

	padding: 4px;

}



.post-content img.alignright {

	float: right;

	border: 1px solid #EFEFEF;

	margin: 0 0 15px 25px;

	padding: 4px;

}



.post-content ul,.post-content ol {

	margin-left: 30px;

	margin-bottom: 20px;

}



.post-content ul {

	list-style: outside;

}



.post-content ol {

	list-style: decimal;

}



.post-content ul li,.post-content ol li {

	line-height: 1.3;

	margin-bottom: 5px;

}



.more-link {

	font-weight: 700;

	display: block;

	margin-top: 10px;

}



.section-title {

	font-size: 140%;

	margin-bottom: 10px;

}



.navleft {

	float: left;

	margin: 0 15px 15px 0;

}



.navright {

	float: right;

	margin: 0 0 15px 15px;

}



.navigation div a {

	font-size: 110%;

}



#comments ol li {

	margin-top: 2px;

	border-bottom: 1px solid #F0F0F0;

	padding: 10px 0;

	overflow: hidden;

	height: 1%;

}



.comment-gravatar {

	float: left;

	margin-right: 10px;

	background: #FFF;

	border: 1px solid #F0F0F0;

	padding: 3px;

}



.comment-data {

	float: left;

	width: 400px;

}



.comment-data p {

	margin-bottom: 6px;

	line-height: 1.3;

}



.comment-author {

	font-weight: 700;

	margin-bottom: 3px;

}



.comment-meta {

	color: #666;

	margin-bottom: 5px;

	font-size: 85%;

}



.unapproved {

	font-style: italic;

}



#respond {

	margin-top: 30px;

}



#comment-form {

	margin-top: 15px;

	margin-bottom: 10px;

}



#comment-form label {

	font-size: 90%;

	display: block;

	margin-bottom: 5px;

}



#comment-form input {

	width: 240px;

	margin-bottom: 10px;

	padding: 5px;

}



#comment-form textarea {

	width: 455px;

	height: 200px;

	margin-top: 15px;

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

	font-size: 100%;

	padding: 10px;

}



#sidebar {

	float: right;

	width: 300px;

}



.sidepanel {

	margin-bottom: 30px;

}



.sidepanel h3 {

	text-transform: uppercase;

	border-bottom: 1px solid #EFEFEF;

	padding: 0 0 5px 0;

	color: #333333;

	font-weight: bold;

	font-size: 90%;

}



.sidepanel ul li {

	border-bottom: 1px solid #EFEFEF;

	padding: 5px 0;

	line-height: 1.2;

}



.sidepanel p {

	margin-top: 8px;

	line-height: 1.3;

}



#footer {

	margin: 0 auto;

	width: 840px;

	height: 20px;

	border-top: 1px solid #EAEAEA;

	padding: 20px;

}



#footer-links {

	list-style: none;

}



#footer-links li {

	float: left;

	margin-right: 15px;

}



.sep {

	color: #CCC;

	margin: 0 8px;

}



.ico-small {

	vertical-align: middle;

	margin: 0 5px 2px 0;

}

/*#menu {

	width: 880px;

	overflow: hidden;

	margin: 0 auto;
	
	border-bottom:2px solid #CCCCCC;

}



#menu ul li {

	float: left;

	text-transform: uppercase;

	font-size: 90%;

	padding: 10px;

}



#menu ul li a {

	color: #666666;

}
*/



/*********************************************/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:880px; height:32px; position:relative; z-index:100; font-family:arial, sans-serif; margin-left:10px; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #fff; border-width:1px 0 1px 1px; background:#09c; padding-left:10px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #fff;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#b7d186;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#b7d186;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}