@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
html { /* Force Vertical Scrollbar */
	min-height: 100%;
	height: auto !important;
	/* IE */
	overflow-y: scroll;
	/* Moz */
	height: 100%;
	margin-bottom: 0.00em; /* check if 0.01 needed for other browsers */
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	color: black;
	background: #ccc;
	font: 100%/160% Verdana, Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
#clear {
	clear: both;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


#container {
	width: 638px;
	background: transparent;
	margin: 0 auto;
	}
h1 {
	font-family: Arial;
	font-size: 36px;
	padding: 12px 15px;
	}
h3 {
	font-size: 18px;
	}
p {
	font-size: 16px;
	padding: 10px 20px;
	}

/* facebook sticker item*/
#facebooksticker{
	background: url(images/facebook-sticker.png) no-repeat top center;
	z-index:100; 
	width:112px; height:66px;
	position: absolute; top:1em; right:1em;
}
#facebooksticker:hover{
	background: url(images/facebook-sticker-hover.png) no-repeat top center;
}


/* Header Items */
#header {
	width: 100%;
	background: transparent;
	}
#main {
	width: 600px;
	height: 144px;
	background: url(images/header.png);
	float: left;
	}

#main a {
	color:#fff;
	text-decoration:none;
}#main a:hover {
	text-decoration:underline;
	}

#main li {
	float: left;
	margin: 100px 5px 0 25px;
	padding: 5px;
	font-size: 38px;
	font-weight: 600;
	color: #fff;
	font-family: Arial;
}

#main ul {
	list-style: none;
	padding:0;
	margin:0;
}

#sticker {
	width: 38px;
	height: 144px;
	background: transparent;
	float: right;
	}

/* Primary Items */
#primary {
	margin-bottom:15px;
	width: 100%;
	}
#content {
	width: 600px;
	background: url(images/transbg.png);
	padding:0 0 10px;
	-moz-border-radius: 35px;
	min-height: 440px;
	border: 0px #ccc solid;
	}
#content h1 {
	padding: 25px 30px 15px;
	}
#content p {
	padding: 0px 40px 15px;
	}
#secondary {
	float: right;
	width: 38px;
	}
.ask-a-question {
	background: #f7f7f7 url(images/tab-ask_a_question.png) center no-repeat;
	height: 204px;
	-moz-border-radius: 0 10px 10px 0;
	border: 1px #ccc solid;		
	border-left:white 0px;
	margin: 50px 0 0;
	float: right;
	width: 37px;
	opacity: .43;
	filter: alpha(opacity=43);
	}.ask-a-question:hover {background-color: #fff; opacity: .77; filter: alpha(opacity=77);}
.chat {
	background: #f7f7f7 url(images/tab-chat.png) center no-repeat; 
	height: 75px; 	
	-moz-border-radius: 0 10px 10px 0;
	border: 1px #ccc solid;		
	border-left:white 0px;	
	margin: 15px 0 0;
	float: right;
	width: 37px;
	opacity: .43;
	filter: alpha(opacity=43);
	}.chat:hover{background-color: #fff; opacity: .77; filter: alpha(opacity=77);}
.donate {
	background: #f7f7f7 url(images/tab-donate.png) center no-repeat; 
	height: 105px; 	
	-moz-border-radius: 0 10px 10px 0;
	border: 1px #ccc solid;		
	border-left:white 0px;	
	margin: 15px 0 0;
	float: right;
	width: 37px;
	opacity: .43;
	filter: alpha(opacity=43);
	}.donate:hover{background-color: #fff; opacity: .77; filter: alpha(opacity=77);}
.information {
	background: #f7f7f7 url(images/tab-information.png) center no-repeat;
	height: 163px;
	-moz-border-radius: 0 10px 10px 0;
	border: 1px #ccc solid;		
	border-left:white 0px;
	margin: 50px 0 0;
	float: right;
	width: 37px;
	opacity: .43;
	filter: alpha(opacity=43);
	}.information:hover {background-color: #fff; opacity: .77; filter: alpha(opacity=77);}
.legal {
	background: #f7f7f7 url(images/tab-legal.png) center no-repeat; 
	height: 81px; 	
	-moz-border-radius: 0 10px 10px 0;
	border: 1px #ccc solid;		
	border-left:white 0px;	
	margin: 15px 0 0;
	float: right;
	width: 37px;
	opacity: .43;
	filter: alpha(opacity=43);
	}.legal:hover{background-color:#fff; opacity: .77; filter: alpha(opacity=77);}
.privacy {
	background: #f7f7f7 url(images/tab-privacy.png) center no-repeat; 
	height: 106px; 	
	-moz-border-radius: 0 10px 10px 0;
	border: 1px #ccc solid;		
	border-left:white 0px;	
	margin: 15px 0 0;
	float: right;
	width: 37px;
	opacity: .43;
	filter: alpha(opacity=43);
	}.privacy:hover{background-color:#fff; opacity: .77; filter: alpha(opacity=77);}

.wallpapers {
	background: #f7f7f7 url(images/tab-wallpapers.png) center no-repeat;
	height: 153px;
	-moz-border-radius: 0 10px 10px 0;
	border: 1px #ccc solid;		
	border-left:white 0px;
	margin: 50px 0 0;
	float: right;
	width: 37px;
	opacity: .43;
	filter: alpha(opacity=43);
	}.wallpapers:hover {background-color: #fff; opacity: .77; filter: alpha(opacity=77);}
.posters {
	background: #f7f7f7 url(images/tab-posters.png) center no-repeat; 
	height: 107px; 	
	-moz-border-radius: 0 10px 10px 0;
	border: 1px #ccc solid;		
	border-left:white 0px;	
	margin: 15px 0 0;
	float: right;
	width: 37px;
	opacity: .43;
	filter: alpha(opacity=43);
	}.posters:hover{background-color:#fff; opacity: .77; filter: alpha(opacity=77);}
.fliers {
	background: #f7f7f7 url(images/tab-fliers.png) center no-repeat; 
	height: 83px; 	
	-moz-border-radius: 0 10px 10px 0;
	border: 1px #ccc solid;		
	border-left:white 0px;	
	margin: 15px 0 0;
	float: right;
	width: 37px;
	opacity: .43;
	filter: alpha(opacity=43);
	}.fliers:hover{background-color:#fff; opacity: .77; filter: alpha(opacity=77);}
#current {
	background-color:#fff;
	opacity: .85; 
	filter: alpha(opacity=85);
	}

/* form */
form {border: 0px;}
fieldset {border: 0px;}
input {border: 0px;}

form#questionform	{
	width:525px;
	margin: 10px auto 20px;
	padding: 10px 0;
	background:#026cff;
	color:#fff;
	-moz-border-radius: 20px;
	}
fieldset#questionform	{
	border: 0px;
	cursor: default;
	width: 431px;
	margin:15px auto 0;
	}
fieldset#questionform label#required, label#notrequired	{
	float:left;
	width:61px;
	margin:0 8px 0 0;
	text-align:right;
	font-size: 11px;
	}
#required{
	font-weight:600;
	}
	
input#name, input#age, input#email, textarea#question {
	margin:0em 0 1em; 
	font-size: 16px; /*firefox bug to condense inside font-family for the textbox in the form*/
	font-family: "Lucida Grande", Geneva, Helvetica, Arial, sans-serif;
	border: 1px solid #002455;
	width: 350px;
	background:#fff; /* was e2*/
	padding: 3px 4px;
	-moz-border-radius: 3px;
	}

input#go	{
	background: #003f96;
	border: 1px solid #002455;
	color: #fffdfc;
	font-size: 16px;
	font-family: "Lucida Grande", Geneva, Helvetica, Arial, sans-serif;
	margin:5px 0 15px 68px;
	padding: 3px 4px;
	-moz-border-radius: 3px;
	width:12em;
	height: auto;
	cursor: pointer;
	}
input#go:hover {
	background: #1cc300;
	}
input#go:focus {
	background: #fff;
	border: 1px solid #d8f4fe;
	color: #000;
	}

/* Shop Items */
#leftshirt {
	float: left;
	width: 270px;
	background: #fff; 
	border: #ddd 1px solid; 
	margin: 15px 0 15px 30px;
	}
#rightinfo {
	float:right; 
	width: 260px; 
	margin: 15px 30px 15px 0;
	}
a#shirt {
	width: 250px;
	display: block;
	height: 250px;
	background-image: url("http://sikhtalk.com/shop/Sikhtalk%20-%20Talk%20Bubble.jpg");
	background-position:0 0;
	margin: 10px; 
	}
a#shirt:hover {
	background-position:0 -250px;
	}
#rightinfo h2 {
	font-size: 20px;
	}
#rightinfo p {
	font-size: 14px;
	padding: 0;
	line-height: 1.4;
	}
/* Media Items */
#leftside {
	float:left; 
	width: 260px;
	background: #fff; 
	border: #ddd 1px solid; 
	margin: 15px 0 15px 30px;
	}
#rightside {
	float:right; 
	width: 260px; 
	margin: 15px 30px 15px 0;
	}
#rightside h2 {
	font-size: 20px;
	}
#rightside cite {
	font-size: 12px;
	position: relative;
	top: -4px;
	}
#rightside p {
	padding: 0;
	line-height: 1.4;
	}

/*Image Teaser*/
.imgteaser {
	width:450px;
	background:#fff;
	margin: 10px auto 18px;
	overflow: hidden;
	border:1px #6A6B5B solid;
	border-bottom:1px #6A6B5B solid;
}
.imgteaser a {
	text-decoration: none;
	float: left;
	position: relative;
}
.imgteaser a:hover {
	cursor: pointer;
}
.imgteaser a img {
	float: left;
	margin: 0;
	background: #fff;
}
.imgteaser a .more {
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 1em;
	color: #fff;
	background: #000;
	padding: 5px 10px;
	filter:alpha(opacity=85);
	opacity:.85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /*--IE 8 Transparency--*/
}
.imgteaser a:hover .desc{
	display: block;
	font-size: 1em;
	background: #000;
	filter:alpha(opacity=95);
	opacity:.95;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 5px 10px;
	margin: 0;
	width: 540px; /* because of 1px border on two sides*/
	border-bottom: 1px solid #999;
}
.desc h2{
	padding:0px;
	}
.imgteaser a:hover .desc strong {
	display: block;
	margin-bottom: 5px;
	font-size:1.5em;
}
.imgteaser a .desc { display: none; }
.imgteaser a:hover .more { visibility: hidden; }

/* Icons */
#pdf-icon {
	padding-left: 16px;
	background: url(images/page_white_acrobat.png) left center no-repeat;
	}
#zip-file {
	padding-left: 17px;
	background: url(images/page_white_zip.png) left center no-repeat;
	}

/* Ancillary Items */
#ancillary {
		display:none;
	width: 600px;
	background: #fff;
	opacity: .15;
	filter: alpha(opacity=15);
	float: left;
	-moz-border-radius: 10px;
	padding: 10px 0;
	margin: 15px 0 10px;
	}#ancillary:hover {
		opacity: 1.00;
		filter: alpha(opacity=100);
		}
#ancillary h1 {
	font-family: inherit;
	font-size: 24px;
	padding: 5px 0 0;
	border-bottom: #000 1px solid;
	}
#ancillary p {
	line-height: 1;
	padding: 5px 0 0 0px;
	}
#home, #about, #shop, #media {
	float: left;
	}
#home {
	width: 120px;
	padding-left: 10px;
	}
#about {
	width: 120px;
	padding-left:33px;
	}
#shop{
	width: 120px;
	padding-left:33px;
	}
#media{
	width: 120px;
	padding-left:33px;
	}
#footer {
	width: 100%;
	}