body {
background: #0f141a url('backgrou.gif');
color: #fff;
font: 10pt Verdana, Tahoma, Arial, sans-serif;
margin: 0;
padding: 0 0 10px 0;
text-align: center;
}


#wrap {
background: url('topbg000.gif') repeat-x;
color: inherit;
height: 6px;
}
#page {
width: 850px;
margin: 0 auto;
text-align: left;
}
#header {
height: 98px;
padding: 0 44px 0 19px;
}
.logo {
padding: 22px 0 0 0;
float: left;
}
.searcharea {
float: right;
margin: 35px 0 0 0;
background: url('searchfo.gif') no-repeat;
width: 311px;
height: 43px;
}
input.srch {
float: left;
margin: 0 0 0 11px;
padding: 15px 0 0 0;
border:0;
background: none;
color: #c1bebe;
font-size: 8pt;
width: 233px;
height: 20px;
vertical-align: top;
}
input.btn {
float: left;
margin: 6px 0 0 0;
vertical-align: top;
}
#tabs {
clear: right;
float: right;
width: 348px;
margin: 12px 0 8px 0;
font: bold 8pt Tahoma, Arial, Verdana, sans-serif; 
}
#tabs ul {
list-style: none;
}
#tabs li {
float: left;
}
#tabs li a {
display: block;
text-align: center;
width: 82px;
height: 18px;
padding: 2px 0 0 0;
margin: 0 0 0 5px;
background: url('tabs-off.gif') no-repeat;
color: #fff;
}
#tabs li a:hover {
background: url('tabs-on0.gif') no-repeat;
color: #fff;
text-decoration: underline;
}
#inner {
clear: both;
float: left;
width: 850px;
background: url('innerbg0.gif') repeat-y;
color: #283241;
}
#inner a {
color: #975b0e;
text-decoration: none;
}
#inner a:hover {
color: #a6093e;
}
h1 {
font-size: 18px;
}
h1,h2,h3 {
margin:1em 0;
}
h2 {
font-size: 16px;
}
h3 {
font-size: 15px;
}
h1,h2,h3,h4,h5,h6 {
font-weight:bold;
}
hr {
display:none;
}
a img {
border: 0;
}
form, ul, ol, dt, dd {
margin:0;
padding:0;
}
#content {
float: left;
width: 522px;
}
.post {
clear: both;
float: left;
width: 478px;
padding: 0 22px 10px;
margin: 0 0 20px 0;
border-bottom: 1px solid #e7e3d8;
}
.post h2 {

margin: 0 0 10px 0;
padding: 0;
}
#inner .post h2 a {
color: #000;
cursor: pointer;
cursor: hand;
}
#inner .post h2 a:hover {
color: #a6093e;
}
.date {
display: block;
line-height: 17px;
background: url('date0000.gif') no-repeat;
color: #aaa;
padding: 0 0 0 18px;
font-size: 8pt;
}
.entry {
line-height: 20px;
margin: 12px 0 0 0;
}
#inner .entry a {
border-bottom: 1px dashed #975b0e;
}
.entry p {
margin: 0 0 20px 0;
}
.metabox {
clear: both;
float: left;
width: 100%;
border: 1px solid #e7e3d8;
background: #f9f8f6;
color: #000;
font-size: 8pt;
padding: 3px 0;
overflow: auto;
}
#inner .metabox a {
color: #000;
}
#inner .metabox a:hover {
color: #975b0e;
border-bottom: 1px dashed #975b0e;
}
.cats {
float: left;
background: url('cats0000.gif') no-repeat 4px 2px;
padding: 0 0 0 24px;
line-height: 18px;
}
.comms {
float: right;
background: url('comms000.gif') no-repeat;
padding: 0 10px 0 22px;
line-height: 19px;
}
#inner a.more-link {
clear: both;
float: left;
padding: 0 2px;
margin: 0 0 20px 0;
font-weight: bold;
background: #a60a42;
color: #fff;
border-bottom: 0;
}
#sidebar {
float: right;
width: 325px;
font-size: 8pt;
}
#sidebar a:hover {
color: #a6093e;
border-bottom: 1px dashed #a6093e;
}
#sidebar ul {
list-style: none;
}
#sidebar ul li h2 {
font-size: 10pt;
margin: 0 0 8px 0;
padding: 0;
}
.about-me {
background: #f2f1ec;
width: 278px;
padding: 10px 28px 12px 16px;
border-right: 2px solid #fbfaf9;
border-bottom: 1px solid #fbfaf9;
border-left: 1px solid #fbfaf9;
line-height: 17px;
}
.categories {
width: 309px;
padding: 10px 0 18px 16px;
border-top: 1px dashed #adacac;
line-height: 17px;
}
.categories ul {
float: left;
margin-left: -16px;
margin-bottom: 18px;
list-style: none;
}
.categories ul li {
float: left;
width: 129px;
background: url('bullet00.gif') no-repeat 17px 7px;
border-bottom: 1px solid #ebeaea;
padding: 2px 0 2px 33px;
}
.buttons {
clear: both;
width: 309px;
padding: 22px 0 22px 16px;
border-top: 1px dashed #adacac;
border-bottom: 1px dashed #adacac;
}
.buttons a {
margin: 0 4px;
}
#sidebar .buttons a:hover {
border-bottom: 0;
}
.archives, .linkedin {
margin: 1px 0;
background: #f2f1ec;
width: 299px;
padding: 10px 8px 12px 16px;
border-right: 2px solid #fbfaf9;
}
.archives select {
width: 210px;
font-size: 8pt;
}
.recentposts {
clear: both;
float: left;
/*border-top: 1px dashed #adacac;*/
border-bottom: 1px dashed #adacac;
width: 309px;
padding: 10px 0 18px 16px;
line-height: 17px;
}
.recentposts ul {
margin-left: -16px;
list-style: none;
}
.recentposts ul li {
background: url('bullet00.gif') no-repeat 17px 7px;
border-bottom: 1px solid #ebeaea;
padding: 2px 0 2px 33px;
}
.linkedin {
clear: both;
float: left;
text-align: center;
}
#sidebar .linkedin a:hover {
border-bottom: 0;
}
.bookmarking {
clear: both;
float: left;
width: 301px;
padding: 30px 8px 2px 16px;
border-top: 1px dashed #adacac;
border-bottom: 1px dashed #adacac;
text-align: center;
}
.adblock {
clear: both;
float: left;
width: 301px;
padding: 20px 8px 20px 16px;
text-align: left;
}
.navigation {
clear: both;
font-size: 8pt;
margin: 10px auto;
width: 484px;
}
#footer {
background: url('footer00.gif') no-repeat;
width: 850px;
height: 16px;
}
#bottom {
font-size: 8pt;
color: #c0c1c1;
border-bottom: 1px solid #e7e3d8;
overflow: auto;
margin: 20px 0 6px 0;
}
#bottom h2 {
font: normal 18pt/20pt arial, verdana, tahoma, sans-serif;
color: #fff;
margin: 0 0 16px 0;
padding: 0;
}
#bottom a {
color: #98a86f;
text-decoration: underline;
}
#bottom a:hover {
color: #c0c1c1;
text-decoration: none;
}
.other, .featured {
float: left;
}
.other {
width: 346px;
padding: 0 10px 16px 20px;
border-right: 1px solid #e7e3d8;
}
.other ul, .featured ul {
list-style: none;
}
.other ul li {
background: url('arrow000.gif') no-repeat left 2px;
padding: 0 0 0 21px;
margin: 0 0 10px 0;
line-height: 15px;
}
.featured {
width: 460px;
padding: 0 0 16px 10px;
}
.featured ul {
padding: 0 0 0 5px;
}
.featured ul li {
float: left;
width: 149px;
font: 8pt tahoma, verdana, arial, sans-serif;
margin: 0 0 6px 0;
}
.featured ul li a {
display: block;
height: 16px;
padding: 0 0 0 21px;
}
.featured ul li img {
float: left;
vertical-align: middle;
}
a.csscontainer {
background: url('cssconta.gif') no-repeat;
}
a.cssblast {
background: url('cssblast.gif') no-repeat;
}
a.bwg {
background: url('bwg00000.gif') no-repeat;
}
a.cssmania {
background: url('cssmania.gif') no-repeat;
}
a.cssexchange {
background: url('cssexcha.gif') no-repeat;
}
.slogo {
float: left;
padding: 10px 0 10px 5px;
}
.copy-links {
float: right;
padding: 0 0 10px 0;
text-align: right;
font: 8pt tahoma, verdana, arial, sans-serif;
color: #fff;
}
.copy-links p {
margin: 0 0 8px 0;
}
.copy-links a {
color: #fff;
text-decoration: none;
}
.copy-links a:hover {
color: #98a86f;
text-decoration: underline;
}
.kalina:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.kalina {display:inline-block;}
/* Hide from IE Mac */
.kalina {display:block;}
/* End hide from IE Mac */

.clear {
	clear: both;
}
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	}
/* Begin Images */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */
.entry ol, .entry ul {
	padding: 0 0 0 35px;
	margin: 0;
}
.entry ol li, .entry ul li {
	margin: 0;
	padding: 0;
}

/* Begin Form Elements */

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}
#commentform {
	width: 475px;
}
#commentform p {
	display: block;
	float: left;
	padding: 0;
	margin: 6px 0;
}
#commentform label {
	float: left;
	width: 89px;
	height: 24px;
	font-size: 9pt;
	line-height: 9pt;
}
#commentform input {
	float: right;
	border: 1px solid #e7e3d8;
	background: #fbfaf9;
	padding: 4px 2px 2px 2px;
	width: 380px;
	height: 20px;
}
#commentform textarea {
	float: right;
	border: 1px solid #e7e3d8;
	background: #fbfaf9;
	padding: 2px;
	width: 380px;
}
#commentform #submit {
	border: 1px solid #d4cbb1;
	background: #e7e3d8;
	color: #000;
	text-transform: uppercase;
	font-size: 7pt;
	font-weight: bold;
	letter-spacing: 0.5pt;
	margin: 0;
	float: right;
	padding: 5px;
	width: 104px;
	height: 28px;
	margin: 4px 0 0 0;
	}
#commentform .warning {
	float: left;
	display: block;
	margin: 4px 0 0 89px;
	padding: 5px;
	border: 1px solid #fbd5da;
	background: #fcf2f6;
	color: #ec215b;
	font-size: 7.5pt;
	height: 16px;
	line-height: 16px;
}
/* End Form Elements */
/* Begin Comments*/
h3#respond {
	clear: both;
	padding: 0 0 8px 0;
	border-bottom: 1px dashed #cecccc;
	font: normal 20pt/22pt arial, verdana, tahoma, sans-serif;
	color: #000;
}
.commentlist {
	padding: 0;
	margin: 0 0 20px 0;
	text-align: justify;
	}

.commentlist li {
	clear: both;
	font-size: 8.5pt;
	margin: 8px 0 0 0;
	padding: 0 0 8px 0;
	overflow: auto;
	border-bottom: 1px dashed #cecccc;
	list-style: none;
	}
.commentlist div {
float: left;
}
.commentlist span.cdate {
color: #8f8f8f;
}
.commentlist cite {
	font-weight: bold;
	font-style: normal;
}
.commentlist cite a {
color: #975b0e;
border-bottom: 1px dashed #975b0e;
}
.commentlist p {
	margin: 0 0 10px 0;
	}
.authcomment {
background-color: #f2f3ee !important;
} 
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */
acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}
blockquote cite {
	margin: 5px 0 0;
	display: block;
}
.center {
	text-align: center;
}
.hidden {
	display: none;
}
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */
.pagenav {
	padding: 20px;
}

.post ul{
list-style: none;
}
.post li{
margin:5px 0 5px;
}

.zebra {
	background: #f0efef; 
}

.add{
	padding-left:15px;
}
#inner .download a{
	font-size:23px;
	color:#889800;

}