/* Global Stuff */

body {	
		margin: 0;
		padding: 0;
		font-size: 0;
		background: #ffffff; /*#1F1F1F;*/
		font-family: Helvetica, Arial, sans-serif;
		color: #525252;
    background-image: url('../images/rbg.gif');
}

a {
  text-decoration: none;
  color: #6F0D0D;
  border-bottom: 1px dotted #a3a3a3;
}

a:hover {
  color: #3F0808;
}

a.none {
  text-decoration: none;
  border-bottom: 0px solid #000000;
}

a:hover.none {
  text-decoration: none;
}

pre {
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


img {
  border: 0;
}

h1 {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 18px;
  border-bottom: 1px solid #F5F5F5;
}

h2 {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 16px;
  border-bottom: 1px solid #F5F5F5;
}

h3 {
  margin: 0;
  padding: 5px 0 10px 0;
  font-size: 14px;
}

/* Page Structure */

div#wrapper {
	font-size: 11px;
  background-image: url('../images/rbg.gif');
}

div#header {
	margin: 0 auto;
  padding: 5px 0 0 10px;
  height: 60px;
  /*background-image: url('../images/gradient.png');*/
  background-color: #2F2F2F;
}

div#header #logo {
  font-size: 40px;
  color: #ffffff;
  padding: 5px;
}

div#header #logo span.first {
  color: #ffffff;
}

div#header #logo span.second {
  color: #000000;
}

div#header #logo span.third {
  color: #a3a3a3;
}

div#header #tagline {
  float: right;
  padding: 5px 20px 5px 5px;
  color: #ffffff;
}

div#breadcrumb {
  padding: 5px;
  background-color: #F5F5F5;
  border-bottom: 1px solid #a3a3a3;
  font-size: 10px;
}

div#notices {
	margin: 0 auto;
  padding: 10px 10px 0 10px;
  overflow: auto;
}

div#notices .message {
  border: 1px solid #FF3F3F;
  background-color: #FFDFDF;
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
  padding: 5px;
  color: #FF3F3F;
}

div#notices .message .text {
  
}

div#area {
	margin: 0 auto;
  padding: 10px;
  overflow: auto;
}

div#content_area_right {
  padding: 0 200px 0 10px;
}

div#content_area_left {
  padding: 0 0 0 200px;
}

div#content_area_both {
  padding: 0 200px 0 200px;
}

div#content_area_default {
  padding: 0;
}

div#leftarea {
  float: left;
  width: 180px;
  text-align: left;
}

/* main menu */
div#leftarea .leftmenu {
  border: 1px solid #ededed;
  background-color: #ffffff;
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

div#leftarea .leftmenu .title {
  background-color: #F5F5F5;
  padding: 5px;
}

div#leftarea .leftmenu .links {

}

div#leftarea .leftmenu .links a {
  padding: 5px;
  border: 0px solid #000000;
  display: block;
}

div#leftarea .leftmenu .links a:hover {
  background-color: #F5F5F5;
}

div#leftarea .leftmenu .sub_links {
  padding: 5px 5px 5px 10px;
}

div#mainarea {
  border: 1px solid #ededed;
  background-color: #ffffff;
  padding: 5px;
  text-align: left;
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

div#rightarea {
	float: right;
  width: 180px;
  text-align: left;
}

div#rightarea .tag_panel {
  border: 1px solid #ededed;
  background-color: #ffffff;
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

div#rightarea .tag_panel .title {
  background-color: #F5F5F5;
  padding: 5px;
  display: block;
}

div#rightarea .tag_panel .links {

}

div#rightarea .tag_panel .links a {
  padding: 5px;
  border: 0px solid #000000;
  display: block;
}

div#rightarea .tag_panel .links a:hover {
  background-color: #F5F5F5;
}

div#rightarea .about_panel {
  border: 1px solid #ededed;
  background-color: #ffffff;
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

div#rightarea .about_panel .title {
  background-color: #F5F5F5;
  font-weight: bold;
  padding: 5px;
  display: block;
}

div#rightarea .about_panel .text {
  padding: 5px;
  display: block;
}

div#leftarea .twitter_panel {
  border: 1px solid #ededed;
  background-color: #ffffff;
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

div#leftarea .twitter_panel .title {
  background-color: #F5F5F5;
  font-weight: bold;
  padding: 5px;
  display: block;
}

div#leftarea .twitter_panel .text {
  padding: 5px;
  display: block;
}

div#footer {
	margin: 0 auto;
	padding: 20px 5px 20px 5px;
  height: 19px; 
}

div#footer .inner_footer {
	padding: 5px;
	text-align: center;
	font-size: 9px;
	/*border: 1px solid #7DB8DF;
	background-color: #EFF9FF;
	color: #08598F;*/
}

/* articles container (code & projects as well) */

div.article_tweet {
  float: right;
  padding: 0 0 10px 10px;
}

div.article_su {
  float: right;
  padding: 0 0 10px 10px;
}

div.article {
  margin: 10px 0 5px 0;
  padding: 0 0 0 5px;
  border-bottom: 1px solid #EAEAEA;
}

div.article p {
  margin: 0;
  padding: 0 0 10px 0;
}

div.article .title {
  color: #6F0D0D;
  font-size: 15px;
}

div.article .title sup {
  font-size: 10px;
}

div.article .socials {
  padding: 15px 0 0 10px;
}

div.article .tags {
  font-size: 10px;
  padding: 0 0 10px 10px;
  color: #a3a3a3;
}

div.article .date {
  font-size: 10px;
  padding: 2px 0 4px 10px;
  color: #a3a3a3;
}

div.article .date a {
  color: #a3a3a3;
}

div.article .date a:hover {
  color: #525252;
}

div.article .body {
  font-size: 11px;
  padding: 5px 0 0 10px;
}

div.articles_edit {
  padding: 5px 5px 5px 15px;
  font-size: 14px;
}

.article_right_padding {
  margin: 0 100px 0 0;
}

.date_padding {
  margin: 15px 0 0 0;
}

.sup_project {
  color: #ff6600;
}

.sup_article {
  color: #00bbff;
}

.sup_code {
  color: #cf8c19;
}

/* CV */

.cv_experience {
  margin: 5px 0 20px 0;
  padding: 0 0 0 10px;
  border-left: 1px dotted #EAEAEA;
}

.cv_experience .title {
  font-size: 14px;
}

.cv_education {
  margin: 5px 0 20px 0;
  padding: 0 0 0 10px;
  border-left: 1px dotted #EAEAEA;
}

.cv_indent {
  padding: 0 0 0 10px;
}

.cv_links {
  float: right;
  padding: 2px;
}

/* social links */

ul.social_links {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

ul.social_links li {
  display: inline;
}

.social_style {
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

/* comments */

div.comments_list {
  padding: 10px;
}

div.comments_list .comment {
  margin: 5px 0 0 0;
  padding: 10px;
  border: 1px solid #a3a3a3;
  background-color: #ededed;
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

div.comments_list .comment .text {

}

div.comments_list .comment .author {
  padding: 10px 0 0 0;
  color: #6F0D0D;
}

div.comment_area {
  padding: 0 0 0 10px;
}

/* about me */

div.about {
  float: right;
  padding: 5px;
  border: 1px solid #a3a3a3;
  background-color: #ededed;
  -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

div.about .text {
  
}

/* twitter */

div#twitter {

}

div#twitter ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

div#twitter ul li {
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #EAEAEA;
}

/* code */

pre.code {
  margin: 5px 20px 15px 5px;
  padding: 12px 10px 0 10px;
  border-left: 1px solid #BFEEFF;
  background-color: #EFFBFF;
}