/***

	GENERIC STYLESHEET

	-[Contents]------------------------
	1. Global
		1.0 Wrapper
		1.1 Core styles
		1.2 Backgrounds 
	2. Header
		2.1 Accessibility links
		2.2 Branding
		2.3 Navigation	
		2.3 Top content
		2.4 Top content
		2.5 sidebar
	3. Content
		3.1 Content Area
		3.2 Posts
		3.3 Star Rating
		3.4 search
		3.5 blog content
		3.6 individual posts
		3.7 Related Posts
		3.8 comments
		3.9 homepage posts
		3.10 recent comments
		3.11 Archive
	4. Footer
		4.1 Footer links
		4.2 Copyright
	-----------------------------------

***/

/**
    1.0 Wrapper
*/

.wrapper 
{
	width: 970px;
	margin: 0 auto;
}

/**
	1.1 Core styles
*/

.wrapper p
{
	font-size: 1.1em;
	color: #333;
}

.wrapper p a
{
	color: #f00;
}

.wrapper p a:hover,
.wrapper p a:focus
{
	color: #00BFBF;
}

/** 
	1.2 Backgrounds 
*/

body.day
{
    background: #ECE9D8 url(../../images/pagespecific/content/bg_day.jpg) repeat-x scroll top center;
}

.js body.day 
{
    background: none;
}

body.today
{
    background: #ECE9D8 url(../../images/pagespecific/content/bg_day.jpg) repeat-x scroll top center;
}

body.night
{
    background: #ECE9D8 url(../../images/pagespecific/content/bg_night.jpg) repeat-x scroll top center;
}

.day #header, .today #header
{
    background: transparent url(../../images/pagespecific/content/img_peafoul_day.jpg) no-repeat scroll 160px 0;
}

.js .day #header 
{
    background: none;
}

.night #header
{
    background: transparent url(../../images/pagespecific/content/img_peafoul_night.jpg) no-repeat scroll 160px 0;
}

/**
    2 Header
*/

#header
{
	overflow: hidden;
	width: 968px;
    height: 340px;
    padding: 0px 10px 30px;
}

/**
    2.1 Accessibility links
*/

.skip-navigation
{
    position: absolute;
    overflow: hidden;
    top:0;
    left:0;
}

.skip-navigation h3
{
    display: none;
}

.skip-navigation ul 
{
    margin-left:10px;
}

.skip-navigation ul li 
{
    float: left;
    display: inline;
}

.skip-navigation ul li a 
{
    text-indent: -9999px;
    display: block;
    color:#000;
}

.skip-navigation ul li a:focus, 
.skip-navigation ul li a:active
{
    text-decoration: underline;
    text-indent: 0;
    outline: 0;
}

/**
    2.2 Branding
*/

.branding h1
{
	font-size: 4em;
}

.branding h1 a
{
	text-decoration: none;
	color: #000;
}

.branding h1 a:hover,
.branding h1 a:focus
{
	color: #f00;
}

/**
    2.3 Navigation
*/

/* new nav 
#header #navigation 
{
    background:transparent url(../../images/generic/nav_base.jpg) no-repeat scroll 10px bottom;
    float: right;
    overflow: hidden;
    padding-left: 55px;
    width: 706px;
}

#header #navigation ul
{
    float:left;
    padding: 4px 0 0 0;
    width: 690px;
    margin-bottom:0;
}

#header #navigation ul li
{
    background:transparent url(../../images/generic/nav_bg.png) no-repeat scroll 0 10px;
    float:left;
    height:31px;
    margin-left:-32px;
    margin-bottom: 1px;
    width:191px;
    overflow: hidden;
}

.js #header #navigation ul li.ashes-prize-draw
{
    background-image: url(../../images/generic/nav_bg_ashes.png);
    width: 206px;
}

.js #header #navigation ul li.odi-prize-draw
{
    background-image: url(../../images/generic/nav_bg_home.png);
}

.js #header #navigation ul li.competition-media
{
    background-image: url(../../images/generic/nav_bg_video.png);
}

.js #header #navigation ul li.at-ground
{
    background-image: url(../../images/generic/nav_bg_ground.png);
    margin-left:-31px;
    width:221px;
}

.js #header #navigation ul li.freds-blog
{
    background-image: url(../../images/generic/nav_bg_blog.png);
}

.js #header #navigation ul li.ashes-prize-draw-style-selected
{
    background-image: url(../../images/generic/nav_bg_ashes_selected.png);
    background-position: 10px 0;
    width: 206px;
}

.js #header #navigation ul li.odi-prize-draw-style-selected
{
    background-image: url(../../images/generic/nav_bg_odi_home.png);
    background-position: 10px 0;
}

.js #header #navigation ul li.competition-media-style-selected
{
    background-image: url(../../images/generic/nav_bg_video_selected.png);
    background-position: 10px 0;
}

.js #header #navigation ul li.at-ground-style-selected
{
    background-image: url(../../images/generic/nav_bg_ground_selected.png);
    background-position: 10px 0;
    margin-left:-31px;
    width:221px;
}

.js #header #navigation ul li.freds-blog-style-selected
{
    background-image: url(../../images/generic/nav_bg_blog_selected.png);
    background-position: 10px 0;
}

#header #navigation ul li a 
{
    margin: 1px 0 0 40px;
    display: inline-block;
    height:2.5em;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 12px;
}

#header #navigation ul li a:hover
{
    color: #fff;
} 

.js #header #navigation ul li a 
{
    text-indent: -9999px;
    width: 130px;
    display: block;
}

.js #header #navigation ul li.ashes-prize-draw a
{
    width: 115px;
}

#header #navigation ul li a.style-selected
{
    text-decoration: underline;
} */

/* top nav */

.topnav
{
    overflow: hidden;
    height: 12px;
    margin-bottom: 18px;
}

.topnav ul
{
    float: right;
    list-style: none;
}

.topnav ul li
{
    float: left;
    margin-right: 20px;
}

.topnav ul li a
{
    text-decoration: none;
}


/** 
	2.4 Top content
*/

#topcontent
{
    float: right;
    width: 370px;
    margin-right: 20px;
}

#topcontent h2
{
    font-size: 2.4em;
}

#topcontent p
{
    color: #000;
}

.night #topcontent p, .night #topcontent a, .night #topcontent h2
{
    color: #fff;
}

#maincontent
{
    overflow: hidden;
}

/**
	2.5 sidebar
*/

#subnav
{
    width: 200px;
}

#subnav img
{
    float: left;
}

#subnav ul
{
    list-style: none;
    overflow: hidden;
    float: left;
    margin-top: 13px;
}

#subnav a, #subnav h3.cat
{
    width: 130px;
    display: block;
    padding: 5px 5px 5px 40px;
    background: url(../../images/pagespecific/content/tab_small.gif) center right no-repeat;
    margin: 0px 0px 0px -10px;
    text-decoration: none;
}

#subnav a
{
    color: #595965;
}

#subnav li
{
    margin: 1px 0px;
}

#subnav a.big, #subnav h3.cat
{
    background: url(../../images/pagespecific/content/tab_big.gif) center right no-repeat;
    padding: 6px 5px 7px 40px;
    margin: 2px 0;
}

#subnav h3
{
    font-size: 13px;
}

#subnav h3.cat
{
    color: #cbcbcb;
    text-shadow: 1px 2px 1px #222;
}

#subnav a.big
{
    color: #fff;
}

/* sideber nav */

#sidebar
{
    background: #000;
    width: 150px;
    color: #fff;
    height: 282px;
    margin-top: -11px;
    float: left;
    margin-right: 50px;
}

#sidebar h4
{
    padding: 10px 5px 2px 8px;
}

#sidebar h4.top
{
    border-bottom: solid 2px #00AEEF;
    font-size: 1.5em;
    font-family:tahoma;
}

#sidebar h4.top a
{
    color: #fff;
    text-decoration: none;
}

#sidebar h4.top a:hover
{
    text-decoration: hover;
}

#sidebar h4.middle
{
    border-bottom: solid 2px #8EA963;
}

#sidebar h4.bottom
{
    border-bottom: solid 2px #CC6601;
}

#sidebar ul
{
    padding: 2px 5px 2px 2px;
    list-style: none;
}

#sidebar ul li a
{
    color: #D4D0C8;
    text-decoration: none;
    padding-left: 14px;
    display: block;
}

#sidebar ul li.active a
{
    background: transparent url(../../images/pagespecific/content/arrow_on.gif) no-repeat scroll 0 0;
}

#sidebar ul li a:hover
{
    background: transparent url(../../images/pagespecific/content/arrow.gif) no-repeat scroll 0 0;
}

/**
	3.1 Content Area
*/

#content
{
    margin: 0 0 20px 75px;
    overflow:hidden;
    width:860px;
}

/**
	3.2 Posts
*/

.post h1
{
	font-size: 2em;
}

.post h1 a
{
	text-decoration: none;
	color: #000;
}

.post h1 a:hover,
.post h1 a:focus
{
	color: #333;
}

/**
	3.3 Star Rating
*/

.rating{
	margin-bottom: 10px;
}

.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;
	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;
}

/* 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;
}

/**
	3.4 search
*/

fieldset.search {
    margin-bottom: 10px;
}

fieldset.search label {
    color: #333;
}

.night fieldset.search label {
    color: #fff;
}

fieldset.search input {
    border: solid 1px #333;
}

fieldset.search input#searchcomments {
    border: none;
}

fieldset.search input#searchbutton {
    background:transparent;
    border:medium none;
    padding-right:30px;
    width:80px;
    cursor: pointer;
}

.night fieldset.search input#searchbutton {
    color: #fff;
}
/*



#searchbox
{
    margin-top: 5px;
    font-size: 10px;
}

#searchbox input
{
    font-size: 10px;
}

#searchbox #searchbutton
{
    margin-left: 5px;
}

#searchbox #searchfield
{
    width: 180px;
}


#searchonsearch
{
    background: white;
    padding: 5px 10px;
    margin-bottom: 20px;
    border: 1px solid silver;
}

#searchonsearch h3
{
    margin: 3px;
    font-size: 13px;
}

#searchonsearch ol li
{
    margin: 2px 0;
}


*/


/**
	3.5 blog content
	TODO: remove unused content
*/



.loginbox
{
    margin: 0 auto;
}

#postnavigation
{
    margin-bottom: 10px;
    text-align: center;
    padding: 3px;
}

#postnavigation a
{
    text-decoration: none;
}

#postnavigation a.previous
{
}

#postnavigation a.next
{
}

/**
	3.6 individual posts
*/

div.post, .mceContentBody
{
    padding: 3px 10px;
    margin-bottom: 20px;
    background-color: white;
    line-height: 17px;
    width: 500px;
    float: left;
    margin-right: 20px;
}

.post .postcontent
{
    width: 100%;
}

div.post h1, .mceContentBody h1
{
    margin: 5px 0 0 0;
}

div.post h1 a
{
    text-decoration: none;
}

div.post .author
{
    color: #666666;
    font-size: 10px;
    float: left;
    text-transform: capitalize;
}

div.post .pubDate
{
    color: #666666;
    font-size: 10px;
    float: right;
}

div.post .text
{
    margin-top: 30px;
}

div.post .text h2
{
}

div.post .text h3
{
    font-size: 11px;
    margin-bottom: -10px;
    padding: 0;
}

div.post .footer
{
    text-align: right;
    border-top: 1px dashed silver;
    padding-top: 4px;
    padding-bottom: 2px;
}

div.post .bottom
{
    margin-bottom: 45px;
}

div.post .categories
{
    margin-bottom: 5px;
    float: right;
}

div.post .tags
{
    float: left;
    margin-bottom: 5px;
}

div.post .text a[href^="http:"]
{
    background: url(../../../pics/remote.gif) right top no-repeat;
    padding-right: 10px;
    white-space: nowrap;
}

/** 
	3.7 Related Posts 
*/

#relatedPosts
{
    float: left;
    margin-left: 50px;
    width: 300px;
}

#relatedPosts div
{
    background: #fff;
    padding: 5px 10px 10px 10px;
}

#relatedPosts h1
{
    margin: 0 0 10px 0;
}

#relatedPosts a
{
    display: block;
    margin-top: 5px;
}

#relatedPosts span
{
    color: #666666;
    text-indent: 10px;
    font-size: 10px;
}

/** 
	3.8 comments 
*/


.comment
{
    border: 1px solid silver;
    background-color: white;
    padding: 3px 10px;
    margin-bottom: 10px;
}

.comment .date
{
    font-size: 10px;
    color: #666666;
    text-align: right;
    margin: 0;
    padding: 3px 0px;
    border-bottom: 1px dashed silver;
}

.comment .author
{
    margin: 0;
    padding: 3px 0px;
    border-top: 1px dashed silver;
}

#commentsWrap
{
    clear: left;
}

#commentlist
{
    float: left;
    width: 300px;
    margin-right: 20px;
}

.self
{
    border: 1px solid black;
}

.comment .gravatar
{
    float: left;
    clear: both;
    margin: 5px 10px 5px 0;
}

.comment .gravatar img
{
    height: 80px;
    width: 80px;
}

.comment .content
{
    min-height: 85px;
    margin: 5px;
    margin-left: 90px;
}

.comment cite
{
    font-family: Monospace;
    font-style: normal;
}

.comment img.flag
{
    position: relative;
    top: 2px;
}

.commentForm
{
    background-color: #FFFFFF;
    padding: 10px;
    width: 320px;
    float: right;
}

.commentForm.hover
{
    background-color: #D8E8FF;
    cursor: pointer;
}

.commentForm label
{
    float: left;
    display: block;
    width: 80px;
    margin-top: 4px;
}

.commentForm input
{
    width: 300px;
}

.commentForm textarea
{
    width: 100%;
    height: 150px;
    border: 1px solid silver;
}

#commentMenu
{
    padding: 0;
    margin: 0;
    clear: both;
}

#commentMenu li
{
    float: left;
    border: 1px solid silver;
    border-bottom: transparent;
    margin: 0;
    list-style: none;
    margin-right: 5px;
    padding: 3px 8px;
    cursor: pointer;
    position: relative;
    top: 2px;
    background: #d8d8d8;
}

#commentMenu li.selected
{
    background: white;
    border-bottom: 1px solid white;
}

#commentPreview
{
    display: none;
    clear: both;
    min-height: 150px;
}

.success
{
    color: green;
    font-weight: bold;
}

.commentForm .bbcode
{
    font-size: 10px;
    float: right;
    position: relative;
    top: 20px;
    padding: 3px;
}

.bbcode a
{
    margin: 1px;
    padding: 1px 3px 1px 3px;
    background: #fff;
    border: 1px solid #ccc;
}

/* comment jquery code */

#comment.hidden
{
    cursor: pointer;
}

#commentlist.hidden
{
    display: none;
}

.commentForm.hidden h1
{
    display: block;
    cursor: pointer;
}

.commentForm.hidden label, .commentForm.hidden input, .commentForm.hidden #commentCompose, .commentForm.hidden .bbcode
{
    display: none !important;
}


/** 
	3.9 homepage posts
*/

.posts .post
{
    background: none;
    border: none;
    float: left;
    line-height: 1.3em;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 272px;
    padding: 0px;
}

.posts .post .postheader
{
    height: 43px;
    margin: 0 auto;
    position: relative;
    width: 230px;
}

.posts .post .postheader h1
{
    border-bottom: 2px solid #B11F23;
    bottom: 12px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 250px;
}

.posts .post .postheader h1 a
{
    text-decoration: none;
    text-align: right;
}

.posts .post .postheader .pubDate
{
    color: #666666;
    font-size: 1em;
    margin: 0;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.posts .post .postwrap
{
    background: transparent url(../../images/pagespecific/content/bg_post1.gif) no-repeat scroll 0 0;
    padding: 20px 0 0;
}

.posts .post .postwrap .postcontent
{
    margin: 10px auto;
    text-align: center;
    width: 200px;
}

.posts .post .postwrap .postcontent .text
{
    height: 350px;
    margin-top: 0;
    overflow: auto;
}

.posts .post.one .postwrap
{
    background-image: url(../../images/pagespecific/content/bg_post1.gif);
}

.posts .post.two .postwrap
{
    background-image: url(../../images/pagespecific/content/bg_post2.gif);
}

.posts .post.three .postwrap
{
    background-image: url(../../images/pagespecific/content/bg_post3.gif);
}

.posts .post.four .postwrap
{
    background-image: url(../../images/pagespecific/content/bg_post4.gif);
}

.posts .post.five .postwrap
{
    background-image: url(../../images/pagespecific/content/bg_post5.gif);
}

.posts .post.six .postwrap
{
    background-image: url(../../images/pagespecific/content/bg_post6.gif);
}

.posts .post.seven .postwrap
{
    background-image: url(../../images/pagespecific/content/bg_post3.gif);
}

.posts .post.eight .postwrap
{
    background-image: url(../../images/pagespecific/content/bg_post1.gif);
}

.posts .post.nine .postwrap
{
    background-image: url(../../images/pagespecific/content/bg_post5.gif);
}

.posts .post .postcontent img
{
}

.posts .post .postcontent .footer, .posts .post .postcontent .bottom
{
    display: none;
}

.posts .post .text
{
    /*     text-align:center;*/
}

#postPaging
{
    float: left;
    clear: left;
}

#postPaging a
{
    color: #B11F23;
    text-decoration: none;
    font-size: 1.3em;
}

/** 
	3.10 recent comments 
*/

ul.recentComments li
{
    padding-bottom: 10px;
    text-transform: none;
}

ul.recentComments li a.postTitle
{
    font-weight: bold;
}

/**
	3.11 Archive
*/

#archive
{
    background-color: white;
    border: 1px solid silver;
    padding: 10px;
}

#archive h1
{
    margin: 0;
    border-bottom: 1px dashed silver;
    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: 70px;
}

#archive .comments
{
    width: 70px;
    text-align: center;
}

#archive .rating
{
    width: 70px;
    text-align: center;
}
/*----------------------------
				Month list
----------------------------*/

ul#monthList
{
    font-weight: bold;
}

ul#monthList ul li
{
    margin-left: 20px;
    font-weight: normal;
}

ul#monthList li.year
{
    cursor: pointer;
}

ul#monthList ul
{
    display: none;
}

ul#monthList ul.open
{
    display: block;
}

/*----------------------------
				 Tag cloud

.tagcloud
{
    margin-bottom: 10px;
    white-space: normal;
}

.tagcloud li
{
    display: inline;
}

.tagcloud a
{
    margin-right: 3px;
    display: inline;
    text-decoration: none;
}

.tagcloud a:hover
{
    color: #3F97FF;
}

.tagcloud a.biggest
{
    font-size: 19px;
}

.tagcloud a.big
{
    font-size: 17px;
}

.tagcloud a.medium
{
    font-size: 14px;
}

.tagcloud a.small
{
    font-size: 12px;
}

.tagcloud a.smallest
{
    font-size: 10px;
}

----------------------------*/
/* other content */

/*----------------------------
					 Calendar
----------------------------*/

#calendarContainer
{
    text-transform: capitalize;
    margin: 0 auto;
}

.calendar
{
    border: none;
    margin: 0 auto;
}

.calendar .weekend
{
    /*background-color: #F1F1F1;*/
}

.calendar .other
{
    color: silver;
}

.calendar a.exist
{
    display: block;
    font-weight: bold;
    /*background-color: #F1F1F1;*/
}

.calendar td
{
    vertical-align: top;
    /*background: white;*/
}

/*----------------------------
					Star rater

.rating
{
    margin-bottom: 10px;
}

.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;
    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;
}

.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;
}

----------------------------*/
/*----------------------------
				Search page
----------------------------*/

#searchpage
{
    margin-bottom: 30px;
}

#searchpage input#q
{
    width: 300px;
}

#searchpage input#comment
{
    clear: both;
}

.searchresult
{
    margin-bottom: 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;
}

/*----------------------------
				Contact page
----------------------------*/

#contact
{
    background: white;
    padding: 10px;
    border: 1px solid silver;
}

#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;
}

/*----------------------------
			Syntax highlighter
----------------------------*/

.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;
}

/*----------------------------
					XFN tags
----------------------------*/

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' );
}


/**
	4.0 Footer 
*/

#footer
{
    background: #fff url(../../images/pagespecific/content/bg_footer.jpg) repeat-x scroll center top;
}

#footer .content
{
	overflow: hidden;
	width: 980px;
	padding: 20px 0;
	margin: 0 auto;
}

#footer .section
{
	float: left;
	width: 160px;
}

/**
	4.1 Footer links
*/


#footer .section ul
{
	list-style-type: none;
	padding: 0;
	margin:0;	
}

#footer a
{
	color: #B11F23;
	text-decoration: none;
}

#footer a:hover,
#footer a:focus
{
	color: #000;
	text-decoration: none;
}

/**
	4.2 Copyright
*/

#footer p
{
	clear: left;
	text-align: right;
}