﻿
body {
padding : 0;
margin : 0;
font : 13px Arial, sans-serif;
line-height : 1.5em;
background : #393939;
color: #fff;
}
a {
color : #d0eb55;
background : inherit;
text-decoration : none;
}
a:hover {
color : #d0eb55;
background : inherit;
text-decoration : underline;
}
p {
margin : 5px 0;
color: #fff;
font : 1.1em Arial, sans-serif;
line-height: 1.5em;
text-align:justify;
}
h1 {
font : bold 1.8em Arial, Sans-Serif;
padding : 8px 0 4px 0;
margin : 0;
letter-spacing : -1px;
}
h2 {
font : bold 1.6em Arial, Sans-Serif;
letter-spacing : -1px;
}
h3 {
padding : 4px 0;
margin : 0;
}
ul {
margin : 0;
padding : 0;
list-style : none;
}
img {
border : 0;
}
hr {
height : 1px;
border-style : none;
color : #d0d0d0;
background-color : #c0c0c0;
margin : 10px 0;
}
ol {
padding : 0;
margin : 0 0 0 18px;
}

#contup {}
#contuplt {
float:left;
padding-top: 1px;
}

.moreLink { font-size: 0.8em !important; }

#recentComments li { margin-bottom: 8px; }

.content { padding: 0; }
#top .content { margin: 0 60px 0 60px; min-width: 800px; }
  
#contuprt 
{
float: right;
padding-top: 1px;
}
#contbt {
width: 100%;
margin: 0 0 20px 0;
padding: 0;
height: 8px;
}
#contbtlt {
float:left;
}
#contbtrt 
{
float: right;
}

#topbar {
height : 35px;
background : #212121;
width : 100%;
margin-bottom:80px;
}
#topbar .content { margin: 0 60px 0 60px; height: 100px; display: block; }
#topbar #icons {
float : right;
margin-top : 10px;
padding : 0;
}
#topbar #icons img {
padding-right : 4px;
border : 1px solid #666;
position: relative;
top: -5px;
}
.url {
padding : 10px 0;
}
.url a {
color : #888;
text-decoration : none;
}
.url a:hover {
color : #fff;
}
#top {
padding-top : 0;
background : #3d3d3b url(images/topbg.gif) repeat-x;
height : 85px;
display:block;
position:absolute;
top: 35px;
width:99%;
}
#top h1 {
font : bold 2.8em Arial, Sans-Serif;
padding : 20px 0 0 0;
margin : 0;
letter-spacing : -1px;
color : #d0eb55;
}
#top a:hover {
text-decoration : none;
}
#top h2 {
font : 1.1em Arial, Sans-Serif;
letter-spacing : 0;
color : #868686;
margin : 0;
padding : 0;
}
#main {
position: relative;
min-width: 500px;
margin : 0;
padding : 0;
}

#left_side {
position: relative;
margin-right: 285px;
}
.side_bar {
position: relative;  
width: 280px;     
float:right;
color: #fff;
font-size: 1.1em;
}

.side_bar .pad {
    padding : 0 45px 10px 0;
}
.side_bar p {
    padding : 0 5px 5px 5px;
    color: #fff;
}
.side_bar ul {
    padding : 3px 0 12px 5px;
}
.side_bar li {
    line-height : 20px;
    background : inherit;
    list-style: none;
    padding-left : 0px;
    margin-left : 0;
    color : #fff; /* #b4e04a;*/
}
.side_bar a {
    background : inherit;
    text-decoration : none;
    font-size: 13px;
    font-weight: bold;
}
.side_bar a:hover {
    text-decoration : underline;
}
.side_bar h4 {
    font : 18px verdana, Arial, Sans-Serif; 
    margin: 17px 0 10px 0;
    padding: 5px 0 5px 10px; 
    background: url(images/rmenuhead.gif) no-repeat top left;
    /*clear: both;*/
}

#left_side .pad {
    padding: 5px 20px 10px 50px;
}
#left_side h2 {
    background : inherit;
    padding : 15px 0 5px 0;
    margin : 0;
    font : 1.8em verdana, Arial, Sans-Serif;
}

.side_bar input[type=text], #contact input[type=text], .widgetselector, #q {
    background: none repeat scroll 0 0 #2A3033;
    border: 2px solid #666 !important;
    color: #FFFFFF;
    height: 28px;
    padding: 3px !important;
    width: 100%;
}
#q { width: 300px; }

#newsletterform input[type=text] {
    margin: 10px 0 0 0;
}
.side_bar input[type=submit], .side_bar input[type=button], #searchpage input[type=button], #contact input[type=submit] {
    border: 2px solid #666;
    background: #666;
    color: #fff;
    font-weight: bold;
    padding: 4px 20px;
    margin: 3px 0 10px 0;
    float: left;
    clear: both;
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
    -khtml-border-radius: 5px; 
    border-radius:5px;
}
#searchpage input[type=button], #contact input[type=submit] { float: none; margin-right: 10px; }

.side_bar input[type=submit]:hover, .side_bar input[type=button]:hover, #searchpage input[type=button]:hover, #contact input[type=submit]:hover {
    color: #FFFFFF;
    background: #333;
    cursor: pointer;
}

#addcomment, #comment, .pad h1 {
    background : inherit;
    padding : 15px 0 5px 0;
    margin : 0;
    font : 1.8em verdana, Arial, Sans-Serif; 
}
#comment { margin-right: 5px; }

#footer {
    clear : both;
    width : 90%;
    margin : 0 20px;
    padding: 15px 30px;
    color : #777;
    border-top : 1px solid #444;
    background : inherit;
}
#footer .right {
    float : right;
}
#footer a {
    text-decoration : none;
    background : inherit;
}

.recentPosts span {
    display: block;
}

#categorylist a {
    padding-left: 5px;
}

#searchfield {
    border: 2px solid #555; 
    background:#393939; 
    color:#fff; 
    margin:2px 0; 
    float: left; 
    width: 95%;
}
/* hide search checkbox and label for 2.0 */
#searchbox label, #searchcomments { display: none; }

/*----------------------------
					Star rater
----------------------------*/


.rating {
	margin-bottom: -10px;
}

.rating p{
	display: inline;
	position: relative;
	top: 14px;
	margin-left: 60px;
}

.star-rating {
	position: relative;
	width: 125px;
	height: 25px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	background-position: left top;
	background: #fff;
}



.star-rating li {
	display: inline;
}

.star-rating a, .star-rating .current-rating {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -1000em;
	height: 25px;
	line-height: 25px;
	outline: none;
	overflow: hidden;
	border: none;
}

.star-rating a:hover, .star-rating a:active, .star-rating a:focus {
	background-position: left bottom;
}

.star-rating a.one-star {
	width: 20%;
	z-index: 6;
}

.star-rating a.two-stars {
	width: 40%;
	z-index: 5;
}

.star-rating a.three-stars {
	width: 60%;
	z-index: 4;
}
.star-rating a.four-stars {
	width: 80%;
	z-index: 3;
}
.star-rating a.five-stars {
	width: 100%;
	z-index: 2;
}
.star-rating .current-rating {
	z-index: 1;
	background-position: left center;
}

/* smaller star */
.small-star {
	width: 50px;
	height: 10px;
}
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating {
	background-image: url(../../pics/star_small.gif);
	line-height: 10px;
	height: 10px;
}

/*----------------------------
					 Posts
----------------------------*/

div.post, .mceContentBody {
	padding: 3px 10px;
	margin-bottom: 20px;
	line-height: 17px;
}

div.post h1, .mceContentBody h1 
{
	margin: 0 0 5px 0;
	position: relative;
	font : 2em verdana, Arial, Sans-Serif;
}

.postheaderbox { background : #414141; padding: 0 0 5px 10px; margin: 10px 0 20px 0; }
.postText { margin-top: 20px; }

div.post .author {
	font-size: 10px;
	float: left;
	text-transform: capitalize;
}

div.post .pubDate {
	font-size: 10px;
	float: right;
}

div.post .text {
	margin-top: 30px;
}

div.post .text h2 {
	margin-bottom: -10px;
}

div.post .footer {
	text-align: right;
	border-top: 1px dashed silver;
	padding-top: 4px;
	padding-bottom: 2px;
}

div.post .bottom {
	 text-align: left; height: 20px;
}

div.post .categories {
	margin: 0;
	padding-bottom: 5px;
	float: left;
}
.bottom { color: #ccc; }

div.post .tags {
	float: right;
	margin: 0 10px 5px 0;
}

div.post .text a[href^="http:"] {
	background: url(../../pics/remote.gif) right top no-repeat;

  white-space: nowrap;
}

div.post .code, div.post pre {
	line-height: 12px;
	padding: 5px;
	margin: 0px;
}

.postFoot { border-top: 1px solid #444; margin-bottom: 20px; padding-top: 3px; }
.bookmarks { float: left; margin-right: 10px; }
.floatright { float: right; }
.floatleft { float: left; }

/*----------------------------
			Related Posts
----------------------------*/

#relatedPosts {
	padding: 5px 20px 10px 10px;
	border: 1px solid #555;
	min-height: 50px;
	margin-right: 10px;
	margin-bottom: 20px;
	display: inline-table;
	width: 100%;
}

#relatedPosts a {
	display: block;
	/*margin-top: 5px;*/
	float: left;
	/*width: 300px;*/
	margin-right: 20px;
}

#relatedPosts span {
	text-indent: 10px;
    /*float: right;*/
    text-align: left;
}

/*----------------------------
					 Blogroll
----------------------------*/

#blogroll ul {
	list-style-type: none;
	margin: 0 0 3px 0;
	padding: 0px;
}
#blogroll ul li ul {
	list-style-type:none;
}

#blogroll ul li ul li a {
	margin-left: 20px;
	color: #fff;
	font-size: 0.9em;
	font-weight:500;
}

#blogroll ul li a img {
	border: none;
	margin-right: 3px;
}
#blogroll li {
    list-style:inherit;
    margin-left: 0;
}
#blogroll a { margin-left: 5px; }

/*----------------------------
					Archive
----------------------------*/

#archive {
	padding: 10px;
}

#archive h1, #contact h1 {
	font : 2em verdana, Arial, Sans-Serif; background: #414141; padding: 15px; margin-bottom: 15px;
}

#archive h2 {
	border-bottom: 1px solid #555;
	padding-bottom: 4px;
	font-size: 12px;
	margin-bottom: 10px;
}

#archive h2 img {
	margin-right: 3px;
}

#archive ul {
	list-style-type: square;
	margin: 0 10px;
	padding: 10px;
}

#archive ul li {
	margin-right: 20px;
}

#archive table{
	width: 80%;	
	border-collapse: collapse;
}

#archive table td, #archive table th{
	text-align:left;
}

#archive table td{
	text-align:left;
	
	padding: 2px 0;
}

#archive .date{
	width: 70px;
}

#archive .comments{
	width: 70px;
	text-align: center;
}

#archive .rating{
	width: 70px;
	text-align: center;
}

/*----------------------------
					 Calendar
----------------------------*/

#calendarContainer {
	text-transform: capitalize;
	/*margin: 0 auto;*/
}

.calendar {
	border: none;
	background: #333;
	font-size: 1em;
	font-weight: 500;
	width: 95%;
}

.calendar th { font-size: 0.9em; }

.calendar .weekend {
	background-color: #444;
}

.calendar .other {
	color: silver;
}

.calendar a.exist {
	display: block;
	font-weight: bold;
	background-color: #333;
}

.calendar td {
	vertical-align: top;
	border:1px solid #555;
	padding: 2px 3px 2px 3px;
    white-space: nowrap;
}
.calendar td .header a { color: #fff; }

#monthList .year { list-style-type:none; margin-left:0; color:White; font-size:1.1em; }
#monthList .open { font-size:0.9em;  }

#searchpage { margin-bottom: 20px; }
.searchpage h1 { font : 2em verdana, Arial, Sans-Serif; background: #414141; padding: 15px; margin-bottom: 15px; }
.searchpage input { margin-left: 5px; padding-left: 2px; }

/*----------------------------
				Contact page
----------------------------*/

#contact{
	padding: 0 0 0 10px;
	color:#fff;
}

#contact label{
	display: block;
	padding-top: 5px;	
}

#contact input.field{
	width: 200px;
	background:#333;
	border: 1px solid #ccc;
	color:#fff;
}

#contact textarea{
	display: block;	
	overflow: auto;
	width: 75%;
	height: 150px;
	margin: 0;
	padding: 3px;
	background:#333;
	border: 2px solid #666;
	color:#fff;
}

#PostPager .PagerLinkCurrent { background: #333; color: #fff; }
#PostPager li { border: 1px solid #666; padding: 2px 5px; }

#postnavigation { color: #333; }
#postnavigation a { padding-left: 30px; }

/* code styles for CodeFormatter Extension*/
.code, .code pre
{
	font-size: small;
	color: #fff;
	font-family: Consolas, "Courier New", Courier, Monospace;
	background-color: #414141;
	/*white-space: pre;*/
}
.code pre { margin: 0em; }
.code .rem { color: #008000; }
.code .kwrd { color: #d0eb55; font-weight:600; font-size:smaller; }
.code .str { color: #006080; }
.code .op { color: #0000c0; }
.code .preproc { color: #cc6633; }
.code .asp { background-color: #ffff00; }
.code .html { color: #800000; }
.code .attr { color: #ff0000; }
.code .alt 
{
	background-color: red;
	width: 100%;
	margin: 0em;
}
.code .lnum { color: #606060; }

#page { margin: 0 10px 0 10px; padding: 0; }
#page h1 { font : 2em verdana, Arial, Sans-Serif; background: #414141; padding: 15px; margin-bottom: 15px; }

.box { margin-bottom: 20px; }
.box p { font-size: 1em; text-align:left; line-height: 1.1em; }
.box li a {font-size: 1.0em; padding-bottom: 5px; }

/*----------------------------
				 Tag cloud
----------------------------*/

#tagcloud {
	margin-bottom: 10px;
	white-space: normal;
}

#tagcloud li {
	display: inline;
}

#tagcloud a {
	margin-right: 3px;
	display: inline;
}

#tagcloud a.biggest {
	font-size: 18px;
}

#tagcloud a.big {
	font-size: 16px;
}

#tagcloud a.medium {
	font-size: 14px;
}

#tagcloud a.small {
	font-size: 12px;
}

#tagcloud a.smallest {
	font-size: 10px;
}
/*--------------------------
            Login
-----------------------------*/
.loginbox table { margin-left: 50px; margin-top: 30px; }
.loginbox td {padding:2px; font-weight:600; }
.loginbox input { background: #393939; border: 1px solid #ccc; color:#fff;}
.loginbox input button { background: red;}
.loginbox label { padding: 0 5px 0 5px; font-size:0.87em; }
/*--------------------------*/

.capital { 
float:left; 
color:silver; 
font-size:80px; 
line-height:60px; 
padding:0 10px 0 0; 
font-family: "Times New Roman", times, Sans-Sherif;  
}

/* main menu */
#navmenubox {
    width: 600px;
    float: right;
}
#mainMenu {
	position:absolute;
	top:0;
	right:0;
	padding-right: 30px;
}

#mainMenu ul li{
	/*float:left;*/
}

#mainMenu ul li a {
	display:block;
	height:34px;
	color:#ccc;
	padding:26px 18px 0;
	font-size:17px;
	background:url(images/bk_mainmenu.png) 0 -78px no-repeat;
}

#mainMenu ul li a span {
	font-size:10px;	
	color:#999;
	line-height:120%;
}

#mainMenu ul li a:hover {
	text-decoration:none;
	background:url(images/bk_mainmenu.png) 0 0 repeat-x;
	color:#D0EB55;
}


#mainMenu ul li ul li a:hover{
	background:#132325;
}

/*---------------------------------------------------------------------*/
.codebox { border: 1px solid #555;width:100%; overflow:hidden; }
.csharpcode, .csharpcode pre {
	font-size: 1em;
	color: #fff;
	font-family: Consolas, "Courier New", Courier, Monospace;
	background-color: #414141;
	line-height:1.1em;
}
.csharpcode pre { margin: 0em;}
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #FF7F24; } /*FF7F24 d0eb55*/
.csharpcode .str { color: #d0eb55; }
.csharpcode .op { color: #ccc; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt { background-color: #393939; width: 100%; margin: 0em; }
.csharpcode .lnum { color: #fff; width:50px; text-align:right;margin:0;padding:0; }

blockquote {
padding-left : 10px;
border-left : 3px solid #a7cc44;
margin : 10px 0 10px 25px;
}

.rs {
float : right;
margin : 0 0 0 10px;
border : 1px solid #888;
padding : 5px;
background : inherit;
}
.rs ul {
list-style-position : inside;
margin-left : 2px;
}
.rs ul li {
list-style-type : square;
margin-left : 15px;
}
.rs ul ul li {
list-style : none;
margin-left : 10px;
list-style-type : lower-alpha;
list-style-position : inside;
}

.custom_table { border: 1px solid #888; }
.custom_table th { background: #222; color:  #ccc; }
.custom_table td { border: 1px solid #555; padding: 2px 5px 2px 5px; }

#page { padding:0; margin:0; width: 99%; }

.widget {
    display: inline-table;
    width: 100%;
}

div.widget a.edit, div.widget a.move, div.widget a.delete{
	font-size: 85%;
	font-weight: normal;
	float: right;
	z-index: 1;
	margin-left: 2px;
	margin-top: 5px;
	position: relative;
	top: 18px;
}

div.widget a:hover {
    text-decoration: none;
}

#left_side h3 {
    font: 1.8em verdana,Arial,Sans-Serif;
    margin: 0;
    padding: 15px 0 5px; 
}

/*----------------------------
				Comment List
----------------------------*/

#commentlist {
    margin: 10px 0; 
    padding: 10px;
}

.commentHdrContainer {
    margin: 5px 0;
    border-top: 1px solid #555;
    padding: 10px 0;
}

.reply-to {
    float: right;
}

.comment-hdr-lt {
    float: left;
}
.comment-hdr-rt {
    margin-left: 60px;
    width: 300px;
    color: #ccc;
    font-size: 0.8em;
}
.commentAuthor {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

.comment-replies {
	background: transparent url(../../pics/reply-arrow.gif) no-repeat 2px 25px;
	padding: 0 0 0 15px;
	margin: 5px 0 0 0;
}


.commentheader img {
	width: 38px;
	float: left;
}
.gvt-img {
    border: 5px solid #666;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
    display: inline-block;
}

h3#comment a { border: none !important; }

/*----------------------------
				Comment Form
----------------------------*/

.commentForm {
    padding: 15px;
    background: #1B2023;
    color: #A4A7A7;
    margin: 15px 0;
}
 
.commentForm label {
    display: block;
    line-height: 1.5em;
    margin-top: 5px;
    color: #A4A7A7;
}
                
.commentForm span {
    position: relative;
    top: -2px;
}
 
.commentForm input, .txt-country {
    width: 300px;
    height: 28px;
    padding: 3px;
    background: #2A3033;
    border: 2px solid #383F42;
    color: #fff;
}
 
.commentForm textarea {
    width: 98%;
    height: 150px;
    border:1px solid silver;
    clear: both;
    background: #2A3033;
    border: 2px solid #383F42;
    padding: 3px;
    color: #fff;
    margin: 4px 0 10px 0;
}
                
#cbNotify {
    position: relative;
    top: 5px;
    border: none;
    background: none;
}
 
#commentMenu { display: none; }
 
#commentPreview{
    display:none;
    clear:both;
    min-height: 150px;
}
                
#commentCompose {
    margin-bottom: -10px;
}
                
#commentCompose label {
    display: block !important;
    margin-top: -13px;
}
 
.success {
    color: green;
    font-weight: bold;
    background: #fff;
    padding: 10px;
}
 
#addcomment {
    font-family:Times New Roman,Times,Georgia,erif;
    font-size:24px;
    font-weight:normal;
    line-height:28px;
    margin-bottom:10px;
    padding-top:0;
    margin-top: 0;
    color: #A4A7A7;
}
                                        
.commentForm .bbcode {
    font-size:0.9em;
    float:right;
    position:relative;
    top:7px;
    padding: 3px;
    display: none;
}
 
.bbcode a {
    padding: 1px 3px;
    color: #666;
}
                
#btnSaveAjax {
    color: #FFF;
    font-weight: bold;
    background: #2A3033;
    width: auto;
    padding: 3px 20px;
    border: 1px solid #666;
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
    -khtml-border-radius: 5px; 
    border-radius:5px;
}
#btnSaveAjax:hover {
    color: #FFFFFF;
    background: #333;
    cursor: pointer;
}

*html .posts { width: 99%; }
*html .postText { width: 99%;}
*html div.post h1, .mceContentBody h1 { margin-left: 50px; }
*html .star-rating { margin: 0 0 0 50px;}
*html .rating p { margin-left: 110px; }
