/*
Theme Name:	AW theme 1.5
Theme URI:	http://www.adventurouswench.com/blog/
Description:	A theme with an adventurous streak!
Version:	1.5
Author:		Deanna Keahey
Author URI:	http://www.adventurouswench.com/
*/

/* -------------------------------------------- */
/*  This changes ALL font sizes for everything  */
/* -------------------------------------------- */

* { padding: 0; margin: 0; }  

body {
	   margin: 0;
	   font-family: Verdana, Geneva, Arial, sans-serif;
	   background: #efefdd;   /* pale beige overall pg background */
	   color: #686362;        /* dark grey */
	   font-size: 12px;
       padding: 0px 0 18px 0;
	   line-height: 125%;
        }


/*-------------*/
/* HTML Basics */
/*-------------*/

p {
	    padding-bottom: 10px; }

hr {
	    margin:22px 0;
	    background:#eae9e4;   /* pale beige */
	    color:#eae9e4;       /* same */
	    height:1px;
	    border:0;
	    display: block;
	}	

label {
	    margin:12px 0 0 0;
	    display:block
	}


/*  Commenting out these table styles - they came over from
    Joomla, and I don't think I need them here...
table {
	    display: table;
	    margin:0px 0;
	    width:100%;
	    border-collapse:collapse;
	}	

th {
	    background:#e4e4e4;   
	    text-align:left;
	    width:35%
	}

th, td {
	    padding:4px 7px;
	}

td {
	    background:#f2f2f2;   
	    width:65%;
	}		
*/


small {
	    font-size: 0.95em;
	    background:#eef5e1;   /* pale green */
	    padding:3px 6px;
	}


/* ---------------- */				
/* Float Properties */
/* ---------------- */				

.clearfloat:after {
	    display:block;
	    visibility:hidden;
	    clear:both;
	    height:0;
	    content:".";
	}

.clearfloat {
	    display:inline-block
	}

.clearfloat {
	    display:block
	}

.left { float:left; }

.right { float:right; }

.clear { width: 500px; height: 1px; margin: 0 0 5.0em 0; clear: both; }

.clearj { 
        clear: both; 
        height: 0; 
        margin: 0; 
        padding: 0; }

.rule { background: url('images/hr_tag_sep.gif') no-repeat; }

.flat { margin: 0 0 2.0em 0 !important; }

.whitespace { margin: 0 0 2.5em 0 !important; }


/* ------------- */
/*  Text styles  */
/* ------------- */

p.center { text-align: center !important; }

p.bottom { margin: 0 !important; }

abbr, acronym { border-bottom: 1px dotted #aaa; text-transform: uppercase; cursor: help; }
	
code { color: #090; font-family: Courier, monospace; }

pre { margin: 0 0 1.5em 0; overflow: auto; font-size: 1.3em; clear: both; }
		
.tripnote { font-size: 0.9em; font-style: italic; color: #009900 }
		
.redbold { font-weight: bolder; color: #990000 }
		
.bigredbold { font-size: 1.5em; font-weight: bolder; color: #990000 }

.flickr_blue { color: #007ae4; text-transform: lowercase; }

.flickr_pink { color: #ff2a96; text-transform: lowercase; }

.green { color: #090; }

.red { color: #f00; }

.orange { color: #f40; }

.purple { color: #909; }

.narrow { float:left;
	width:465px;
	}

.bigger {
	font-size:1.1em;
	}

blockquote { 
        font-style: italic; 
        font-weight: normal;
        background-image: url('images/bquote.gif');
        background-repeat: no-repeat;
        background-position: left top;
        clear: both;
        color: #333333; 
        margin: 10px 35px 5px 10px; 
        padding-top: 15px;
        padding-left: 38px; 
        }


/* ------------- */
/*  Link styles  */
/* ------------- */

a {    color: #0066ff;      /* bright blue link color  */
	   text-decoration: underline;
}

a:hover   { color: #f56b19;  /* orange hover color */ 
            text-decoration: underline; 
}

a img {     border: none; 
}

a:focus {   outline: none;
}

a img  {    border: none;
}


/* ----------------------------------------------- */
/*  Alignment styles for image captions in WP 2.6  */
/* ----------------------------------------------- */

.aligncenter,
    div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

.alignleft {
    float: left;
    }

.alignright {
    float: right;
    }


/* ----------- */				
/*  Headlines  */
/* ----------- */				

/*  h1 is the main heading on any page  */

h1 {   color:#445588;
       font-family: Georgia, "Times New Roman", Times, serif;
       font-size: 22px;
       font-weight: bold;
	   letter-spacing: -1px;
       margin: 0 0 0 0; 
       padding: 0 0 0 0; }
	
	h1 a { color: #009900; text-decoration: none; }
/*	h1 a:visited { color: #445588; text-decoration: none; }   */
	h1 a:hover { color: #FFDB25; text-decoration: underline; }
	
	h1.post_head   /* heading on a single post page */
 	{  line-height: 115%;
	   padding: 0px 0 4px 0; }

	h1.page_head   /* heading on a stand-alone page */
 	{  line-height: 115%;
	   padding: 6px 0 12px 0; }

	h1.archive_head   /* heading on a category archive page */
 	{  line-height: 115%;
	   padding: 4px 0 0 2px; }


/*  h2 is used for post titles on multi-post pages  */
/*  h2 is used for sidebar headings (in widgets section)  */
/*  h2.widgettitle overrides link colors in sidebar titles  */
/*  Verdana is first choice PC/Mac text, but Geneva nicer for Mac titles  */

h2 {    font-family: Geneva, "Trebuchet MS", Arial, Verdana, sans-serif;
        font-size: 20px;
	    font-weight: normal;
	    letter-spacing: -1px;
	    line-height: 125%;
	    padding: 0px;
	    margin: 0px;
        color: #009900 }

	h2 a { color: #009900; text-decoration: none; }           
/*	h2 a:visited { color: #445588; text-decoration: none; }   */
	h2 a:hover { color: #FFDB25; text-decoration: underline; }

	h2.archive_post   /* individual post titles on archive page */
 	{  color:#445588;
       font-size: 17px;  
	   line-height: 115%;
	   padding: 2px 0 2px 0; }

	h2.archive_post a { color: #445588; text-decoration: none; }           
	h2.archive_post a:hover { color: #009900; text-decoration: underline; }
	
h3 
{ font-size: 1.5em; text-transform: uppercase; }

/*  h3 masthead is the font in the page subheader - I'm not using it  */

	#masthead h3 
	{ margin: 0 0 0.75em 0; 
	  font-weight: bold; 
	  font-size: 1.8em; 
	  text-transform: none; 
	  color: #FFDB25; 
	  text-align: center; }

	.entry h3 { margin: 2.5em 0 0.5em 0; }
	
	.entry h3.top { margin: 1.5em 0 0.5em 0 !important; }
	
	h3.comments_headers 
        { color: #000000; 
	  font-size: 1.2em; }

/*  h4 is used in the heading info for individual posts  */
h4 {    font: italic 0.9em Georgia, "Times New Roman", Times, serif; 
        color: #888;
        text-decoration: none; 
}

h4 a {  color: #888; 
        text-decoration: none; }	

h4 a:hover { color: #888; 
        text-decoration: underline; }	

	.posts h4 { margin: 0.5em 0 1.0em 0; 
	            padding: 0 0 1.0em 0; 
		    background: url('images/hr_title_sep.gif') 0 100% no-repeat; }


/* ------------------------------------ */
/*  Core layout elements (OLD version)  */
/* ------------------------------------ */

#container 
{ width: 970px; margin: 15px auto 0 auto; overflow: hidden; }
					
    #content_box 
    { width: 970px; text-align: left; float: left; clear: both; }
	
	#content 
	{ width: 518px; padding: 0 12px 0 24px; float: left; }
		

/* ------------------------------------ */
/*  Core layout elements (NEW version)  */
/* ------------------------------------ */

#main-wrapper	{
	width: 970px;
	margin: 7px auto 0px auto;
}

#mainbody-both {
	padding: 0px;
	margin: 0px;
}

.main-top-both {
	height: 11px;
	width: 970px;
}

.main-top-wide {
	height: 11px;
	width: 970px;
}

.main-both	{
	margin: 0px 190px 0px 200px;
}

.main-wide	{
	margin: 0px auto;
	width: 958px;
	position: relative;
}

.bottom-both	{
	height: 11px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.main-top-both {
        background: url(images/top_has_left.png) no-repeat center bottom;
}

#mainbody-both	{
        background: url(images/mid_left_right.png) repeat-y center top;
}

.bottom-both	{
        background: url(images/bot_has_left.png) no-repeat center top;
}
		
/* -------------- */
/*  Page headers  */
/* -------------- */

#masthead {
  width:970px;
	height:215px;
	background:url(images/aw-header-bvi.jpg);
	margin:0 auto;
	font-size:0.7em;
}

#masthead a { 
        display: block; 
        width: 970px; 
        height: 100px; } 
	
	
/* ----------------------------- */	
/*  Top nav bar - match AW shop  */
/* ----------------------------- */	

.menubar {
	width: 100%;
	height: 39px;
	margin: 0px;
	padding: 0px;
	font: 12px/22px "Lucida Grande", Lucida, Verdana, sans-serif;
	background: url(images/navcontainer.gif) repeat-x center top;
}    /* navcontainer image is color band for nav menu */

#navmenu {
	padding: 0px 0px 0px 15px;
	margin: 0px auto;
	position: relative;
	float: none;
	width: 960px;
	background: url(images/navcontainer.gif) no-repeat left top;
}

#navmenu ul {
	float: left;
	list-style: none;
	padding: 0;
	position: relative;
	top: 8px;
}

#navmenu li {
	float: left;
	height: 22px;
	line-height:22px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	background: url(images/nav_norm_l.png) no-repeat bottom left;
}

#navmenu li a {
	float: none;
	height: 22px;
	line-height: 21px;
	text-decoration: none;
	padding-right: 10px;
	margin:0px 0px 0px 10px;
	display: block;
	background: url(images/nav_norm_r.png) no-repeat bottom right;
	color: #fff;
}

div#navmenu li:hover, div#navmenu li.iehover {
  font-weight: normal;
	background: url(images/nav_hover_l.png) no-repeat bottom left;
}

div#navmenu li:hover a, div#navmenu li.iehover a {
  font-weight: normal;
	background: url(images/nav_hover_r.png) no-repeat bottom right;
	color: #335973;
}    /* nav button color 335973 matches header background color */

div#navmenu li.active {
  font-weight: normal;
	background: url(images/nav_active_l.png) no-repeat bottom left;
}

div#navmenu li.active a {
  font-weight: normal;
	background: url(images/nav_active_r.png) no-repeat bottom right;
	color: #FFF;
}    /* nav buttons white when hovered over */

div#navmenu ul ul {
	display: none;
}

#header_img img { display: block; } /* this is really just an IE 6 and 7 hack in disguise */


/* ----------------------------------------------- */
/*  Sidebar structure (NEW) - sb styling is below  */
/* ----------------------------------------------- */
		
#sidebar  /*  old right  */
	{ width: 208px; padding: 0 0 0 0; float: right; 
    background: #FFFBE9; }
	
#leftcol {
	float: left;
	width: 193px;
	padding: 0;
	margin: 0;
}

#leftcol .left-inside {
	margin: 0;
	padding: 0px 10px 0px 10px;
}

#rightcol {
	float: right;
	width: 205px;
}

#rightcol .right-inside {
	margin: 0;
 	width: auto;
	padding: 5px 10px 0px 0px;
}


/* -------------------------- */
/*  Main body content styles  */
/* -------------------------- */

.entry { 
  font-size: 1.1em; 
	line-height: 140%;
}

   .entry ul, .entry ol { margin: 0 0 1.5em 40px; }

   .entry ul { list-style-type: square; }
	
   .entry li { margin: 0 0 0.5em 0; }
		
	.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol 
	{ margin: 0.5em 0 0.5em 30px; }
	
	.entry dl { margin: 0 0 1.5em 0; }
			
	.entry dt { font-weight: bold; margin: 0 0 0.5em 0; }
		
	.entry dd { margin: 0 0 1.5em 20px; }


/* ---------------------------- */
/*  styles for archive entries  */
/* ---------------------------- */

/* Blue bar style for archive entries after the lead */
.archive-blue {
	background:#edf7ff;
	border-bottom:1px solid #bfdfef;
	border-top:1px solid #bfdfef;
	padding:12px;
	margin: 15px 0;
	}

/* Thumbnail images that show in archive blue bars */
.archive-blue img {
	border: 1px solid #516f80;
	float: left;
	margin: 5px 12px 20px 0;
	padding:1px;
	}
	
/* Basic styling for archive excerpt text */
.archive-txt {
    font-size: 1em; 
	line-height: 140%;
	}
	
/* "read more..." or "full article..." link at end of excerpt text */
.read_more {
	margin: 0 0 0 10px;
	}


/*  -------------------------------------------------------*/
/*  After everything else is replaced, can get rid of this */
/*  Original style for archive article excerpt (plain)     */
/*  -------------------------------------------------------*/

.entryarchive { 
  font-size: 1.1em; 
	line-height: 140%;
}
   .entry ul, .entry ol { margin: 0 0 1.5em 40px; }
	
   .entry ul { list-style-type: square; }
	
   .entry li { margin: 0 0 0.5em 0; }
		

/*  styles for image captions in WP 2.6  */

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding: 7px 6px 0 0;
    margin: 6px;
    /* optional rounded corners for browsers that support it */
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
    }

.wp-caption p.wp-caption-text {
    font-size: 0.8em;
    color: #445588;
    line-height: 1.5em;
    padding: 2px 0 5px 0;
    margin: 0;
    }

		
/*  Quotations highlighted in posts  */

.entry blockquote 
	{ font-size: 1.0em; }
	
.entry blockquote.right 
	{ width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: right; }
		
.entry blockquote.left 
	{ width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 15px 0.3em 0 !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: left; }
	
.entry blockquote.right p, .entry blockquote.left p 
	{ margin: 0 !important; line-height: 1.4em !important; }


/*  Advertising blocks embedded in posts (Google AdSense etc.)  */
		
.entry .adright 
	{ margin: 0 0 4px 10px; 
	  float: right; }

.entry .adleft 
	{ margin: 0 10px 4px 0; 
	  float: left; }


/*  Images in posts  */

.entry img 
	{ padding: 0 8px 0 8px;  
	  border: 1px #fff; }

	.entry img.left 
		{ margin: 0.5em 15px 0.5em 0; 
		  float: left; 
		  clear: left; }
		
	.entry img.right 
		{ margin: 0.5em 0 0.5em 15px; 
		  float: right; 
		  clear: right; }
		
	.entry img.center 
		{ display: block; 
		  margin: 0 auto 1.5em auto; 
		  float: none; 
		  clear: both; }
	
	.entry img.off { padding: 0 !important; border: none !important; }
		
	.entry img.stack { clear: none !important; }


/*  Meta data at bottom of posts  */

.tagged { 
        padding: 0.4em 0 0 0; 
        background: url('images/hr_tag_sep.gif') no-repeat; 
        font-size: 0.8em; 
        line-height: 140%; 
        color: #888; 
        clear: both; }

	.tagged a, .tagged a:visited 
	{ padding: 0.25em; color: #333; text-decoration: none; }
	
	.tagged a:hover 
	{ color: #fff; background: #333; text-decoration: none; }
	
	.add_comment 
	{ display: block; padding: 0 0 0 20px; font-weight: bold; float: right; }


/* Navigation for the previous/next links at the top */

.navigation  { 
        width: 500px; 
        font-size: 0.9em; 
        float: left; }	

.previous { padding: 0 20px 0 0; float: left; }
	
.next { float: right; }


/* ---------------- */
/*  Sidebar styles  */
/* ---------------- */

/*  Top level list is the modules/widgets themselves  */

ul.sidebar_list { list-style: none; }

/*  Widget/module styles, with different widths & colors    */
/*  Static modules can be color-coded with s1/s2/s3 classes */
/*  Widgets use their own individual class                  */

ul.sidebar_list li.widget, 
ul.sidebar_list li.linkcat { 
        margin: 0 0 1.1em 0;
        padding: 0 0 0.2em 0;
        position: relative; 
}

ul.sidebar_list li.widget { 
        background: #427392 url(images/box-bottom-173.gif) no-repeat bottom left; }

ul.sidebar_list li.widget_recent_entries { 
        background: #dadacc url(images/box-bottom-173.gif) no-repeat bottom left; }

ul.sidebar_list li.widget_categories { 
        background: #ebebeb url(images/box-bottom-173.gif) no-repeat bottom left; }

ul.sidebar_list li.widget_pages { 
        background: #dadacc url(images/box-bottom-173.gif) no-repeat bottom left; }

ul.sidebar_list li.widgetr { 
        background: #C4D974 url(images/box-bottom-195.gif) no-repeat bottom left; }

ul.sidebar_list li.widgetrs1 { 
        background: #427392 url(images/box-bottom-195.gif) no-repeat bottom left; }

ul.sidebar_list li.widgetrs2 { 
        background: #dadacc url(images/box-bottom-195.gif) no-repeat bottom left; }

ul.sidebar_list li.widgetrs3 { 
        background: #ebebeb url(images/box-bottom-195.gif) no-repeat bottom left; }

ul.sidebar_list li.widget_text { 
        background: #ebebeb url(images/box-bottom-195.gif) no-repeat bottom left; }

ul.sidebar_list li.widget_twitterer { 
        background: #dadacc url(images/box-bottom-195.gif) no-repeat bottom left; }

ul.sidebar_list li.widget_recentcomments { 
        background: #ebebeb url(images/box-bottom-195.gif) no-repeat bottom left; }


/*  Sidebar headers, with different widths and colors  */
/*  S1 = blue, S2 = brown, S3 = grey                   */
	
h2.widgettitle a     
        { color: #666666; text-decoration: none; }

h2.widgettitle a:visited 
        { color: #666666; text-decoration: none; }

h2.widgettitle a:hover 
        { color: #666666; text-decoration: underline; }

li.widget h2, li.linkcat h2, 
li.widgetr h2, li.linkcatr h2 
	{ font-size: 16px;
      font-weight: normal;
      letter-spacing: -1px;
	  text-align: center;
	  margin: 0 0 10px 0; 
	  padding: 8px 0 0 0; 
}

li.widget h2 
	{ color: #fcfcfc;
	  border-bottom: 1px solid #467EA5; 
      background: #427392 url(images/box-top-173.gif) no-repeat scroll top left; }

li.widget_recent_entries h2 
	{ color: #888885;
	  border-bottom: 1px solid #C2C2B8; 
      background: #dadacc url(images/box-top-173.gif) no-repeat scroll top left; }

li.widget_categories h2 
	{ color: #666666;
	  border-bottom: 1px solid #C7C7C7; 
      background: #ebebeb url(images/box-top-173.gif) no-repeat scroll top left; }

li.widget_pages h2 
	{ color: #888885;
	  border-bottom: 1px solid #C2C2B8; 
      background: #dadacc url(images/box-top-173.gif) no-repeat scroll top left; }

li.widgetr h2 
	{ color: #fcfcfc;
	  border-bottom: 1px solid #467EA5; 
      background: #427392 url(images/box-top-195.gif) no-repeat scroll top left; }

li.widgetrs1 h2 
	{ color: #fcfcfc;
	  border-bottom: 1px solid #6D9FC0; 
      background: #427392 url(images/box-top-195.gif) no-repeat scroll top left; }

li.widgetrs2 h2 
	{ color: #888885;
	  border-bottom: 1px solid #C2C2B8; 
      background: #dadacc url(images/box-top-195.gif) no-repeat scroll top left; }

li.widgetrs3 h2 
	{ color: #666666;
	  border-bottom: 1px solid #C7C7C7; 
      background: #ebebeb url(images/box-top-195.gif) no-repeat scroll top left; }

li.widget_text h2 
	{ color: #666666;
	  border-bottom: 1px solid #C7C7C7; 
      background: #ebebeb url(images/box-top-195.gif) no-repeat scroll top left; }

li.widget_twitterer h2 
	{ color: #888885;
	  border-bottom: 1px solid #C2C2B8; 
      background: #dadacc url(images/box-top-195.gif) no-repeat scroll top left; }

li.widget_recentcomments h2 
	{ color: #666666;
	  border-bottom: 1px solid #C7C7C7; 
      background: #ebebeb url(images/box-top-195.gif) no-repeat scroll top left; }


/*  ???  what's this h3 heading & do I need it?  */

div.widget h3, div.widgettable h3,
div.module h3, div.moduletable h3 {
	border-bottom: 1px solid #ececec;
	color: #335973;
	background: url(images/mod_heading.png) no-repeat left center;
}


/*  Paragraph margins in sidebar text  */

	li.widget p { margin: 0 0 1.0em 0; padding: 0 10px; }


/*  Sidebar list styles  */

/*  Unordered list with arrows or bullets  */

li.module ul, li.widget ul, li.linkcat ul 
	{ list-style: none; 
    margin: 0 3px 0 0; 
	  padding: 0 0 6px 0; }

  /*  And children of the list  */		
  li.module ul ul, li.widget ul ul, li.linkcat ul ul
	{ margin: 0 3px 0 0px; }
		
/*  Ordered list with numbers  */

li.module ol, li.widget ol, li.linkcat ol 
	{ margin: 0 3px 0 20px; 
	  padding: 0 0 6px 0; }
			

/*  Sidebar list entries  */

li.module li, li.widget li {
  background: transparent url(images/arrow-blue.gif) no-repeat scroll 0 5px;
	margin: 0;
	padding:0 0 2px 25px;
  white-space: normal; }

li.widget li a, li.widget li a:visited, 
li.linkcat li a, li.linkcat li a:visited 
	{ text-decoration: none; 
    background: none; }		
		
li.widget li a:hover, li.linkcat li a:hover 
	{ text-decoration: underline; 
    color: #0066ff; }  /* keep link color on hover, no orange in sb */
			

/*  Ad blocks in sidebar (AdSense etc, different sizes)  */

.sidead200 
    { margin: 0 3px 0.5em 5px;
      padding: 0 0 8px 0; }  
		
.sidead180 
    { margin: 0 12px 0.5em 12px;
      padding: 0 0 8px 0; }  
		
				
/* -------- */
/*  Footer  */
/* -------- */

#footer 
{ width: 970px; 
  background: #427392 url(images/footer_bottom.gif) no-repeat scroll left bottom; 
  float: left; 
  clear: both; 
  margin: 0px;
  padding: 0px 0px;
  color: #e9f7fe;   /* very pale blue */
  text-align: center;
  font-size: 11px;
  line-height: 16px;
}

#footer p 
{ margin: 0px;
  text-align: center; 
  padding-top: 10px;
  padding-bottom: 16px;
  background:transparent url(images/footer_top.gif) no-repeat scroll left top;
}

    #footer a, #footer a:visited { 
        color: #e9f7fe;   /* very pale blue */
        text-decoration: none; }
		
    #footer a:hover { 
        color: #FFFFFF; 
        text-decoration: underline; }

	
/* --------------- */
/*  Search form    */
/* --------------- */

#searchform {
	width:208px;
	float:right;
	text-align:right;
	padding-top:2px;	
	margin:4px 14px 0 0;
	}

select {
	background:#A1CBE0;         /*  pale blue  */
	border:1px solid #3399cc;   /*  bright blue  */
	width:100%
	}

#submit {
	border:1px solid #000;       /* black */
	background: #1a5d80 url(images/bg_button.gif) repeat-x;   /* bright mid-blue */
	margin-top:12px;
	color:#a4e1ff;               /* light cyan */
	padding:3px;
	display:block
	}

/*  Search field in top nav bar    */

#s {	background:#bfddec;         /*  pale blue  */
	border:none;
	margin:3px 4px 0 0;
	padding:2px;
	width:170px;
	}


/* ---------- */
/*  Comments  */
/* ---------- */

#comments { width: 500px; float: left; clear: both; }

ul#comment_list { 
        list-style: none; margin: 0 0 4.0em 0; border-top: 1px solid #bbb; float: left; }
		
ul#comment_list li.comment { 
        width: 500px; padding: 1.0em 0 0 0; border-bottom: 1px dotted #bbb; float: left; }
			
ul#comment_list li.trackback { 
        width: 470px; 
        padding: 1.0em 15px 0 15px; 
        background: url('images/trackback_bg.gif'); }

/*  Comment person, date, time, # at top of comment  */				
.comment_meta { 
        margin: 0 0 0 0; }
				
.comment_meta strong { 
        font-size: 1.2em; }
					
.comment_time { 
        font: normal 0.9em Verdana, Helvetica, Arial, sans-serif; color: #888; }
			
.comment_num { 
        padding: 0 15px 0 20px; font-weight: bold; font-size: 1.2em; float: right; }
				
.comment_num a, .comment_num a:visited { 
        color: #888; text-decoration: none; }
					
.comment_num a:hover { 
        color: #df0000; text-decoration: none; }
				
.trackback .comment_num { 
        padding: 0 0 0 20px; }
		
.comment .entry { 
        padding: 0 15px; }
			
.comment .entry p { 
        margin: 0 0 0 0; }
	
		
/*---:[ comment form styles ]:---*/

#comment_form { 
         width: 500px; padding: 1.0em 0 0 0; float: left; }

#comment_form p { 
         padding: 0.6em 0; }
	
#comment_form label { 
         padding: 0 0 0 10px; font-size: 1.0em; }

#comment_form .text_input { 
         width: 191px; 
         padding: 3px; 
         color: #444; 
         font: normal 1.1em; 
         border-top: 2px solid #999; 
         border-left: 2px solid #999; 
         border-right: 1px solid #fff; 
         border-bottom: 1px solid #fff; }
		
#comment_form .text_area { 
         width: 321px !important; }
	
#comment_form .text_input:focus { 
         border-top: 2px solid #666; 
         border-left: 2px solid #666; 
         border-right: 1px solid #ddd; 
         border-bottom: 1px solid #ddd; }
	
#comment_form .form_submit { 
	       margin-top:0;
	       color:#000000;     
         padding: 0.4em 4px; 
         background: url('images/submit_bg.gif'); 
         border: 3px double #999; 
         border-top-color: #ccc; 
         border-left-color: #ccc; 
         font: bold 1.1em Georgia, "Times New Roman", Times, serif; 
         cursor: pointer; }
		
#comment_form p.subscribe-to-comments { 
         font-size: 1.1em; }
		
#comment_form p.subscribe-to-comments label { 
         font-size: 0.9em; }