/* Base */
@import url(http://static.typepad.com/.shared:vb207d12:typepad:en_us/themes/common/base-weblog.css);

/* Tip Jar */
@import url(http://static.typepad.com/.shared:vb207d12:typepad:en_us/themes/common/tipjar.css);

/* Portal */

/* Theme */
@import url(http://static.typepad.com/.shared:vb207d12:typepad:en_us/themes/vox/minimalist-white/screen.css);

/* Custom CSS */
html { margin: 0px; padding: 0px; }

body {
	margin: 0px;
	padding: 0px;
	background: #dfe8f9 url('/gradualweb/pagebg.gif') repeat-y center center;
	text-align: center;
	color: #5b6372;
	font: .7em Verdana, Arial, Helvetica, sans-serif;
}


h1, 
.module-mmt-calendar .module-header, 
#gamma .module-header, 
#delta .module-header, 
.date-header, 
.layout-timeline .date-header,
.layout-two-column-right .date-header,
.layout-two-column-left .date-header,
.layout-three-column .date-header{
	font: bold 160% Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 15px 0px;
	color: #fff;
	background: #3d5bc5 url('/gradualweb/bg2.gif') repeat-x;
	padding: 10px;
	text-align: left;
}

h1.special, 
.content-header, 
.module-mmt-calendar .module-header, 
.date-header, 
.layout-timeline .date-header,
.layout-two-column-right .date-header,
.layout-two-column-left .date-header,
.layout-three-column .date-header {
	background: #d74a94 url('/gradualweb/bg3.gif') repeat-x;
	color: #fff;
}

h2,
.layout-artistic .date-header,
.layout-calendar .date-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header,
.module-header
{
	margin: 0px 0px 15px 0px;
	font: bold 160% Verdana, Arial, Helvetica, sans-serif;
}
#body2 h2,
.date-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header,
.module-header
{ 
	background: #3958c4 url('/gradualweb/bg1.gif') repeat-x;
	color: #fff;
	padding: 3px 10px;
	text-align: right;
	border: none;
	text-transform: none;
	letter-spacing: 0;
}
	.module-header a:link, .module-header a:visited,
	.archive-header a:link, .archive-header a:visited {
		color: #fff;
		text-decoration: none;
	}
	
	.module-header a:active, .module-header a:hover,
	.archive-header a:active, .archive-header a:hover {
		text-decoration: underline;
	}

h3, .entry-header {
	font: bold 140% Verdana, Arial, Helvetica, sans-serif;
}
h4 {
	font-weight: bold;
	font-size: 120%;
}
h5 {
	font-weight: bold;
	font-size: 100%;
}
h6 {
	font-weight: bold;
	font-style: italic;
	font-size: 100%;
}

img { border: 0px; }

a:link { color: #3a59c5; }
a:visited { color: #6f86d4; }
a:active, a:hover { color: #d74893; }

blockquote {
	width: auto;
	border-left: solid 8px #c9cfd6;
	padding: 15px;
	background: #f4f6f8;
	font: italic 120% Georgia, Times, 'Times New Roman', serif; 
}


hr { 
	color: #6f7c8c; 
	background: #6f7c8c; 
	height: 1px; 
	padding: 0px; 
	border: 0px;
}

#container {
	margin: 0px auto;
	width: 950px;
	text-align: left;
}

#container-inner {
	padding: 15px;
}

#banner {
	background: #3958c4 url('/gradualweb/headerbg.gif') repeat-x;
	margin-bottom: 15px;
}


#banner a
{
	color: #fff;
}

#banner-header
{
	margin: 0px;  
	padding: 0px;
	background: none; 
	height: auto;
	font: bold x-large Verdana, Arial, Helvetica, sans-serif;
}

#banner-description {
	color: #ECEEF2;
	font-weight: bold;
	font-family: Verdana, Arial,  Helvetica, sans-serif;
}

.layout-artistic #alpha,
.layout-calendar #alpha
{
	width: 315px; 
	margin-right: 15px;
}

.layout-artistic #alpha-inner,
.layout-calendar #alpha-inner,
.layout-timeline #alpha-inner
{
	border: 0;
	padding: 0px;
	background: none;
}

.layout-artistic #beta,
.layout-calendar #beta
{
	width: 590px;
}

.layout-artistic #beta-inner,
.layout-calendar #beta-inner,
.layout-timeline #beta-inner
{
	border: 0;
	padding: 0px;
	background: none;
}

/* in artistic/calendar/timeline layouts, #gamma and #delta are inside #beta */

#beta #gamma, #beta #delta { width: 295px; margin: 15px 0; }
#beta #gamma-inner, #beta #delta-inner { padding: 0; }


/* content */


.entry-footer,
.trackback-footer,
.comment-footer
{
	margin: 0 0 10px;
	border-top: solid 1px #5b6372;
	padding-top: 5px;
	color: #5b6372;
}

/* fixes bug in ie win */
img.image-full
{
	width: 100%;
}


/* modules */

.module-content
{
	color: #5b6372;
	margin-top: 0px;
}

.module-featured-photo { margin-bottom: 5px; }
.module-featured-photo .module-content img { width: 590px; }

.module img,
.module-photo img
{
	border: 1px solid #5b6372;
}

.module-calendar .module-header
{
	color: #5b6372;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.module-recent-photos .module-list-item
{
	width: 70px; /* ie mac fix */
	height: 70px; /* for appearance with varying image border widths */
	margin: 0px;
}


/* moblog1 tweaks */

	.layout-moblog1 #container
	{
		width: 950px;
	}
	
	.layout-moblog1 #pagebody {
		width: 920px; 
		background: url('/gradualweb/mainpic.jpg') right top no-repeat; 
	}

	.layout-moblog1 #alpha
	{
		width: 215px;
		margin-right: 15px;
	}

	.layout-moblog1 #alpha-inner,
	.layout-moblog1 #beta-inner,
	.layout-moblog1 #gamma-inner
	{
		padding: 0px;
		background: none;
	}

	.layout-moblog1 #beta
	{
		width: 435px;
		margin-right: 15px;
		padding-top: 115px;
	}

	.layout-moblog1 #gamma
	{
		width: 240px;
		padding-top: 115px;
	}
	
	.layout-moblog1 .date-header, .layout-moblog2 .date-header {
		background: #62759B url('/gradualweb/bg3.gif') repeat-x;
		color: #fff;
		font-size: 160%;
		text-align: left;
		padding: 10px;
	}

/* moblog2 tweaks */

	.layout-moblog2 #container
	{
		width: 950px;
	}

	.layout-moblog2 #pagebody {
		width: 920px; 
		background: url('/gradualweb/mainpic.jpg') no-repeat; 
	}

	.layout-moblog2 #alpha
	{
		width: 145px;
		margin-right: 5px;
		padding-top: 115px;
	}

	.layout-moblog2 #alpha-inner,
	.layout-moblog2 #beta-inner,
	.layout-moblog2 #delta-inner
	{
		padding: 0px;
		background: none;
	}

	.layout-moblog2 #beta
	{
		width: 430px;
		padding-top: 115px;
	}

	.layout-moblog2 #gamma
	{
		width: 185px;
		background: #fff;
		margin-right: 15px;
	}
	

	.layout-moblog2 #gamma-inner
	{
		padding: 0px 0px 0px 15px;
		background: none;
	}

	.layout-moblog2 #delta
	{
		width: 140px;
		background: #fff;
	}

	.layout-moblog2 .module-photo img { width: 100px; height: auto; }
	
	


/* timeline tweaks */

	.layout-timeline #alpha
	{
		width: 450px; 
		margin-right: 15px;
	}

	.layout-timeline #beta
	{
		width: 455px;
	}
	
	.layout-timeline .module-header {
		font: bold 160% Verdana, Arial, Helvetica, sans-serif;
		margin: 0px 0px 15px 0px;
		color: #fff;
		background: #3d5bc5 url('/gradualweb/bg2.gif') repeat-x;
		padding: 10px;
		text-align: left;
	}


	.layout-timeline #beta #gamma { width: 220px; margin-right: 15px; }
	.layout-timeline #beta #delta { width: 220px; }


/* one-column tweaks */

	.layout-one-column #container
	{
		width: 950px;
	}
	
	.layout-one-column #alpha-inner { padding: 0px; }

/* two-column-left tweaks */

	.layout-two-column-left #container
	{
		width: 950px;
	}

	.layout-two-column-left #pagebody {
		width: 920px; 
		background: url('/gradualweb/mainpic.jpg') top right no-repeat; 
	}

	.layout-two-column-left #alpha
	{
		width: 215px;
		margin-right: 15px;
	}

	.layout-two-column-left #alpha-inner,
	.layout-two-column-left #beta-inner
	{
		border: 0;
		padding: 0px;
		background: none;
	}

	.layout-two-column-left #beta
	{
		width: 690px;
		padding-top: 115px;
	}


/* two-column-right tweaks */

	.layout-two-column-right #container
	{
		width: 950px;
	}

	.layout-two-column-right #pagebody {
		width: 920px; 
		background: url('/gradualweb/mainpic.jpg') no-repeat; 
	}

	.layout-two-column-right #alpha
	{
		width: 690px;
		padding-top: 115px;
		margin-right: 15px;
	}

	.layout-two-column-right #alpha-inner, .layout-two-column-right #beta-inner
	{
		border: 0;
		padding: 0px;
		background: none;
	}

	.layout-two-column-right #beta
	{
		width: 215px;
	}



/* three-column tweaks */

	.layout-three-column #container
	{
		width: 950px;
	}

	.layout-three-column #pagebody {
		width: 920px; 
		background: url('/gradualweb/mainpic.jpg') top right no-repeat; 
	}

	.layout-three-column #alpha
	{
		width: 215px;
		margin-right: 15px;
	}

	.layout-three-column #alpha-inner,
	.layout-three-column #beta-inner,
	.layout-three-column #gamma-inner
	{
		padding: 0px;
		background: none;
	}

	.layout-three-column #beta
	{
		width: 435px;
		margin-right: 15px;
		padding-top: 115px;
	}


	.layout-three-column #gamma
	{
		width: 240px;
		padding-top: 115px;
	}


/* ph=1 */