/*
Theme Name: Roast Custom Theme
Theme URI: 
Description: A theme developed to match the homepage design of Roast CoCo.
Version: 1.0
Author: Sam Dodge
Author URI: svdodge.com
Tags: dark, Roast, simple
*/

/*  Reset  */
* 					{ margin: 0; padding: 0; }
html 				{ overflow-y: scroll; }
html, body			{ height: 100%; }
body 				{ font-size: 62.5%; 
					  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
					  color: #EEE; 
					  /*background-color: #ffeaa8;*/ }

ul 					{ list-style: square inside; }
ol 					{ list-style: decimal inside; }
a 					{ outline: none; text-decoration: none; }
a img 				{ border: none; }

img, div, #topper { behavior: url(/news/iepngfix.htc); } /* For the IE6 PNG fix */


/* Core stuff */
body				{ background: url(style/images/roastbacker2.jpg) repeat; }

.wrap				{ margin: 0 auto; min-width: 960px; width: 960px; }

#topper				{ height: 75px; /*background-color: #101010;*/ background: url(style/images/backlight20.png) repeat; border: 1px solid #202020; }
#bottomer			{ height: 50px; /*font-size: 1.2em;*/ text-align: center; margin-top: 10px;}

#bottomer h5			{ font-size: 1.2em; font-weight: normal; }
#bottomer h6			{ font-size: 1em; font-weight: normal; }
#bottomer a				{ color: #cc6600; }

#socials			{ position: relative; float: right; /* background: url(social.jpg); */ text-indent: -9999px; width: 150px; height: 32px; }
/*#socials a			{ position: absolute; top: 0px; left: 0; width: 250px; height: 40px; background: url(social.jpg) no-repeat; }*/
#usuals				{ float: left; /*background-color: #555;*/ margin-left: 118px; display: inline; }
#webbeams			{ float: left; background: url(style/images/webbeams2.png) no-repeat; width: 108px; height: 42px; }



#blocker			{ height: 75px; }
#blocker2			{ height: 180px; }



#main				{ position: relative; /*background-color: #0d0c0c;*/ height: 480px; background: url(style/images/blogback03.jpg); border: 1px solid #202020; }

#logo				{ background: url(style/images/logo05.png) no-repeat; height: 75px; width: 250px; }


#nav				{ position: absolute; top: -50px; right: 0px; height: 50px; /*background: url(navback.png) no-repeat;*/ color: #eee; padding: 15px 0 0 0; }
#nav li				{ display: inline; font-size: 1.6em; margin-right: 5px; }
.active				{ border-bottom: 2px dotted #d95a16; }

#nav a				{ color: #EEE; /*background-color: #151515;*/ padding: 2px 5px 5px; }
#nav a:hover		{ color: #999; /*background-color: #ddd;*/ border-bottom: 1px solid #333; }

/* Bottomer Stuff */

#soctwit2				{ position: relative; height: 32px; width: 32px; text-indent: -9999px; float: right; margin-right: 5px; }
#socfli2				{ position: relative; height: 32px; width: 32px; text-indent: -9999px; float: right; margin-right: 5px; }
#socface2				{ position: relative; height: 32px; width: 32px; text-indent: -9999px; float: right; margin-right: 5px; margin-left: 5px; }
#socmy2					{ position: relative; height: 32px; width: 32px; text-indent: -9999px; float: right; margin-right: 5px; }
#socyou2				{ position: relative; height: 32px; width: 32px; text-indent: -9999px; float: right; }


#soctwit2 a				{ position: absolute; top: 0px; left: 0px; background: url(style/images/soctwit32.png) no-repeat; height: 32px; width: 32px;  }
#socfli2 a				{ position: absolute; top: 0px; left: 0px; background: url(style/images/socfli32.png) no-repeat; height: 32px; width: 32px;  }
#socface2 a				{ position: absolute; top: 0px; left: 0px; background: url(style/images/socface32.png) no-repeat; height: 32px; width: 32px; }
#socmy2 a				{ position: absolute; top: 0px; left: 0px; background: url(style/images/socmy32.png) no-repeat; height: 32px; width: 32px; }
#socyou2 a				{ position: absolute; top: 0px; left: 0px; background: url(style/images/socyou32.png) no-repeat; height: 32px; width: 32px; }





/*  BLOG-home stuff  */

#blogblock				{ width: 100%; height: 20px; /*background-color: #933;*/ }
#blogbox				{ float: right; height: 440px; width: 685px; margin: 0px 0px 0px; padding-left: 0px; overflow-y: scroll; background: url(style/images/blogbox50.png) repeat; /*background-color: #202020;*/ }
/* #blogbox p				{ margin-bottom: 10px; font-size: 1.2em; } */
/* #blogbox a				{ color: #eee; border-bottom: 1px solid #eee; } */
#blogbump				{ background-color: #555; float: right; width: 25px; height: 440px; background: url(style/images/blogbump50-2.png) no-repeat;}

#blogmaintext			{ width: 640px; height: 420px; padding: 10px 0px 10px;  }
#blogmaintext h2		{ font-size: 2.4em; margin-left: 40px; border-bottom: 2px solid #999; margin-bottom: 20px; }



#blognav				{ float: left; height: 440px; width: 225px; background: url(style/images/blognav50.png) no-repeat top right; color: #ccc; }
#blognav-inner			{ padding: 10px 10px 10px 10px; height: 420px; position: relative; }

#blognav h2				{ color: #ccc; margin-bottom: 4px; font-size: 1.6em; font-weight: normal; }

#blognav-inner a		{ color: #ccc; border-bottom: 1px dashed #d95a16; }
#blognav-inner a:hover	{ border-bottom: 1px solid #d95a16; }
#blognav-top			{ font-size: 3em; border-bottom: 2px solid #ccc; padding-bottom: 4px; margin-left: 0px; line-height: 1em; }
#blognav-cat			{ margin-top: 15px; }
#blognav-arch			{ margin-top: 20px; }
#blognav-search			{ margin-top: 20px; }
#searchform				{ font-size: 1.6em; }
#searchsubmit			{ margin-left: 15px; }
#blognav-aux			{ margin-top: 20px; font-size: 1.2em; position: absolute; bottom: 10px; }
#blognav-rss			{ background: url(style/images/rss14.png) no-repeat 0 50%; padding-left: 19px; }

#blognav-cat li			{ list-style: none; margin-left: 15px; font-size: 1.2em; margin-bottom: 2px; }
#blognav-arch li		{ list-style: none; margin-left: 15px; font-size: 1.2em; margin-bottom: 2px; }
.children				{ font-size: .8em; margin-top: 2px; }

#blognav-header			{ margin-top: 15px; }


/* Post Stuff */

.post					{ font-size: 1.2em; margin-bottom: 40px; }
.post p					{ margin-bottom: 8px; padding: 0 25px 0; }
.post a					{ color: #d95a16; }
.post a:hover			{ border-bottom: 1px solid #d95a16; }

.posttitle				{ margin-bottom: 20px; float: left; }
.posttitle a			{ color: #eee; font-size: 1.6em; border-bottom: 1px dashed #d95a16; }
.posttitle a:hover		{ border-bottom: 1px solid #d95a16; }
.postdate				{ float: right; margin-top: 7px; margin-right: 25px; padding-bottom: 1px; border-top: 1px solid #999; border-bottom: 1px solid #999; }

.postbottom				{ margin-top: 20px; }
.postbottom a			{ color: #999; border-bottom: 1px solid #555; }
.postbottom a:hover		{ border-bottom: 1px solid #999; }




.postdarker				{ color: #999; }



#singlenextprev			{  }

#singlenextprev			{ padding: 8px 200px 8px; margin-bottom: 30px; margin-top: -15px; 
						  color: #eee; font-size: 1.4em; font-weight: bold; }
#singlenextprev	li		{ list-style: none; }
#singlenextprev a		{ color: #eee; font-weight: normal; border-bottom: 1px dashed #eee; }
#singlenextprev a:hover	{ border-bottom: 1px solid #eee; font-weight: normal; }



/* Single Post Stuff */

.single					{ font-size: 1.2em; }
.single p				{ margin-bottom: 8px; padding: 0 25px 0 0; }
.single a				{ color: #d95a16; }
.single a:hover			{ border-bottom: 1px solid #d95a16; }

.singletitle			{ margin-bottom: 20px; margin-left: 25px; font-size: 3em; border-bottom: 2px solid #999; }
.singledate				{ margin-top: 40px; color: #999; margin-left: 25px; }
#singletag				{ font-size: 0.8em; color: #999; margin-top: 6px; margin-left: 25px; }
#singletag a			{ color: #999; border-bottom: 1px dotted #999; }
.singlebottom			{ color: #999; font-size: 0.8em; margin-top: 6px; margin-left: 25px; }



#nextprev				{ padding: 0 25px 0; }
#nextprev li			{ list-style: none; display: inline;  border-top: 1px dotted #999; border-bottom: 1px dotted #999; padding-bottom: 3px; padding-top: 1px; }


/* Comments Stuff */

.compermission			{ margin-top: 25px; margin-bottom: 25px; }
#comments				{ font-size: 1.6em; margin-bottom: 15px; }
#nocomments				{ font-size: 1.6em; margin-bottom: 15px; }

#comlist				{  }
#comlist li				{ border-top: 1px dotted #999; border-bottom: 1px dotted #999; margin-bottom: 5px; width: 400px; font-size: 1em; padding-top: 3px; }
.comtop					{ color: #999; }
.comtop a				{ color: #d96a16; }
.comdate 				{ color: #999; border-bottom: 1px solid #999; }
.comtext				{ margin-top: 10px; }
.comtext p				{ margin-bottom: 10px; font-size: 1.2em; margin-left: 15px; line-height: 1.4em; }

#respond				{ font-size: 1.6em; margin: 20px 0 10px 25px; }
#comloggedin			{ margin-bottom: 10px; }
#comloggedin a			{ color: #d95a16; }

#submit					{ margin-top: 5px; margin-bottom: 20px; }

#author					{ margin-bottom: 5px; }
#email					{ margin-bottom: 5px; }
#url					{ margin-bottom: 5px; }





/*   Utility things   */

.floatleft 				{ float: left; }
.floatright 			{ float: right; }
.clear 					{ clear: both; }