/* CSS Document */
body
{
margin:0; 
padding: 20px; 
background:#ddd url(/images/bod_bg_6.gif) repeat;  
}

/* COLUMNS */ 

#content              
{ 
padding: 0px; 
}

#main 
{ 
width:650px; 
float:left; 
background: #fff;
border-right: 0px dotted #ccc; 
padding: 0px 25px 20px 25px; 
background:#fff url("/images/2007_header.png") no-repeat top left;

}

#main img 
{
border: 1px solid #aaa; 
padding: 4px; 
background-color:#fff;
}

#sub 
{ 
width:650px; 
float:left; 
background: #fff;
border-right: 0px dotted #ccc; 
padding: 0px 25px 20px 25px; 
margin: -22px 0px 0px 0px; 
}

#sub img 
{
border: 0px solid #aaa; 
background-color:#fff;
}

#sub p
{
	line-height: 15px;
	font-size: 10px;
}

#head
{
text-align: center;
height: 0px;
}

#prenavcontainer
{
height: 140px;
}

#container
{ 
width: 700px; 
margin:0 auto; 
padding: 0px;
border: 1px solid #ccc; 
background-color:#fff; 
padding:0px;
}

#foot
{ 
clear: both;
margin: 0px 25px 0px 25px;
text-align: justify;
border-top:1px solid #ccc; 
background: #fff;
font-color: #555;
font-size:10px; 
padding:10px 20px 10px 20px; 
}


/* TYPOGRAPHY */

p, blockquote, li, h3, h4
{
	font-family:   Lucida Grande, Arial, Helvetica, Sans-Serif;
	font-size:   0.8em;
	line-height:   1.4em;
	text-align:   left;
	padding-left:   10px;
	padding-right:   10px;
	color:   #333;
	margin-top:  5px;
	margin-bottom:  5px;
	width: 450px
}

small
{
	font-family:   Lucida Grande, Arial, Helvetica, Sans-Serif;
	font-size:   9px;
	letter-spacing:   0.0em;
	line-height:   1.5em;
	color:   #000;
}

blockquote            
{ 
padding:0px; 
padding-bottom:0; 
border:1px solid #eee; 
background:#fff url(/images/body_bg.gif) repeat;  
}

#left p
{
	line-height:   18px;
	font-size:   10px;
	padding-left:   0px;
	padding-right:   0px;
}

#right p
{
	font-family:   Lucida Grande, Arial, Helvetica, Sans-Serif;
	line-height:   18px;
	font-size:   9px;
}

#left
{
	float:   left;
	width:   560px;
	margin-right:   5px;
	padding-top:   5px;
	padding-left:   10px;
	padding-right:   10px;
	border-right:   0px solid gray;
}


#right
{
	float:   right;
	width:   200px;
	margin-left:   5px;
	padding-top:   5px;
	padding-left:   10px;
	padding-right:   10px;
}

#foot
{
	font-family:   Lucida Grande, Arial, Helvetica, Sans-Serif;
	clear:   both;
color: #777;
font-size:   9px;
	margin-top:   0px;
	text-align:   center;
}

a
{
	color:   #777777;
	text-decoration:   none;
	border-bottom:  0px #999 solid;
}

#main a
{
	font-family:   Lucida Grande, Arial, Helvetica, Sans-Serif;
	border:   0px;
	color:   #0c0;
	font-weight:  normal;
	border-bottom:  0px #999 solid;
}

#main a:hover
{
color:   #333;
border-bottom:  0px #555 solid;
}

#sub a:hover
{
color:   #000;
border-bottom:  0px #333 solid;
}

h1
{
font-weight: normal;
text-decoration:none;
font-family: Arial, sans-serif;
font-size: 20px;
margin: 0;
padding-left:   0px;
padding-bottom: 10px;
text-align: left; 
}

h1 a 
{
color:   #111;
text-decoration:   none;
border-bottom:  0px #999 solid;
}

h1 a:hover
{
color:   #333;
}

#head h1
{
font-weight: normal;
text-decoration:none;
font-family: Georgia, Times, Serif;
font-size: 28px;
margin: 0;
padding-left:   0px;
padding-right:   0px;
text-align: left; 
}

#head h1 a 
{
color:   #111;
text-decoration:   none;
border-bottom:  0px #999 solid;
}

#head h1 a:hover
{
color:   #333;
}

#head h2
{
font-weight: normal;
font-family: Verdana, sans-serif;
font-size: 9px;
margin-top: -2px;
margin-bottom: 0;
color: #777;
padding-left:   0px;
padding-right:   20px;
text-align: left; 
}

h3
{
font-weight:   bold;
font-family:   Arial, Lucida Grande;
font-size: 1.0em;
color: #990000;
margin-top:  5px;
margin-bottom:  5px;	
}

h3 a
{
	border:   0px;
	font-weight:   normal;
	font-family:   Arial, Lucida Grande;
	border-bottom:   0px #ffcc00 solid;
}

h4
{
font-weight:   bold;
font-family:   Arial, Lucida Grande;
font-size: 0.8em;
color: #990000;
margin-top:  5px;
margin-bottom:  5px;	
}

h4 a
{
	border:   0px;
	font-weight:   normal;
	font-family:   Arial, Lucida Grande;
	border-bottom:   0px #ffcc00 solid;
}

h5
{
	border:   0px;
	font-weight:   bold;
	font-family:   Arial, Georgia, Times, Serif;
	font-size:   10px;
	color:   #777;
	padding-left:   10px;
	padding-right:   10px;
	text-align:   left;
}

h6
{
	font-weight:   normal;
	font-family:   Lucida Grande, Arial;
	font-size:   9px;
	color:   #777;
padding-top: -10px; 
padding-bottom: 5px; 
	padding-left:   10px;
	padding-right:   10px;
	text-align:   left;
	line-height:   10px;
}

h7
{
font-weight:   bold;
font-family:   Arial, Helvetica, Lucida Grande;
font-size: 0.8em;
color: #990000;
margin-top:  5px;
margin-bottom:  5px;	
}

h8
{
	font-weight:   normal;
	font-family:   Arial;
	font-size:   10px;
	color:   #777;
	padding-left:   5px;
	padding-right:   5px;
	text-align:   left;
}


/* LINKS */
#main a:link                 
{ 
	font-family:   Lucida Grande, Arial, Helvetica, Sans-Serif;
	border:   0px;
	color:   #990000;
	font-weight:  normal;
	border-bottom:  1px dotted #990000;
}

#main a:active
{ 
	font-family:   Lucida Grande, Arial, Helvetica, Sans-Serif;
	border:   0px;
	color:   #990000;
	font-weight:  normal;
	border-bottom:  1px dotted #990000;
}

#main a:visited 
{
	font-family:   Lucida Grande, Arial, Helvetica, Sans-Serif;
	color:   #999;
	text-decoration: none;
	border-bottom:  1px dotted #999;
}

#main a:hover               
{
	font-family:   Lucida Grande, Arial, Helvetica, Sans-Serif;
	border:   0px;
	color:   #123974;
	font-weight:  normal;
	border-bottom:  1px solid #123974;
}

#main h1 a 
{
color:   #000;
border-bottom:  0px #999 solid;
}

#menu a:link,a:active,a:visited,a:hover
{
border-bottom:  0px dotted #990000;
}
#menu a:active
{
color:   #990000;
border-bottom:  0px dotted #990000;
}
#menu a:visited
{
color:   #990000;
border-bottom:  0px dotted #990000;
}
#menu a:hover
{
border-bottom:  0px dotted #990000;
}

#sub a                     
{ 
	font-family:   Lucida Grande, Arial, Helvetica, Sans-Serif;
	border:   0px;
	color:   #111;
	font-weight:  normal;
	border-bottom:  0px #7E2C2C solid;
}

#sub a:hover               
{
	font-family:   Lucida Grande, Arial, Helvetica, Sans-Serif;
	border:   0px;
	color:   #000;
	font-weight:  normal;
	border-bottom:  0px #999 solid;
}

a                     
{ 
	font-family:   Lucida Grande, Arial, Helvetica, Sans-Serif;
	border:   0px;
	color:   #111;
	font-weight:  normal;
	border-bottom:  0px #7E2C2C solid;
}

a:hover               
{
	font-family:   Lucida Grande, Arial, Helvetica, Sans-Serif;
	border:   0px;
	color:   #000;
	font-weight:  normal;
	border-bottom:  0px #999 solid;
}

dt {margin: 20px 0 0;}
dd {margin: 2px 0 0 10px;}
dd p {text-indent: 0 !important;}
dd blockquote {margin-left: 10px;}

/* MISC */
.clear                { clear:both; visibility:hidden; height:0; }
.hide                 { display:none; }
.item                 { margin-bottom:2em; }
.spinner              { vertical-align: -4px; }

.archive
{
	font-family:   Lucida Grande, Arial, Helvetica, Sans-Serif;
	font-size:   9px;
margin: 0px 0px 0px -40px;
	letter-spacing:   0.0em;
	line-height:   1.5em;
	color:   #777;
}


.caps
{
	letter-spacing: 0.1em;
	font-size: 10px;
}

#menu {
   font: 80%/140% Helvetica, Arial, Verdana, sans-serif;
  font-weight:        normal;
  float:              right;
  text-align:         left;
  margin-top:         25px;
  margin-bottom:      0px;
  margin-right:		  0px;
  width:              150px;
  position:           relative;
  padding-bottom:     0;
  padding-top:		  0;
  padding-left:		  10px;
  padding-right:      10px;
}

#menu2 {
   font: 80%/140% Helvetica, Arial, Verdana, sans-serif;
  font-weight:        normal;
  float:              right;
  text-align:         left;
  margin-top:         25px;
  margin-bottom:      0px;
  margin-right:		  0px;
  width:              150px;
  position:           relative;
  padding-bottom:     0;
  padding-top:		  0;
  padding-left:		  10px;
  padding-right:      10px;
}

#content hr
{
	color: #999;
	width: 50%;
	margin-top: 2em;
	margin-bottom: 2em;
}

img.divider
{
	align: center;
	margin-top: 2em;
	margin-bottom: 2em;
}

img
{
border: 0px;
}

/* NAVIGATION  */

#navlist
{
	border-bottom:  1px solid #ccc;
	margin:  0;
	padding-bottom:  19px;
	padding-left:  15px;
}

#navlist ul, #navlist li
{
	display:  inline;
	list-style-type:  none;
	margin:  0;
	padding:  0;
}

#navlist a:link, #navlist a:visited
{
background:#eee url("/images/bod_bg.gif"); 
	border-top:  1px solid #ccc;
	border-bottom:  0px solid #575757;
	border-left:  1px solid #ccc;
	border-right:  1px solid #ccc;
	color:  #000;
	float:  left;
	font-family:  Arial, Helvetica;
	font-size:  0.80em;
	font-weight:  bold;
	line-height:  18px;
	margin-right:  8px;
	padding:  0px 10px 0px 10px;
	text-decoration:  none;
}

#navlist a:link#current, #navlist a:visited#current
{
	background:  #fff;
	border-top:  1px solid #ccc;
	border-bottom:  1px solid #fff;
	border-left:  1px solid #ccc;
	border-right:  1px solid #ccc;
	color:  #000;
}

#navlist a:hover
{
	color:  #000;
}

body.section-1 #navlist li#nav-1 a, 
body.section-2 #navlist li#nav-2 a,
body.section-3 #navlist li#nav-3 a,
body.section-4 #navlist li#nav-4 a
{
	background:  #fff;
	border-bottom:  1px solid #454545;
	color:  #000;
}

#navlist #subnav-1,
#navlist #subnav-2,
#navlist #subnav-3,
#navlist #subnav-4
{
	display:  none;
	width:  90%;
}

body.section-1 #navlist ul#subnav-1, 
body.section-2 #navlist ul#subnav-2,
body.section-3 #navlist ul#subnav-3,
body.section-4 #navlist ul#subnav-4
{
	display:  inline;
	left:  15px;
	position:  absolute;
	top:  95px;
}

body.section-1 #navlist ul#subnav-1 a, 
body.section-2 #navlist ul#subnav-2 a,
body.section-3 #navlist ul#subnav-3 a,
body.section-4 #navlist ul#subnav-4 a
{
	background:  #fff;
	border:  none;
	border-left:  1px solid #999;
	color:  #777;
	font-size:  smaller;
	font-weight:  bold;
	line-height:  10px;
	margin-right:  4px;
	padding:  2px 10px 2px 10px;
	text-decoration:  none;
}

#navlist ul a:hover
{
	color:  #f00 !important;
}



/* Cleaners */
.clear {
	margin: 0;
	padding: 0;
	clear: both;
	}

.clearleft {
	clear: left;
	}

.clearright {
	clear: right;
	}

.justify 
{
	text-align:  justify;
}

.centeralign
{
	text-align:  center;
}

.leftalign
{
	text-align:  left;
}

.setpreview {
	margin: 0 2em 1em 2em;
}
	.setpreview .thumbnail {
		float: left;
		margin-right: 1em;
	}

.rss_archive
{
	font-family:   Lucida Grande, Arial, Helvetica, Sans-Serif;
	font-size:   10px;
	line-height:   18px;
	text-align:   left;
	padding-left:   20px;
	padding-right:   20px;
	color:   #111;
}

.rssMenu 
{
	font-family:   Lucida Grande, Arial, Helvetica, Sans-Serif;
	font-size:   10px;
}


.flickrset {
	text-align: center;
	margin: 0 auto;
}
	.flickrset img {
		margin: 0.5em;
		border: 2px solid black;
	}
	.flickrset img:hover {
		border: 2px solid #F4DF68;
	}

.individual {
	padding: 0 2em;
}

	.individual .image {
		margin: 0.5em auto;
		text-align: center;
	}
	.individual .image img {
	}

	.individual .flickrsetnav {
		text-align: center;
	}
		.individual .flickrsetnav a,
		.individual .flickrsetnav a:link,
		.individual .flickrsetnav a:visited {
			text-decoration: none;
		}
	.individual .setname {
		display: inline;
	}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.DateHeader { background: #f0f0f0; margin-bottom: 20px; margin-top: 10px;}
.DateHeader p { background:url(file:///C|/Documents and Settings/aadvent/My Documents/textpattern/_templates/bloggingpro/images/DateHeaderIco.png) no-repeat left center; padding: 5px 0px 5px 20px; margin: 0px 0px 0px 10px; font-size: 18px; font-family: 'Helvetica'; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.Post {	position: relative; clear: left; width: 450px;}
.Post h1 { font-size: 19px; line-height: 19px; letter-spacing: -1px; font-weight: normal; font-family: 'Arial'; padding: 0px; margin: 0px; display: block;}

.Post h1 a { color: #ff5a00; text-decoration: none;}
.Post h1 a:visited { color: #ff5a00; text-decoration: none;}
.Post h1 a:hover { color: #003399; text-decoration: none;}

.PostHead { padding-left: 40px; }
.PostInfo { padding: 0px; margin: 0px; font-size: 11px; color: #828282;}
.PostInfo em { font-style: normal;}
.PostInfo em a { text-decoration: underline; color: #828282;}
.PostInfo em a:visited { text-decoration: underline; color: #828282;}
.PostInfo em a:hover { text-decoration: underline; color: #828282; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.PostDate { position: absolute; top: 0px; left: 0; text-align: center; margin: 0; padding: 2px 10px 2px 0px; list-style: none; border-right: solid 1px #ccc;}
.PostDate .month { display: block; font-size: 9px; line-height: 9px; color: #999; text-transform: uppercase;}
.PostDate .day { display: block; font-size: 21px; font-family: 'Arial'; font-weight: bold; line-height: 19px; color: #ccc; letter-spacing: -1px;}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.PostContent { padding: 5px 0px 0px 0px;  font-size: 12px; line-height: 16px; border-top: solid 1px #ccc; margin-top: 15px;}
.PostContent p { padding: 0px 0px 0px 0px; font-size: 12px; line-height: 16px;}
.PostContent img { padding: 1px; border: solid 1px #f0f0f0; margin: 0px 15px 15px 0px;}
.PostContent blockquote { padding: 3px 15px; background: #efefef; margin: 5px 0px; color:#993300; border: solid 1px #eeeeee;}
.PostContent blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.PostContent ul { font-size: 11px; padding-left: 12px; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.PostDetails { padding: 0px; margin: 0px; font-size: 11px; display: inline;}
.PostDetails li { padding: 0px; margin: 0px; list-style-type: none; }

.PostDetails .PostCom {}
.PostDetails .PostCom a { padding: 0px 0px 0px 23px; background: url(file:///C|/Documents and Settings/aadvent/My Documents/textpattern/_templates/bloggingpro/images/PostComLeft.png) no-repeat left top; float: left; text-decoration: none; font-size: 11px;}
.PostDetails .PostCom a span{ padding: 4px 15px 3px 5px; display: block; background: url(file:///C|/Documents and Settings/aadvent/My Documents/textpattern/_templates/bloggingpro/images/PostComRight.png) no-repeat right top; float: left; }
.PostDetails .PostCom a span { float: none;}
.PostDetails .PostCom a:hover span{}
.PostDetails .PostCom a:hover { background-position: 0% -23px; text-decoration: none;}
.PostDetails .PostCom a:hover span { background-position: 100% -23px; }

.PostDetails .Tags { background: url(file:///C|/Documents and Settings/aadvent/My Documents/textpattern/_templates/bloggingpro/images/PostDetailsTagsIco.png) no-repeat left center; padding: 5px 0px 5px 20px; margin-left: 0px;}