/*  
Theme Name: Elegant Brit (Blue)
Theme URI: http://everlong-design.com
Description: Based on the Elegant Brit GTK theme. Designed by Nick at <a href="http://everlong-design.com">Everlong Design</a>.
Version: 1.0.1
Author: Nick
Author URI: http://everlong-design.com
*/


body {
  font: 12px Arial, Helvetica, Verdana, sans-serif;
  color: #252525;
  text-align: center;
  margin: 0;
  padding: 0;
}
#container {
  width: 1000px;
  margin: 0 auto;
  text-align: left;
  padding: 0;
}
a, a:visited {
  color: #4574A3;
  text-decoration: none;
}
a:hover {
  color: #659FDB;
  text-decoration: underline;
}
a img {
  border: none;
}


/* header */

#header {
  padding: 25px 0;
  color: #252525;
  width: 1000px;
}
#header a, #header a:visited, #header a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
#header h1 {
  font: 32px 'Trebuchet MS', Arial, Helvetica, sans-serif;
  margin: 0;
  color: #FFFFFF;
}
#header .description {
  text-transform: uppercase;
  font-size: 10px;
  color: #DADADA;
}


/* content */

#content {
  margin: 15px 0;
  padding: 0;
  width: 785px;
  float: left;
  border: 1px solid #FFFFFF;
  background: #F8F8F8;
}
#content .padded {
  padding: 8px;
}
#content h1 {
  color: #252525;
  font: 18px Arial, Verdana, sans-serif;
  margin: 0;
  padding: 0;
}
#content h1 a, #content h1 a:hover {
  text-decoration: none;
  color: #000000;
} 
#content .post-info, #content .post-info a, #content .post-info a:visited {
  font: 10px Arial, Helvetica, sans-serif;
  color: #9d9e9f;
  margin: 3px 0 0 0;
}
#content p, #content li {
  line-height: 1.33em;
}
.post-header {
  width: 100%;
  height: 40px;
  margin: 5px 0;
}
.post-header h1 {
  border-bottom: 1px dotted #9D9E9F;
}
.post-header .titlearea {
  float: right;
  width: 720px;		/* = content width - 65 (for calendar icon) */
}
#content blockquote {
  background: url('images/quote-bg.png') no-repeat top left;
  background-color: #f2f2f2;
  font-style: italic;
  font-size: 12px;
  line-height: 1.5em;
  padding: 1px 8px;
}
.more-link {
  font-size: 0px;
  width: 98px;
  height: 22px;
  float: right;
  margin: 10px 0;
  background: url('images/read-more.png') no-repeat;
}


/* date icons */ 

.dateicon {
  display: block;
  text-align: center;
  float: left;
  background: url('images/dateicon.png') no-repeat;
  width: 40px;
  height: 40px;
  margin: 0px 5px 5px 0px;
  text-align: center;
}
.dateicon-month {
  display: block;
  font-size: 10px;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
}
.dateicon-day {
  display: block;
  font-size: 18px;
  color: #252525;
  margin: 0;
  padding: 3px 0px 0px 0px;
}


/* navigation */


#navbar {
  background: #252525;
  height: 26px;
  border-bottom: 3px solid #659FDB;
  margin: 0;
  padding: 0;
  width: 100%;
}
#nav {
  list-style-type: none;
  font: 14px Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 4px 0 0 0;
  float: left;
}
#nav ul {
  margin: 0 0 0 1px;
}
#nav ul li {
  display: inline;
  list-style-type: none;
  margin: 0 1px 0 0;
}
#nav .current {
  color: #252525;
  background: #F8F8F8;
}
#nav .current a, #nav .current a:visited, #nav .current:hover {
  color: #252525;
  background: #F8F8F8;
}
#nav a, #nav a:visited {
  color: #FFFFFF;
  text-decoration: none;
  padding: 5px;
}
#nav a:hover {
  color: #252525;
  background: #F8F8F8;
}
.rssicon {
}
.navigation {
  background: #9cc6f2;
  border: 1px solid #3f70a3;
  padding: 4px;
  margin: 0;
  height: 12px;
  text-align: center;
  clear: both;
}

.alignleft {
  float: left;
}
.alignright {
  float: right;
}
img .alignleft {
  float: left;
  margin: 3px 3px 3px 0;
}
img .alignright {
  float: right;
  margin: 3px 0 3px 3px;
}


/* sidebar */

#sidebar {
  padding: 0;
  margin: 15px 0 0 0;
  width: 200px;
  list-style-type: none;
  line-height: 1.33em;
  float: right;
}
#sidebar h2, #sidebar h2 a, #sidebar h2 a:visited, #sidebar h2 a:hover {
  font: 12px Arial, Verdana, sans-serif;
  color: #FFFFFF;
  text-align: right;
}
#sidebar a:hover {
  color: #344e72;
  text-decoration: none;
  height: 100%;
}
#sidebar ul, #sidebar p {
  list-style-type: none;
  margin: 7px 0 4px;
  padding: 0;
}
#sidebar ul li {
  padding: 0 0 0 12px;
  border: none;
  background: url('images/bullet-reg.png') 0% 3px no-repeat;
  margin: 0;
  line-height: 1.33em;
}

/* Sidebar Specific */

#sidebar div #links ul li {
  padding: 2px 0 2px 12px;
  border: none;
  background: url('images/bullet-colors.png') 0% 3px no-repeat;
  margin: 0;
}
#sidebar .textwidget {
  margin: 7px 0 4px;
}

/* Search */

#searcharea {
  float: right;
  margin-top: 3px;
  background: none;
}

/* Comments */

#commentsarea {
  clear: both;
  margin: 10px 0 0 0;
  padding: 0;
}
#commentsarea h3 {
  font: 18px Arial, Helvetica, sans-serif;
  color: #000000;
  margin: 0;
  padding: 0;
}
#commentsarea ul {
  margin: 0;
  padding: 0;
}
#commentsarea ul li {
  list-style-type: none;
  margin: 0;
  padding: 15px;
}
#commentsarea input, #commentsarea textarea {
  border: 1px solid #9D9E9F;
  background: #FFFFFF;
}
#commentsarea .odd {
}
#commentsarea .even {
background-color: #E1E1E1;
}
#commentsarea .comment-text {
  margin: 0;
}
#commentsarea .comment-div {
  text-align: center;
  margin: 0 auto;
}
#commentsarea #comment-input {
  padding: 15px;
}
#commentsarea textarea:focus, #commentform input[type="text"]:focus {
  border: 1px solid #4574A3;
}
.avatar {
  float: right;
  padding: 0px;
  margin: 0px 0px 5px 5px;
  height: 40px;
  width: 40px;
  background: url('images/default-avatar.png');
}

/* footer */

#footer {
  clear: both;
  padding: 0;
  margin: 0 0 25px 0;
  color: #FFFFFF;
  width: 100%;
  text-align: center;
  font: 10px Arial, Verdana, sans-serif;
}
#footer a, #footer a:visited, #footer a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}
.footer-links {
  float: right;
}