html {background-image:url(./images/blog_bg_repeat.jpg); background-repeat:repeat-x; background-color:#cbcbcb; font-family:Arial; font-size:12px;}

body {padding:0; margin:0;}
p, code, ul {padding-bottom:1.2em;}
li {list-style-type:none;}
blockquote { background: url(./images/quote.gif) no-repeat 15px 15px; display: block; font-weight: bold; padding:15px 15px 15px 43px; font:normal 14px/1.8em Arial;}
blockquote table {border:none; border-collapse:collapse; background:none;}
blockquote table td {border:none; border-collapse:collapse; padding:5px;}

a img {border:none;}
a {text-decoration:none; color:#f58337; font-style:oblique;}

#header_2 {background:url(http://www.thegenerationproject.org/images/header_bg.jpg) no-repeat; height:248px; position:relative; width:1000px;}
#header_2 ul {position:absolute; top:89px; right:15px; list-style-type:none; margin:0; padding:0;}
#header_2 ul li {display:inline; margin-left:22px;}
#header_2 ul li img {vertical-align:top;}

.header_logo {position:absolute; top:15px; left:23px;}
.header_login {position:absolute; top:18px; right:15px;}
.header_signup {position:absolute; top:18px; right:138px;}
.header_msg {position:absolute; bottom:36px; right:15px;}



/*#header {width:1120px; height:155px;  padding:15px 0 78px 190px; background-repeat:no-repeat; position:relative;}
.top {background-image:url(./images/header_bg.jpg);}
#header ul {float:right; margin:73px 235px 0 0; list-style-type:none;}
#header ul li {float:left; margin:0 7px;}
.readaway {position:absolute; top:170px; right:214px}*/

#footer {background:#fff; width:935px; height:150px; font-size:14px; padding:0; clear:both; line-height:normal; position:relative; margin-bottom:20px;}
#footer ul {float:left; margin:25px 0 0 0; padding:0; list-style-type:none;}
#footer ul li {margin:10px;}
#footer ul li a {font-style:normal;}
#footer span {font-size:10px; font-style:oblique; position:absolute; bottom:0; left:10px; color:#ccc; padding-bottom:25px;}
#footer span a {color:#ccc;}
#footer span a:hover {color:#f58337;}
#rss {padding:0 2px;}
.sponsor {float:right; margin-top:35px;}
.sponsorbox {float:right; margin:35px 10px 0 0; border:1px solid #b5b5b5; border-left:none; height:48px; padding:6px 9px; font:normal 12px/16px Arial; color:#999; text-transform:uppercase;}
.sponsorbox a {color:#3694db; font-style:normal;}
#sponsorBox2 a {color:#f58337;}
.footerLinks {text-transform:uppercase; color:#5b3b19;}
.footerSublinks {color:#999;}
.footerSublinks:hover {color:#f58337;}

.outerouter {width:940px; background-color:#fff; margin:0 auto; padding:0 5px; min-height:650px;}
.outer-container {background-image:url(./images/navigation_gradient.gif); background-repeat:repeat-y;}
#container {margin:0 auto; padding:0 185px; width:940px;}
.container {margin:0 auto; width:950px;}

.clearer {clear:both; font-size:0;}
.left {float:left;}
.right {float:right;}

.path {background-image:url(./images/main_link_gradient_bg.gif); padding:5px; height:24px; width:625px; float:right; text-transform:uppercase; position:relative; font-size:14px; margin-top:5px;}
.path a {color:#666; font-style:normal;}
.path a:hover {color:#fff;}
.path ul {list-style-type:none; float:left; padding:0; margin:4px 0;}
.path li {display:inline; padding:0 5px;}

.navigation {float:left; width:300px;}
.navigation .block {margin-bottom:5px; background-image:url(./images/navigation_gradient.gif);}
.navigation .block-inner {padding:15px 10px;}
.navigation h2 {background-image:url(./images/category_gradient_bg.gif); color:#fff; font-family:Arial; font-size:18px; font-weight:bold; height:24px; margin:0 0 10px 0; padding:5px 5px 5px 10px; border-top:5px solid #fff;}
.navigation ul { padding: 0; margin: 0; color:#666; text-transform: capitalize; }
.navigation li { display: block; padding: 2px 0 2px 0; margin-left: 12px; text-decoration: none; }
.navigation li ul li {}
.navigation li a {color:#666; text-decoration:none;}
.navigation li img { padding-right: 5px; }
.navigation li a:hover {}

#searchbox {font-size:11px;}
#searchbutton {margin-left:10px; color:#666;}
#searchfield {width:195px; border:2px solid lightgray; color:#999;}
#searchcomments {margin-right:4px;}

#tagcloud { margin-bottom: 10px; white-space: normal; }
#tagcloud li { display: inline; }
#tagcloud a { margin-right: 4px; display: inline; color: #554; text-decoration: none; }
#tagcloud a:hover { color:#f58337;}
#tagcloud a.biggest { font-size: 16px; }
#tagcloud a.big { font-size: 14px; }
#tagcloud a.medium { font-size: 12px; }
#tagcloud a.small { font-size: 10px; }
#tagcloud a.smallest { font-size: 9px; }

.content {float:right; width:615px; padding:10px; margin-bottom:20px; color:#999;}
.content h1 a {color:#3c9cd6; font-size:26px; font-style:normal; font-weight:bold; line-height:1em; text-transform:capitalize;}
.content h2 {font-weight:normal; color:#666; text-transform:capitalize;}
.content .descr {margin:0 0 10px 0; color:#666; font-style:oblique;}
.content li {margin-left:18px;}
.content p {line-height:1.5em;}

.post h1 { margin: 0px 0px 10px 0px; }
.post h1 a {color:#3c9cd6; font-size:26px; font-style:normal; font-weight:bold; line-height:1em; text-transform:capitalize; padding-bottom:3px;}
.post {margin: 2px 0 2px; }
.post .info{ background: #F5F5F5; border: 1px solid #E3E4E4; color: #666; margin: 2px 0 15px 0; padding: 5px 10px; }
.post img {max-width:615px; margin: 4px 0; }
.post a img {max-width:615px;}
.info a { text-decoration: none; }
.info a:hover { text-decoration: underline; }
.post .info .transformtext { text-transform: capitalize; }
.post .info tr { height: 20px; }
.post .info td p.feedburnerFlareBlock { display:inline; font-size: 1em; }
.postadminlinks { margin: 4px 0 0 0; border-top: 1px dashed #D2C2B2; padding: 4px 0 0 0; }

#relatedPosts a {display:block; margin-top:5px; margin-bottom:5px; text-transform:capitalize;}

.comment { border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; padding-top: 5px; margin-bottom: 5px; padding-bottom: 0px; }
.comment .date { text-align: left; margin: 0; padding: 3px 0px; }
.comment .author { margin: 0; text-align: left; padding-top: 3px; margin: 5px 0px 3px 0px; clear: both; }
.self { background-color:#F5F5F5; }
.comment .gravatar { float: right; width: 80px; margin: 5px 5px 5px 5px; }
.comment .gravatar img { height: 80px; width: 80px; }
.comment .content { float:left; min-height: 85px; width: 440px; margin: 5px 0 0 0px; }
.commentForm { padding: 5px; }
.commentForm label { float: left; display: block; width: 80px; }
.commentForm input { width: 130px; }
.commentForm textarea { width: 100%; height: 150px; }

#contact { padding: 10px; }
#contact h1 { margin-top: 0; }
#contact label { display: block; padding-top: 5px; }
#contact input.field { width: 200px; }
#contact textarea { display: block; overflow: auto; width: 75%; height: 150px; margin: 0; }

#archive { padding: 10px; }
#archive h1 { margin: 0; padding-bottom: 9px; }
#archive h2 { border-bottom: 1px solid silver; 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: 100%; border-collapse: collapse; }
#archive table td, #archive table th { text-align: left; }
#archive table td { text-align: left; border-bottom: 1px solid #D8D8D8; padding: 2px 0; }
#archive .date { width: 90px; }
#archive .comments { /*width: 70px;*/ text-align: center; }
#archive .rating { /*width: 70px;*/ text-align: center; }

.searchresult { margin-bottom: 20px; margin-top:20px; }
.searchresult a { font-weight: bold; }
.searchresult span.text { clear: both; display: block; margin: 3px 0; }
.searchresult span.type { display: block; }
.searchresult span.url { color: Gray; }
.searchpage ul.paging { list-style-type: none; margin:0px; margin-bottom: 20px; padding:0px; }
.searchpage ul.paging li { display: inline; border: 1px solid gray; background: #f1f1f1; margin-right: 5px; }
.searchpage ul.paging li a { padding: 5px 8px; }
.searchpage ul.paging li.active { background: #f1f1f1; border: 1px solid black;}

.rating p { display: inline; position: relative; top: 14px; left: 55px; }
.star-rating { position: relative; width: 125px; height: 25px; overflow: hidden; list-style: none; margin: 0 0 20px 0; padding: 0; background-position: left top; }
.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; margin: 0px; }
.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; }

.csharpcode, .csharpcode pre { font-size: small; color: black; font-family: Consolas, "Courier New", Courier, Monospace; background-color: #ffffff; /*white-space: pre;*/ }
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0em; }
.csharpcode .lnum { color: #606060; }

.code { font-size: 12px; color: black; font-family: Consolas, "Courier New", Courier, Monospace; background-color: #F1F1F1; line-height: normal; }
.code p { padding: 5px; }
.code .rem { color: #008000; }
.code .kwrd { color: #0000ff; }
.code .str { color: #006080; }
.code .op { color: #0000c0; }
.code .preproc { color: #0000ff; }
.code .asp { background-color: #ffff00; }
.code .html { color: #800000; }
.code .attr { color: #ff0000; }
.code .alt {	background-color: #f4f4f4; }
.code .lnum { color: #606060;}

div.post .text a[rel] {
	padding-right:11px;
	background-repeat: no-repeat;
	background-position: right center;
}
div.post .text a[rel="me"] {	
	background-image:url('../../pics/xfn/me.gif');
}

/*-------- [ These should cascade to pick the correct icon for the contact ]--*/

/*-------- [ Normal contacts ]--*/
div.post .text a[rel~="contact"] ,
div.post .text a[rel~="acquaintance"],
div.post .text a[rel~="friend"] {
	background-image:url('../../pics/xfn/contact.gif');
}
/*-------- [ Normal contacts youve met ]--*/
div.post .text a[rel~="contact"][rel~="met"] ,
div.post .text a[rel~="acquaintance"][rel~="met"] ,
div.post .text a[rel~="friend"][rel~="met"] {
	background-image:url('../../pics/xfn/contactMet.gif');
}

/*-------- [ Colleague and co worker icon more important than contact ]--*/
div.post .text a[rel~="colleague"] ,
div.post .text a[rel~="co-worker"] {
	background-image:url('../../pics/xfn/colleague.gif');
}
/*-------- [ Colleague and co worker icon when met ]--*/
div.post .text a[rel~="colleague"][rel~="met"] ,
div.post .text a[rel~="co-worker"][rel~="met"] {
	background-image:url('../../pics/xfn/colleagueMet.gif');
}

/*-------- [ Sweethearts are more important than work!!! ]--*/
div.post .text a[rel~="muse"] ,
div.post .text a[rel~="crush"] ,  
div.post .text a[rel~="date"] ,
a[rel~="sweetheart"] {
	background-image:url('../../pics/xfn/sweet.gif');
}
/*-------- [ ...and if youve met them thats even better ]--*/
div.post .text a[rel~="muse"][rel~="met"] ,
div.post .text a[rel~="crush"][rel~="met"] ,  
div.post .text a[rel~="date"][rel~="met"] ,
div.post .text a[rel~="sweetheart"][rel~="met"] {
	background-image:url('../../pics/xfn/sweetMet.gif');
}