div.special {
width: 173px;
float: left;
margin: 0 5px 1em 0;
list-style: none;
position: relative;
border: 5px solid #C4A6FE;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}

div.special a span strong {
display: block;
padding: 3px 3px 0 3px;
font-weight: normal;
font-style: italic;
color: #fff;
}

div.special a span em {
display: block;
padding: 0 3px 3px 3px;
font-style: normal;
color: #e3c887;
}


div.special a span {
display: block;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
font-family: Georgia, serif;
font-size: 1.1em;
font-weight: normal;
line-height: 1.3em;
color: #ccc;
background: #270B5E;
background: rgba(39,11,94,.5);
}

.format_text .drop_cap{
    padding:0.06em 0.02em 0.2em 0;
    color:#5F37AB;
    font-size:3.4em;
}

.format_text .drop_cap2 {
    padding:0.06em 0.02em 0.2em 0;
    float:left;
    color:#91E338;
    font-size:2em;
    line-height:1.739em;
}

.format_text {
    font-size:1.5em;
}

.format_text a {
    text-decoration:none;
}

.headline_area h1 {
    color:#5F37AB;
    font-size:4em;
    font-style:italic;
    font-weight:bold;
    line-height:1.1em;
    margin-top:0.3em;
}

.headline_meta {
    font-size:1.8em;
}

#page {
padding:0.5em 2em;
}

 .format_text p {
    margin-bottom:1em;
    margin-top:0.5em;
}

.custom #newp {
    margin-bottom:1em;
    margin-top:2em;
}

.format_text h3 {
    margin: 0.2em 0.2em 0.2em 0;
}

.custom ul#tabs li a, ul#tabs li a:visited {
    color:#ffffff;
}

.custom li.widget p a {
    text-decoration: none;
    color:#270B5E;
    font-weight:bold;
}




/* this is for custom background */

.custom #container {
    margin-top: 0em;
    margin-bottom: 2em;
    padding: 0em;
    background: #fff;
	border: 0.1em solid #fff;
}

.custom #page {
    background: #fff;
}

body {
    background: #FBECCF url(http://www.fishinglass.com/wp-content/uploads/background-fish.jpg) no-repeat scroll center top;
}

/*links*/
a, a:visited {
	color:#270B5E;
        font-weight:bold;
	text-decoration:none;
}

a:hover {
        color:#2361A1;
        text-decoration:none;
}

a img {
        border:medium none;
}

blockquote {
        border-left:1px solid #DDDDDD;
        color:#666666;
        margin:0 0 1.57413em 0.78571em;
        padding-left:0.78571em;
}



/* 1st Combination*/
/* Primary Color: */

.primary-0 { color: #C83189; background-color: #C83189; border-color: #C83189 }
.primary-1 { color: #87426B; background-color: #87426B; border-color: #87426B }
.primary-2 { color: #6E0A44; background-color: #6E0A44; border-color: #6E0A44 }
.primary-3 { color: #FE9DD6; background-color: #FE9DD6; border-color: #FE9DD6 }
.primary-4 { color: #FEE9F5; background-color: #FEE9F5; border-color: #FEE9F5 }

/* Secondary Color A: */

.secondary-a-0 { color: #FB803E; background-color: #FB803E; border-color: #FB803E }
.secondary-a-1 { color: #AA7253; background-color: #AA7253; border-color: #AA7253 }
.secondary-a-2 { color: #8A380C; background-color: #8A380C; border-color: #8A380C }
.secondary-a-3 { color: #FFBF9D; background-color: #FFBF9D; border-color: #FFBF9D }
.secondary-a-4 { color: #FFF1E9; background-color: #FFF1E9; border-color: #FFF1E9 }

/* Secondary Color B: */

.secondary-b-0 { color: #5F37AB; background-color: #5F37AB; border-color: #5F37AB }
.secondary-b-1 { color: #513F74; background-color: #513F74; border-color: #513F74 }
.secondary-b-2 { color: #270B5E; background-color: #270B5E; border-color: #270B5E }
.secondary-b-3 { color: #C4A6FE; background-color: #C4A6FE; border-color: #C4A6FE }
.secondary-b-4 { color: #F1EAFE; background-color: #F1EAFE; border-color: #F1EAFE }

/* Complementary Color: */

.complement-0 { color: #B2EB3A; background-color: #B2EB3A; border-color: #B2EB3A }
.complement-1 { color: #859F4E; background-color: #859F4E; border-color: #859F4E }
.complement-2 { color: #5B810B; background-color: #5B810B; border-color: #5B810B }
.complement-3 { color: #DFFF9D; background-color: #DFFF9D; border-color: #DFFF9D }
.complement-4 { color: #F8FFE9; background-color: #F8FFE9; border-color: #F8FFE9 }


.stylepurple1 {
	background-color:#5F37AB;
	color:#FFFFFF;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:16px;
	font-style:normal;
	letter-spacing:normal;
	line-height:normal;
	padding:5px 5px 5px 5px;
	text-decoration:none;
	height:163px;
	width:163px;
	float:left;
	margin:2px;
	border:1px solid;
	border-color:#270B5E;
}


.stylegreen1 {
	font-family: "Trebuchet MS";
	letter-spacing: normal;
	line-height: normal;
	background-color: #DFFF9D;
	padding: 10px 10px 10px 10px;
	height:170px;
	width:319px;
	float:left;
	margin:0px 0px 2px 2px;
	font-size: 14px;
	color: #270B5E;
	font-style: normal;
        border: solid;
        border-color: #444 #444 #444 #444;
	border-width: 2px 0px 2px 2px;
       -moz-border-radius-topleft:40px;
}

#categoryheader {
	font-family: "Trebuchet MS";
	letter-spacing: normal;
	line-height: normal;
	background-color: #DFFF9D;
	padding: 10px 10px 10px 10px;
	height:170px;
	width:319px;
	float:left;
	margin:0px 0px 2px 2px;
	font-size: 14px;
	color: #270B5E;
	font-style: normal;
        border: solid;
        border-color: #444 #444 #444 #444;
	border-width: 2px 0px 2px 2px;
       -moz-border-radius-topleft:40px;
}

.stylegreen2 {
	font-family: "Trebuchet MS";
	letter-spacing: normal;
	line-height: 1.3em;
	background-color: #DFFF9D;
	padding: 10px 10px 10px 10px;
	height:170px;
	width:320px;
	float:left;
	margin:0px 0px 2px 0px;
	font-size: 16px;
	color: #270B5E;
	font-style: normal;
	border: solid;
	border-color: #444 #444 #444 #444;
	border-width: 2px 0px 2px 2px;
        -moz-border-radius-topleft:40px;
}


.stylegreentopright {
	font-family: "Trebuchet MS";
	letter-spacing: normal;
	line-height: 1.3em;
	background-color: #DFFF9D;
	padding: 10px 10px 10px 10px;
	height:170px;
	width:320px;
	float:left;
	margin:0 0 1em 0;
	font-size: 16px;
	color: #270B5E;
	font-style: normal;
	border: solid;
	border-color: #444 #444 #444 #444;
	border-width: 2px 2px 2px 0px;
        -moz-border-radius-topright:40px;
}

.stylebutton {
        height:50px;
	width:100px;
        position:relative;
        left:180px;
}

.stylecategoryimage {
	padding: 10px 10px 10px 10px;
	height:170px;
	width:170px;
	float:left;
	margin:0px 2px 2px 0px;
        border-color:#444444;
        border-style:solid;
        border-width:2px 2px 2px 0;
}

.stylecategoryimagehighlight {
	padding: 10px 10px 10px 10px;
	height:170px;
	width:170px;
	float:left;
	margin:0px 2px 2px 0px;
        border-color:#444444;
        border-style:solid;
        border-width:2px 2px 2px 0;
        background-color:#f4f4f4
}


.styleimage {
	padding: 5px 5px 5px 5px;
	height:163px;
	width:163px;
	float:left;
	margin:2px;
	border:1px solid;
        border-color:#270B5E;
        position: relative
}

.styleimageoldhighlight {
	padding: 2px 2px 2px 2px;
	height:163px;
	width:163px;
	float:left;
	margin:1px;
	border:5px solid;
}


.stylenewimage {
	padding:0px;
	height:190px;
	width:190px;
	float:left;
	margin: 0px 2px 2px 0px;
	border: solid;
	border-color: #444 #444 #444 #444;
	border-width: 2px 2px 2px 0px;
}

.stylenewimagetopleft {
	padding:0px;
	height:190px;
	width:190px;
	float:left;
	margin: 0px 0px 2px 2px;
	border: solid;
	border-color: #444 #444 #444 #444;
	border-width: 2px 0px 2px 2px;
}

.style1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	letter-spacing: normal;
	line-height: normal;
	background-color: #5F37AB;
	color: #FFFFFF;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-style: normal;
        text-decoration: none;
}
.style2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #91E338;
	font-style: italic;
	font-size: 32px;
	letter-spacing: normal;
	line-height: 95%;
        text-decoration: none;
        margin-bottom:0.5em;
        margin-top:0.5em;
}

.style3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #5F37AB;
	font-style: italic;
	font-size: 32px;
	letter-spacing: normal;
	line-height: 95%;
        text-decoration: none;
}

.stylepurple {
	font-family: "Trebuchet MS";
	font-size: 14px;
	letter-spacing: normal;
	line-height: normal;
	background-color: #C4A6FE;
	color: #270B5E;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-style: normal;
	padding-right: 15px;
        text-decoration: none;
}

.stylegreengallery {
	font-family: "Trebuchet MS";
	font-size: 14px;
	letter-spacing: normal;
	line-height: normal;
	background-color: #DFFF9D;
	color: #270B5E;
	padding: 10px;
	font-style: normal;
        text-decoration: none;
	height:180px;
	width:180px;
	float:left;
	margin: 2px;
}

.stylecategory1c {
	font-family: "Trebuchet MS";
	font-size: 13px;
	letter-spacing: normal;
	line-height: normal;
	background-color: #ffffff;
	color: #270B5E;
	padding: 10px;
	font-style: normal;
        text-decoration: none;
	height:153px;
	width:153px;
	float:left;
        border:1px solid;
        margin: 2px;
}

.stylegallery {
	padding:10px;
	height:200px;
	width:200px;
	float:left;
	margin: 2px;
	border: none;
	}

.stylegalleryhighlight {
	padding:9px;
	height:200px;
	width:200px;
	float:left;
	margin: 2px;
	border: 1px solid #f9f9f9; 
	}


.stylegreen {
	font-family: "Trebuchet MS";
	font-size: 14px;
	letter-spacing: normal;
	line-height: normal;
	background-color: #DFFF9D;
	color: #270B5E;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-style: normal;
	padding-right: 15px;
        text-decoration: none;
}

.stylewidget1 {
	font-family: "Trebuchet MS";
	font-size: 14px;
	letter-spacing: normal;
	line-height: normal;
	background-color: #FEE2F2;
	color: #5F37AB;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-style: normal;
	padding-right: 15px;
        -moz-border-radius-topleft:20px;
}

/* CB0077 */

.styletestimonial, .styletestimonial2, .styletestimonial3 {
	letter-spacing: normal;
	line-height: normal;
	background-color: #FFFFFF;
	color: #454545;
	padding:2.5em 0 0 2.5em;
	background:transparent url(http://www.fishinglass.com/wp-content/uploads/quote-image-v3.png) no-repeat scroll 0 10px;
}

.styletestimonial {
	font-size: 13px;
}

.styletestimonial2 {
	height:155px;
	width:155px;
	float:left;
	font-size: 14px;
	padding:30px 30px 30px 30px;
	margin: 2px;
}

.styletestimonial3 {
	height:150px;
	width:155px;
	float:left;
	font-size: 14px;
	padding:12px 12px 12px 12px;
	margin: 2px;
}

/* navigation bar customization */
       .custom ul#tabs li.current_page_item, ul#tabs li.current-cat {
        background:#270b5e none repeat scroll 0 0;
        border-bottom-color:#FFFFFF;
}

.custom ul#tabs li {
        background:#C4A6FE none repeat scroll 0 0;
        border-color:#FFF;
        border-style:solid solid solid none;
        border-width:4px 4px 4px 0;
        float:left;
        font-family:"Trebuchet MS",sans-serif;
        color:#FFFFFF;
        font-size:0.9em;
        font-weight:700;
        letter-spacing:1px;
        line-height:0.7em;
        padding:0.545em 0.818em;
        text-transform:lowercase;
}

#navigation-blob {
  top: 0;
	background-color: #c0ffee;
	position: absolute;
	z-index: -1;
}

.custom ul#tabs a {
color:#ffffff;
}

/* navigation bar inside */
.custom ul#tabs li a:hover {
color:#FFFFFF;
text-decoration:underline;
}

/* hide title */
.custom.about h1 {display:none;}
.custom.organic h1 {display:none;}
.custom.gallery h1 {display:none;}
.custom.headline_area h2 {display:none;}
.custom.artist h1 {display:none;}
.custom.colorclub h1 {display:none;}
.custom.glass h1 {display:none;}
.custom.spoon h1 {display:none;}



/* take the space between header and text */
.post_box {padding-top: 0;}


.custom .sidebar h3 { font-size: 0.846em; font-weight: bold; line-height: 1.455em; margin-bottom: 1em; padding: 0.636em 0.455em 0.545em 0.455em; text-transform: uppercase; font-variant: normal; letter-spacing: 2px; color: #111; border-top: 1px solid #ddd; border-bottom: 1px dotted #ddd; }

/* this is for alert background color */
         .custom .format_text p.alert { background: #CCFFFF; border-color: #33332f; }

/* this is for full page content template */
         .custom #content_box.full_width { background: none; }
         .custom .full_width #content { width: 96em; }

/*sidebar customization*/
         .custom li.widget .callout { padding: 0.846em; line-height: 1.385em; background: #e3f0f2; border: 0.077em solid #addde6; }

/* This line sets up our clickable background image based on the site title's link */

/* DIY: Adjust the height & width attributes to reflect the actual size of your image */

/* DIY: Change the filename of your image to reflect the actual header's file name */
         .custom #header #logo a { display: block; height: 115px; width: 960px; background: url('images/homepage-fishinglass-banner-30.jpg') no-repeat; outline: none; }

/* This line gets rid of the site title &amp;amp; tagline by casting them out to far left field */
         .custom #header #logo, .custom #header #tagline { text-indent: -9999px; }
/* This line collapses the vertical space of the tagline so that there isn't unnecessary white space after the header image */

/* This is a bit of a kludge, but it seems to work. */
          .custom #header #tagline { height: 0; margin-top: -1px; }

/* This line removes the padding from the header so that the background image sits close to the nav menu, the bottom border of the header, and the sides of the content */
          .custom #header { padding: 0; }


/*navigation class*/
#navigation a {
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 26px;
	background: url("mm_arrow.gif") 14px 45% no-repeat;
	}
	
/*---:[ slug styles ]:---*/
body.custom.fullwidth #content { width: 100%; }
body.custom.fullwidth #content_box { background: none; }

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}

.etsymessage {
       display: block;
       position: absolute;
       width: 95%;
       font-size: 0.8em;
       color: #e3c887;
       background-color: #333;
       opacity: 0.7;
       bottom: 0;
       left: 0;
       padding: 10px 0 10px 10px;
       
       }

.etsymessagenointeraction {
       display: block;
       position: absolute;
       width: 95%;
       font-size: 0.8em;
       color: #e3c887;
       background-color: #333;
       opacity: 0.7;
       top: 0;
       left: 0;
       padding: 2px 0 2px 10px;
       }


.etsymessagenointeractionbottom {
       display: block;
       position: absolute;
       width: 95%;
       font-size: 0.8em;
       color: #fff;
       background-color: #333;
       opacity: 0.5;
       bottom: 0;
       left: 0;
       padding: 2px 0 2px 10px;
       }

color: #e3c887;

#units1 {
	padding: 5px 5px 5px 5px;
	height:163px;
	width:163px;
	float:left;
	margin:2px;
	border-color:#270B5E;
	border:1px solid;
        position: relative
}


#units2 {
	padding: 10px;
        height:170px;
	width:170px;
	float:left;
	margin:0px 2px 2px 0px;
        border-style:solid;
        border-width:2px 2px 2px 0;        
        position: relative
}





        
