﻿body {
	background: #222;
	color: #dedede;
}

hr {
	background: url(../images/backgrounds/folioline.gif) repeat-x bottom left;
}


/* --------------------- LINKS --------------------- */

a, a:visited {
	text-decoration:none;
}
a:active, a:hover {
	text-decoration: underline;
}
a {
	color:#069;
}
a:hover {
	color: #444;
}
a:visited {
	color: #666;
}

/* --------------------- NAV --------------------- */

div#nav {
	display: block;
	height: 45px;
	margin: 0px;
	margin-top:12px;
	padding: 0px;
}

div#nav ul {
	float: right;
}

div#nav ul li {
	display: inline;
	font-size: 1.6em;
	font-weight: bold;
	list-style: none;
	padding: 5px;
}

div#nav ul li a, .footerMenu a  {
	color: #dedede;
}

div#nav ul li a:hover, .footerMenu a:hover {
	border-bottom: thick #069 solid;
	color: #666;
	text-decoration: none;
}

/* --------------------- HEAD --------------------- */

div#header {
	background: #069;
	margin-top: 55px;
}

div#header h2 {
	color: #eed;
	font-size: 3em;
	padding: 20px;
}

/* --------------------- POSTS --------------------- */

.post{
	background: url(../images/backgrounds/folioline.gif) repeat-x bottom left;
}

.pHead {
	margin-top:20px;
}

.pHead h2 {
	color: #cc9;
}

.tags {
	color: #069;
	font-style: italic;
}

.tags strong {
	color: #dedede;
	font-style: normal;
}

.time {
	background: #069;
	display:inline;
	float: left;
	font-size:1.4em;
	font-weight:bold;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	text-align:center;
}

.day {
	background: #ddd;
	border-bottom: 3px solid #222;	
	color: #444;
	font-size: 1.6em;
	padding: 0px .5em;
}

.notice {
	background: #cc9 url(../images/icons/file_edit.png) no-repeat 10px 0px;
	border: 1px #707041 solid;
	font-size: 1.2em;
	font-weight: bold;
	height: 25px;
	padding-left: 70px;
}

/* --------------------- SOCIAL --------------------- */

div#social {

	margin-top: 20px;
	padding-bottom: 20px;
}

/* --------------------- TWIT --------------------- */

div#tweets {
	background: url(../images/backgrounds/folioline_vert.gif) repeat-y top right;
}

div#tweets h2 {
	color: #cc9;
}

div#tweets ul {
	display: inline-block;
	list-style: none;
	margin: 0px;
}

div#tweets ul li {
	background: #069;
	border: 1px solid #202020;
	display: inline-block;
	vertical-align: top;
	width: 90%;
}

div#tweets a, div#tweets a:visited {
	text-decoration:none;
	padding: 0px;
}

div#tweetsa:active, div#tweets a:hover {
	text-decoration: underline;
}

.tweet_date {
	color: #c8c86c;
	font-weight: bold;
}

.tweet_date:hover, .tweet_date:visited:hover {
	color: #222;
}

.tweet_date:visited {
	color: #c8c86c;
}

.tweet_text {
	color: #ddd;
	font-weight: bold;
}

.tweet_text a{
	color: #222;
}

.tweet_text a:visited {
	color: #333;
}

/* --------------------- FOLLOW --------------------- */

div#follow {

}

div#follow .box{
	border: 1px solid #202020;
	text-align: center;
}

div#follow h2 {
	color: #cc9;
}

.twitter a, .flickr a, .facebook a {
	color: #069;
	font-weight: bold;
}

.twitter {
	background: #333 url(../images/icons/Flickr1.png) no-repeat 2px -2px;
}

.flickr {
	background: #333 url(../images/icons/Flickr.png) no-repeat 2px -2px;
}

.facebook {
	background: #333 url(../images/icons/Facebook.png) no-repeat 2px -2px;
}

/* --------------------- FOOTER --------------------- */

div#footer {
	background: url(../images/backgrounds/folioline.gif) repeat-x top left;
	padding: 20px 0px;
}

div#subFooter {
	background: url(../images/backgrounds/folioline.gif) repeat-x top left;
	margin-top: 20px;
	padding-top: 10px;
}

.footerMenu {
	text-align: right;
}

/* --------------------- ABOUT --------------------- */

div#about {
	background: url(../images/backgrounds/folioline_vert.gif) repeat-y top right;
}

div#about h2 {
	color: #cc9;
}

/*
.about_icon {
 	background: url(../images/icons/Info.png) no-repeat;
	height:45px;
	float: left;
	margin: 5px;
	width: 45px;
}
*/
/* --------------------- CONTACT --------------------- */

div#contact {

}

div#contact h2 {
	color: #cc9;
}

div#contact form {
	background:#292929;
	background-image:  url(../images/icons/Contact.png);
	background-position: 98% top;
	background-repeat: no-repeat;
	border: 1px solid #202020;
	padding: 15px;
	width: 100%;
}

div#contact form .field {
	background: url(../images/backgrounds/folioline.gif) repeat-x bottom left;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

div#contact form label {
	color: #cc9;
	display: block;
	width: 100px;
}

div#contract form .field #txtMessage {
	background: #111;
	width: 50px;
}

div#contact form #buttons {
	text-align: right;
}

div#contact form #btnSubmit {
	background: #222;
	border: none;
	border-bottom: 1px #111 solid;
	color: #058;
	padding: 5px;
}

div#contact form #btnSubmit:hover {
	color: #069;
}
