/* Companion Custom CSS over-rides for [ :: Mint Condition: The Webcomic - Updates Mondays and Thursdays :: ]: ComicPress - 2.9.1.2 */

body {
	margin: 0;
	font-family: 'Arial' , sans-serif;
	font-size: 14px;
	color: #fff;
}

a:link {
	color: #3355ee;
}

a:visited {
	color: #2840ab;
}


.layout-2cvr #section-wrap,
.layout-2cvl #section-wrap {
	width: 700px;
}


#text-8{
        float: left;
}

#text-10{
        float: right;
}

#comicpress_comic_date_widget-3{
        float: right;
        font-size: 13px;
        font-family: comic sans ms;

}

#comicpress_comic_title_widget-3{
        float: left;
        font-size: 13px;
        font-family: comic sans ms;
        font-weight: bold;

}

#comic{
        float: center;
}

#header {width: 900px; 
         height: 168px; 
         background: url('http://www.mintconditioncomic.com/wp-content/uploads/2011/04/headertop.png') top center no-repeat; 
         overflow: hidden;
         float: center;
}


#header h1 a { 
     text-indent: -9999px;
     display: block;
     height: 200px;
     width: 350px;
     margin: 0 auto;
}





#sidebar-aboveheader { width: 880px; 
                       height: 200px;
                       margin: 0 auto; }

#sidebar-right {
	float: right;
	width: 160px;
	padding: 5px;
        margin-top: 100px;
}

#sidebar {
	float: right;
	width: 140px;
	padding: 5px;
        margin-top: 100px;
}


#archive_dropdown-4 {
              float: left;
}

/* POSTS - PAGES */


#page {
	width: 900px;
	margin: 0px auto;
}


#pagewrap-right {
	width: 200px;
	padding: 0;
	margin: 0;
	float: left;	
	overflow: hidden;	
}

#pagewrap-left {
	width: 700px;
	float: left;
	overflow: hidden;
}


#subcontent-wrapper {
	clear: both;
}

#content {
	float: left;
}

	.narrowcolumn {
		width: 140px;
		padding: 0 5px;
		overflow: hidden;
	}
	
	/* add 10px to smaller width layouts */
		.layout-standard .narrowcolumn, .layout-v .narrowcolumn {
			width: 700px;
		}
		
	.widecolumn {
		width: 700px;
		overflow: hidden;
	}
	
	.column_one {
		width: 100%; 
		float: left; 
		padding: 1%; 
	}
	
	.column_two {
		width: 48%; 
		float: left; 
		padding: 1%; 
	}

.post {}

.post-content {
        text-align: left;
        font: 13px "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
        background-image: url();
        background-repeat: repeat-y;
        width: 700px;
}

.post-title {
        font: "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
        width: 450;
}

.home .post-blog .post-foot, 
.page-template-blog-php .post-foot {
	margin-bottom: 40px;
}

.post-image {
}

.post-info {
	padding-top: 5px;
	padding-bottom: 5px;
        padding-left: 10px;        
	font-size: 12px;
        background-image: url(http://www.mintconditioncomic.com/wp-content/uploads/2010/06/blogtitlebg.jpg);
        background-repeat: no-repeat;
        width: 650px;
}

.post-text {
	overflow: hidden;
	display: block;
        text-align: left;
}

.post-author-gravatar {
	float: right;
}

.post-mood {
	float: left;
	margin-right: 2px;
}

.post-calendar-date {
	color: #777;
	font-family: 'Georgia' , serif;
	font-size: 15px;
	font-weight: bold;
	float: left;
	margin-right: 3px;
}

.post-calendar-date .calendar-date {
	height: 50px;
	width: 45px;
	background: url(images/calendar.png) center no-repeat;
	font-family: 'Georgia', serif;
	font-size: 22px;
	font-style: normal;
	color: #000;
	text-align: center;
	line-height: 100%;
	padding: 0 2px 0 0;
}


.post-calendar-date .calendar-date span {
	height: 16px;
	padding: 1px 0 4px 0;
	display: block;
	font-family: 'Verdana', sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
	text-align: center;
}

.postdate {
	font-size: 11px;
}

.entry {
        background-image: url('http://www.mintconditioncomic.com/wp-content/uploads/2010/06/blogentrybg.jpg');
        background-repeat: repeat-y;
        padding-left: 10px;
        padding-right: 30px;
        line-height: 18px;
}

.more-link {
	border-top: 1px dashed #000;
	font-style: italic;
	display: block;
	clear: both;
}

.post-tags {
        background-image: url(http://www.mintconditioncomic.com/wp-content/uploads/2010/06/blogentrybg.jpg);
        background-repeat: repeat-y;
        background-color: #222222;
	font-size: 12px;
        padding-left: 10px;
}

.post .members-only {
	border: 1px dotted #000;
	background: #fafafa;
	padding: 3px;
}

.post .non-member {
	border: 1px dotted #000;
	background: #fafafa;
	padding: 3px;
}

.related_posts {
        background-image: url(http://www.mintconditioncomic.com/wp-content/uploads/2010/06/blogentrybg.jpg);
        background-repeat: repeat-y;
        background-color: #222222;
        padding-left: 10px;

}

.linkpages {
	float: right;
	margin: 5px;
}

/* COMMENT LINK */

.comment-link {
        padding-right: 10px;
	font-weight: bold;
	text-align: right;
        background-image: url(http://www.mintconditioncomic.com/wp-content/uploads/2010/06/blogentrybg.jpg);
        background-color: #222222;
        background-repeat: repeat-y;
}

/* Archive Calendar Template */

.cpcal-image {
	height: 125px;
	width: 125px;
	padding-left: 15px;
}

.cpcal-cals {
	margin: 0 auto;
	padding-left: 5px;
}

.cpcal-month {
	width: 157px;
	padding: 5px 0 5px 5px;
	margin: 0 8px 8px 0;
	float: left;
	border: 1px solid #333333;
	background: #000000;
}

.cpcal-monthtitle {
	width: 154px;
	height: 16px;
	padding: 0 0 5px 0;
	text-align: center;
	font-family: 'Georgia' , serif;
	font-variant: small-caps;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: -1px;
	display: none;
}

.cpcal-dayletter {
	width: 20px;
	height: 15px;
	margin: 0 2px 2px 0;
	display: block;
	float: left;
	text-align: center;
	font-size: 11px;
	line-height: 13px;
	color: #cccccc;
}

.cpcal-day {
	width: 18px;
	height: 13px;
	margin: 0 2px 2px 0;
	display: block;
	float: left;
	text-align: center;
	font-size: 11px;
	color: #666666;
	line-height: 13px;
	border: 1px solid #222222;
}

.cpcal-day a {
	width: 18px;
	height: 13px;
	line-height: 13px;
	display: block;
	font-size: 12px;
	font-weight: bold;
}

.cpcal-day a:hover {
	color: #3366ee;
	background: #000;
}


/* THE MENU */

#menubar-wrapper {
	width: 100%;
	clear: both;
	display: block;
	margin: 0 auto;
	text-transform: uppercase;
	background: #111;
}

.ie #menubar-wrapper {
	zoom: 1; /* IE fix, allows for variable height menu  */
}

.menunav {
	float: right;
	text-align: center;
	color: #3355ee;
}

.menunav a {
	color: #3355ee;
}

.menunav-search {
	float: left;
	padding: 2px;
}

.ie .menunav-search {
	padding-top: 3px;
}


.menunav-rss {
	font-size: 13px;
	line-height: 26px;
	padding: 0 5px;
	float: left;
	display: inline-block;
	overflow: hidden;
	color: #3355ee;
}

.menunav-rss:hover {
	background: #333;
	color: #fff;
}

.menunav-prev, .menunav-next {
	display: inline-block;
	float: left;
}

.menunav-prev a, .menunav-next a {
	font-size: 24px;
	line-height: 25px;
	padding: 0 5px 1px 5px;
	float: left;
	display: inline-block;
	overflow: hidden;
	color: #3355ee;
	font-weight: bold;
}

.menunav-prev a:hover, .menunav-next a:hover {
	color: #fff;
	background: #333;
}

.menu {
	float: left;
}

.menu ul {
	z-index: 100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.menu ul li {
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.menu ul li a {
	display: block;
	padding: 5px 10px;
	text-decoration: none;
}

.menu ul li ul li a {
	text-align: left;
	background: #555; /* background of menu items (default state)*/
}

* html .menu ul li a {
	/*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

/* this is the color of the non-hovered text in the menubar */
.menu ul li a:link, .menu ul li a:visited {
	color: #3355ee;
}

/* color of the sub level non-hovered text */
.menu ul li ul li a:link, .menu ul li ul li a:visited {
	color: #fff;
	font-size: 12px;
}

.menu ul li a.selected {
	/*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background: #888;
	color: #fff;
}

.menu ul li a:hover {
	color: #fff;
	background: #414141; /*background of menu items during onmouseover (hover state)*/
}

/*1st sub level menu*/
.menu ul li ul {
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.menu ul li ul li {
	display: list-item;
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.menu ul li ul li ul {
	top: 0;
}

/* Sub level menu links style */
.menu ul li ul li a {
	font: normal 13px Verdana;
	width: 160px; /*width of sub menus*/
	padding: 5px;
	margin: 0;
}

/* sub level menu hover color */
.menu ul li ul li a:hover {
	color: #fff;
}

/* this is the color of the text in the menubar when its on that page */
.menu .current_page_item a {
	color: #fff !important;
}