/*  
Theme Name: Blue Stripes
Description: Bluestripes is a simple two column fluid width theme with minimal graphics. 
*/		

*
{
margin: 0px;
padding: 0px;
}

ul
{
list-style: none;
}

body 
{
font-size: 13px;
margin: 0px;
text-align: center;
background: #7191AB url(img/bg.png) repeat-x;  
color: #000;
font-family: Trebuchet MS,Verdana,Tahoma,Arial,sans-serif;;
}




                         /***************************************************
                         *********************** Blogtitle **************
                         *****************************************************/

#blogtitle
{
background:url(img/header.gif) no-repeat right top;
overflow:hidden;
width: 810px;
display: block;
color: #89A9C3;
text-align: left;
margin: 5px auto 12px auto;
}

#blogtitle a:link {
color: #89A9C3;
text-decoration: none;
border: none;
padding: 0 15px;
margin-left: 0;
}

#blogtitle a:visited {
color: #89A9C3;
text-decoration: none;
border: none;
font-weight: bold;
padding: 0 15px;
margin-left: 0;
}

#blogtitle a:hover {
color: #89A9C3;
text-decoration: none;
padding: 0 15px;
margin-left: 0;
}



                         /***************************************************
                         *********************** Container **************
                         *****************************************************/
#container
{
padding: 0 5px 0 5px;
margin:3px auto 0 auto;
overflow:hidden;
width: 800px;
background: #CFDCE6 url(img/entry.png) repeat-x;
}


                         /***************************************************
                         *********************** Right Sidebar Container *******
                         *****************************************************/

#rightnav
{
float: left;
width: 170px;
margin: 15px 0 10px 0;
padding-top: 0;
padding-bottom: 12px;
text-align: left;
background: #fff;
border:2px solid #B5C4CF;
clear: none;
}

                        /***************************************************
                         *********************** Right Sidebar **************
                         *****************************************************/

#sidebarright
{
margin-bottom: 5px;
margin-top: 5px;
background: none;
padding: 0 1px  0 1px;
}

#sidebarright li
{
padding-bottom: 4px;
}

#sidebarright ul li
{
display: block;
margin-left: 5px;
padding-bottom: 2px;
padding-left: 10px;
padding-right: 3px;
}

#sidebarright ul li ul li{
padding-bottom: 2px;
}

#sidebarright ul li li{
padding: 4px 3px 2px 2px;
}

#sidebarright a:link {
display:block;
color: #333;
text-decoration: none;
font-weight: normal;
}

#sidebarright a:hover {
display:block;
text-decoration: underline;
font-weight: bold;
}

#sidebarright a:visited:hover {
text-decoration: underline;
}

#sidebarright a:visited {
display:block;
color: #333;
text-decoration: none;
}

#sidebarright h2 {
color: #232D32;
padding: 2px 8px 2px 16px;
margin-top:10px;
background: #CDDBE5 url(img/h2.png) left repeat-y;
border-bottom: 1px solid #7191AB;
text-transform: uppercase;
font-weight: bold;
}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

                         /***************************************************
                         *********************** Content **************
                         *****************************************************/
#content
{
float: right;
width: 616px;
display: block;
padding-top: 0;
margin: 15px 5px 5px 0;
text-align: left;
background-color: #fff;
}


#content ul
{
padding-left: 2em;
}


#content ul li{
padding: 0.2em;
list-style: square;
}

#content ul ul li{
padding: 0.2em;
list-style: circle;
}


#content ol{
list-style-position: inside;
padding-left: 15px;
padding-top: 2px;
margin-bottom: 10px;
}

#content p
{
padding-left: 10px;
}

                    /***************************************************
                         *********************** Footer **************
                         *****************************************************/

#footwrap
{
overflow: hidden;
width: 800px;
margin: 0 auto 0 auto;
clear:both;
color: #333;
padding: 10px 8px 5px 8px;
font-weight: normal;
background: #fff url(img/footer.png) repeat-x;
}

#footwrap p
{
display: block;
margin-top: 8px;
margin-bottom: 2px;
text-align:center;
}

#footwrap a:link {
color: #50738F;
text-decoration: none;
border: none;
font-weight: bold;
}
#footwrap a:hover {
color: #50738F;
text-decoration: underline;
border: none;
}

#footwrap a:visited:hover {
color: #50738F;
text-decoration: underline;
border: none;
}

#footwrap a:visited {
color: #50738F;
text-decoration: none;
border: none;
font-weight: bold;
}

#footwrap img {
padding: 0px 5px 0px 5px;
}



                         /***************************************************
                         *********************** Paragraph **************
                         *****************************************************/

p
{
margin-bottom: 12px;
margin-top: 12px;
}

                         /***************************************************
                         *********************** Blockquote ********************
                         *****************************************************/

blockquote
{
margin: 0px 0px 0px 30px;
padding: 0px 25px 0px 0px;
font-style: italic;
color: #7f7f7f;
border-left: 4px solid #C3D4DF;
}
                         /***************************************************
                         *********************** Links ********************
                         *****************************************************/

a:link
{
color: blue;
text-decoration: none;
font-weight: bold;
}

a:hover
{
text-decoration: underline;
}

a:visited
{
color: blue;
text-decoration: none;
font-weight: bold;
}

a:visited:hover
{
text-decoration: underline;
}

a img 
{
border:none;
background:none;
padding:5px;
}

                         /***************************************************
                         *********************** Headings**************
                         *****************************************************/

#storename
{
font-size: 22px;
color: #666666;
font-weight: bold;
}

#tagline {
font-size: 12px;
color: #333;
text-align: right;
padding-right: 6px;

	
}
h1
{
display: block;
font-size: 14px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;
}


h2
{
display: block;
font-size: 16px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;
border-bottom: 1px;
}

h3
{
display: block;
font-size: 14px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;
}

h4
{
margin-top: 15px;
font-size: 13px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;
}

h5
{
margin-top: 15px;
font-size: 12px;
font-weight: bold;
padding: 5px 0 0 12px;
margin: 5px 0 6px 0;
text-align: left;
}


img 
{
padding:4px 10px 10px 4px;	
border:none;
}

.credits
{
margin-top: -12px;
margin-bottom: 5px;
padding: 0 4px 8px 4px;
float: right;
}

#blogtitle ul li {
color: #333;
display: inline;
margin-left: 5px;
padding-left: 10px;
padding-right: 3px;
text-transform: uppercase;
font-weight: bold;
}

#blogtitle li {
	display: inline;
}

#blogtitle a {
color: #333;
}


/* content-specific */

.featuredProd {
  width: 30%;
  margin: 3px 5px;
  float: left;
  text-align: center;
  overflow: hidden;
  }

.featuredProd a img { 
  width: 175px;
  height: 175px;
  display: block;
  border: none;
  margin: auto;
  margin-bottom: 10px;
  overflow: hidden; 
} 
.featuredProd a {
font: bold 11px Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.featuredProd a:hover {
text-decoration:none;
}
.featuredProd p {  /* featured products description */
  color: #333;
  margin: auto;
} 
.catProdList p { 
  color: #333;
  margin: auto;
} 
.catProdList {
  width: 30%;
  margin: 3px 5px;
  float: left;
  text-align: center;
  overflow: hidden;
  }

.catProdList a img { 
  width: 175px;
  height: 175px;
  display: block;
  border: none;
  margin: auto;
  margin-bottom: 10px;
  overflow: hidden; 
} 

.catProdList a {
font: bold 11px Arial, Helvetica, sans-serif;
margin: auto; 
text-decoration:underline;
color:blue;
}

.catProdList a:hover {
text-decoration:none;
}

.similarProd p { 
  color: #333;
  margin: auto;
} 

.similarProd {
  width: 30%;
  margin: 3px 5px;
  float: left;
  text-align: center;
  overflow: hidden;
  }

.similarProd a img { 
  width: 175px;
  height: 175px;
  display: block;
  border: none;
  margin: auto;
  margin-bottom: 10px;
  overflow: hidden; 
} 
.similarProd a {
font: bold 11px Arial, Helvetica, sans-serif;
text-decoration:underline;
}

.similarProd a:hover {
text-decoration:none;
}

.similarProd p { 
  color: #333;
  margin: auto;
} 
.relatedProd {
  width: 30%;
  margin: 3px 5px;
  float: left;
  text-align: center;
  overflow: hidden;
  }

.relatedProd a img { 
  width: 175px;
  height: 175px;
  display: block;
  border: none;
  margin: auto;
  margin-bottom: 10px;
  overflow: hidden; 
} 
.relatedProd a {
font: bold 11px Arial, Helvetica, sans-serif;
text-decoration:underline;
}

.relatedProd a:hover {
text-decoration:none;
}

.relatedProd p { 
  color: #333;
  margin: auto;
} 

.categoryLink {
  width: 30%;
  margin: 3px 5px;
  float: left;
  overflow: hidden;
  text-align: center;
  margin-bottom: 10px;
  }

.categoryLink a img { 
  width: 175px;
  height: 175px;
  display: block;
  border: none;
  margin: auto;
  overflow: hidden; 
} 
.productImg { 
float: left; 
border: 1px;
margin: 3px; 
} 
#artlistbox {
  width: 600px;
}
#artbox {
  background: url('img/artbottom.gif') repeat-x left bottom;
  margin-left:15px;
  margin-right:15px;
  margin-top:0px;
  margin-bottom:0px;
  padding-left:0px;
  padding-right:0px;
  padding-top:0px;
  padding-bottom:8px
}
#artbox h3 {
	font-size: 1.2em;
	color: #7191AB;
}
a.artlink {
	display: block; float:right; clear:both; margin-bottom:10px;
	height: 20px; width:100px; text-align:center; color:#fff;
	background: green; font:bold 14px/20px Arial, Helvetica, sans-serif; text-decoration:none
}
a.artlink:hover { background:#333; }
/*a.artlink b {
	position: absolute;
	left: -10000px;
}*/

.deptColumn {
  float: left;
  width: 202px;
  }
.deptColumn img {
  width: 200px;
  height: 200px;
  border: none;
  }
.deptColumn .mainDept li {
  list-style-image: url(img/arrow-large.gif);
  margin-bottom: 0px;
  border-bottom: 1px solid #91BB60;
  }
.deptColumn .mainDept li a {
  font: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  }
.deptColumn .catList {
  padding-left: 10px;
  }
.deptColumn .catList li {
  padding-bottom: 4px;
  list-style-image: url(img/arrow-small.gif);
  }
.deptColumn .catList li a {
  font: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  font-weight: normal;
  }
.deptColumn .catList .viewAll a {
  font-weight: bold;
  }
.clear { 
	overflow: hidden; 
	clear: both; 
	height: 1px; 
	margin: -1px 0 0 0; 
	font-size: 1px; 
}
.price { float:right; width:80px; padding:30px 0 30px 10px; text-align:center; clear:right; font-weight: bold; color: #0063a6; }
.iconHeadline { width:480px; }
.desc { clear:right; color:863f00 }
.prodimg { float:left; margin:0 5px 5px 0; }
.price { 
float:right; 
width:300px; 
padding:30px 0 30px 10px; 
text-align:center; 
clear:right; 
font-weight: bold;
color: #000; 
}

.product_window_med{
background-position:center center; 
width:200px; 
height:200px; 
background-repeat:no-repeat;
margin:5px;
float:left;
}

.product_window_med img {
width:200px;
height:200px;
}

.product_window_lrg {
background-position:center center; 
width:275px; 
height:300px; 
background-repeat:no-repeat;
margin:5px;
float:left;
}

.product_window_lrg img {
width:275px;
height:300px;
}

.prodImg {
margin:0 10px 5px 0;
border: 1px;
}