/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

	#doc,
	#masthead,
	#titlecontainer,
	#bffc-navigation,
	#globalSectionCover,
	#globalSectionCover img,
	#globalFooter,
	#adHorizontal,
	#adHorizontal a,
	#adHorizontal img,
	#centerColumn div.threethree {
		display:block;
		max-width:100%;
		overflow:visible;
		position:relative;
		height:auto;
		}
		#titlecontainer img {
			max-width:100%;
			height:auto;
			}
			img#logoIcon { display:none; }
		#centerColumn div.one,
		#centerColumn div.threethree,
		#centerColumn div.three,
		#titlecontainer div.two {
			display:block;
			float:none;
			width:100% !important;
			}
			
	#doc,
	table {
		margin:0;
		width:100% !important;
		}
	#bffc-nav {
		display:none;
		}
	#bffcNavigationMobileList {
		background:#222;
		}
	#titlecontainer .four,
	#homeStrapline,
	#globalSectionNav {
		display:none !important;
		}
	#centerColumn,
	#wrap,
	#brd-wrap,
	#centerColumn div.three {
		display:block;
		float:none;
		top:0;
		margin-top:0;
		left:0;
		margin-left:0;
		width:100%;
		}
	h1 {
		clear: both;
		}
	.three {
		float:none;
		width:33% !important;
		}
	#doc #fettipediaArticleExtras {
		border-collapse:inherit;
		white-space:normal;
		width:auto;
		}
		#doc #centerColumn #fettpediaActions li,
		#doc #centerColumn #fettipediaArticleExtras li {
			margin:0;
			padding:0;
			display:block;
			}
	
	.flexslider {
		height:auto;
		overflow:hidden;
		width:100% !important;
		}
		.flexslider img {
			height:auto;
			}
	.flex-caption {
		font-size:100%;
		height:auto !important;
		line-height:1;
		padding:0;
		}
	
	#cell_1.fourfourfour,
	#cell_1,
	#cell_2.four,
	#cell_2,
	div.module240 {
		float:none;
		width:100% !important;
		}
	
	#centerColumn .deck div.three {
		float:left;
		}
		form.searchBounty input#searchBountyQuery {
			width:80% !important;
			overflow:hidden;
			}
	
	div.ad img,
	table img.image {
		max-width:100%;
		height:auto;
		}
		
	table#picinfo td.tableb {
		font-size:75% !important;
		}
	
	.vvqbox,
	.vvqbox object {
		max-height:320px;
		}
		
	li.boardRow span.boardThumbnail {
		width:30% !important;
		margin:0;
		}
	li.boardRow span.boardSubject {
		width:70% !important;
		}
		
	#centerColumn ul.horizontal.percentage li {
		width:50% !important;
		display:block;
		}
		#centerColumn ul.horizontal.percentage li a img {
			min-width:100%;
			height:100%;
			}
	
	#adSquare,
	#adHorizontal {
		width:100% !important;
		overflow:hidden;
		}
	
	div.record-category-item-meta {

		}
	div.record-category-item-meta-column {
		float:none !important;
		width:100% !important;
		}

	span.recentThumbnail,
	span.recentArticle {
		float:none;
		width:100%;
		}

	input {
	    -webkit-appearance: none;
	    border-radius: 0;
	}
	
	#centerColumn iframe {
		width:100% !important;
		height:auto !important;
		min-height:169px !important;
		}
	
	#globalFooter {
		overflow:hidden;
		}
	#globalFooter .three {
		float:left;
		width:33% !important;
		}

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) and (max-width : 768px) {

	#doc,
	#centerColumn,
	#centerColumn.noSidebar {
		width:100%;
		}

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {

	#doc,
	#centerColumn,
	#centerColumn.noSidebar {
		width:100%;
		}

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

}

/* Small Laptop and iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {

}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {

}

/* iPhone 4 and high pixel ratio devices ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

}

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block; margin-left:0; }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu,
.slicknav_menu li.searchboxListItem input {
    font-size:1.5em;
}
/* Button */
.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration:none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    background-color: #222222;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
    background: #222 url('http://cdn.bobafettfanclub.com/global/stripe-45degree.png') top left repeat;
    padding:10px;
}
.slicknav_nav {
    color:#fff;
    margin:0;
    padding:0;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
	background:#111;
    padding:0;
    margin:0;
}
.slicknav_nav ul a {
	padding-left:25px;
	}
.slicknav_open {
	background:#111;
	}
	
.slicknav_nav .slicknav_row,
.slicknav_nav li.searchboxListItem input {
    padding:5px 10px;
    margin:0;
}

.slicknav_nav a{
    padding:5px 10px;
    margin:0;
    text-decoration:none;
    color:#fff;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    background:#000;
}
.slicknav_nav a:hover{
    background:#222;
    color:#ffcc66;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}
.slicknav_nav:focus {
  outline-color: transparent;
  outline-style: none;
}

li.searchboxListItem {
	display:block;
	position:relative;
	margin-bottom:1.5em !important;
	}
	li.searchboxListItem input {
		border:0;
		font-family: Helvetica, Arial, sans-serif;
		position:absolute;
		width:100%;
		z-index:999;
		}
	li.searchboxListItem input.submit {
		background:#ffcc66;
		right:0;
		width:auto;
		z-index:999;
		}