/*
Theme Name: Coffee N Cream
Theme URI: http://templates.arcsin.se/
Version: 1.0
Description: A smooth coffee style layout based on the <a href="http://templates.arcsin.se/">free website template</a> Coffee N Cream.
Author: CSS Design Templates
Author URI: http://templates.arcsin.se/
*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}
a {
	color: #963;
}
a:hover {
	/*color: #C60;*/
	color: #543;
}
body {
	background: #655A46 url('img/bg-2.gif');
	color: #543;
	/*font: normal 62.5% "Lucida Sans Unicode",sans-serif;*/
	font: normal 62.5% Verdana, Helvetica, sans-serif;
	padding-top: 5px;
}
input {
	color: #555;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
h1 {
	font-size: 1.4em;
	margin-bottom: 4px;
}



code {
	background: #FFE;
	border: 1px solid #EED;
	border-left: 6px solid #938262;
	color: #554;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
blockquote {
	background: url('img/quote.gif') no-repeat;
	color: #666;
	display: block;
	font: normal 1.3em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding-left: 28px;
}
h1,h2,h3 {
	color: #654;
	padding-top: 6px;
}

/* misc */
.clearer {
	clear: both;
}
.left {float: left;}
.right {float: right;}
.footer .left, .footer .right {padding: 0 10px;}

/* structure */
#container2 {
	background: #fcfaea url('img/bgright.gif') repeat-y right;
	width: 96%;
	min-width: 780px;
	margin: 0 auto;
	padding-right: 20px;
	z-index: -5;
}

#bodyIE6 #container2 {
	margin-top: -2px;
}

#container {
	background: #fcfaea url('img/bgcontainer2.gif') repeat-y;
	margin: 0 auto;
	width: 100%;
	padding-left: 10px;
}

#bodyIE6 #container {
	padding-top: -2px;
	margin-right: -10px;
}


/* header */
#header {
	background: url('img/bgheader.gif') repeat-x;
	height: 66px;
	margin: 0 auto;
}

#bodyIE6 #header {
	margin-top: -24px;
	width: 100%;
}

/* title */
.title {
	padding: 12px;
}
.title h1 {
	color: #E4DBCF;
	font: normal 3.4em "Lucida Sans Unicode","Trebuchet MS",sans-serif;
}


.title h1 a {
	color: #E4DBCF;
	text-decoration:none;
}

.title h1 a:visited {
	color: #E4DBCF;
	text-decoration:none;
}

.title h1 a:hover {
	color: #E4DBCF;
	text-decoration:none;
}

/* navigation */
.navigation {
	background: #FFF url('img/bgnavigation.gif') repeat-x;
	font: bold 1.2em Verdana,sans-serif;
	height: 44px;
	margin: 0 auto;
	padding: 0 18px;
}
.navigation a {
	color: #543;
	text-decoration: none;
	padding: 3px 4px;
	margin-right: 12px;
	line-height: 44px;
}
.navigation a:hover {
	background: #CEBDA1;
	color: #420;
}
.navigation ul {display: inline;}
.navigation li {float: left; list-style: none;}

/* main */
#main {
	clear: both;
	padding: 0 0 0 28px;
}

#main2 {
	background: transparent url('img/bgsidenav.gif') repeat-y right;
}

/* sub navigation */
.sidenav {
	float: right;
	width: 218px;
	padding-bottom: 20px;
	margin-bottom: -12px;
	height: 100%;
}

.sidenav h1 {
	background: #BCB39F url('img/sidenavh1.gif') repeat-x;
	border-bottom: 1px solid #999;
	border-top: 1px solid #CCC;
	color: #4A4A44;
	font-size: 1.2em;
	height: 22px;
	margin: 0;
	padding-left: 12px;
}
.sidenav ul {
	margin: 0;
	padding: 0;
}
.sidenav li {
	border-bottom: 1px solid #A98;
	border-top: 1px solid #DDC;
	list-style: none;
}
.sidenav li a {
	background: #CCC3AF;
	color: #554;
	display: block;
	padding: 8px 4px 8px 12px;
	text-decoration: none;
}
.sidenav li a:hover {
	background: #D6CCB9;
	color: #654;
}

/* content */
.content {
	padding-top: 12px;
	float: left;
	width: 68%;
}
.content .descr {
	color: #987E57;
	font-size: 1.1em;
	margin-bottom: 6px;
}
.content ul li {
	list-style: url('img/li.gif');
	margin-left: 18px;
}

.content ol li {

	margin-left: 24px;
}
/* footer */
.footer {
	background: #958463 url('img/bgfooter.gif') repeat-x;
	color: #FED;
	font-size: 100%;
	/*line-height: 40px;*/
	margin: 0 auto;
	text-align: center;
	padding: 0.8em 0 0.8em 0;
}
.footer a {
	color: #FFD;
	text-decoration: none;
}
.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}

/* Comments Styling */
#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 1em 0;
background: #fcfaea;
width: 280px;
}

#commentform textarea {
background: #fcfaea;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #fcfaea;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #fcfaea;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #fcfaea;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #fcfaea;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #fcfaea;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}

a img{
border:none;
}

/*post stylng*/
.post{margin:0 0 25px 0;}

.post .info{
	padding: 5px 3px 5px 8px;
	border:1px solid #EDEDE6;
	background-color:#FDFDF6;
	color:#505050;
	font-size: 11px;
}

/* Owen's edits */

#topContainer {
        margin: 0 auto;
	background: red;
}

#bodyIE6 #topContainer {
	/*margin-bottom: -2px;*/
}

#topL {
        background: url("img/bgtopL.gif");
        height: 10px;
        width: 10px;
        float: left;
	position: relative;
	right: 10px;
}

#bodyIE6 #topL {
}

#topC {
        background: url("img/bgtop.gif") repeat-x;
        height: 10px;
        width: 100%;
        float: left;
	position: relative;
	bottom: 10px;

}

#bodyIE6 #topC {
	margin-top: -2px;
}

#topR {
        background: url("img/bgtopR.gif");
        height: 10px;
        width: 10px;
        float: right;
	position: relative;
	bottom: 20px;
	left: 10px;
}

#bodyIE6 #topR {
	margin-top: -2px;
}
#bottomContainer {
        margin: 0 auto;
}

#bodyIE6 #bottomContainer {
	padding-bottom: -25px;
}

#bottomL {
        background: url("img/bgbottomL.gif");
        height: 10px;
        width: 10px;
        float: left;
	position: relative;
	right: 10px;
}

#bodyIE6 #bottomL {
	margin-right: -3px;
}

#bottomC {
        background: url("img/bgbottom.gif") repeat-x;
        height: 10px;
}

#bodyIE6 #bottomC {
	position: relative:
	right: 10px;
}

#bottomR {
        background: url("img/bgbottomR.gif") repeat-x;
        height: 10px;
        width: 10px;
        float: right;
        position: relative;
	left: 10px;
	bottom: 10px;
}

#bodyIE6 #bottomR {
	margin-top: -2px;
}

.slashdigglicious a {
	margin: 0 0.2em;
	text-decoration: none;
}

.slashdigglicious a:hover {
	text-decoration: underline;
}

#adSense1 {
	margin: 16px 0 0 50px;
}
#bodyIE6 #container {
	margin-right: -20px;
}

#bodyIE6 #topContainer {
	margin-bottom: -2px;
}

#bodyIE6 #topC {
	margin-top: -2px;
}

#bodyIE6 #topR {
	position: relative;
	left: 10px;
	margin-top: -2px;
}

#bodyIE6 #header {
	margin-top: -24px;
	width: 100%;
}

#bodyIE6 #title {
	margin-top: 0;
}

#bodyIE6 #bottomL {
	margin-right: -3px;
}

#bodyIE6 #bottomR {
	margin-top: -2px;
}
#bodyIE6 #container {
	margin-right: -20px;
}

#bodyIE6 #topContainer {
	margin-bottom: -2px;
}

#bodyIE6 #topC {
	margin-top: -2px;
}

#bodyIE6 #topR {
	position: relative;
	left: 10px;
	margin-top: -2px;
}

#bodyIE6 #header {
	margin-top: -24px;
	width: 100%;
}

#bodyIE6 #title {
	margin-top: 0;
}

#bodyIE6 #bottomL {
	margin-right: -3px;
}

#bodyIE6 #bottomR {
	margin-top: -2px;
}
#bodyIE7 #container {
}

#bodyIE7 #container2 {
	margin-bottom: 20px;
}

#bodyIE7 #header {
	width: 100%;
	margin-top: -22px;
}

#bodyIE7 #footer {
	margin-bottom: -10px;
}

#bodyIE7 #bottomContainer {
	position: relative;
	top: 10px;
}

#bodyIE7 #bottomR {
	left: 10px;
}
#bodyIE7 #container {
}

#bodyIE7 #container2 {
	margin-bottom: 20px;
}

#bodyIE7 #header {
	width: 100%;
	margin-top: -22px;
}

#bodyIE7 #footer {
	margin-bottom: -10px;
}

#bodyIE7 #bottomContainer {
	position: relative;
	top: 10px;
}

#bodyIE7 #bottomR {
	left: 10px;
}
#bodyIE #header {
	width: 100%;
	margin-top: -22px;
}

#bodyIE #footer {
	margin-bottom: -10px;
}

#bodyIE #bottomContainer {
	position: relative;
	top: 10px;
}

#bodyIE #bottomR {
	left: 10px;
}
#bodyIE7 #container {
}

#bodyIE7 #container2 {
	margin-bottom: 20px;
}

#bodyIE7 #header {
	width: 100%;
	margin-top: -22px;
}

#bodyIE7 #footer {
	margin-bottom: -10px;
}

#bodyIE7 #bottomContainer {
	position: relative;
	top: 10px;
}

#bodyIE7 #bottomR {
	left: 10px;
}