/*
Theme Name: WashSipsV1
Theme URI: 
Description: AIM Frame theme for WashingtonSips.com
Version: 1.0
Author: Applied Imagination Media
Author URI: 
Tags: fixed width, three columns, valid XHTML, widgets
*/
/* Created 5/04/2010 */

/* MAIN...begin top level "Main" settings include: body, headers, forms, main background */

body
{
  margin: 0 auto;
  padding: 0;
  background-color: #000000;
  background-image: url('images/wasips-background.jpg');
  background-attachment: fixed;
  background-repeat: no-repeat;
  font-family: Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  color: #000000;
}

/* HEADINGS...defines all default Headings styles and states */
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
.postheader, .postheader a, .postheader a:link, .postheader a:visited, .postheader a:hover,
.blockheader .t, .logo-text, .logo-text a,
h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
{
  font-family: 'Arial Black', Arial, Helvetica, Sans-Serif;
  font-style: normal;
  text-decoration: none;
  font-weight: bold;
  font-size: 28px;
  text-align: left;
}

a
{
  text-decoration: underline;
  color: #1B325E;
}

a:link
{
  text-decoration: underline;
  color: #1B325E;
}

a:visited, a.visited
{

  color: #393E37;
}

a:hover, a.hover
{
  text-decoration: none;
  color: #CDA71D;
}

h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
  font-size: 24px;
  color: #000000;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
  font-size: 18px;
  color: #000000;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
  font-size: 18px;
  color: #000000;
  font-weight: normal;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
  font-size: 16px;
  color: #000000;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
  font-size: 14px;
  color: #000000;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
  font-size: 14px;
  color: #000000;
}

/* defines the main screen style setting */
#main
{
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
  cursor:default;
}


/* defines basic CSS funtions and forms */
.cleared
{
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 1px;
}

form
{
  padding: 0 !important;
  margin: 0 !important;
}


/* Start images defining border and margin settings for images in posts and pages */
a img
{
	border: 0;
}

.article img, img.article
{
	margin: 1em;
}

/* end images */

/* Start tables used in articles "posts" or "pages" */

table.position
{
  position: relative;
  width: 100%;
  table-layout: fixed;
}
.article table, table.article
{
	border-collapse: collapse;
	margin: 1px;
	width:auto;
}

.article table, table.article .article tr, .article th, .article td
{
	background-color:Transparent;
}

.article th, .article td
{
	padding: 2px;
	border: solid 1px #696969;
	vertical-align: top;
	text-align:left;
}

.article th
{
	text-align: center;
	vertical-align: middle;
	padding: 7px;
}
/* end article tables */

pre
{
	overflow: auto;
	padding: 0.1em;
}

#mainbackground
{
	position: absolute;
	width: 100%;
	height: 264px;
	left: 0;
	top: 0;
	background-image: url('images/mainbackground.png');
	background-repeat: no-repeat;
	background-color: #ffffff;
	background-attachment: fixed;
}

/* end Main */


/* SHEET...begin sheet layout style defining the "active" web page area where all content styles will appear */
.sheet
{
	position:relative;
	z-index:0;
	margin:0 auto;
	padding: 0;
	width: 960px;  /* default size */
	min-width:31px;
	min-height:31px;
	background-color: #ffffff;
}
/* end sheet layout style */

/* MENU...begin Menu styles -- based on Artisteer's page menu function and the retained "art-menu" allows for easy copy and paste with Artisteer-generated art-menus */
/* menu structure */

.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
  text-align: left;
  text-decoration: none;
  outline: none;
  letter-spacing: normal;
  word-spacing: normal;
}

.art-menu, .art-menu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

.art-menu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background: none;
}

.art-menu li:hover
{
  z-index: 10000;
  white-space: normal;
}

.art-menu li li
{
  float: none;
}

.art-menu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background: none;
}

.art-menu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.art-menu li li:hover>ul
{
  top: 0;
  left: 100%;
}

.art-menu:after, .art-menu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.art-menu, .art-menu ul
{
  min-height: 0;
}

.art-menu ul
{
  background-image: url(images/spacer.gif);
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}

.art-menu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}




div.art-nav-center
{
  position: relative;
  float: right;
  right: 50%;

}

ul.art-menu
{
  position: relative;
  float: left;
  left: 26%;  /* adjust the percentage to center the menu at the top of the page as new pages are added */
}

.firefox2 ul.art-menu
{
  float: none;
}


/* menu structure */

.art-menu
{
  padding: 0 0 0 0;
}

.art-nav
{
  position: relative;
  height: 25px;
  z-index: 100;
}

.art-nav .l, .art-nav .r
{
  position: absolute;
  z-index: -1;
  top: 0;
  height: 25px;
  background-image: url('images/nav.png');
}

.art-nav .l
{
  left: 0;
  right: 0;
}

.art-nav .r
{
  right: 0;
  width: 874px;
  clip: rect(auto, auto, auto, 874px);
}


/* end Menu */

/* begin MenuItem */
.art-menu a
{
  position: relative;
  display: block;
  overflow: hidden;
  height: 25px;
  cursor: pointer;
  text-decoration: none;
}

.art-menu li
{
  margin-right: 0;
  margin-left: 0;
}

.art-menu ul li
{
    margin:0;
    clear: both;
}


.art-menu a .r, .art-menu a .l
{
  position: absolute;
  display: block;
  top: 0;
  z-index: -1;
  height: 75px;
  background-image: url('images/menuitem.png');
}

.art-menu a .l
{
  left: 0;
  right: 0;
}

.art-menu a .r
{
  width: 400px;
  right: 0;
  clip: rect(auto, auto, auto, 400px);
}

.art-menu a .t
{
  margin-right: 10px;
  margin-left: 10px;
  font-size: 14px;
  color: #000000;
  padding: 0 8px;
  margin: 0 0;
  line-height: 25px;
  text-align: center;
}

.art-menu a:hover .l, .art-menu a:hover .r
{
  top: -25px;
}

.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
  top: -25px;
}

.art-menu li:hover a .l, .art-menu li:hover a .r
{
  top: -25px;
}
.art-menu a:hover .t
{
  color: #A5121C;
}

.art-menu li:hover a .t
{
  color: #A5121C;
}

.art-menu li:hover>a .t
{
  color: #A5121C;
}


.art-menu a.active .l, .art-menu a.active .r
{
  top: -50px;
}

.art-menu a.active .t
{
  color: #A5121C;
}
/* end MenuItem */

/* begin MenuSeparator */
.art-nav .art-menu-separator
{
  display: block;
  width: 1px;
  height: 25px;
  background-image: url('images/menuseparator.png');
}
/* end MenuSeparator */

/* begin MenuSubItem */
.art-menu ul a
{
  display: block;
  text-align: center;
  white-space: nowrap;
  height: 20px;
  width: 180px;
  overflow: hidden;
  line-height: 20px;
  background-image: url('images/subitem.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-width: 1px;
  border-style: solid;
  border-color: #D5D9D4;
}

.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
  display: inline;
  float: none;
  margin: inherit;
  padding: inherit;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
}

.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 20px;
  color: #000000;
  margin-right: 10px;
  margin-left: 10px;
  margin:0;
  padding:0;
}

.art-menu ul li a:hover
{
  color: #A5121C;
  border-color: #8E988B;
  background-position: 0 -20px;
}

.art-menu ul li:hover>a
{
  color: #A5121C;
  border-color: #8E988B;
  background-position: 0 -20px;
}

.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
  color: #A5121C;
}

.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
{
  color: #A5121C;
}


/* end MenuSubItem */

/* HEADER...begin Header style */
div.header
{
	margin: 0 auto;
	position: relative;
	z-index:0;
	width: 960px;
	height: 275px;
}

div.header-jpeg
{
	position: absolute;
	z-index:-1;
	top: 10px;
	left: 0;
	width: 960px;
	height: 250px;
	background-image: url('images/wasips-home-banner.png'); /* upload site header file to images/filename.jpg or png if not using logo-name and logo-text in header space */
	background-repeat: no-repeat;
	background-position: center center;  /* adjust position if necessary for design */
}

/* begin Logo text and name styles for header if applicable */
.logo-position
{
	display : none;
	position: absolute;
	left: 50px;
	top: 20px;
	width: 800px;
}

h1.logo-name
{
	display: none;
	text-align: left;
}

h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
{
    font-family:"Arial Rounded MT Bold",Arial, Helvetica, Sans-Serif;
    font-size: 36px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
	padding:0;
	margin:0;
	color: #000000;
}

.logo-text
{
	display: none;
	text-align: left;
}

.logo-text, .logo-text a
{
font-family:"Arial Rounded MT Bold",Arial, Helvetica, Sans-Serif;
font-size: 20px;
font-style: normal;
font-weight: normal;
	padding:0;
	margin:0;
	color: #750000 !important;
}
/* end Logo style */
/* end Header style */


/* POST...begin Post style defining both posts and pages  */
.post /* defines the overall style for a post space */
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:19px;
	min-height:19px;
}

.post-body  /* defines body area where content text and other elements appear */
{
	position: relative;
	z-index: 1;
	padding: 2px 0 10px;
}
/* begin Post Header style */
.post-header
{
	text-decoration:none;
	margin: 0.2em 0;
	padding: 0;
	font-weight:normal;
	font-style:normal;
	letter-spacing:normal;
	word-spacing:normal;
	font-variant:normal;
	text-decoration:none;
	font-variant:normal;
	text-transform:none;
	text-align:left;
	text-indent:0;
	line-height:inherit;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
	color: #000000;
}

.post-header a, .post-header a:link, .post-header a:visited, .post-header a:hover
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 26px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: -1px;
    text-align: center;
	margin:0;
	color: #000000;
}

.post-header a:link
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #000000;
}

.post-header a:visited, .post-header a.visited
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #313131;  /* change color on visited */
}

.post-header a:hover, .post-header a.hovered
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #CFCFCF;  /* change color on hover */
}
/* end Post Header style */

/* begin PostContent */
/* Content Text Font & Color (Default) */

.post-content p 
{
	margin: 0.5em 0;
}

.post-content, .post-content p
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
letter-spacing: 0px;
text-align: left;
margin-left: 0px;
  color: #3B3B3B;
}

.post-content
{
  margin:0;
}
.post-inner
{
  margin:0;
  padding: 0 0 0 10px;
}

/* begin Post Content link styles */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
   font-family: Arial, Helvetica, Sans-Serif;
   text-decoration: underline;
   color: #960000;
}

/* Adds special style to an unvisited link. */
a:link
{
   font-family: Arial, Helvetica, Sans-Serif;
   text-decoration: underline;
   color: #960000;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
   font-family: Arial, Helvetica, Sans-Serif;
   text-decoration: underline;
   color: #737373;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
   font-family: Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   color: #545454;
}

/* end Post Content link styles */
/* begin Post Content list styles */
ol, ul
{
	color: #000000;
	margin:1em 0 1em 2em;
	padding:0;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
}

li ol, li ul
{
	margin:0.5em 0 0.5em 2em;
	padding:0;
}

li 
{
	margin:0.2em 0;
	padding:0;
}

ul
{
	list-style-type: none;
}

ol
{
	list-style-position:inside;
}

.Post li
{
	padding:0px 0 0px 13px;
	line-height:1.2em;
}

.Post ol li, .art-Post ul ol li
{
	background: none;
	padding-left:0;
}

.Post ul li, .Post ol ul li 
{
	background-image: url('images/PostBullets.png'); /* upload bullet image file to theme/images/filename.jpg or png */
	background-repeat:no-repeat;
	padding-left:13px;
}

/* end Post Content list styles */

/* begin post-thumbs style */
.post-thumbs
{
   position: relative;
   float: left;
   left: -10px;
   width: 200px;
   height: 175px;
   padding: 0;
}

/* end post-thumb style */

/* begin post-copy style for use in the content2columns div */
.post-copy
{
   position: relative;
   float: left;
   width: 230px;
   height: 175px;
   padding: 0 10px 0 0;
   overflow: hidden;
}

/* begin post-copy style */

/* begin Post Content block Quote */

blockquote,
blockquote p,
.post-content blockquote p
{
	color:#141414;
font-family: Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-align: left;
}

blockquote,
.post-content blockquote
{
	margin:10px 10px 10px 50px;
	padding:5px 5px 5px 41px;
	background-color:#FFFFFF;
	background-image:url('images/PostQuote.png');  /* upload "quotation mark image" to theme/images/filename.jpg or .png */
	background-position:left top;
	background-repeat:no-repeat;
}

/* end Post Content block Quote */
/* end post content styles */


/* BLOCK...begin Block style for use in sidebars and defined dynamic sidebar areas */
.block
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:15px;
	min-height:15px;
}

.block-body
{
	position: relative;
	z-index: 1;
	padding: 7px;
}

/* begin block-header styles */
.block-header
{
	position:relative;
	z-index:0;
	height: 30px;
	padding: 0 13px;
	margin-bottom: 0px;
}

.block-header .t
{
	height: 30px;
	color: #878787;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    text-align: left;
	white-space : nowrap;
	padding: 0 1px;
	line-height: 30px;	
}

.block-header-tag-icon
{
    height: 30px;
	background-position:left top;
	background-image: url('images/BlockHeaderIcon.png');
	padding:0 0 0 12px;
	background-repeat: no-repeat;
	min-height: 12px;
	margin: 0 0 0 5px;
}

/* end block header style */
/* begin block content styles for content inside sidebars and dynamic block areas */
.block-content
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:1px;
	min-height:1px;
}

.block-content-body
{
	position: relative;
	z-index: 1;
	padding: 13px;
}

.block-content-body
{
	color:#000000;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}

.block-content-body a:link
{
	color: #000000;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}

.block-content-body a:visited, .block-content-body a.visited
{
	color: #000000;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}

.block-content-body a:hover, .block-content-body a.hover
{
	color: #595959;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    text-decoration: underline;
}

.block-content-body ul
{
	list-style-type: none;
	color: #000000;
	margin:0;
	padding:0;
}

.block-content-body li
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    text-decoration: none;
}

/* end Block Content styles */

/* CONTENT LAYOUT...begin sidebar and dynamic block area styles along with content-layout variations for a variety of column widths */

/* begin basic content-layout style defining the basic content area of the sheet not including the header and navigation */
.content-layout
{
	position: relative;
	margin-bottom: 0px;
	width: 100%;
}
/* end basic content-layout style */

/* begin content layout styles for wide columns or templates with fewer sidebars */
.content
{
	position: relative;
	margin: 0;
	padding: 0 15px 0 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 70%
}

.content2columns
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 50%
}

.content-wide
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 100%;
}
/* end wide layout styles */

/* begin content layout styles for fixed or % width sidebars */

.sidebar-left
{
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
	width: 25%;
        min-height: 1%;
}

.sidebar-right
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 25%;
}

/*  begin front page featured wine middle sidebar  */
.front-feature
{
  position: relative;
  float: left;
  width: 55%;
  height: 60px;
  background-color: #ffffff;
  z-index: 100;
}


/*  end front page featured wine middle sidebar */

/* end sidebar and dynamic block area styles */

/* FOOTER...begin Footer style section */
.footer
{
	position:relative;
	z-index:0;
	overflow:hidden;
	width: 960px;
	margin: 5px auto 0px auto;
}

.footer .footer-inner
{
	height:1%;
	position: relative;
	z-index: 0;
	padding: 8px;
	text-align: center;
}

.footer .footer-background
{
	position:absolute;
	z-index:-1;
	background-repeat:no-repeat;
	/*background-image: url('images/Footer.png');*/
	width: 960px;
	height: 150px;
	bottom:0;
	left:0;
}

.footer .footer-text p
{
	margin: 0;
}

.footer .footer-text
{
	display:inline-block;
	color:#000000;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
}

.footer .footer-text a:link
{
	text-decoration: none;
	color: #757575;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.footer .footer-text a:visited
{
	text-decoration: none;
	color: #8F8F8F;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}

.footer .footer-text a:hover
{
	text-decoration: none;
	color: #e31c1c;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
/* end Footer */

/* begin PageFooter */
.page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover
{
	font-family:Arial;
	font-size:10px;
	letter-spacing:normal;
	word-spacing:normal;
	font-style:normal;
	font-weight:normal;
	text-decoration:underline;
	color:#ffffff;
}

.page-footer a:visited
{
	color:#dad6d6;
}
.page-footer a:hover
{
   color:#e31c1c;
}

.page-footer
{
	margin:1em;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
}
/* end Page Footer style */

/* COMMENTS...begin comment styles for comment areas */

.commentlist, .commentlist li
{
	background: none;
}

.commentlist li li
{
	margin-left:30px;
}

.commentlist li .avatar
{
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	margin:1px;
	background: #fff;
}

.commentlist li cite
{
	font-size:1.2em;
}

#commentform textarea
{
	width: 100%;
}

img.wp-smiley
{
	border:none;
	margin:0;
	padding:0;
}
/* end comment style */


/* BUTTON...begin Button styles -- based on Artisteer-generated buttons */
/* begin Button */
.art-button-wrapper .art-button
{

  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-align: left;
  text-decoration: none !important;
  color: #000000 !important;
  width: auto;
  outline: none;
  border: none;
  background: none;
  line-height: 21px;
  height: 21px;
  margin: 0;
  padding: 0 5px !important;
  overflow: visible;
  cursor: pointer;
  z-index: 0;
}

.art-button img, .art-button-wrapper img
{
  margin: 0;
  vertical-align: middle;
}

.art-button-wrapper
{
  vertical-align: middle;
  display: inline-block;
  position: relative;
  height: 21px;
  overflow: hidden;
  white-space: nowrap;
  width: auto;
  margin: 0;
  padding: 0;
  z-index: 0;
}

.firefox2 .art-button-wrapper
{
  display: block;
  float: left;
}

input, select, textarea, select
{
  vertical-align: middle;

}

.art-block select 
{
    width:96%;
}

.art-button-wrapper.hover .art-button, .art-button:hover
{
  color: #ffffff!important;
  text-decoration: none !important;
}

.art-button-wrapper.active .art-button
{
  color: #000000 !important;
}

.art-button-wrapper .l, .art-button-wrapper .r
{
  display: block;
  position: absolute;
  z-index: -1;
  height: 63px;
  margin: 0;
  padding: 0;
  background-image: url('images/button.png');
}

.art-button-wrapper .l
{
  left: 0;
  right: 4px;
}

.art-button-wrapper .r
{
  width: 409px;
  right: 0;
  clip: rect(auto, auto, auto, 405px);
}

.art-button-wrapper:hover .l, .art-button-wrapper:hover .r
{
  top: -21px;
}

.art-button-wrapper.active .l, .art-button-wrapper.active .r
{
  top: -42px;
}

.art-button-wrapper input
{
  float: none !important;
}
/* end Button styles */


/* MORE...begin additional style elements including recommended alignments, navigation, wp-calendar, wp-captions and other styles */

/* MORE...begin additional style elements including recommended alignments, navigation, wp-calendar, wp-captions and other styles */

.navigation
{
	display: block;
	text-align: center;
}


/* Recommended by http://codex.wordpress.org/CSS */
/* Begin alignment styles */
.aligncenter, div.aligncenter, .art-article .aligncenter img, .aligncenter img.art-article, .aligncenter img, img.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft
{
	float: left;
}

.alignright
{
	float: right;
}

.alignright img, img.alignright
{
	margin: 1em;
	margin-right: 0;
}

.alignleft img, img.alignleft
{
	margin: 1em;
	margin-left: 0;
}
/* end alignment styles */

/* begin WordPress Caption styles for captions attached to posts and pages */
.wp-caption
{
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img
{
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text
{
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* end WordPress caption styles */

.hidden /* hide an element that you want to include but not show on screen, for instance a definition that's useful for SEO */
{
	display: none;
}

/* begin WordPress Calendar style */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
}

#wp-calendar caption {
	text-align: center;
	width: 100%;
}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}

.gallery {
    letter-spacing: normal;
}
/* end WordPress calendar styles */

/* METADATA boxes and icons...begin PostMetadata styles generated by Artisteer Note: to use these styles, as well as other Artisteer-generated elements such as buttons, menus or rounded boxes, the image files must be uploaded from the generated theme file */

/* begin PostMetadata for the post header */
.art-PostMetadataHeader
{
	padding:1px;
	background-color: #ffffff;
	border-color: #000000;
    border-style: solid;
    border-width: 1px;
	display: none; /* this display none element can be removed in order to show the PostMetadataHeader box */
}
/* end PostMetadata  */

/* begin PostIcons for the post header */
.art-PostHeaderIcons
{
	padding:1px;
}

.art-PostHeaderIcons, .art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
	color: #2F332E;
}

.art-PostHeaderIcons a, .art-PostHeaderIcons a:link, .art-PostHeaderIcons a:visited, .art-PostHeaderIcons a:hover
{
	margin:0;
}

.art-PostHeaderIcons a:link
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
	color: #8d8c8c;
}

.art-PostHeaderIcons a:visited, .art-PostHeaderIcons a.visited
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
	color: #4A5148;
}

.art-PostHeaderIcons a:hover, .art-PostHeaderIcons a.hover
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
	color: #db0707;
}
/* end PostIcons */

/* begin post metadata for the post footer */
.art-PostMetadataFooter
{
	padding:1px;
	background-color: #ffffff;
	border-color: #000000;
    border-style: solid;
    border-width: 1px;
	display: none; /* this display none element can be removed in order to show the PostMetadataFooter box */
}
/* end PostMetadata */

/* begin PostIcons for the post footer */
.art-PostFooterIcons
{
	padding:1px;
}

.art-PostFooterIcons, .art-PostFooterIcons a, .art-PostFooterIcons a:link, .art-PostFooterIcons a:visited, .art-PostFooterIcons a:hover
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-decoration: none;
	color: #8d8c8c;
}

.art-PostFooterIcons a, .art-PostFooterIcons a:link, .art-PostFooterIcons a:visited, .art-PostFooterIcons a:hover
{
	margin:0;
}

.art-PostFooterIcons a:link
{
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
	color: #8d8c8c;
}

.art-PostFooterIcons a:visited, .art-PostFooterIcons a.visited
{
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
	color: #4A5148;
}

.art-PostFooterIcons a:hover, .art-PostFooterIcons a.hover
{
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
	color: #db0707;
}
/* end PostIcons for the post footer */
/* end Metadata styles generated in Artisteer */

/* CUSTOM...AIM custom styles begin here */

/* begin front page blog header style */
.front-blog-header h3
{
   text-align: left;
   padding: 15px 0 0 12px;
}
/* end front page blog header */

/* begin vertical navigation list container style without bullets */
#navcontainer ul  
{
margin: 0;
padding: 0;
list-style-type: none;
}
#navcontainer li { margin: 0 0 .2em 0; }

#navcontainer a 
{
display: block;
color: #8bc54a;
background-color: #ffffff;
width: 9em;
padding: .2em .8em;
text-decoration: none;
font-family: Georgia, serif, Times;
font-size: 34px;
}

#navcontainer a:hover  
{
background-color: #F3F7F6;
color: #3E92A3;
}
/* end navigation list container style */

/* style for placing the menu and search bar on one line  */
.navsearch
{
  position: relative;
  width: 960px;
  height: 27px;
}
/* end navsearch style */

/* search form position style */
.searchformposition
{
   position: relative;
   float: right;
   width: 200px;
   height: 25px;
   background-color: #ffffff;
   padding: 2px 0 0;
}
/* search form position style */


/* begin Page Header to "hide" or "style" page titles while retaining H2 SEO visibility */
.pageheader
{
  margin: 0.2em 0;
  padding: 0;
  font-family: Georgia, "Times New Roman", Times, Serif;
  font-weight: normal;
  font-size: .1em;
  letter-spacing: -1px;
  color: #000000;
  display: none;
}
/* end Page Header style */

/* begin pagetitle style for archives headers. This is a defined H2 style variation called by archive.php. */
.pagetitle
{
  margin: 0.2em 0;
  padding: 0;
  font-family: Georgia, "Times New Roman", Times, Serif;
  font-weight: normal;
  font-size: .1em;
  letter-spacing: -1px;
  color: #000000;
  display: none;
}
/* end pagetitle style */
/* begin no comments style; this style eliminates the "Comments are closed." message if comments have been turned off */
.nocomments
{
    display: none;
}
/* end no comments style */

/* special post title style for styling single page templates */
.post-content h2
{
   margin: 5px 0;
}
/* end special post title style */

/* begin styles for sidebar article excerpts */

.sidebar-container
{
   posiiton: relative;
   float: left;
   width: 100%;
   min-height: 1%;
}

.sidebar-thumbnail
{
    position: relative;
	float: left;
	align: center;
        clear: right;
}

.sidebar-byline, sidebar-byline a, sidebar-byline a:link, sidebar-byline a:hover
{
    position: relative;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 10px;
    width: 45%;
}

.sidebar-byline a:hover
{
   color: #A5121C;
}

.sidebar-dateline
{
    position: relative;
    float: right;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    width: 45%;
    color: b2b2b2;

}

.sidebar-post
{
  position: relative;
  float: left;
}
/* end sidebar article style */

/* begin front page italic body style for Quips and Tips blocks */
.sidebar-italic-body
{
   font-family: Arial, Helvetica, sans serif;
   color: #000000;
   font-size: 14px;
   font-style: italic;
}

.sidebar-italic-body-quips
{
   font-family: Arial, Helvetica, sans serif;
   color: #A5121C;
   font-size: 14px;
   font-style: italic;
}
/* end front page italic body style for Quips and Tips blocks */

/* begin the style for the read more link from excerpts */
.readmore-excerpts
{
  position: relative;
  float: left;
  font-family: Arial, Helvetica, sans serif;
  color: #A5121C;
  font-size: 11px;
}

/* end the style for the read more link from excerpts */


/* PLUGIN STYLES....begin custom CSS for plugins */
/* begin wp column styles for using columns in posts and pages with the WP Columns plugin */
.wpcolumn-clearfix {
    clear: both;
}
.wpcolumn-wrapper-2 .wpcolumn 
{
    float: left;
    margin: 10px 4% 15px 0;
    width: 47%;
    font-family:'Georgia',Times,serif;
    font-size:14px;
    color:#000000;
}
.wpcolumn-wrapper-2 .wpcolumn-last 
{
    float: left;
    margin: 10px 4% 15px 0;
    width: 47%;
    margin-right: 0;
    font-family:'Georgia',Times,serif;
    font-size:14px;
    color:#000000;
}
.wpcolumn-wrapper-2 .wpcolumn-1 
{
    float: left;
    margin: 10px 4% 15px 0;
    width: 47%;
    color:#000000;
    font-family:'Georgia',Times,serif;
    font-size:14px;
}
/* end wp columns styles */

/* style the calendar on events page */
.aim-calendar
{
   margin: 20px;
}
/* end the calendar style mod */

/* -------------------------------------------begin AIM social media style ---------------------------------------------------- */
.social-media-container
{
   position: relative;
   float: left;
   width: 90%;
   min-height: 1%;
   padding: 10px;
}

.social-media-message
{
    position: relative;
    float: left;
    font-family: Arial,Helvetica,Sans-Serif; /* modify based on theme font choice */
    font-size: 18px;
    color: #000; /* modify based on theme background color */
    width: 80%;
	padding:15px 0 0 20px;
	text-align: center;
}

.social-media-button
{
   position: relative;
   float: left;
   width: 50%;
   top: 8px;
   margin: 0 auto; 
   text-align: center;
}
/* -------------------------------------------end AIM social media style ---------------------------------------------------- */
