@charset "utf-8";
/* Markup by Matthew Rochow */
/* http://www.matthewrochow.com */
/* ed87ae logo pink */ 
/* f60498 darker pink for titles + categories,tags */ 


/* f0ff00 yelloq */

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults   links what needs to be the darkest color */
:focus {outline:0}
a:link {color: #000000; text-decoration: underline; }
a:active {color: #000000; text-decoration: underline; }
a:visited {color: #000000; text-decoration: underline; }
a:hover {color: #000000; text-decoration: underline; }
a span {cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
body {background:#000000;color:#000000;font:82.5%/125% Verdana, Arial, Sans-Serif;text-align:justify}
h1, h2 {color:#000000;font:19px/110% Georgia, Garamond, Serif;margin:5px 10px}
img {border:0;vertical-align:bottom}
fieldset {border:0}
p {margin:0 0 1em}

/* Containers */
#page {margin:10px auto 0;width:970px}
#main {background:url(../images/bg.gif) repeat-y right top;overflow:hidden;width:100%}

/* Header   (small line near the header)*/
#logo {margin:0 0 0 0}
#navigation {background:#fff url(../images/menu.gif) repeat-x;height:1%;margin:10px 0 0;padding:7px 0 7px;position:relative}
#navigation ul {list-style:none;overflow:hidden}
#navigation ul li {float:left;padding-left:29px;}
#navigation ul li a {color:#FFF;float:left;height:20px;text-align:center;}
#navigation ul li a span {background:url(../images/menu.png) no-repeat}
#navigation ul li#about a span {background-position:10px 0}
#navigation ul li#press a span {background-position:-73px 0}
#navigation ul li#advertise a span  {background-position:-157px 0}
#navigation ul li#contact a span {background-position:-252px 0}
#navigation ul li#widget a span {background-position:-345px 0}


/* RSS */
 #navigation div {background:url(../images/rss.png) no-repeat;height:51px;position:absolute;right:150px;top:-7px}
 #navigation div span {color:#FFF;display:block;margin:11px 0 0 60px;padding:5px;font-weight:bold}
#navigation div span a  {color:#FFF;text-decoration:underline}
 #navigation div a#rss-btn {height:50px;position:absolute;width:50px}
	
	/* Feedburner */
	#feedburner {position:absolute;right:5px;top:4px}

/* Content*/
#content {display:inline;float:left;margin:5px 0 0 15px;width:551px}
#content #intro  {padding:10px 20px 0;font-size:12px}

	/* Posts */
		/* Structure here is the cards structure */
		#content .post {background:url(../images/content.png) repeat-y -566px 0}
		#content .post div {background:url(../images/content.png) no-repeat right bottom}
		#content .post div div {background:url(../images/content.png) no-repeat -8px 0;overflow:hidden;padding:20px 20px 10px}
		#content .post div div div {background:none;padding:0}

		/* Heading */
		#content .post .title {border:solid #000000;border-width:1px 0;font-size:11px;margin:0 0 10px;padding:5px}
		#content .post .title h1, #content .post .title h2 {margin:0}
		#content .post .comment {float:right}
		
		/* Thumbnail  the thumbnail line */
		#content .post .thumb {border:1px solid #000;float:left;margin:0 10px 0 0}

		/* Read More the line near the read more  */
		#content .post .more {border-top:1px solid #000000;float:right;font-size:10px;position:relative;text-align:right;text-decoration:none;width:384px}
		#content .post .more span {background:url(../images/read-more.gif) no-repeat right top}
		
		/* RSS Feed */
		#content .post div div #rss-feed {border:1px solid #6DCFF6;margin:0 auto 20px;padding:10px 10px 0;width:400px}
		#rss-feed img {float:right;margin:-10px -10px 0 10px}
		
		/* Social Icons */
		#content .post div div .social {clear:both;padding:10px 0}
		.social img {float:left;margin:0 16px 0 0}
		.social span {padding:0 0 0 20px}
		.social span#st {float:left;padding:0;margin:6px 0 0 -20px}
		
		/* Comments */
		#comments {margin:20px 0 0}
		.alt {background:#fff;margin:0;padding:10px}
		.commentlist {padding:0 0 20px;text-align:justify}
		.commentlist li {list-style:none;margin:15px 0 3px;padding:5px 10px 3px}
		.commentlist p {margin:10px 5px 10px 0}
		#commentform p {margin:5px 0}
		.nocomments {margin:0;padding:0;text-align:center}
		.commentmetadata {display:block;margin:0}
		.commentlist li, #commentform input, #commentform textarea {font:0.88em 'Lucida Grande', Verdana, Arial, Sans-Serif}
		.commentlist li {font-weight:bold}
		.commentlist li .avatar {background:#fff;border:1px solid #000000;float:right;padding:2px}
		.commentlist cite, .commentlist cite a {font-style:normal;font-weight:bold}
		.commentlist p {font-weight:normal;line-height:1.5em;text-transform:none}
		#commentform p {font-family:'Lucida Grande', Verdana, Arial, Sans-Serif}
		.commentmetadata {font-weight:normal}
		textarea {overflow:auto;width:100%}
	
/* Sidebar */
#sidebar {display:inline;float:right;margin:10px 20px 0 0;overflow:hidden;width:370px}
#sidebar div {background:#fff;margin:5px 0 0;padding:0 20px 15px}
#sidebar div div {background:none;margin:0;padding:0}
#sidebar h3 {background:#000000;color:#FFF;font-size:14px;margin:0 -10px 5px -10px;padding:5px 10px;width:310px}
#sidebar ul {list-style:none}
#sidebar ul li {margin:2px 0;overflow:hidden;}
#sidebar ul li.cat-item {text-align:right}
#sidebar ul li.cat-item a {float:left}
#sidebar .box {background:#fff;border:1px solid #000000;margin:0 0 10px;height:1%;overflow:hidden;padding:0 10px 10px}

	/* Tip */
	#sidebar #tip {background:#E5E5E5;color:#333;display:block;font-size:14px;margin:0 auto;padding:5px 0;text-align:center;width:300px}
	#sidebar #tip a {color:#000000}

	/* Search */
	#sidebar #search {padding:15px 0 10px 10px}
	#sidebar #search legend {height:0px;font-size:0;line-height:0;overflow:hidden;text-indent:-1000em;width:0px}
	#sidebar #search #s {border:1px solid #CCC;float:left;margin:0 5px 0 0;width:240px}
	
	/* Ads */
	#sidebar .ads {padding:15px 0 12px 20px}
	#sidebar .ads a {background:#000000;border:1px solid #CCC;float:left;margin:0 10px 10px 0;padding:5px}
	#sidebar .ad {padding:10px 0 10px 15px; margin: 0 auto;}
	#sidebar .ads #advertise-here {background:#000000;border:1px solid #AAA;color:#333;clear:both;display:block;float:none;font-size:16px;margin:10px 0 0 70px;padding:5px 0;text-align:center;text-transform:uppercase;width:10em}
	
	/* Suggestion */
	#suggestion {background:#E5E5E5;border:1px solid #CCC;color:#333;display:block;font-size:14px;margin:10px auto;padding:5px 0;text-align:center;width:15em}
	#suggestion a {color:#00386A}

/* Copyright (small line in the footer) */
#copyright {background:#000000 url(../images/footer.gif) repeat-x;color:#fff;padding:20px;text-align:center}
#copyright a {color:#fff}

/* title for ie */
/* #page .post div div .title {height:1%} */