/* kelvinism.com Changelog

2.0 Totally new stylesheet based on YUI
1.4 Changed comments layout, added flags
1.3 Made alphabetical
1.2 PNG transparenty sucks in IE, changed div structure
1.1 Added PNG transparenty
1.0 Changed to current layered look

*/

/* General Layout Containers */
#bd {
	padding-top:30px;
        padding-bottom: 60px;
	line-height: 18px;
}
body,html {height: 100%}
#bd a{color:#96513c;}
#bd a:hover{text-decoration:none;color:#96513c;}
#bd .article-heading a{text-decoration:none;font-size: 150%; font-weight:bold;color:#555555;}
#bd .article-heading a:hover{text-decoration:none;color:#96513c;}
#bd h4{font-weight: bold; font-size: 105%; color: #aaaaaa; padding-top: 10px; padding-bottom: 10px;}
.blogimages {
	position: relative;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #333333;
	z-index: 60;
}

.books img { border: 1px solid black; margin: 5px 5px 5px 5px;}
.books img:hover { border: 1px solid #96513c;}

.comment-container {
	position: relative;
	border-left: solid 2px #777777;
	background-color: #ffffff;
	padding-left: 8px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-image: url('/images/quotes.png');
	background-repeat: no-repeat;
	width: 475px;
	margin-left: 130px;
}

.comment_odd {
	padding-top: 13px;
	min-height: 60px;
}

.comment_even {
	padding-top: 13px;
	min-height: 60px;
}
.comnum {
	position: relative;
	padding-bottom: 1px;
	font-size: 20px;
}
#copyright {
	position: relative;
	padding-top: 15px;
	width: 100%;
	text-align: center;
	z-index: 47;	
}
#copyright a {color:#96513c;}
#copyright a:hover {text-decoration:none;}
.date-container {
    position: relative;
    width: 125px;
    float: left;
}

.date-name {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 95%;
    text-align: left;
    color: #000000;
    display: block;
}

.date-year {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 95%;
    text-transform: uppercase;
    text-align: left;
    color: #000000;
}

#doc2 {position: relative; min-height: 100%; }

.errorlist {
    display: block;
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #ffe6e1;
    border: 1px solid #a01a00;
}

.successlist {
    display: block;
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #8aff7e;
    border: 1px solid #096500;
}

#ft {margin-top: -52px; height: 50px;background-color: #dddddd; border-top-width: 2px;border-top-color: #96513c;border-top-style:solid; }

#greenbar {
	width: 100%;
	height: 5px;
	top: 5px;
    background-color: #b3c49d;
}
#hd a{text-decoration:none;color:#cccccc;}
#hd a:hover{text-decoration:none;color:#96513c;}
.live-row {margin-bottom: 5px; }
.live-row img { padding-right: 3px; vertical-align: middle;}

#logo {
	width: 209px;
	height: 47px;
	margin-top: -10px;
	background-image: url('/images/logo.png');
	float: left;
}
#menu {
	width: 900px;
	margin-top: 5px;
	font-size: 160%;
	font-family: Arial, Verdana, Helvetica;
	font-weight: bold;
	z-index: 10;
}
#menu ul li{
	margin-left: 10px;
	list-style: none;
	display: inline;
}
#page-navigation {
	padding-top: 10px;
	text-align: center;
}

#redbar {
    width: 100%;
    height: 5px;
    background-color: #96513c;
}

.gallery-photo img{
	position: relative;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 10px;
	border: 3px solid #cccccc;
	float: left;
	
}

.gallery-photo a:hover img{
	position: relative;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 10px;
	border: 3px #b3c49d solid;
	float: left;
}

.quoteboxleft {
    position: relative;
    width: 225px;
    float: left;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-left: 5px;
    margin-right: 15px;
    margin-top: 3px;
    margin-bottom: 3px;
    font-family: arial, helvetica;
    font-size: 20px;
    color: #555555;
    border-style: solid;
    border-width: 1px;
    border-color: #bbbbbb;
    background-image: url('/images/quotes.png');
    background-repeat: no-repeat;
}

.quoteboxright {
    position: relative;
    width: 225px;
    float: right;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 3px;
    margin-bottom: 3px;
    font-family: arial, helvetica;
    font-size: 20px;
    color: #555555;
    border-style: solid;
    border-width: 1px;
    border-color: #bbbbbb;
    background-image: url('/images/quotes.png');
    background-repeat: no-repeat;
}

.tag-list a{
	text-decoration: none;
}

.yui-b{padding-bottom: 60px;}
.yui-u{padding-bottom: 60px;}
.yui-t6{padding-left: 10px;}
.yui-t7{padding-left: 10px;}
.yui-g{margin-right: 10px;}

/* Modifying Elements */
h2 {font-size: 150%; font-weight:bold;color:#555555;}
#alert {
    background-color: #cec9ec;
    border: 1px solid black;
    padding: 10px 10px 10px 10px;
    width: 90%;
    height: 20px;
}

.highlight-form {
    background-color: #fdffc2;
    border: 1px solid black;
    padding: 2px 2px 2px 2px;
}
#id_name {
    background-color: #fdffc2;
    border: 1px solid black;
    padding: 2px 2px 2px 2px;
}

#id_email {
    background-color: #fdffc2;
    border: 1px solid black;
    padding: 2px 2px 2px 2px;
}

#id_url {
    background-color: #fdffc2;
    border: 1px solid black;
    padding: 2px 2px 2px 2px;
    
}

#id_comment {
    background-color: #fdffc2;
    border: 1px solid black;
    padding: 2px 2px 2px 2px;
    width: 575px;
}

label{
    display: block;
    padding-bottom: 2px;
}
p{margin:0 0 18px 0;}

.contentitem img {
    position: relative;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-top: 10px;
    border: 1px solid #333333;
}

.techitem img {
    position: relative;
    float: left;
    margin-left: 12px;
    margin-bottom: 10px;
    margin-right: 12px;
    margin-top: 10px;
}

.clear {
    clear:both;
}

#sectionentry1 {
	background-color : #ffffff;
}

#sectionentry2 {
	background-color : #f3f3f3;
}

#tag-cloud a:hover{
	text-decoration: underline;
	
}
/* For tag sizes */

.tagpercent100 a, .tagpercent99 a, .tagpercent98 a, .tagpercent97 a {
	font-size:25px;
	color:#96513c !important;
	text-decoration: none;
}

.tagpercent96 a, .tagpercent95 a, .tagpercent94 a, .tagpercent93 a, .tagpercent92 a, .tagpercent91 a {
	font-size:23px;
	color:#96513c !important;
	text-decoration: none;
}

.tagpercent90 a, .tagpercent89 a, .tagpercent88 a, .tagpercent87 a, .tagpercent86 a {
	font-size:23px;
	color:#96513c !important;
	text-decoration: none;
}

.tagpercent85 a, .tagpercent84 a, .tagpercent83 a, .tagpercent82 a, .tagpercent81 a, .tagpercent80 a {
	font-size:22px;
	color:#96513c !important;
	text-decoration: none;
}

.tagpercent79 a, .tagpercent78 a, .tagpercent77 a, .tagpercent76 a, .tagpercent75 a, .tagpercent74 a {
	font-size:22px;
	color:#96513c !important;
	text-decoration: none;
}

.tagpercent73 a, .tagpercent72 a, .tagpercent71 a, .tagpercent70 a, .tagpercent69 a {
	font-size:21px;
	color:#96513c !important;
	text-decoration: none;
}

.tagpercent68 a, .tagpercent67 a, .tagpercent66 a, .tagpercent65 a, .tagpercent64 a, .tagpercent63 a, .tagpercent62 a, .tagpercent61 a, .tagpercent60 a, .tagpercent59 a, .tagpercent58 a, .tagpercent57 a, .tagpercent56 a, .tagpercent55 a {
	font-size:19px;
	color:#96513c !important;
	text-decoration: none;
}

.tagpercent54 a, .tagpercent53 a, .tagpercent52 a, .tagpercent51 a, .tagpercent50 a, .tagpercent49 a, .tagpercent48 a, .tagpercent47 a, .tagpercent46 a, .tagpercent45 a, .tagpercent44 a, .tagpercent43 a, .tagpercent42 a, .tagpercent41 a, .tagpercent40 a {
	font-size:18px;
	color:#96513c !important;
	text-decoration: none;
}

.tagpercent39 a, .tagpercent38 a, .tagpercent37 a, .tagpercent36 a, .tagpercent35 a, .tagpercent34 a, .tagpercent33 a, .tagpercent32 a, .tagpercent31 a, .tagpercent30 a {
	font-size:18px;
	color:#96513c !important;
	text-decoration: none;
}

.tagpercent29 a, .tagpercent28 a, .tagpercent27 a, .tagpercent26 a, .tagpercent25 a, .tagpercent24 a, .tagpercent23 a, .tagpercent22 a, .tagpercent21 a, .tagpercent20 a {
	font-size:18px;
	color:#96513c !important;
	text-decoration: none;
}

.tagpercent19 a, .tagpercent18 a, .tagpercent17 a, .tagpercent16 a, .tagpercent15 a, .tagpercent14 a, .tagpercent13 a, .tagpercent12 a, .tagpercent11 a, .tagpercent10 a {
	font-size:16px;
	color:#96513c !important;
	text-decoration: none;
}

.tagpercent9 a, .tagpercent8 a, .tagpercent7 a, .tagpercent6 a {
	font-size:13px;
	color:#96513c !important;
	text-decoration: none;
}
.tagpercent5 a, .tagpercent4 a, .tagpercent3 a, .tagpercent2 a, .tagpercent1 a, .tagpercent0 a {
	font-size:11px;
	color:#96513c !important;
	text-decoration: none;
}