/*
Theme Name: I Did It My Way
Author: Jeffrey Mendieta
Author URI: http://www.jeffreymendieta.com
Version: 0.01
*/

/*Global Attributes:
	accesskey 	- Specifies a shortcut key to activate/focus an element.
	class		- Specifies one or more classnames for an element (refers to a class in a style sheet).
	contenteditable	- Specifies whether the content of an element is editable or not.
	contextmenu	- Specifies a context menu for an element. The context menu appears when a user right-clicks on the element.
	data-*		- Used to store custom data private to the page or application.
	dir		- Specifies the text direction for the content in an element.
	draggable 	- Specifies whether an element is draggable or not.
	dropzone 	- Specifies whether the dragged data is copied, moved, or linked, when dropped.
	hidden 		- Specifies that an element is not yet, or is no longer, relevant.
	id 		- Specifies a unique id for an element.
	lang 		- Specifies the language of the element's content.
	spellcheck 	- Specifies whether the element is to have its spelling and grammar checked or not.
	style 		- Specifies an inline CSS style for an element.
	tabindex 	- Specifies the tabbing order of an element .
	title 		- Specifies extra information about an element.
	translate 	- Specifies whether the content of an element should be translated or not.
*/

/*Body tag attributes:
	alink 		- for colour of active link.
	background 	- for background image.
	bgcolor 	- for colour of background.
	link 		- for colour of visited links.
	text 		- for colour of text.
*/
body {
	font-family: Georgia, serif;
	font-size: 14px;
	color: #333;
	background-color: #f0f0f0;
}

a:link,
a:visited {
	color: #006ec3;
}

p {
	line-height: 1.65em;
	letter-spacing: 1px;
}

/*General Layout*/
div.container {
	max-width: 800px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
	border: 5px solid white;
	border-radius: 25px;
}

.site-header {
	border-bottom: 2px solid #999;
}

article.post {
	border-bottom: 2px dotted #bbbbbb;
}

article.post:last-of-type {
	border-bottom: none;
}
.site-footer {
	margin-top: 30px;
	border-top: 2px solid #999;
}

/*Navigation Menus*/
.site-nav ul {
	margin: 0;
	padding: 0;
}

.site-nav ul:before, .site-nav ul:after { content: ""; display: table; }
.site-nav ul:after { clear: both; }
.site-nav ul { *zoom: 1; }

.site-nav ul li {
	list-style: none;
	float: right;
}
.site-header nav ul li {
	margin-right: 5px;
}
.site-header nav ul li a:link,
.site-header nav ul li a:visited {
	display: block;
	padding: 10px 18px;
	border: 1px solid #BBB;
	border-bottom: none;
	text-decoration: none;
}

.site-header nav ul li a:hover {
	background-color: #ECECEC;
}

.site-header nav ul li.current-menu-item a:link,
.site-header nav ul li.current-menu-item a:visited {
	background-color: #006ec3;
	color: #FFF;
}

/*Footer Navigation*/
.site-footer nav ul li {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px dotted #BBB;
}