/* Mobile (Landscape) /* Note: Design for a width of 480px */

@media (min-width: 480px) and (max-width: 767px) {
body {
   background:#eaedf3; width:480px;
}
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
	margin: 0 auto;
	width: 480px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;
}
        #container1 { width:480px; margin:0 auto; height:auto }
		#address-box, #address-box img {display:none }
		#logo, #logo img { height:auto; width:480px; float:left}
		#content img.alignleft, content img.alignright {max-width:440px; height:auto}

		
		  #info-box{background:#fff;}


.home #info-box{background:#fff}


#infobox .textwidget {
  color: #555;
  background: #fff;
  border:none;
  list-style: none;
  margin: 0 auto;
  padding: 10px;
  width: 440px;
  float: left;
  list-style: none;
}
		
		#navBg {
  background: #fff;
  width: 480px;
  height: auto;
  margin-top: -5px!ie;
  float: left;
}
		
		
#access, #access select{width:480px; margin-bottom:4px; padding:4px 0 4px 0; background:#fff}

		#info-box{background:#fff;}
		
		
		#home-columns {
  background-color: #fff;
  width: 480px;
  height: auto;
  list-style: none;
}
		
		#column2 .textwidget {
  color: #555;
  background: #fff;
  border:none;
  list-style: none;
  margin: 0 auto;
  padding: 10px;
  width: 480px;
  float: left;
}
		

		
		#socialIcons { display:none}
		#socialIcons img { display:none}
        #container2 { width:480px; margin:0 auto; height:auto; }
	#main-photo, #main-photo img { background:#FFFFFF; width:480px; margin:0 auto; height:243px; padding:0; margin-top:10px; }
		#briask-iss58, #briask-iss58 img { width:480px; margin:0 auto; height:243px; padding:0 }
	.photoBanners { width:480px; margin:0 auto; height:243px; padding:0 }


#colophon  {width:480px; height:auto; float:left; margin:0 auto; padding:0;}
	#site-info {width:480px; height:auto; float:left; margin:0 auto; padding:0; }
	#site-generator {width:480px; height:auto; float:left; margin:0 auto; padding:0; }
	#footer {width:480px; height:auto; float:left; margin:0 auto; padding:0; }
		
	#container {
	background:#fff;
	color:#666666;
	float: left;
	margin: 6px 0px 0 0;
	width: 480px;
}
#content {
	margin: 0 auto;
	width: 460px;
	padding:10px;
	}
	
	#column2 .textwidget {
  color: #555;
  background: #fff;
  border:none;
  list-style: none;
  margin: 0 auto;
  padding: 10px;
  width: 480px;
  float: left;
}
	
	
	
	
#primary,
#secondary {
padding-left:10px;
width: 400px;
height:auto;
float:left}

.entry-content, .entry-summary {margin-left:0px; padding-left:0px; width:400px;
}



#main .widget-area ul {margin:0 auto; padding:0 auto; }



.widget-container {
background-image;none;
	color:#666666;
}

.xoxo {margin:0 auto; padding:0 auto}

#sidebox {	background-image:none;
  background-color:#FFF; width:480px;  margin:-30px 0 0 0}

#sidebox .textwidget {
	background-image:none;
  background-color:#FFF;
  padding: 10px;
  list-style: none;
  margin: 0 auto;
  margin-top: -6px;
  width: 480px;
  color: #747574;
	float:left;
  line-height: 1.5;
  font-size: 16px;
}


#sidebox .widget-title {
  background: #fff;
  border:none;
  color: #666;
  padding: 10px;
  width: 480px;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  float: left;
}

#hangers  {width:480px; height:auto}

#hanger1, #hanger1 img {width:480px; height:auto}
#hanger2, #hanger2 img {width:480px; height:auto}
#hanger3, #hanger3 img {width:480px; height:auto}
#hanger4, #hanger4 img {width:480px; height:auto}

#secondary {
	clear: right;
}

.one-column #content {
background:#fff;
 margin: 0 auto;
 width: 300px;
 p
	margin: 0 auto;
	width: 460px;
	padding:10px;
}

#site-info {display:none }


#site-generator {display:none}

.prepost-item {display:none}

#content img.alignleft, content img.alignright  {display:none}

}



/*  Mobile (Portrait) /* Note: Design for a width of 320px  */


@media (min-width: 50px) and (max-width: 479px) {

#wrapper { width:300px; margin:0 auto; height:auto; padding:0 auto }
 
#container {
  background:#fff;
  float: left;
  margin: 6px -240px 0 0;
  width: 300px;
}

.one-column #content {
background:#fff;
 margin: 0 auto;
 width: 300px;
 padding:20px;
}
  #logo, #logo img { width:300px; height:auto; vertical-align: top; margin:0 auto; padding:0; margin-top:-3px;}
  #info-box{background:#fff;}


.home #info-box{background:#fff}


#infobox .textwidget {
  color: #555;
  background: #fff;
  border:none;
  list-style: none;
  margin: 0 auto;
  padding: 10px;
  width: 250px;
  float: left;
  list-style: none;
}

#navBg {
  background: #fff;
  width: 300px;
  height: auto;
  margin-top: -5px!ie;
  float: left;
}

#access {
  margin: 0;
  width: 300px;
  display: block;
  float: left;
  z-index: 2;
  position: relative;
}


#access .menu-header, div.menu, #colophon, #branding, #main {
    background-color: #fff;
    margin: 0 auto;
    width: 280px;
}


#sidebox {background-color:#fff; background-image:none; width:300px; margin:0 auto; padding:10px;}

#hangers  {width:300px; height:auto; overflow:hidden; margin:0 auto}

#hanger1, #hanger1 img {width:300px; height:auto; margin:0 auto}
#hanger2, #hanger2 img {width:300px; height:auto; margin:0 auto}
#hanger3, #hanger3 img {width:300px; height:auto; margin:0 auto}
#hanger4, #hanger4 img {width:300px; height:auto; margin:0 auto}




#sidebox .textwidget {
  padding: 0px 5px 10px 5px;
  list-style: none;
  margin: 0 auto;
  margin-top: -6px;
	margin-bottom:10px;
	float:left;
  width: 250px;
  color: #747574;
  line-height: 1.5;
  font-size: 14px;
}

#sidebox .widget-title {
  background: #fff;
  border:none;
  color: #666;
  padding: 10px;
  width: 250px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  float: left;
}


#home-columns {background-color: #fff;
  width: 270px;
  float: left;
}


.column1 {
  background-color: #fff;
  width: 270px;
  padding: 5px;
  float: left;
}


#column2 .textwidget {
  color: #555;
  background: #fff;
  border:none;
  list-style: none;
  margin: 0 auto;
  padding: 10px;
  width: 280px;
  float: left;
}


		#socialIcons { display:none}
		#socialIcons img { display:none}
        #container2 { width:300px; margin:0 auto; height:auto; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000;}
	#main-photo, #main-photo img { background:#FFFFFF; width:300px; margin:0 auto; height:175px; margin-top:10px; }
		#briask-iss58, #briask-iss58 img { width:300px; margin:0 auto; height:175px }
	.photoBanners { width:300px; margin:0 auto; height:175px }


#colophon  {width:300px; height:auto; float:left; margin:0 auto; padding:0;}
	#site-info {width:300px; height:auto; float:left; margin:0 auto; padding:0; }
	#site-generator {width:300px; height:auto; float:left; margin:0 auto; padding:0; }
	#footer {width:300px; height:auto; float:left; margin:0 auto; padding:0; }
		

#content {
	margin: 0 auto;
	width: 270px;
	padding:10px;
	}
	

	
	
#primary,
#secondary {
width:220px; padding-left:10px;
height:auto; float:left}

.entry-content, .entry-summary {margin-left:0px; padding-left:0px; width:250px;
}

#main .widget-area ul {margin:0 auto; padding:0 auto; }

.widget-title {
color: #666;
font-weight: bold;
float:left;
}

.widget-container {
background-image:none;
	color:#666666;
}



#secondary {
	clear: right;
}

.one-column #content {
	margin: 0 auto;
	width:96%;
	padding:10px;
}

#site-info {display:none }

.prepost-item {display:none}

#site-generator {display:none}

.xoxo {margin:0 auto; padding:0 auto}

#content img.alignleft, content img.alignright  {display:none}

}