/* Table of Contents
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */
	
/* #Site Styles
================================================== */


/* @group Navigation */

#navigation {
	margin-bottom: 20px;
	clear: both;
}

#navigation ul,
#navigation ul li {
	float: left;
	margin: 0;
	padding: 0;
}

/* @end */

#footer {
	clear: both;
	padding: 10px 0 10px 0;
}

#credits {
	text-align: center;
}

/* #Page Styles
================================================== */

/* Layout Shortcodes */
.full-width {width:960px; height:auto; overflow:hidden}

.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_thirds { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourths { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 67.2%; }
.one_sixth { width: 13.33%; }
.five_sixth { width: 82.67%; }

.one_half,
.one_third,
.two_thirds,
.three_fourths,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	position: relative;
	margin-right: 4%;
	margin-bottom: 20px;
	float: left;
}


.last {margin-right:0 !important;}


/* #Media Queries
================================================== */
	
	/* iPad Portrait/Browser */
	@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	#navigation ul {border-radius:0px;}
	#navigation ul li a {font-size: .9em;padding: 10px 15px;}
	#navigation ul {min-width: 700px;}
	#sidebar .widget-container {margin-left: 0px;   font-size:75%;}
	.resize {display: none;}
	#respond textarea {width:auto;}	
	

#header #site-title a, #header h1#site-title, #header h1#site-title a {
font-size:26px;
letter-spacing:10px;
line-height:24px;
vertical-align:top;
}
#header .site-desc.text {
top: 2px;
font-size:24px;
letter-spacing: 7px;
line-height:24px;
}
.site-description {
    text-align:left;
    padding:5px 5px 5px 10px;
}
.site-description .site-title {
    letter-spacing : 4px
}
#related-links {
    padding:5px;
font-size:14px;
overflow:hidden;
}
#related-links .links .contact{
    width : 100%;
}

.widget_recent_entries, .widget_categories {
    color:white;
    background:#555;
    padding:5px 5px 5px 10px;
}
 .widget_categories li {
     padding:2px 8px 2px 0px;
 }
.widget_archive{
    padding:5px;
}
}
	
	/* Mobile/Browser */
	@media only screen and (max-width: 767px) {
	
	#wrap {}
	#header div#site-title a, #header h1#site-title, #header h1#site-title a {
font-size:30px;
letter-spacing:30px;
display:block;
float:none;
line-height:1;
text-align:center;
}
#header .site-desc.text {
font-size:18px;
letter-spacing:6px;
display:block;
line-height:1;
margin-bottom:4px;
text-align:center;
left:0;
top:4px;
}
	#navigation {margin: 10px 0px;}
	
	#navigation ul,
	#navigation ul li,
	#navigation ul li a {
	float: none;
	background: transparent;
	border: none;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	behavior:none;
	}
	
	#navigation ul li a,
	#navigation ul li.active a,
	#navigation ul li a:hover,
	#navigation ul li:hover a {
	border: none;
	padding: 2px 0;
	line-height: 150%;
	background: transparent;
	background-image: none;
	}
	
	/* Initial reset and hide sublevels in mobile view */
	
	#navigation ul.sub-menu,
	#navigation ul.sub-menu li,
	#navigation ul.sub-menu li:hover,
	#navigation ul.sub-menu li a,
	#navigation ul.sub-menu li a:hover
	 {
		display: none;
		position: relative;
		left: 0px;
		line-height: 100%;
		background: none;
		border: none;
		border-style: none;
		box-shadow:none;
		padding: 0;
		margin: 0;
		height: auto;
		background-image: none;
	}
	
	/* Declare new padding for submenu items */

	#navigation ul.sub-menu li a,
	#navigation ul.sub-menu li a:hover {
		padding: 4px 0px 4px 10px;
	}
	
	/* Show on hover */
	
	#navigation li:hover ul.sub-menu,
	#navigation li:hover ul.sub-menu li,
	#navigation li:hover ul.sub-menu li a {
		display: inline-block;
	}
	#respond textarea {width:300px;}	


	
	#wrap .products li,.products li.first,.products li.last {
 	float: left;
 	clear: both;
	margin: 20px 0px 20px 0px;
	width: 100%;
	}
	#breadcrumb {display: none;}

	#sidebar .widget-container {margin-left: 0px;}
	.full-width,
	.one_half,
	.one_third,
	.two_thirds,
	.three_fourths,
	.one_fourth,
	.one_fifth,
	.two_fifth,
	.three_fifth,
	.four_fifth,
	.one_sixth,
	.five_sixth {width: 100%;}
	.resize {display: none;}
.post {
margin-bottom: 10px;
border-bottom: 1px solid #d6d6d6;
padding-right : 5px;
padding-left : 5px;
}
 .post h1 {font-size:28px;}
  .post h2 {font-size:24px; }
 .post h3 { font-size:18px}
.post  h4 {font-size:16px; }
.post  h5 {font-size:14px}
	}
	@media only screen and (max-width: 480px){
		#header div#site-title a, #header h1#site-title, #header h1#site-title a {
font-size:20px;
}    
#header .site-desc.text {
font-size:12px;
letter-spacing:4px;

}
#related-links {
	overflow: hidden;
}
	}
	
	/* Mobile Landscape/Browser */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}
	
	/* Anything smaller than standard 960 */
	@media only screen and (max-width: 959px) {}
	
	/* iPad Portrait Only */
	@media only screen and (min-width: 768px) and (max-width: 991px) and (max-device-width: 1000px) {}
	
	/* Mobile Only */
	@media only screen and (max-width: 767px) and (max-device-width: 1000px) {}
	
	/* Mobile Landscape Only */
	@media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1000px) {}
	
@media only screen and (min-width: 1200px)  {
 #header span.site-desc {
  font-family: BPReplayBold;
  margin: 0;
  text-transform :uppercase;
  font-size: 36px;
  line-height: 43px;
  color: #ccc;
  letter-spacing: 9px;
  position:relative;
  top:12px;
  left: 12px;
  text-align : justify;

}
      .container                      { width: 1200px;}
      .container .column,
      .container .columns             { margin-left: 10px; margin-right: 10px; }
    
      .column.alpha, .columns.alpha   { margin-left: 0; margin-right: 10px; }
      .column.omega, .columns.omega   { margin-right: 0; margin-left: 10px; }
            .column.alpha.omega, .columns.alpha.omega {margin-left: 0; margin-right: 0}
 
      .container .one.column          { width: 55px; }
      .container .two.columns         { width: 130px; }
      .container .three.columns       { width: 205px; }
      .container .four.columns        { width: 280px; }
      .container .five.columns        { width: 355px; }
      .container .six.columns         { width: 430px; }
      .container .seven.columns       { width: 505px; }
      .container .eight.columns       { width: 580px; }
      .container .nine.columns        { width: 655px; }
      .container .ten.columns         { width: 730px; }
      .container .eleven.columns      { width: 805px; }
      .container .twelve.columns      { width: 880px; }
      .container .thirteen.columns    { width: 955px; }
      .container .fourteen.columns    { width: 1030px; }
      .container .fifteen.columns     { width: 1105px; }
      .container .sixteen.columns     { width: 1180px; }
 
      .container .one-third.column    { width: 380px; }
      .container .two-thirds.column   { width: 780px; }
 
      /* Offsets */
      .container .offset-by-one       { padding-left: 75px; }
      .container .offset-by-two       { padding-left: 150px; }
      .container .offset-by-three     { padding-left: 225px; }
      .container .offset-by-four      { padding-left: 300px; }
      .container .offset-by-five      { padding-left: 375px; }
      .container .offset-by-six       { padding-left: 450px; }
      .container .offset-by-seven     { padding-left: 525px; }
      .container .offset-by-eight     { padding-left: 600px; }
      .container .offset-by-nine      { padding-left: 675px; }
      .container .offset-by-ten       { padding-left: 750px; }
      .container .offset-by-eleven    { padding-left: 825px; }
      .container .offset-by-twelve    { padding-left: 900px; }
      .container .offset-by-thirteen  { padding-left: 975px; }
      .container .offset-by-fourteen  { padding-left: 1050px; }
      .container .offset-by-fifteen   { padding-left: 1125px; }
 
}
/* @end */