/*

THEME NAME: rubken1

THEME URI: http://rubken.net

DESCRIPTION: Simple theme based on the Sandbox framework

TAGS: widgets, sandbox, microformats, hcard, hatom, xoxo

VERSION: 1.0

AUTHOR: Ruben Kenig

AUTHOR URI: http://rubken.net

*/



/* Two-column with sidebar on left from the /sandbox-layouts/ folder  

@import url('sandbox-layouts/2c-r.css'); */



/* http://meyerweb.com/eric/tools/css/reset/ */

/* v1.0 | 20080212 */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}



/* remember to define focus styles! */

:focus {

	outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

	text-decoration: none;

}

del {

	text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}

/* CSS RESET ENDS */



/* Structure */



html, body {
	height: 100%;
	background: #eee;
}



#wrapper {
	margin: 2em auto;
	max-width: 78em;
	position: relative;
	background-color: #fff;
}



#header {
	background-color: #fff;
	text-align: center;
	padding: 1em;
	border-bottom: 1px solid #000;
	margin-bottom: 0px;
}



#header img {
	vertical-align: middle;
	margin: 12px auto 11px auto ;
	background: #fff;
	padding: 0;
	border: 0;
}



#header h1 {
	display: none;	
}



#access {
	border-bottom: 1px solid #000;
	text-align: center;
}



#access .skip-link, #nav-above {
	display: none;	
}



#container {
	margin: 2em 0 2em 6%;
	padding-right: 6%;
	float: left;
	border-right: 1px solid #000;
	width: 62%;
	height: 100%;
}



#content {

	

}



#primary {
	width: 18%;
	height: 100%;
	float: right;
	margin: 2em 6% 2em 0;
}

#primary #pages-3 {
	display: none;
}

#secondary {
	display: none;	
}



#footer {
	clear: both;
	width: 100%;
	border-top: 1px solid #000;
}


/* TYPE */



body {
	font-family: geneva, verdana, tahoma, sans-serif;
	line-height: 2em;
	font-size: 75%; /* 75% of 16px = 12px */
 }

html>body {

	font-size: 75%;

}

/* Headlines */
.entry-title {
	font-size: 2em;
	line-height: 2em;
	font-weight: 200;
	font-variant: small-caps;
	letter-spacing: .25em;
	margin-bottom: 1em;
}

.entry-title a:link, .page-title a:link {
	text-decoration: none;
	color: #2144de;
	border: none;
}

.entry-title a:visited, .page-title a:visited {
	text-decoration: none;
	color: #685f2b;
	border: none;
}

.entry-title a:hover, .page-title a:hover {
	color: #2144de;
	background: #50999b;
	border: none;
}


/* Headlines End */

/* TimeDate & meta */

.entry-date {
	font-size: .667em;
	line-height: 1.5em;
	padding-top: .8em;
	letter-spacing: .5em;
	text-align: center;
	font-style: italic;
	border-bottom: 1px dotted #50999b;
}

.entry-meta {
	clear: both;
	font-size: .667em;
	margin: 2.3em 0 2.1em 0;
	text-align: center;
	border-top: 1px dotted #50999b;
	border-bottom: 3px double #000;
}
/* TimeDate END */

/* Post Para */

.entry-content p {
	margin-top: 1em;	
}

/* Entry Headlines */
.entry-content h1, .page-title {
	font-size: 2em;
	font-variant: small-caps;
	font-weight: 200;
	letter-spacing: 3px;
	line-height: 2em;
	margin: 1em 0;
}

.entry-content h2 {
	font-size: 1.667em;
	font-variant: small-caps;
	font-weight: 200;
	letter-spacing: 3px;
	line-height: 1.2em;
	margin: 24px 0;
}

.page-title {
	text-align: center;
	
}

.entry-content h3 {
	font-size: 1.5em;
	font-variant: small-caps;
	font-weight: 200;
	letter-spacing: 3px;
	line-height: 1.333em;
	margin: 24px 0;
}

.entry-content h4 {
	font-size: 1.333em;
	font-variant: small-caps;
	font-weight: 200;
	letter-spacing: 3px;
	line-height: 1.5em;
	margin: 0;
}

.entry-content h5 {
	font-size: 1.167em;
	font-variant: small-caps;
	font-weight: 200;
	letter-spacing: 3px;
	line-height: 1.714em;
	margin: 0;
}

.entry-content h6 {
	font-size: 1em;
	font-variant: small-caps;
	font-weight: 200;
	letter-spacing: 3px;
	line-height: 2em;
	margin: 0;
}
/* Entry Headlines END */

/* Entry Lists */
.entry-content ol {
	list-style: decimal inside;
	color: #444;
	font-size: 1em;
	line-height: 2em;
	margin: 12px 0 12px 36px;
}
.entry-content ol ol {
	list-style: upper-alpha ;
}

.entry-content ol ol ol {
	list-style: upper-roman;
}

.entry-content ul {
	list-style: circle;
	color: #444;
	font-size: 1em;
	line-height: 2em;
	margin: 12px 0 12px 36px;
}

/* Entry Lists END */

/* Blockquote */

.entry-content blockquote {
	margin: 12px 36px;
	padding-left: 24px;
	background: #50999b;
	border-left: 1px dotted #685f2b;
}

/* Comment Styles */

#comments h3 {
	font-size: 1.5em;
	font-variant: small-caps;
	font-weight: 200;
	letter-spacing: 3px;
	line-height: 1.333em;
	margin: 24px 0;
}
.comment-author img {
	float: left;
	padding: 2px;
	margin: 0 6px 6px 0;
	}
	
.comment-meta {
	font-size: 1em;
	line-height: 2em;
	text-align: left;
}

.comment-author {
	font-size: 1.167em;
	font-variant: small-caps;
	font-weight: 200;
	letter-spacing: 3px;
	line-height: 1.714em;
}

#comments ol li {
	margin-top: 23px;
	margin-bottom: 23px;
}

#respond {
	border-top: 1px dotted #685f2b;
}
/* below post nav */

#nav-below {
	height: 24px;
	padding-bottom: 2em;
}

#nav-below>div {
	font-size: 1.167em;
	line-height: 1.714em;
}

.nav-previous {
	float: left;
}

.nav-next {
	float: right;
}

/* Comments */

label {
	font-size: 1em;
	line-height: 2em;
}

/* Entry Image Styles */
img { 
	display: block;
/*	margin: 12px auto; */
	background: #50999b;
	border: 1px dotted #685f2b;
	padding: 11px;
}

.alignright {
	float:right; margin:0 0 12px 12px;
}

.alignleft {
	float:left; margin:0 12px 12px 0;
}

img.aligncenter, .wp_license img {
	display: block; margin-left: auto; margin-right: auto;
}

#delicious-posts-rubken img, .smpWidget img {
	padding: 0;
	border: none;
	float: left;
	margin-right: 1em;
}

a img.alignright {float:right; margin:0 0 12px 12px;}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.wp-caption {
	padding: 11px;
	background: #fff;
	border: 1px solid #685f2b;
}

.wp-caption-text {
	clear: both;
	font-size: .667em;
	margin: 1.5em 0 1.5em 0;
	text-align: center;
}

.wp_license img {
	padding: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	border: none;
}

.sexy-bookmarks a:link, .sexy-bookmarks a:hover, .sexy-bookmarks a:visited {
	border: none;
}

/* Entry Image Styles END */


/*sidebar*/
.sidebar h3 {
	font-size: 1.167em;
	line-height: 1.714em;
	color: #685f2b;
	font-variant: small-caps;
	font-weight: 200;
	letter-spacing: 3px;
	margin-bottom: 0;
}

ul.xoxo li {
	margin-bottom: 24px;
}

#rss_links ul li {
	font-size: 1.167em;
	line-height: 1.714em;
}

#rss_links ul li {
	margin-bottom: 0;
}

#rss_links ul li a:link, #rss_links ul li a:visited {
	color: #50999b;
	font-weight: 300;
	text-decoration: none;
	border: none;
}

#rss_links ul li a:hover {
	color: #50999b;
	font-weight: 300;
	text-decoration: none;
	background-color: #000;
	border: none;
}

#categories-84255161 ul li {
	font-size: 1em;
	line-height: 2em;
	font-style: italic;
	color: #50999b;
	margin: 0;
	border: none;
}

#categories-84255161 a:link, #categories-84255161 a:visited {
	color: #000;
	font-style: normal;
	text-decoration: none;
	border: none;
}

#categories-84255161 a:hover {
	background-color: #50999b;
	border: none;

}

li#rss_links {
background-image: url('/images/RSSflat.png');
background-repeat: no-repeat;
background-position: top right;
overflow: visible;
}

.smpWidget li {
	margin-bottom: 0 !important;
}

/*searchform */
#searchform #s {
	background-color: #50999b !important;
	border: 1px solid #000;
	width: 100%;
	height: 16px;
	margin: 5px 0 5px 0;
}

#searchform #searchsubmit {
	background-color: #685f2b;
	color: #000;
	border: 1px solid #000;
}


/* LINKS */
/* in post */
 a:link {
	color: #2144de;
	text-decoration: none;
	border-bottom: 1px dotted #50999b;
}

 a:visited {
	text-decoration: none;
	color: #685f2b;
	border-bottom: 1px dotted #685f2b;
}

a:hover {
	text-decoration: none;
	background-color: #50999b;
}

/* more links */

a.more-link:link  {
	font-size: .75em;
	font-style: italic;
	letter-spacing: 3px;
	margin-left: 9px;
}

/* share links */

a.a2a_dd addtoany_share_save:link {
	border: none;
	margin: -7px 0;
}

.addtoany_share_save_container {
	height: 18px;
	padding: 2px 0;
	position: relative;
}

/* Footer */

#footerpages, #footercategories, #footermeta {
	padding-top: 1.917em;
	padding-bottom: 2em;
	margin: 0 6%;
	text-align: justify;
}

#footercategories {
	border-top: 1px dotted #50999b;
	border-bottom: 1px dotted #50999b;
}

#footerpages ul, #footercategories ul, .footerlinks ul {
	display: inline;
	list-style-type: none;
	list-style-image:none;
	margin:0; }
	
.footerlinks ul li {
     display: inline;
      }
     
.footerlinks li {
	padding-right: 2em;
}

.footerlinks li li {
	padding-left: 2em;
	padding-right: 0;
}

#footermeta {
	text-align: center;
	color: #50999b ;
}
     
#footerpages a, #footercategories a {
	color: #685f2b;
	text-decoration: none;
	font-variant: small-caps;
	font-weight: 200;
	letter-spacing: 3px;
	border: none;	
}
#footerpages a:hover, #footercategories a:hover {
	background-color: #50999b;
	border: none;
}

     
     
/* Suckerfish menu styles */



.menu {

	width:745px;

	height:35px;
	margin: 6px auto;
	padding: 0;
	position:relative;

	z-index:100;

	border-right:1px dotted #685f2b;
}

/* 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:1em;
	font-weight: 200;

	text-decoration:none;

	color:#000;

	width:148px;

	height:36px;

	border-left:1px dotted #685f2b;
	border-bottom: none;

	padding-left:0px;

	line-height:3em;

}

/* 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:#c9ba65;
	border-top:1px dotted #685f2b;
	border-left: none;

}

/* style the second level hover */

.menu ul ul a.drop:hover{

	color: #fff;
	background:#2144de ;
	border-top:1px dotted #685f2b;
	border-left: none;

}

.menu ul ul :hover > a.drop {

	color: #fff;
	background:#2144de ;
	border-top:1px dotted #685f2b;
	border-left: none;

}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {

	background:#50999b;
	color: #000;
	border-left:1px dotted #685f2b;
	border-top: none;

}

/* style the third level hover */

.menu ul ul ul a:hover {

	background:#685f2b;
	color: #fff;
	border-left:1px dotted #685f2b;
	border-top: none;

}

/* 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:36px;

	left:0;

	width:149px;

}

/* 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 !important;

	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:#685f2b;

	color:#fff;

	height:auto;

	line-height:1em;

	padding:5px 10px;

	width:129px;

	border-top:1px dotted #000;
	border-left: none;

}

/* 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:#50999b;
	border: none;

}

.menu :hover > a, .menu ul ul :hover > a {

	color:#000;

	background:#50999b;
	border: none;

}

/* 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;

}



/* Suckerfish menu styles END */

/* Disqus Styles */

#disqus_thread {
	border-top: 3px double black;
	padding-top: 21px;
	margin-bottom: 0 !important;
}

#dsq-options {
	margin: 12px 0 !important;
}

.dsq-item-subscribe, .dsq-item-subscribe img {
	float: left !important;
	padding-right: 2em !important;
}

#disqus_thread img {
	padding: 0 !important;
	margin-right: 1em  !important;
	border: none  !important;
	background-color: #fff  !important;
}

#disqus_thread h3 {
	font-size: 1.333em !important;
	font-variant: small-caps !important;
	font-weight: 200 !important;
	letter-spacing: 3px !important;
	line-height: 1.5em !important;
}

#dsq-auth-header {
	margin-bottom: 24px !important;
}

/*
Colour Reference

black
#000

brown
#685f2b

lt blue
#50999b

dk blue
#2144de
*/