/*
Theme Name: DSF
Theme URI: http://dianasseafood.com
Description: A custom theme for Diana Seafoods, Toronto
Version: 1.0
Author: David Reyes
Author URI: http://thoughtbubble.ca/
Tags: blue, fixed width, big background
*/
*
{	margin: 0 0;
	padding: 0 0;
}
.clear
{	clear: both;	}
a img
{	border: none;	}
.row
{	width: 990px;
	margin: 0 auto;
}
.alignright
{	float: right;	}
.alignleft
{	float: left;	}
.minheight
{	float: left; width: 1px; height: 400px;	}
.stripimgs img
{	display: none;	}	
.stripH2 h2
{	display: none;	}	
.nobullet, .nobullet a
{	list-style: none;
	background: none !important;
}

/* footerstick alt */
html, body, * html #nonFooter
{	height: 100%;	}
#nonFooter
{	position: relative;
	min-height: 100%;
	z-index: 1000;
}
#content
{	padding-bottom: 80px;
}


#content img
{
azimuth: expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "',sizingMethod='image')",this.src = "blank.gif"):(this.origBg = this.origBg? this.origBg:this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "',sizingMethod='crop')",this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
}



#footer
{	position: relative;
	margin-top: -500px;
	height: 500px;
/*	z-index: 500; */
} 


html
{	background: #011568 url(/images/bg.jpg) repeat-y center center;
}
body
{/*	background: url(/images/footer.jpg) no-repeat bottom center; */
}
#nonFooter
{	background: url(/images/header.jpg) no-repeat top center; 
}
#footer
{	background: url(/images/footer.jpg) no-repeat bottom center; 
}
#footerwrapper
{	background: url() repeat-x bottom center;
	height: 57px;
	overflow: hidden;
	width: 100%;
	position: absolute;
	bottom:0;
	z-index: 5000;
}
#footercontents
{	margin-top: 10px;height: 57px;
}
#footer ul, #footer li, #footer img
{	float: left;	}
#footer #footer_uncorked
{	float: right;	}
#footer ul
{	list-style:none;color: #e3e3e3;font-size: 11px;text-transform: uppercase;	}
#footer ul a
{	color: #e3e3e3;
	line-height: 42px;
	font-size: 11px;
	text-transform: uppercase;
}
#footer ul li
{	margin-left: 20px;	}


#header
{	background: url(/images/header_bg.png) repeat-x;
	height: 170px;
}
#header .row
{	position: relative; 	}
h1
{	top: 10px;
	left: 0;
	position: absolute;
}
#headernavi
{	position: absolute;
	right: 0;
	top: 20px;
	list-style: none;
}
#headernavi li
{	float: left;
}
#headernavi a
{	text-indent: -5000px;
	text-transform: uppercase;
	text-decoration: none;
/*	display: block; */
}
#headernavi img
{	display: block;
	vertical-align: middle;
	margin-top: 9px;
}
#headernavi img.social
{	margin-left: 10px;
	margin-top: 0;
}
#headernavi img:hover
{background-position: bottom center;	}
.headernavi-products
{	height: 39px;
	width: 160px;
	background: url(/images/products.gif) no-repeat top center;
}
.headernavi-products A:hover
{	height: 39px;
	width: 160px;
	background: url(/images/products.gif) no-repeat bottom center;
}
.headernavi-Contact
{	height: 39px;
	width: 160px;
	background: url(/images/Contact.gif) no-repeat top center;
}
.headernavi-order
{	height: 39px;
	width: 100px;
	background: url(/images/navi_order.png) no-repeat top center;
}
.headernavi-youtube
{	height: 51px;
	width: 38px;
	background: url(/images/youtube.png) no-repeat top center;
}
.headernavi-twitter
{	height: 48px;
	width: 35px;
	background: url(/images/twitter.png) no-repeat top center;
}
.headernavi-facebook
{	height: 48px;
	width: 43px;
	background: url(/images/facebook.png) no-repeat top center;
}

#navi
{	margin-top: 0px;
	height:0px;
	padding-bottom:0px;
	list-style: none;
	position: relative;
}
#navi li
{	float: left;
	width: 125px; 
	height: 38px;
	background-repeat: no-repeat;
	background-position: center 3px;
	margin-bottom: 2px;
}
#navi li:hover
{	background-position: bottom center;
}
#navi li.erow
{	margin-right: 0px;
}
#navi li a
{	width: 125px;
	height: 38px;
	text-indent: -5000px;
	display: block;
	text-transform: uppercase;
}
/*#navi .home-page a */
#navi .hometab a
{	height: 140px;
	width: 140px;
	display: block;
}
/*#navi .home-page */
#navi .hometab
{	text-indent: -999em;
	text-transform: lowercase;
	border: none;
	height: 140px;
	width: 140px;
	display: block;
	position: absolute;
	top: -50px;
	left: 420px;
}

.products-cat
{	background-image: url(/images/navi_products.png);	}
.events-cat, .events-uri
{	background-image: url(/images/navi_events.png);		}
.gallery-page
{	background-image: url(/images/navi_gallery.png);	
	margin-left: 230px;
}
.specials-cat, .specials-page
{	background-image: url(/images/navi_specials.png);	}
.recipes-cat, .recipes-uri
{	background-image: url(/images/navi_recipes.png);		}
.contact-us-page
{	background-image: url(/images/navi_contact.png);		}


/*.subnavi
{	height: 411px;
	width: 286px;
	display: block;
	background: url(/images/subnavi_box.png) no-repeat 0 0;
	position: relative;
	float: left;
}
.subnavi ul
{	list-style: none;
	display: block;
	background: url(/images/subnavi_top.png) no-repeat top right;
	text-transform: capitalize;
	top: 20px;
	position: absolute;
}
.subnavi li
{	height: 25px;
	width: 260px;
	display: block;
	margin-left: 10px;
	background: url(/images/subnavi_bg.png) no-repeat top right;
}
.subnavi li:hover
{	background-image: url(/images/subnavi_hot.png);	}
.subnavi a
{	font-size: 14px;
	line-height: 24px;
	margin-left: 40px;
	color: #FFFFFF;
	overflow: hidden;
	text-decoration: none;
} */

.individual, .gridview
{
	float: left;
	width: 700px;
}



.rh
{	float: right;
}
.columncontent
{	width: 990px;
}
.columncontent .sidebar
{	width: 265px;
	display: block;
}
.columncontent .sidebar .top
{	background: url(/images/sidebar_top.gif) bottom center no-repeat;
	height: 9px;
}
.columncontent .sidebar .body
{	background: url(/images/sidebar_body.gif) center center repeat-y;
}
.columncontent .sidebar .bottom
{	background: url(/images/sidebar_bottom.gif) top center no-repeat;
	height: 37px;
}
.columncontent .content
{	width: 700px;
	margin-left: 0px;
}
.columncontent .content .top
{	background: url(/images/content_top.gif) bottom center no-repeat;
	height: 9px;
}
.columncontent .content .body
{	background: url(/images/content_body.gif) center center repeat-y;
        padding: 0 5px 0px 5px;height:180px;
}
.columncontent .content .body2
{	background: url(/images/content_body.gif) center center repeat-y;
        padding: 0 5px 0px 5px;height:340px;
}
.columncontent .content .bottom
{	background: url(/images/content_bottom.gif) top center no-repeat;
	height: 10px;line-height: 10px;
}


.gridcontent
{	width: 700px;
}
.gridcontent .content .body
{text-align:center;}
.gridcontent ul
{	list-style: none;
}
.gridcontent li
{	float: left;
	width: 140px;
	height: 140px;
	background: url(/images/grid_thumbnail_bg.gif) top left no-repeat;
}
.gridcontent li img
{	width: 123px;
	height: 96px;
	display: block;
	margin-left:8px;
	margin-top:7px;
	margin-bottom: 10px;
}
.gridcontent li a
{	/*height: 25px; */
	text-align: center;
	display: block;
	font-size: 12px;
	font-family: Myriad, "Myriad Pro", Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	overflow: hidden;
}

.rowcontent 
{	width: 700px;
}
.rowcontent ul
{	list-style: none;
}
.rowcontent li
{	margin-bottom: 10px;
}
.rowcontent .top
{	background: url(/images/content_top.png) top center no-repeat;
	height: 9px;
}
.rowcontent .body
{	background: url(/images/content_body.png) center center repeat-y;
	padding: 0 5px 10px 15px;
}
.rowcontent .bottom
{	background: url(/images/content_bottom.png) bottom center no-repeat;
	height: 10px;
}



.widecontent
{	width: 925px;
}
.widecontent .top
{	background: url(/images/widecontent_top.gif) top center no-repeat;
	height: 10px;
}
.widecontent .body
{	background: url(/images/widecontent_body.gif) center center repeat-y;
	padding: 0 5px 10px 5px;
}
.widecontent .bottom
{	background: url(/images/widecontent_bottom.gif) bottom center no-repeat;
	height: 10px;line-height:10px;
}

.singlecontent h2
{	font-size: 24px;
	font-weight: 100;
	margin-bottom: .4em;
}

.specialscontent
{	width: 980px;	}
.specialscontent h2
{	line-height: 44px;	}
.specialscontent h2 img
{	vertical-align: bottom;	}

.recipes h2 a
{	color: #FFF;
	line-height: 40px;
	text-decoration: none;
}
.recipes h2 a:hover
{	text-decoration: underline;	}



.post
{	margin-left: 15px;
	margin-right: 15px;
}
.post ul
{	margin-left: 1.5em;
	float: left;
	
}

.content .thumbnail
{	margin-right: 20px;
}
.content h2
{	font-size: 20px;
	font-weight: 100;	
}
.content h3
{	font-size: 21px;
	font-weight: 100;	
}
.content h4
{	font-size: 14px;
	font-weight: 100;
	margin-bottom: 10px;
}

.season
{	height: 67px;
	width: 700px;
	background: url(/images/season_bg.png) no-repeat top left;
}
.season ul
{	list-style: none;
	margin-left: 142px;
	padding-top: 24px;
}
.season li
{	float: left;
}
.texture
{	float: left;
	height: 38px;
	width: 350px;
	background: url(/images/texture_bg.png) no-repeat top left;
}
.texture1
{	background-image: url(/images/texture_1.png);}
.texture2
{	background-image: url(/images/texture_2.png);}
.texture3
{	background-image: url(/images/texture_3.png);}

.flavour
{	float: left;
	height: 38px;
	width: 350px;
	background: url(images/flavour_bg.png) no-repeat top right;
}
.flavour1
{	background-image: url(/images/flavour_1.png);}
.flavour2
{	background-image: url(/images/flavour_2.png);}
.flavour3
{	background-image: url(/images/flavour_3.png);}

.gridview p, .gridview h4
{	display: none;
}
.gridview .thumbnail
{	display: block;
	margin: 0;
}

.column
{	float:left;margin-top: 10px;margin-left: 20px;
}
.column2
{	float:left;
}
#contentbar
{	width: 530px;
	margin-top: 10px;
	margin-left: 20px;
}

.navigation
{	clear: both;
	display: block;
	height: 20px;
}

.topmargin
{	margin-top: 40px;
}

/* for contact page */
.contactcontent
{	font-family:  "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.contactcontent p.address
{	font-size: 20px;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 10px;
	text-align: center;
}
.contactcontent small.address
{	font-size: 13px;
	text-align: center;
	display: block;
}
.contactcontent h3
{	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 100;
}
.contactcontent .contactinfo p
{	margin-bottom: 15px;
}
.contactcontent td
{	padding-right: 10px;
	padding-bottom: 10px;
}
.contactcontent .contactinfo 
{	width: 385px;
}
.contactcontent .googlemap
{	float: right;
}

/*=======================COMMENTS====================*/

.commentlist .quote {
	background: url("/images/bg_quote.gif") no-repeat top right;
	width:400px;
	}

.commentlist li {
 	padding: 20px 18px 22px 18px;
	margin-left:40px;
	margin-top:15px;
	width:400px;
	background:#454545 url("/images/bg_commentlist.gif") bottom no-repeat;
	
	list-style: none;
	border:solid 7px #0f0f0f;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
	}

.commentlist cite {
	display:block;
	font-style:normal;
	background:#0f0f0f;
	width:428px;
	padding:0px 0px 5px 22px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
	color:#FC6;
	margin-left:40px;
	}

.commentlist cite a:link, .commentlist cite a:visited {
	color:#88e5f0;
	text-decoration:none;
	}

.commentlist cite a:hover, .commentlist cite a:active {
	color:#FFF;
	text-decoration:underline;
	}

.commentlist .time {  
     background: url("/images/bg_clock.png") no-repeat 1px;  
     padding-left:13px;  
 }  

.authorcomment{
	color:#FC6;
	font-weight:bold ;
}
.pages{
	color:#FFFFFF;
	font-weight:bold ;width:700px;text-align: center;
word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;height: 40px;

}
.pages A,.pages A:hover,.pages A:visited
{
	color:#FFFFFF;
	font-weight:bold ;
}

#mini_nav {width:326px; height:39px; overflow:hidden;list-style-type:none;position: absolute;right: 0;top: 30px;}
#mini_nav li {width:160px; height:39px; float:left;}
#mini_nav li a {display:block; width:160px; height:39px; padding-top:40px; overflow:hidden;}
#mini_nav li a:hover {background:url(nav.png) no-repeat;}
#mini_nav li.headernavi-products a:{background: url(/images/products.gif) no-repeat top center;}
#mini_nav li.headernavi-products a:hover {background: url(/images/products.gif);background-position:0px -39px;}
#mini_nav li.headernavi-Contact a:hover {background: url(/images/Contact.gif);background-position:0px -39px;}