/*
Theme Name:  Gast
Theme URI:  http: //www.planet-realart.com/wp-themes/gast
Description:  Simple white theme with 2-column grid, sidebar on left.
Version:  1.0
Author:  Shere Chamness
Author URI:  http: //www.planet-realart.com/
Tags:  two-column, fixed-width, palegray bkgd, 
forest, denim, burgundy, putty gradated dividers
*/



* {	margin: 0;
	padding: 0;
	}


/* ~~~~~~~~~~~~~~~~~~~  Begin Structure ~~~~~~~~~~~~~~~~~~~ */
body {
	background: #dfdfdf url('images/bkgtile820.gif') repeat-y center top;
	/* pale gray */
	font:  85% Verdana, Arial, Helvetica, sans-serif;
	color:  #333333;			/* charcoal */
	text-align:  center; 
	}
	
div#page {
	margin: 0 auto;
	padding: 0;
	width:  800px;
	text-align: left;
}

#container {
	position: relative;
	top: 0;
	overflow: visible;
	text-align: left;
	width: 800px;
	height: 100%;
	margin-left: auto;
	margin-right: auto; 	
}

/* ~~~~~~~~~~~~~~~~~~~ COLOR STRUCTURE ~~~~~~~~~~~~~~~~~~~ */

 .new { color: #890130; 
 	font-style: italic; 
 	font-weight: bold; 
 	font-size: 80%; }
 
 .gray { color: #2d2e48; }  /* very dark purplegray */
 
 .palegray { color: #dfdfdf; }  /* was #e1e3e8; bluish */

 .darkgrey { color: #666666; }
 
 .burgund { color: #660021; }  
  
 .denim { color: #326698; } 
 
 .darkdenim { color: #295c8d; }
 
 .midnightdenim { color: #1e4f7e; }   
  
 .putty { color: #dccdaf; } 
  
 .puttydark { color: #a67c51; } 
  
 .forest { color: #002121; }  
  
 .indigo { color: #0d0e2d; } 
  
 .black { color: #000000; } 

	

/* ~~~~~~~~~~~~~~~~~~~ Begin Settings and Classes */
a {
	text-decoration: none;
	color:  #1e4f7e;   /* darkdenim */
	}
	
a:hover {
	color:  #660021;   /* burgund */
	text-decoration: underline;
	}
	
h1 a, h3 a, #sitename {
	color:  #5784B2;   /* darkdenim */
	}
		
h1 a:hover, h2 a:hover, h3 a:hover, #sitename:hover {
	text-decoration: none;
	color:  #660021;   /* burgund */
	}

p { font-size: 1em;
	line-height: 1.5em;
	text-indent: 0;
	margin: 2px 0 8px 0;	}

p.openingquote { 
	font-size: 1em;
	line-height: 1.5em;
	text-indent:  0;
	font-style: italic;
	margin: 2px 0 0 0;	}

p.firstline { 
	font-size: 1em;
	line-height: 1.8em;
	text-indent: 0;
	margin: 2px 0 8px 0;	}
	
h1, h3, h4, h5, h6 {
	font-weight:  bold;
	font-style:  normal;
	font-family:  Georgia, 'Times New Roman', Times, serif;
	color:  #5784b2;   /* denim */
	}
	
h1 {
	font-size:  15px;
	line-height:  20px;
	margin-bottom:  6px;
	}

h2 {
	font-size:  13px;
	line-height:  16px;
	margin-bottom:  5px;
	color: #295c8d;   /* darkdenim */
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	}
	
 .entry h2 {
	font-size:  13px;
	margin-top:  30px;
	}
h2 a { text-decoration: underline; }
h2 a:link { color: #5784b2;   /* denim */ text-decoration: underline; }
h2 a:visited { color: #555;  text-decoration: underline;  }
h2 a:focus { color: #660021; text-decoration: underline;  }  
h2 a:hover { color: #660021; text-decoration: underline;  }

	
h3 {
	font-size:  12px;
	line-height:  14px;
	margin-bottom:  4px;
	}
	
h4, h5, h6 {
	margin-top:  20px;
}

strong { color:  #88244a;/* burgundy */
	font-weight: bold;
	}

em { font-style: italic; }

strong em {  color: #88244a;/* burgundy */
	font-weight: bold; 
	font-style: italic; 
	}
		
.pagetitle {
	font: normal 1em/10px "Lucida Grande", Verdana, Arial, sans-serif;
	text-transform:  uppercase;
	margin-bottom:  10px;
	display:  block;
	margin-top:  -30px;
	}
	
small {
	font-size: 86%;
	color: #660021;   /* burgund */
	line-height:  1.2em;
	}
	
.caps {
	text-transform:  uppercase;
	margin-bottom:  4px;
	display:  block;
}
	
code {
	font:  1em "Courier New", Courier, Fixed;
	}
	
pre {
	font:  1em "Courier New", Courier, Fixed;
	margin:  1.5em;
	padding:  10px;
	background:  #fafafa;
	border:  1px solid #eee;
	}
	
acronym, abbr {
	font-size:  0.9em;
	letter-spacing:  .07em;
	}
	
hr {
	clear:  both;
	width:  95%;
	height:  1px;
	color:  #999999;        /* grey */	
	margin:  1em 0;
	}
	
img {
	border:  1px solid #2d2e48;  /* dark purplegray */
	max-width:  100%;
	}
	
blockquote {
	margin-left: -21px;
	padding-left: 21px;
	background: url(images/quote.gif) no-repeat 0 6px; 
	color: #2d2e48;  /* dark purplegray */
}
	
	.entry cite {
		font-style:  italic;
		font-size:  .9em;
		display:  block;
		margin:  5px 0 0;
		text-align:  right;
		}
		
	.entry cite: before {
		content:  "\2014 \0020";
		}
		
.post ul, .post ol, .post dl {
	margin:  20px 0;
	}
		
.post ul ul , .post ol ol, .post ul ol, .post ol ul, .post dl dl, .post dl ul, .post dl ol {
	margin: 0;
	}
	
	.post li {
		padding: 0 0 5px;
		}
		
		.post ul li {
			background: url(images/icons.gif) no-repeat 0 -141px;
			padding-left:  10px;
			list-style:  none;
			margin-left:  -10px;
		}
		
		.list-numbered ol li 
				{
				margin-left:   20px;
				margin-right:  20px;
				}
		
		.post ol li li {
			margin-left:  10px;
		}
		
		.post li li {
			margin:  0;
		}
		
	.post li h3 {
		margin:  0;
		}
	
		
.post dt {
	font-weight:  bold;
	/*   background: url(images/icons.gif) no-repeat 0 -141px; */
	padding-left:  10px;
	margin-left:  -10px;
}

.post dd {
	padding-left:  10px;
	padding-bottom:  5px;
}
		
.clear { 
	clear:  both;
	height:  0;
	line-height:  0;
	font-size:  1px;
	}
		
.alignleft {
	float: left;
	}
	
.alignright {
	float: right;
	}
	
.aligncenter, div.aligncenter, img.centered {
	display:  block;
	margin-left:  auto;
	margin-right:  auto;
	}


/* ~~~~~~~~~~~~~~~~~~~ Begin Images */	
img.alignleft, .alignleft img {
	margin-right: 10px;
	}
	
img.alignright, .alignright img {
	margin-left: 10px;
	}

.wp-caption, .attachment img {
	text-align:  center;
}

.wp-caption p.wp-caption-text {
	font-size:  .9em;
	color:  #777777;   /* gray */
	margin:  0;
}

.attachment, .caption {
	text-align:  center;
}

.attachment img {
	}


/* ~~~~~~~~~~~~~~~~~~~ Begin Header ~~~~~~~~~~~~~~~~~~~ */	
#header {
	position: absolute; 
	top: 0; 
	left: 0;
	margin: 0; 
	padding: 0; 
	width: 800px; 
	height: 80px;  
	background-color: #ffffff;
	background: url(images/BrianGastLogo05.png) no-repeat top left;
	
}	
/* not used */	
#sitename { 
	position: absolute;
	top: -999em;
	left: -999em;
	display: none; 
	visibility: hidden; 
} 

/* not used for onscreen version:
#branding { position: absolute;
	top: 100px; 
	left: -20px;
	width: 800px; 
	height: 72px;
	padding: 0; 
	margin: 0;
	background: url(images/BrianGastLogo05.png) no-repeat top left;
}*/

/* ~~~~~~~~~~~~~~~~~~~ SEARCH FORM ~~~~~~~~~~~~~~~~~~~ */		
#page #searchform {
	float: left;
	width: 145px
	padding-top: 15px;
	margin-right: 20px;
	z-index: 900;
}
#page #searchform label {
	color: #888888;
	font-size: 8px;
	text-transform: uppercase;
	font-family: Verdana, Arial, sans-serif;
}
		
#s {
	float: left;
	width: 145px;
	height: 14px;
	border: 1px solid #888888;
	background-color: #ffffff;
	font-size: 10px;
	padding: 2px;
}
	
#searchsubmit {           /* little magnifying icon */
	float: right;
	margin-right: 0;
	padding-top: 2px;
	color: #888888;
	font-size: 8px;
	text-transform: uppercase;
	text-decoration: underline;
	
}

/* ~~~~~~~~~~~~~~~~~~~ Nav across top of header ~~~~~~~~~~~~~ */		
#nav {
	padding-top: 100px;
	padding-bottom: 4px; 
	line-height: 1.3em;
	font-size: 1em;  
	font-weight: normal;
	z-index: 200;
}
	
#nav li {
	float: left;
	text-align: left; 
	list-style: none;
	margin-right: 10px;
	line-height: 1.3em; 
	text-decoration: none; 
	padding-bottom: 4px;
}
		
#nav li a {
	color: #e1e3e8;		/* palegray   / was denim blue */
}
			
#nav li a:hover, 
#nav li.current_page_item a, 
#nav li.current_page_parent a {	
	color: #da8833; 			/* brite burgund */
	text-decoration: underline;
}
/* ~~~~~~~~~~~~~~~~~~~ End Header Elements ~~~~~~~~~~~~~~*/

		
/* ~~~~~~~~~~~~~~~~~~~ Begin Content ~~~~~~~~~~~~~~~~~~~ */	
#content {	
	float: right;	
	background-color: #ffffff; /* white */
	width: 548px;
	height: auto;
	min-height: 600px;
	
	margin-top: 90px;
	margin-right: 35px;
	margin-bottom: 25px;
	margin-left: 25px
	
	padding: 0;
	
	text-align: left;	
	color: #222; 
 	font-size: 10px; 
 	line-height: 130%;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	
}

#page #content h1 { margin-top: 10px; margin-bottom: 6px; }

#page #content h2 { margin-top: 2px; margin-bottom: 4px;
	text-transform: normal; 
	font-size: 11px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
	}
	
	.post {
		margin-bottom: 40px;
		}
		
	/* .sticky, .byuser {
		border: 5px solid #f9f9f9 !imporpalegrayt;
		margin: -10px -10px 40px -50px;
		background: url(images/sticky.gif) no-repeat 597px 5px; 
		padding: 5px 5px 5px 45px;
	} */
	
		/*.byuser {
			margin-left: -52px;
			padding-left: 47px;
			/* background: url(images/author.gif) no-repeat 599px 5px; */
		}*/
		
	/*  don't display bubble:
	.bubble  {
		display: block;
		float: left;
		margin: 5px 0 0 -40px;
		background: url(images/comments.gif); 
		width: 30px;
		height: 29px;
		line-height: 19px;
		color: #fff;
		text-align: center;
	}
	
	 .bubble:hover {
		color: #e1e3e8;
	}   */
		
		.entry  {
		}
		
	.navigation {
		min-height: 14px;
		margin: 30px -23px;
		text-transform: uppercase;
		line-height: 10px;
		}
		
	.post .navigation {
		border: 1px solid #660021;
		/* border-width: 1px 0; */
		padding: 9px 0;
	}
	
	.attachment .navigation {
		height: 150px;
	}
		
		.navigation .alignleft a {
			background: url(images/icons.gif) no-repeat 0 -60px;
			padding-left: 22px;
			display: block;
			height: 10px;
			float: left;
		}
		
		.navigation .alignright a {
			background: url(images/icons.gif) no-repeat 100% -30px;
			padding-right: 22px;
			display: block;
			height: 10px;
			float: right;
		}

/* ~~~~~~~~~~~~~~~~~~~ Begin Comments */		
.commentlist {
	margin-top: 20px;
	}
		
.commentlist li {
	list-style: none;
	margin-bottom: 30px;
	/* border-bottom: 3px dotted #336699; */
	}
	
.commentlist li.alt {
	}
	
	.commentmetadata, .comment-author {
		font-size: .9em;
		}
		
		.comment-author {
		}
		
	.avatar {
		float: left;
		display: block;
		margin: 5px 0 0 -42px;
		}

#commentform {
	padding-bottom: 10px;
}
		
#commentform input, 
#commentform textarea {
	width: 147px;
	border: 1px solid #83723d;
	background-color: transparent; /* was #f2f0e2; */
	font-size: 11px;
	padding: 2px 3px 3px;
	}
	
#commentform textarea {
	width: 500px;
	}
			
#commentform #submit {
	width: 150px;
	border: none;
	background: #e1e3e8;
	padding: 0;
	color: #660021;
	font-size: 12px;
	cursor: pointer;
	padding: 2px 0 0 0;
	}
#commentform #submit:hover { color: #326698; text-decoration: underline; }

#commentform label { color: #660021; font-size: 12px; }

/* ~~~~~~~~~~~~~~~~~~~ End Comments / End Content */


/* ~~~~~~~~~~~~~~~~~~~ Begin Sidebar Navigation ~~~~~~~~~~~~~~~~~~~  */
#sidebar {
	float: left;	
	width: 194px;
	min-height: 520px;
	margin: 72px 0 0 0;
	
	padding-left: 0;
	padding-right: 0;
	padding-top: 24px;
	
	color: #2d2e48;	
	font-size: 9px;
	line-height: 1.8em;  
	font-weight: normal; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	 
	background: #ffffff url('images/sidebarVertical05.png') no-repeat top right;
	z-index: 500;
}
	
#sidebar ul {
	font-size: 9px; 
	line-height: 14px; 
	margin-left: 0;
	padding-left: 12px;	
	width: 160px;	
	}
	
#sidebar h4 {
	font-size: 9px;  
	font-weight: bold; 
	color: #1e4f7e;   /* darkdenim */
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	padding-top: 0.7em; 
	padding-left: 0.25em;
}
		
		#sidebar ul ul {
			margin-left: -10px;
			}
			
			#sidebar ul ul ul {
				margin: 0;
				padding: 0;
			}
		
		#sidebar ul li {
			list-style-type: none;
			margin-bottom: 2em;
			}
		
		#sidebar li li {
			margin: 0;
			/* background: url(images/icons.gif) no-repeat 0 -141px; */ 
			padding-left: 6px;
			margin-bottom: 6px;
			}
#sidebar li li a {
	list-style-type: square;
}
			
#sidebar a {
	width: 160px;
	padding-right: 4px;
	color: #333; 
	font-size: 9px; 
	line-height: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	margin-left: 0; 
	padding-left: 0; 
	padding-bottom: 4px; 
}
	
#sidebar a:link { text-decoration: none; font-size: 9px; }
#sidebar a:visited { color: #555; text-decoration: none; font-size: 9px; }
#sidebar a:focus { color: #660021; text-decoration: underline; font-size: 9px; }  
#sidebar a:hover { color: #660021; text-decoration: underline; font-size: 9px; }
			
	#sidebar h4 {
		font-size: 1.3em;
		color: #666666;
		line-height: 1.5em;
		margin: 0 0 6px;
		}
/* ~~~~~~~~~~~~~~~~~~~ End Sidebar ~~~~~~~~~~~~~~~~~~~  */


/* ~~~~~~~~~~~~~~~~~~~ Begin Footer ~~~~~~~~~~~~~~~~~~~  */
#footer {
	clear: both;
	padding-top: 8px;
	padding-left: 2px;
	border-bottom: 10px solid #326698;
	border-left: 2px solid #dfdfdf;
	border-right: 2px solid #dfdfdf;
	
	color: #326698;  /* denim */
	font-size: 10px;
	line-height: 1.5em;
	background-color: #dfdfdf;
	z-index: 400;
	}
	
	#footer .alignright {
		padding-top: 2px;
		padding-right: 2px;
	}
	
	#footer .alignright a {
		display: block;
		float: right;
		text-transform: uppercase;
		height: 10px;
		line-height: 10px;
		padding-top: 3px;
	}
	
	#footer .top {
		padding-right: 15px;
		background: url(images/icons.gif) no-repeat 100% 0;
	}
	
	#footer .rss {
		padding-right: 18px;
		margin-right: 10px;
		background: url(images/icons.gif) no-repeat 100% -90px;
	}
	
	#footer .home {
		padding-right: 18px;
		margin-right: 10px;
		background: url(images/icons.gif) no-repeat 100% -120px;
	}
/* ~~~~~~~~~~~~~~~~~~~ End Footer / End Structure */
			

/* ~~~~~~~~~~~~~~~~~~~ Begin Calendar ~~~~~~~~~~~~~~~~~~~ */
#wp-calendar {
	empty-cells:  show;
	margin:  10px auto 0;
	width:  260px;
	}
	
	#wp-calendar th {
		text-align: center;
		color: #326698; /* denim */
	}
	
#wp-calendar caption {
	text-decoration:  none;
	font-weight: bold;
	font-size: 1.1em;
	text-align:  center;
	width:  100%;
	color: #326698; /* denim */
	}

#wp-calendar #prev a, 
#wp-calendar #next a {
	font-size:  9px;
	}

#wp-calendar #next a {
	padding-right:  10px;
	text-align:  right;
	}

#wp-calendar #prev a {
	padding-left:  10px;
	text-align:  left;
	}

#wp-calendar a {
	text-decoration:  none;
	display:  block;
	}

#wp-calendar th {
	font-style:  normal;
	text-transform:  capitalize;
	}

#wp-calendar td {
	padding:  3px 0;
	text-align:  center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color:  #ede7ba; 
	}
/* ~~~~~~~~~~~~~~~~~~~ End Calendar ~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~  OTHER CLASSES ~~~~~~~~~~~~~~~~~~~  */


img.illus { float: right; padding: 0; margin: 0 0 1em 1em; border: none; }

img.illus2 { float: left; padding: 0; margin: 1em 1em 1em 0; border: none;  }

/*
gast
Shere Chamness
www.planet-realart.com
*/