/* Companion Custom CSS over-rides for [ Starcrossed ]: ComicPress - 2.8 */

/* Override CSS for FooBox */
.foobox-inner {
	border-radius: none !important; 
}

/* MAIN BODY FONTS, LINKS, HEADER */

body {
	margin: 0;
	font-family: 'trebuchet ms' , sans-serif;
	font-size: 14px;
	color: #666666;
	background-color: #bababa;
	}
		
a:link	{  
	color: #aaaaaa;
	text-decoration: none;
	}
	
a:visited {
	color: #bababa;
	font-weight:bold;
	}

a:hover {
	color: #666666;
	}

hr {
	border: 0;
	color: #bababa;
	background-color: #bababa;
	height: 1px;
	width: 100%;
	text-align: left;
	}	


/* HEADER */


#header {
	margin: 0px 0px 0px 5px;
	}
	
#header h1 a	{
	color: #ffffff;
 	text-decoration: none;
 	font-family: 'AppleSDGothicNeo-Thin' , sans-serif;
	}		
	
		
/* MENU BAR */	
	
	
#menubar {
	width: 990px;
	text-align: justify;
	text-transform: none;
	}

	
/* CUSTOM MENU BAR */


/* Center menu manually based on items. Pixels will
need to change as more items added. NO auto-
justifying solution found.*/
#menubar-wrapper, {
	/*width: 560px;	*/
	width: 560px;
	text-align: justify;
	text-transform: none;
	background: #000000;
	padding: 5px 0px 5px 0px;
  	margin: 0px auto;
	}
	
.menu	{
	width: 560px;
	margin: 0px auto;
	padding: 30px 0px 60px 0px;
	}

.menu span {
	text-align: justify;
	width: auto;
	}
	
.menu .current_page_item a { color: #c88e52 !important; }

.menu ul li a:link, .menu ul li a:visited {
	text-transform: none;
	color: #bababa;	
	font-size: 18px;
	font-weight: normal;
	font-family: 'AppleSDGothicNeo-Thin' , sans-serif;
	}

.menu ul li a:hover {
	background: none;
	color: #fff;
	}

/* Submenu*/

/* Submenu hover background black */
.menu ul li ul { background: #000; }

/* Full submenu black */
.menu ul li ul li a { background: #000;}	

.menu ul li ul li a:link, .menu ul li ul li a:visited {
	background-color: none;
	color: #bababa;
	font-size: 12px;
	}
	
.menu ul li ul li a:hover {
	background-color: none;
	color: #fff;
	}
		
		
/* PAGE PAGE PAGE - The whole webpage. */


#page {
	width: 1000px;
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: center;
	}

/* PAGE-WIDE: black under all content. Add padding to
push header down from top or up from bottom*/
#page-wide {
	width: 1000px;
	background-color: #000;
	padding: 0px 0px 0px 0px;	
	float: center;
	}

#page-wrap {
	width: 1000px;
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: center;
	}

#pagenav {
	margin-bottom: 0px;
	}

#content-wrapper {
	width: 1000px;
	background: #000;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

/* SUBCONTENT-WRAPPER: Inner white under whole blog */
#subcontent-wrapper {
	width: 950px;
	background: #fff;
	
	/* left margin setting pushing 5px*/	
	
	margin: 0px 0px 0px 5px;
	padding: 20px 20px 20px 20px;
	}


/* SIDEBARS */


/* Sidebar-left */
#sidebar-left {
	width: 175px;
	float: left;
	background-color: #fff;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	}

/* Sidebar-right */
#sidebar-right {
	float: right;
	width: 175px;
	background-color: #fff;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}	


/* BLOG */


/*BLOG COLUMN - Main Column 560px wide left to auto.*/
.narrowcolumn, .column {
	width: 560px;
	background: #fff;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: #00000 0px solid;
	}	
	
.widecolumn {
	width: 950px;
	background: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: #00000 0px solid;
	}	

.blog-title { color: #fff; }

/* BLOG POSTS */
.post .blogindex { 
	width: 560px;
	text-align: justify;
       	padding: 0px 0px 0px 0px; 
       	margin: 0px 0px 0px 0px;
       	background-color: #fff;       	
       	border: #000000 0px solid;
       	-moz-border-radius: 0px;
       	-khtml-border-radius: 0px;
       	-webkit-border-radius: 0px;
       	border-radius: 0px;  
   	}

/*
Controls width of post content for both blog posts
*/

.post-content {
	width: 560px;
	max-width: 100%;
	padding: 0px 0px 0px 0px; 
       	margin: 0px 0px 40px 0px;
	}

/*
Adds the horizantal line between blog post title and
meta data for each post, "by Joel on date" etc.
*/

.post-title {
	font-family: 'AppleSDGothicNeo-Thin' , sans-serif;
	border-bottom:1px solid #bababa;
	padding: 0px 0px 1px 0px; 
       	margin: 0px 0px 4px 0px;	 
	}
	
/*hides author avatar from posts*/
.post-author-gravatar {
	display: none;
	}       	
		
.post-text h2 {
	font-family: 'AppleSDGothicNeo-Thin' , sans-serif;
	font-size: 18px;
 	}

.post-title a {	color: #bababa;}	

.post-title a:hover { color: #666666; }	

	

/*BLOG PAGES - PAGE POSTS*/


.hentry {
	width: 950px;
	padding: 0px 0px 0px 0px; 
       	margin: 0px 0px 0px 0px;
       	background-color: #fff; 
       	border: #000000 0px solid;
       	-moz-border-radius: 0px;
       	-khtml-border-radius: 0px;
      	-webkit-border-radius: 0px;
       	border-radius: 0px;
	}
	
		
.post-page {
	width: 560px;
	padding: 0px 0px 0px 0px; 
       	margin: 0px 0px 0px 0px;
	}
	
.page-text h3 { font-size: 18px; } 
	
/*Have hidden for now.
I can control the visibility and color of page titles.
Nothing else!
Want them all lower case.
Want them font size 18.*/	
.page-title {
	font-family: 'AppleSDGothicNeo-Thin' , sans-serif;
	font-size: 18px;
	color: #000;
	text-transform: lowercase;
	display: none;
	}



/* WIDGETS */

	
.widget {
	color: #666666;
	}
	

/* Twitter Widget Pro styling.
Background color, margins & padding of posts. */

/* Puts a fake <hr> in above the twitter widget
but under the widget title. */
#twitter-4 ul {
	border-top: 1px solid #bababa;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	}

#twitter-4 li {
	background-color:#efefef;
	margin: 0px 0px 4px 0px;
	padding: 3px 3px 3px 3px;
	}

	
.textwidget {
	color: #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

h2.widgettitle {
	font-family: 'AppleSDGothicNeo-Thin' , sans-serif;
	font-weight: normal;
	text-decoration: none;
	font-size: 18px;
	color: #666666;
	}
	
.textwidget {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	}
	
.linkwidget {
	font-size: 12px;
	font-weight: normal;
	}	

#blogheader {
	padding: 0px 0px 0px 0px; 
       	margin: 0px 0px 0px 0px;
	}
	
#sidebar-blog {
	padding: 0px 0px 0px 0px; 
       	margin: 0px 0px 0px 0px;
	}	

#sidebar-underblog {
	padding: 0px 0px 0px 0px; 
       	margin: 0px 0px 0px 0px;
	}

#sidebar-footer {
	width: 950px;
	position: relative;
	background: #ffffff;
	margin: -5px 0px -5px 5px;
	padding: 0px 20px 0px 20px;	
	font-size: 16px;
	font-weight: normal;
	font-family: 'trebuchet ms' , sans-serif;
	text-align: none;
	}

/*SEARCH BOX*/


/*Changes the search bar field.*/
#s-search {
	width: 169px;
	padding: 2px 2px 2px 2px;
	color: #bababa;
	font-family: 'trebuchet ms' , sans-serif;
	font-size: 12px;
	background: #fff;
	border: 1px solid #bababa;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	}

/*Hides the button next to the search bar.*/
#searchform button {
	display: none;
	
/*Changes the button next to the search bar.*/

/*--
	
	background: none;
	color: #fff;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	background:-moz-linear-gradient(0% 0% 0deg, #000, #000, #000 0%);
	background-image:none;
	}

#submit:hover, #searchform button:hover {
	color: #000;
}

--*/


/* Twitter Widget Pro */




/* Next Gen Gallery */
/* Thought CSS override would work but does not. */

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
	text-align: center;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #aaaaaa;
	display:block;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
}
	
/* Footer*/


/*  FOOBOX  */

.foobox-inner {
	background: #000;
	border: 0px solid #bababa;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	}