﻿/* Theme Settings */
body {
/* background-image: url('./backgroundx.jpg'); */
background-color: #BCBCBC;
background-attachment: fixed;
overflow: hidden;
font-family: Calibri, Arial;
margin: 0;
}

#reserved_space {
height:10;
}

.mainframe {
position: absolute;
top: 35px;
left: 3%;
width: 94%;
}

#mainframe_bg {
border: 1px solid #c0c0c0;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
height: 300px;
}

#mainframe_content {height: 300;}

.title_bar_bg{
background-color: #C0C0C0;
}

.title_bar_height {
height: 50px;
}

.blog_title {
font-family: Calibri, Arial;
font-weight: bold;
font-size: 24pt;
color: black;
padding-left: 5px;
}

#little_title {
font-size: 14pt;
}

.blog_description_text {
color: black;
font-size: 11pt;
font-family: Calibri, Arial;
}

.main_content_bg {
background-color: #333333;
}

.main_content_text {
padding: 20px;
overflow-x: hidden;
overflow-y: auto;
width: 100%;
}

.sidebar_bg {
background-color: #696969;
width: 200px;
}

.sidebar {width: 200px;}

.sidebar_myhead {
height: 100;
overflow: hidden;
}

.sidebar_myhead_img {
width: 180px;
cursor: pointer;
}

.sidebar_text {
padding: 5px;
overflow: hidden;
width: 100%;
height: 300;
}

/* Sidebar */

.SidebarMenu{
list-style-type: none;
width: 95%;
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}

.SidebarMenu li {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}

.SidebarMenu li a{
color: white;
display: block;
width: 95%;
padding: 2px 4px;
text-decoration: none;
font-family: Calibri, Arial;
font-size: 10pt;
border: none;
background-color: transparent;
}

.SidebarMenu li a:visited{
color: white;
}

.SidebarMenu li a:hover, .SidebarMenu li a:active{
color: HighlightText;
background-color: Highlight;
}

.sidebar_headers{
cursor:pointer;
width: 100%;
height: 22px;
font-size: 9pt;
font-family: Arial;
font-weight: bold;
color: white;
margin-top: 3px;
margin-bottom: 3px;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}

.sidebar_headers_middle {
background-image: url('images/sidebar_tab_bg.gif');
}

.showstate{
background-color: transparent;
border: none;
font-family: Arial, Times New Roman;
font-size: 8pt;
color: white;
width: 20px;
height: 15px;
}

.switchcontent{
width: 100%;
background-color: transparent;
text-align: left;
padding: 3px;
overflow-x: hidden;
overflow-y: auto;
height: 200;
}


/* Blog List */

.blog_content {
color: white;
}

.blog_content h3 {
padding: 5px;
color: white;
font-family: Calibri, Arial;
font-size: 14pt;
font-weight: bold;
}

.blog_content a {color: white;}

.blog_content p {padding: 5px;}

.blog_content td {
font-family: Calibri, Arial;
font-size: 11pt;
}

.blog_content_highlight {
background-color: Highlight;
color: HighlightText;
}

.blog_content_highlight p {padding: 5px;}

.blog_content_highlight h3 {
padding: 5px;
color: HighlightText;
font-family: Calibri, Arial;
font-size: 14pt;
font-weight: bold;
}

.blog_content_highlight td {
font-family: Calibri, Arial;
font-size: 11pt;
}

/* Article Reader */

* html #article_reader {width:100%;}

#article_reader {width:700px;}

#article_reader td p {
font-family: Calibri, Arial;
font-size: 12pt;
padding: 10px;
}

.article_reader_title {background-color: black;}

.article_reader_title_height {height: 20px;}

.article_reader_title h2 {
font-family: Arial;
font-weight: bold;
color: white;
font-size: 12pt;
padding: 10px;
}

.article_reader_content {
font-family: Calibri, Arial;
padding: 10px;
overflow-x: hidden;
overflow-y: auto;
}

.article_reader_content h2 {
padding-left: 10px;
padding-bottom: 5px;
font-family: Calibri, Arial;
font-weight: bold;
color: #3366CC;
font-size: 14pt;
}

.buttons {
background-color: transparent;
font-family: Calibri, Arial;
font-size: 10pt;
color: white;
border: 1px solid white;
cursor: pointer;
}

#sharemenu {
	border: thick silver solid;
	background-color: white;
	padding: 5px;
	width: 210px;
}

#sharemenu ul{
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}

#sharemenu li {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}

#sharemenu li a {
	font-size: 10pt;
	color: black;
	text-decoration: none;
}

#sharemenu li a:hover {
  font-weight: bold;
  color: Highlight;
}

/* Comments */

#blog_comments {padding: 5px; font-family: Calibri, Arial; width:96%; font-size: 11pt;}
#blog_comments td a {color:black;}
#blog_comments td a:visited {color:black;}
#blog_new_comment {padding: 5px; font-family: Calibri, Arial; width:96%; font-size: 11pt;}

.header2 {
border-bottom:solid 3px gray;
padding:5px;
padding-bottom:0px;
color: black;
font-size: 14pt;
}

.line {
border: 1px dotted gray;
height: 1px;
}

.c_alerm {
background-color: #ffffe1;
border: 1px solid #aca889;
color: black;
padding: 5px;
font-size: 11pt;
font-family: Calibri, Arial;
width: 100%;
}

#comment_sticky {
width: 300;
}

.comment_stickyTL {
  background:url('images/TL_yellow.png');
  width: 36;
  height: 40;
}

.comment_stickyT {
  background:url('images/T_yellow.png');
  vertical-align: bottom;
  font-size: 9pt;
  font-weight: bold;
  font-family: Calibri, Arial;
}

.comment_stickyTR {
  background:url('images/TR_yellow.png');
  width: 31;
}

.comment_stickyM {
  background: #F5CF0A url(images/BG_yellow.png) repeat-x;
  padding: 10px;
  font-family: Calibri, Arial;
  font-size: 11pt;
}

.comment_stickyR {
  background:url('images/R.png');
  width: 15;
}

.comment_stickyBL {
  background:url('images/BL_yellow.png');
  width: 20;
  height: 45;
}

.comment_stickyB {
  background:url('images/B_yellow.png');
}

.comment_stickyBR {
  background:url('images/BR_yellow.png');
  width: 55;
}

* html #comment_sticky .comment_stickyM {
  background-image: none;
  filter:progid:DXimageTransform.Microsoft.AlphaimageLoader(src='images/BG_yellow.png', sizingMethod='scale');
}

* html #comment_sticky .comment_stickyT {
  background-image: none;
  filter:progid:DXimageTransform.Microsoft.AlphaimageLoader(src='images/T_yellow.png', sizingMethod='scale');
}

* html #comment_sticky .comment_stickyR {
  background-image: none;
  filter:progid:DXimageTransform.Microsoft.AlphaimageLoader(src='images/R.png', sizingMethod='scale');
}

* html #comment_sticky .comment_stickyB {
  background-image: none;
  filter:progid:DXimageTransform.Microsoft.AlphaimageLoader(src='images/B_yellow.png', sizingMethod='scale');
}

* html #comment_sticky .comment_stickyTL, * html #comment_sticky .comment_stickyTR, * html #comment_sticky .comment_stickyBL, * html #comment_sticky .comment_stickyBR {
  behavior: url("iepngfix.htc");
}

.tabs {
 border: 1px solid #919b9c;
 width: 95%;
 background: transparent;
 padding: 10px;
}

#tabb1 {
	border: none;
	cursor: pointer;
	background-color: Highlight;
	color: HighlightText;
	font-size: 10pt;
	font-weight: bold;
	padding: 4px;
}

#tabb2 {
	border: none;
	cursor: pointer;
	background-color: transparent;
	color: ButtonText;
	font-size: 10pt;
	font-weight: normal;
	padding: 4px;
}

/* About me */
.aboutme_left {
background-color: #CCCCCC;
color: black;
padding: 5px;
}

.aboutme_right {
background-color: #F7F7F7;
color: black;
padding: 5px;
}
