/*
Theme Name: DokkAebi
Theme URI: www.dokk-aebi.com/theme
Description: Simple them with the menu in the footer.   
Author: All credit goes to the wordpress developpers and to the kind souls who shared their hacks.
Version: 0.2
Template: twentyten 
Tags: Menu in header, simple, basic, sleek.
*/

@import url('../twentyten/style.css');


/* centers the content and sets the default (re)sizes*/

#content {
    margin-left: auto;
    margin-right: auto;
    min-width: 600px;
    max-width: 700px;
    text-align: left;
}

/*This changes my title font and size*/
.entry-title {
	color: #000;
font-family: serif;
font-size: 24px;
font-style: italic;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 0;
}



/* hides the bottom dokk aebi as well as the border line*/
 #colophon {
	display:none;
	border-top: 4px solid #000;
	margin-top: -4px;
	overflow: hidden;
	padding: 18px 0;
}



/* hides the top dokk aebi branding*/

#site-title {
	display:none;
	float: left;
	font-size: 30px;
	line-height: 36px;
	margin: 0 0 18px 0;
	width: 700px;
} 






/* adds a line underneath the post and date, helps delineate
possibly add a bottom margin here to seperate a little
*/

.entry-meta {
	color: #888;
	border-bottom: 2px solid #000;
	font-style: italic;
	font-size: 12px;
	min-width: 600px;
	max-width: 680px;
}



/* using this to set the borders around the header image to 0*/

#branding img {
	border-top: 0px solid #000;
	border-bottom: 0px solid #000;
	display: block;
	float: left;
}


/* Edits some properties of the top 
right "site-description: Vagabond.
enables floating and larger font
*/

#site-description {

	position:absolute;
	z-index:1;
	clear: right;
	float: right;
	font-size: 20px;
	font-style: italic;
	margin: 0 0 0 650px;
	width: 400px;
}













/* moves the navigation menu #access closer to the header.
It also adds transparency which you can change by modifying
the 0.10 value
also adds the rounded corners SWEET!
*/

#header #access{
top: -37px;
position: relative;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.10);

border-bottom-right-radius: 13px;
border-bottom-left-radius: 13px;
-moz-border-radius-bottomright: 13px;
-moz-border-radius-bottomleft: 13px;
-webkit-border-bottom-right-radius: 13px;
-webkit-border-bottom-left-radius: 13px;

border-top-right-radius: 13px;
border-top-left-radius: 13px;
-moz-border-radius-topright: 13px;
-moz-border-radius-topleft: 13px;
-webkit-border-top-right-radius: 13px;
-webkit-border-top-left-radius: 13px;

width: 800px;
margin: 0 0 0 50px;

}




/*menu stylings, need to play with these*/

#access a {
	color: Black;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	display: block;
	line-height: 42px;
	padding: 0 20px;
	text-decoration: none;



border-bottom-right-radius: 13px;
border-bottom-left-radius: 13px;
-moz-border-radius-bottomright: 13px;
-moz-border-radius-bottomleft: 13px;
-webkit-border-bottom-right-radius: 13px;
-webkit-border-bottom-left-radius: 13px;

border-top-right-radius: 13px;
border-top-left-radius: 13px;
-moz-border-radius-topright: 13px;
-moz-border-radius-topleft: 13px;
-webkit-border-top-right-radius: 13px;
-webkit-border-top-left-radius: 13px;


}


#access li:hover > a,
#access ul ul :hover > a {
	background: #333;
	color: #fff;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #008080;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
}

/*end of the menu styling*/





/* removing the top margin from the wrapper*/
#wrapper {
	background: #fff;
	margin-top: 0px;
	padding: 0 20px;
}




/* I'm using this to remove the paddings*/
#main {
	clear: both;
	overflow: hidden;
	padding: 0 0 0 0;
}



/* This styles the custom search box. */

.search-form input{
margin:10px 10px 10px 0;
width: 150px;
float: right;
font-style: italic;
font-weight: bold;
}