/*



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;



}







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: 880px;



	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;

}