/*
Theme Name: Art Within Reach
Theme URI: http://www.artwithinreach.org
Description: A theme for Art Within Reach
Version: 1.0
Author: Tine Reese
Author URI: http://www.tinereese.com

*/

/*-----------------------------------------------------------------------------------------------
  Body and Containers
-----------------------------------------------------------------------------------------------*/
html, body { margin: 0; padding: 0; }

body {
  text-align: center;
  min-width: 900px;
  margin:0px;
  height: 100%;
  padding:0px;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  background:url(http://www.artwithinreach.org/wp-content/themes/artwithinreach/images/bodybg.gif) repeat top left;
  line-height: 18px;
  color:#000;
  }
  
body * {margin: 0px; padding: 0px;}

html {
  height: 100%;
  }
  
p {
	padding:9px 0px;
	margin: 0px;
	line-height: 18px;
}

ol, ul {margin: 0px 0px 9px 30px;}

* {margin:0; padding:0;} 

img { border: 0px; background: none; padding: 0px; }

#wrapper {
  text-align: left;
  width: 900px;
  padding:0px;
  margin: 0 auto;
}

.clearfix:after { content: "."; display: block; clear: both; margin: 0px; padding: 0px; height: 0; visibility: hidden; }

#content {
  text-align: left;
  width: 900px;
  background:#FFFFFF;
  padding:0px;
  margin: 0;
}

#dashed_line {
  border-top: 2px dotted #762123;
  margin: 15px 0px 15px 0px;
}

#dashed_line2 {
  border-top: 1px dotted #000;
  margin: 15px 0px 15px 0px;
}
#dashed_line3 {
border-top: 1px dotted #bbb815;
}
#dashed_line4 {
  border-top: 1px dotted #000;
  margin: 30px 0px 30px 0px;
}
#text_small {
font-size:10px;
line-height:15px;
}

/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/
#utilities {
  text-align: right;
  width: 900px;
  height: 10px;
  margin:0px 0px 10px 0px; 
  padding:17px 0px 0px 0px;
  font-size:9px;
  text-transform:uppercase;
  font-weight:bold;
  color:#FFF;
  display: block;
}

#utilities img {
  vertical-align:center;
}

#utilities a, utilities a:visited, utilities a:active {
  font-weight:normal;
  text-decoration:none;
  border:none;
  color:#FFF;
}

#utilities a:hover {
	color: #d5d110;
	font-weight: normal;
	text-decoration: none;
}

#header {
  text-align: left;
  width: 900px;
  height: 193px;
  margin:0px; 
  padding:0px;
  background: url(http://www.artwithinreach.org/wp-content/themes/artwithinreach/images/headerbg.png) no-repeat top left; 
  display: block;
  clear:both;
}

#header_left {
  float:left;
  margin: 36px 0px 0px 50px;
  padding:0px;
  width: 210px;
  height:107px;
  display: block;
}

#header_left img{
	border:0px;
}

#header_right {
  float:right;
  width:550px;
height: 18px;
  margin: 125px 50px 0px 0px;
  padding:0px;
  text-align:right;
  display: block;
}

#header_right img{
	border:0px;
}

/*-----------------------------------------------------------------------------------------------
  Home Page
-----------------------------------------------------------------------------------------------*/
#features {
  text-align: left;
  width: 900px;
  padding:2px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  display: block;
  clear:both;
}

#features img{
	border:0;
	margin:0px;
	padding:0px;
	display:block;
}

#feature1 {
  float:left;
  width: 305px;
  margin:47px 2px 0px 0px; 
  padding:0px;
  height:305px;
  display: block;
}

#feature2 {
  float:left;
  width: 305px;
  margin:47px 2px 0px 0px; 
  padding:0px;
  height:305px;
  display: block;
}

#feature3 {
  float:right;
  width: 286px;
  margin:47px 0px 0px 0px; 
  padding:0px;
  display: block;
    height:305px;
  line-height:18px;
  background:#e18101;
}

#feature3_inset {
	position:relative;
	background:url(http://www.artwithinreach.org/wp-content/themes/artwithinreach/images/home-feature3.png) no-repeat top left;
	margin:-24px 0px 0px 20px;
	padding:30px 40px 20px 20px;
	height:319px;
	display: block;
	line-height:18px;
	z-index:10;
}

#feature3_par {
  margin-top:14px;
  line-height:18px;
  padding:0px;
  display:block;
  clear:both;
  font-size:11px;
}

#feature3_par1 {
  margin:0px;
  line-height:18px;
  padding:0px;
  display:block;
  clear:both;
  font-size:11px;
}

#home_bottom {
 text-align:left;
 width: 800px;
overflow:hidden;
  margin:0px 0px 0px 50px; 
  padding:45px 0px 36px 0px;
  display: block;
  clear:both;
  background:#FFF;
}

#home_bottomL {
  float:left;
  margin: 0px;
  padding:0px;
  width: 425px;
  display:block;
}

#home_bottom img {
margin: 0px 0px 6px 0px;
border:0px;
display:block;
}

#home_bottom2 {
  width: 800px;
  margin:0px; 
  padding:0px;
  display: block;
}

#home_bottom2 img {
margin: 0px 4px 0px 0px;
border:0px;
display:inline;
vertical-align:baseline;
}

#home_bottom2 a, home_bottom2 a:visited, home_bottom2 a:active {
  font-weight:normal;
	text-decoration: underline;
  border:none;
  color:#762123;
}

#home_bottom2 a:hover {
	color: #e18101;
	font-weight: normal;
	text-decoration: underline;
}


#home_bottomR {
  float:right;
  margin: 0px;
  padding:0px 0px 0px 0px;
  width: 340px;
  display:block;
}

#home_bottomR ul {
 margin-left:0;
display: inline;
list-style:none;
}

#home_bottomR ul li {
margin:0px;
border-bottom: 1px dotted #bbb815;
padding:2px 0px 1px 0px;
}

/*-----------------------------------------------------------------------------------------------
  Secondary Pages
-----------------------------------------------------------------------------------------------*/

#banner {
  text-align:left;
  margin:0px 0px 0px 50px;
  padding:2px 0px 0px 0px;
  width: 850px;
}

#main {
width:800px;
margin:0px 50px 0px 50px;
padding:0px 0px 30px 0px;
display:block;
clear:both;
overflow:hidden;
background:#FFF;
}

#column1 {
  float:left;
  width: 190px;
  font-size:10px;
  line-height:16px;
  padding:36px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  display: block;
}

#column1_quote {
  font-size:12px;
  line-height:18px;
  padding:10px 0px 0px 0px;
  color: #762123;
  font-family:Georgia, Times;
  font-style:italic;
}

#column1_quote2 {
  font-size:8px;
  line-height:12px;
  padding:7px 0px 0px 0px;
  color: #762123;
  text-transform:uppercase;
  font-weight:bold;
}

#column1_quote3 {
  font-size:8px;
  line-height:12px;
  padding:0px 0px 0px 0px;
  color: #762123;
  text-transform:uppercase;
  font-weight:normal;
}

#column1 ul {
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
  list-style:none;
  font-size:10px;
  line-height:17px;
}

#column1 li a{
}

#column1 li a:hover{
	text-decoration:underline;
}

#column1 li.current_page_item a{
  color:#666;
}

#left_header {
  font-size:12px;
  text-transform:uppercase;
  font-weight:bold;
  padding-bottom:9px;
  color:#762123;
}

#column1_posts {
margin:0px 0px 12px 0px;
padding:0px;
width:190px;
}

#column1_posts_blogindex {
background:#ecea9d;
color:#762123;
font-size:11px;
line-height:17px;
font-weight:bold;
margin:0px 0px 10px 0px;
padding:10px 10px 10px 10px;
}

#column1_posts_blogindex img {
padding: 0px 10px 0px 0px;
}

#column1_posts_banner {
margin:10px 0px 0px -52px;
padding:0px;
width:318px;
height:133px;
}

#column1_posts ul {
display: inline;
list-style:none;
font-size:11px;
margin:0px;
padding:0px;
line-height:18px;
}

#column1_posts ul li {
margin:0px;
border-bottom: 1px dotted #bbb815;
padding:2px 0px 1px 11px;
}

#column1_posts li a{
padding:0px;
}

#column1_posts li a:hover{
	text-decoration:underline;
}

#column1_posts li.current_page_item a{
	color:#928c74;
}


#column2 {
  float:right;
  width: 578px;
  padding:36px 0px 0px 0px;
  margin:0px 0px 0px 0px;
font-size:12px;
line-height:18px;
  display: block;
}

#column2 ol, #column2 ul {margin: 5px 0px 9px 30px;}

#toplink {
  font-size:10px;
  color:#762123;
  margin:-3px 0px 9px 0px;
}

#toplink a{
  text-decoration:underline;
  color:#762123;
}

#toplink a:hover{
  text-decoration:underline;
  color:#e18101;
}
#toplink img {
border:0px;
margin:0px 4px 0px 0px;
vertical-align:middle;
}

#session_header {
background:#e18101;
color:#FFF;
font-size:12px;
line-height:18px;
padding:9px 18px;
margin:28px 0px 6px 0px;
text-transform:uppercase;
font-weight:bold;
}

#session {
background:#ecea9d;
font-size:12px;
line-height:18px;
padding:18px;
margin:0px 0px 6px 0px;
}

#session_title {
color:#7f2f31;
font-size:20px;
line-height:28px;
}

#session_title a {
color:#7f2f31;
font-weight:normal;
text-decoration:none;
}

#cart {
width: 578px;
margin: 24px 0px 6px 0px;
display:block;
clear:both;
overflow:hidden;
}

#cart_header_left {
float:left;
width:574px;
height:24px;
padding:4px 6px 0px 10px;
margin:0px 0px 2px 0px;
background:#762123;
color:#FFF;
display:block;
}

#cart_left {
float:left;
text-align:left;
width:378px;
height:20px;
padding:2px 6px 2px 10px;
margin:0px 2px 2px 0px;
background:#ecea9d;
font-weight:bold;
display:block;
clear:both;
}

#cart_center {
float:left;
text-align:left;
width:64px;
height:20px;
padding:2px 6px 2px 10px;
margin:0px 0px 2px 0px;
background:#ecea9d;
display:block;
}

#cart_right {
float:right;
width:100px;
height:24px;
margin:0px;
display:block;
}

#cart2 {
width: 578px;
margin: 24px 0px 6px 0px;
display:block;
clear:both;
overflow:hidden;
}

#cart2_header_left {
float:left;
width:574px;
height:24px;
padding:4px 6px 0px 10px;
margin:0px 0px 2px 0px;
background:#762123;
color:#FFF;
display:block;
}

#cart2_left {
float:left;
text-align:left;
width:440px;
height:20px;
padding:2px 6px 2px 10px;
margin:0px 2px 2px 0px;
background:#ecea9d;
font-weight:bold;
display:block;
clear:both;
}

#cart2_center {
float:right;
text-align:left;
width:104px;
height:20px;
padding:2px 6px 2px 10px;
margin:0px 0px 2px 0px;
background:#ecea9d;
display:block;
}

/*-----------------------------------------------------------------------------------------------
  Footer
-----------------------------------------------------------------------------------------------*/
#footer-top {
  text-align:left;
        height: 36px
        line-height:36px;
        background: #FFFFFF;
  width: 800px;
  padding:10px 50px 10px 50px;
  margin:10px 0px 0px 0px;
  clear:both;
  font-weight:normal;
  display: block;
}

#footer {
  text-align:center;
  width: 900px;
  padding:20px 0px 0px 0px;
  margin:0px 0px 30px 0px;
  clear:both;
  font-weight:normal;
  color:#FFF;
  display: block;
}
#footer-top img{
        margin: 0px;
        padding: 0px 8px 0px 0px;
        vertical-align:middle;
}
#footer a, footer a:visited, footer a:active {
  font-weight:normal;
  text-decoration:none;
  border:none;
  color:#FFF;
}

#footer a:hover {
 color: #d5d110;	
	font-weight: normal;
	text-decoration: none;
}

#footer_small {
  font-size:9px;
  font-weight:normal;
  line-height:16px;
  margin:0px;
  padding:3px 0px 0px 0px;
  text-transform:none;
}

.footer_pipe {
 color: #d5d110;	
}
/*-----------------------------------------------------------------------------------------------
  Link Styles
-----------------------------------------------------------------------------------------------*/
a:link {
	color: #e18101;
	font-weight: bold;
	text-decoration: none;
	border:none;
}
a:visited {
	color: #e18101;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #e18101;
	font-weight: bold;
	text-decoration: underline;
}
a:active {
	color: #e18101;
	font-weight: bold;
	text-decoration: none;
}

/*-----------------------------------------------------------------------------------------------
  Text Styles
-----------------------------------------------------------------------------------------------*/
h1 {
	font-weight:bold;
	font-size:20px;
	color:#762123;
}

h1 a:link, h1 a:visited {
	font-weight:bold;
	font-size:20px;
	color:#762123;
}

h1 a:hover {
text-decoration:underline;
}

h2 {
  font-size:16px;
font-weight:bold;
color:#000;
padding: 10px 0px 0px 0px;
}

h3, h3 a:link, h3 a:visited {
  font-size:12px;
  text-transform:uppercase;
  font-weight:bold;
  padding-bottom:9px;
  color:#762123;
}

h3 a:hover {
text-decoration:underline;
color:#762123;
font-weight:bold;
}

h5 {
	font-weight: bold;
	line-height:18px;
}

h4 {
  font-size:12px;
  text-transform:uppercase;
  font-weight:bold;
  color:#762123;
  padding:0px 0px 2px 0px;
  margin:20px 0px 0px 0px;
border-bottom: 1px dotted #bbb815;
}

.par_space {padding:9px 0px;}

/*********************************************
		Comment Styles
*********************************************/
#comments {
	padding-top: 8px;
}
#comments .even {
	margin: 5px 0px 5px 0px;
	padding: 10px;
	background: #FFFFFF;
	overflow: hidden;
	border-bottom: 1px dotted #B7B7B7;
}
#comments .odd {
	margin: 5px 0px 5px 0px;
	padding: 10px;
	background: #FFFFFF;
	overflow: hidden;
	border-bottom: 1px dotted #B7B7B7;
}

/*********************************************
		Post Image Styles
*********************************************/

img.alignright {
	margin: 0px 0px 10px 10px;
  float:right;
}

img.alignleft {
	margin: 0px 10px 10px 0px;
  float:left;
}