@media screen and (min-width : 320px) and (max-width : 800px){
.mobile-head {
display: block;
height: auto; 
margin: 3px auto; 
text-align: center; 
width: 100%;	
}
.mobile-banner {
display: block;
margin:0 auto;
text-align:center;
border-top:solid 1px #666;
}
html, body {
font-size:11px !important;
overflow: visible;
}
.mobile-head a{ background:url("/customimages/mobile-logo.png") center center no-repeat; width:100%; display:block; height:31px; text-indent:-9999px;}
.mobile-banner img{width:100%; max-width:468px;}
html, body {background: none !important;} 
#logPanel ul{margin-right:1%!important;} .no-sky-main{margin-left:0%;}
#vertNavUL  li img{display:none;}

#composeThreads a:link, #composeThreads a:visited {
padding:5px 10px;
}
.vertNavSprite {
margin-right:4px;
}

.nav-top-border {
width:100%;
}

.nav-top-inner {
width:100%;
}

.nav-top {
background: none repeat scroll 0 0 #EEE; 
padding: 0; 
width: 100%; 
margin:0;
}
.nav-top ul li a:link, .nav-top ul li a:visited { }
/*
.nav-top ul{ background:#0B1824; 
background: -o-linear-gradient(top, #255178 0%, #000000 100%)repeat scroll 0 0 transparent;
background: -moz-linear-gradient(#255178 0%, #000000 100%) repeat scroll 0 0 transparent; 
 background: -webkit-linear-gradient(#255178 0%, #000000 100%) repeat scroll 0 0 transparent; 
 background: -ms-linear-gradient(#255178 0%, #000000 100%) repeat scroll 0 0 transparent;
background-image: -o-linear-gradient(#255178 0%, #000000 100%) repeat scroll 0 0 transparent; border-radius: 9px 9px 9px 9px; margin-left: 5px; padding-top: 2px; margin-bottom:3px; } 
*/
.board a:link, .board a:visited {color:#17324B;font-weight: bold;text-decoration: none;}
.board tr .lastpost a{font-weight:normal;}
.nav-top ul li a:hover {text-decoration:none;} .tagsNavVert {display: none;}.no-sky-nav-vert{margin-left:0px;}
.nav-vertical {
float: left;
text-align: left; 
width: 100%; 
padding-bottom:14px; 
border-bottom:1px solid #F4F4F4;
margin-top:0px;
} 
.links-top-custom-container,.logo-container-custom,.tagsBannerContainer {display:none;}
.nav-top ul, .logButtons {margin-right: 3%;}
.nav-top ul {
border-radius:none; 
box-shadow:none; 
float: right; 
padding:0px;
} 
.main {
float: left;
width: 100%;
border:0px;
padding:0px;
box-shadow:none;
}
.middle {
border-bottom-left-radius: 0px; 
border-bottom-right-radius:0px;
padding-bottom: 0px;
padding-top: 10px;    
width: 100%;
background:none;
background-color:#F4F4F4;
border:0;
} 
.nav-vertical ul{ float:left; padding-left:8px;}
.nav-vertical ul li {list-style-type: none; margin:8px 8px 0px 0px; float:left; text-align: center; width:auto;} 
.nav-vertical ul li a{font-size:12px; font-weight:normal; margin:0px !important; background:#D4D4D4; border-radius: 5px;} 
.nav-vertical ul li a:hover, .nav-vertical ul li a .current:hover{
/*
background-color: #08262E; 
box-shadow: 2px 2px 3px #999999; 
color: #fff;
*/
}
.nav-vertical ul li a.current:link, .nav-vertical ul li a.current:visited {
/*
background-color: #08262E; 
box-shadow: 2px 2px 3px #999999; 
color: #FFFFFF; 
*/
text-decoration: none; 
margin:0px; 
border-radius: 5px; 
}
.labelsHR{display:none;}
/*.tagsNavVert,.moreButton,#appendThreads2,.thread-title,.board head,#threadList,.board head,#moreButton,.head, .head-left{display:none;}*/
.footer-container{display:none;} 
.banner-ad-footer{display:none;} 
#moreButton{width:100%; color: #fff; font-weight:normal;font-size:20px;}
.moreThreads{margin:0px;} 
.moreThreads a:link, .moreThreads a:visited { width:93% ; margin-left:3%; margin-bottom:2%; background: -moz-linear-gradient(center top , #F4F4F4 0%, #D0D0D0 100%) repeat scroll 0 0 transparent; border: 1px solid #BBBBBB; border-radius: 10px 10px 10px 10px;  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); color: #444; display: block; padding: 12px 0; text-decoration: none; text-shadow: 0 1px 0 #F0F0F0;	margin-top:2%}
#threadList .board {width: 98%;}
#threadList .board.board-even {width: 98%;}
.moreThreads a:hover{background: -moz-linear-gradient(center top , #F0F0F0 0%, #E0E0E0 100%) repeat scroll 0 0 transparent; border: 1px solid #999999;  text-decoration: none;} .moreThreads {color: #444444; font-size: 20px;font-weight: normal; margin: 0;text-align: center;}
.links-top-custom{height:0px;} 
h1, h1 .thread-title-headline{
/*
color: #333333;
font-family: arial; 
font-size: 25px; 
font-style: normal; 
font-weight: normal;
*/
} 
.left a img{display:none;} .main {float: left; width: 100%;} 
h1.thread-title{ 
border-bottom:1px solid #CCCCCC; 
margin-left: 2%; 
overflow: hidden; 
/* float:left; */
padding-left:0; 
width: 95%;
} 
.head, .head-left{display:none;} 
.title{width:100%;}
 .warnDiv, .fullDiv { border-radius: 12px 12px 12px 12px; color: #17324B;  line-height: 130%;  margin: 15px auto;padding: 20px 16px;text-align: left;width: 80% !important; margin-left:5%; font-size:14px;}
.editProfileCell { width: 82% !important;} .warnDiv ul, .fullDiv ul, .tos-container ul{margin:0px; text-align:center;} 
.editProfileHead{
text-align:left;
} 
.editProfileHead .left{float:left; font-size:16px;} 
#feedback_registerUserName, #feedback_registerPass{
display: block;
margin-top: 10px;
text-align: left;
width: 100%;
}
.editProfileContent{
text-align:right !important; 
margin-left:2%; 
width:100%;
}
.registerDiv {
width:85%;
}

.registerWarnDiv, .registerErrorDiv {
width:85%;
font-size:14px;
}
.editProfileCell { background-color: #D4D4D4; border: 1px solid #D0D0D0;border-radius: 12px 12px 12px 12px;padding: 22px 20px;text-align: center; }  
a.thread-title-link2:link, a.thread-title-link2:visited {color: #666666; display: block; font-size: 19px; font-weight: bold; margin-left: 2%;
    margin-top: 2%; text-decoration: underline; width: 95%;}
.post-container {border-radius: 12px 12px 12px 12px; margin-left: 3%;    padding: 22px 20px;  text-align: left;  width: 82%; margin-top:2%; margin-bottom:10px;} 
.post-even { margin-left: 3%; margin-top: 2%; padding: 22px 20px; text-align: left; width: 82%;}
.post-name {border-bottom: 1px solid #999999;font-size: 18px; padding-bottom: 1px;}
.blockquote { border: 1px solid #666666; margin: 0 1%;padding: 5px;} 
.galleryImage { height: auto;width: 100%;} 
.galleryImageContainer {float: left; margin: 0 2px 10px 0;width: 100%;}
.galleryInstruct {color: #333333;float: left; font-size: 14px;font-weight: bold;margin-left:7px; text-align: left;width:98%;}
.warnDiv ul li, .fullDiv ul li, .tos-container ul li {list-style: none outside none;margin-left: 10px; padding: 3px;}
.galleryInstructContainer { float: left; height: 26px; margin: 9px 0 19px 1%; width: 99%;}
#galleryImages {width: 100%;}
.galleryInstructContainer {height: 26px;margin: 9px 0 19px 1%;width: 99%;}
.no-sky-main form{margin-left:2%; font-size:15px; color:#444;} 
.editProfileButton a:link, .editProfileButton a:visited, .editProfileButton a:hover {color:#444;}

.galleryButton a:link, .galleryButton a:visited { 
background: #999; 
border-radius: 2px;
color: #FFF; 
display: inline-block;  
font-size: 16px; 
font-weight: bold; 
padding: 4px 10px 4px 28px;
text-decoration: none; 
}

.galleryButtonPlus {
top:6px;
}

.searchInput {border: 1px solid black; font-family: Courier New,Courier,Monospace; font-size: 14px; font-weight: normal; margin-bottom: 1%;
    padding: 2px; width: 290px;}
.edit-pro-even{background:#F4F4F4;border:1px solid #F4F4F4;border-radius:0; margin-right:50px;  width:80%; margin-left:3%;}
.profileTop { 
background-color: #E7E7E7; 
border: 1px solid #D0D0D0; 
border-radius: 12px 12px 12px 12px; 
/* margin-left: 2%; */
margin:0 auto;
padding: 11px 8px 12px; 
text-align: left; 
width: 88%;
}

.profileTopLeft {
float:none;
}
.proAvatar {
float: none;
width: 100%;
}
.proUserInfo {
float: none;
margin: 22px auto 23px;
text-align: center;
width: 100%;
}
.proUserInfoLabelLeft {
float:none;
display: inline-block;
min-width:80px;
}
.proUserInfoLabelRight {
display: inline-block;
float: none;
text-align: left;
width: 130px;
}
.proExtLinks {
border: 1px solid #999999;
float: none;
margin: 30px auto;
padding: 10px;
max-width:255px;
}
.manageEmailProLeft {
float:none;
width:100%;
}
.warnDivSquare {
margin: 0 auto 10px;
}
.manageEmailProRight {
border-left:none;
float: none;
margin-left:0px;
margin-top:30px;
padding-left:0px;
}
#newThreadTitleBox, #editPostTitleBox {border:1px solid black;font-family: Courier New,Courier,Monospace; font-size:14px;font-weight:normal;padding: 2px; width: 94%;}
#postReplyBox, #pmReplyBox, #newThreadComposeBox, #editComposeBox, .helpWantedBar {
border: 1px solid black; 
font-family: Courier New,Courier,Monospace;
    font-size: 14px; 
	font-weight: normal;
	height: 153px;; 
	padding: 3px 5px; 
	width: 94%; 
	}

#tagsComposeBar{background-color: #FFFFFF;  border: 1px solid black; height: 19px; padding: 2px; text-align: left; width: 94% !important;}
#newThread ,.newThreadLabel{width:100%;}
#newThread tr{width:98%;}
#newThread #newThreadComposeBox{width:94%; margin-left:0; height:100px;}
#newThread tr td{width:98%; float:left;}
.main {float: left; width: 100%;}
#tagsMenuDD ,#centerButtons{margin-bottom:5px;}
#centerButtons{padding-bottom:5px;}
.crumbsLeft a:link, .crumbsLeft a:visited, .crumbsRight a:link, .crumbsRight a:visited { border-radius: 4px 4px 4px 4px;  display: block; font-size: 13px; height: 18px;
    margin-left: 22px; padding: 4px 13px; text-decoration: none; min-width: 82px;}
.centerButtons { padding-top: 0px;  text-align: center;  width: 100%;}
.pages-thread-right { float: right;  font-size: 12px; margin-right: 4%;  margin-top: 4px;}
.pages-thread-bottom { border-bottom: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; font-weight: normal;margin: 20px auto; padding: 8px 0 4px; text-align: center; width: 90%;}
#votes div ul{margin-left:2%;}
a.tagContainer:link, a.tagContainer:visited, a.tagContainerEdit:link, a.tagContainerEdit:visited {margin-left:3%;}
.no-sky-main div ul {margin-left:2%;}
h1, h1 .thread-title-headline { 
/*
color: #333333; font-family: 'Play',Georgia,"Times New Roman",Times,serif; font-size: 25px; font-style: normal; font-weight: normal; margin-left: 1%; width: 97%;
*/
}
.thread-title-headline{float:left;}
.board tr{width:100%; height:auto;}
.title, .jump, .author, .posts, .lastpost, .trash { float: left; height: auto; padding-bottom: 6px; padding-left: 7px;padding-top: 8px;
    text-align: left; width: 30.3%;border:none;}
.title {color: #17324B !important; width: 98%;margin-left:0.5%;}
.author a , .lastPostWrapper a{font-weight:normal!important;}
.tooltip {
max-height: 200px;
min-height: 50px;
left: -120px;
width: 200px;
}
.chat-bubble-arrow {border-color: #FFFFAA transparent transparent transparent;border-style: solid;border-width: 10px;height:0;width:0;position:absolute;bottom:-20px;left:222px;}
.chat-bubble-arrow-border { border-color: #333333 transparent transparent;border-style: solid;border-width: 10px;bottom: -22px; height: 0;
    left: 222px; position: absolute; width: 0;}
.previewPost a:link, .previewPost a:visited {height: 100%; left: 0;overflow: hidden; padding-left: 100px; position: absolute;    text-decoration: none; top: 0; width: 70%; z-index: 300;}
.lastpost .lastPostWrapper div.tip { position: absolute;}
#postReply{
display: block;
margin: 0 auto 20px !important;
width:97%;
}
#postReply td{ width:100%; float:left; display:block;}
#postReply td.emoticonsCell{margin-left:1%; padding-top: 10px; width: 99%; float:left;}
#postReply td.emoticonsCell div{ float: left; width:auto;}
#newThread td.emoticonsCell div{  margin-left: 6%; width: 88%;}
#postReply td #postReplyBox {height: 100px;margin-left: 0 !important;padding: 1% !important; width: 98% !important;}
.nav-horiz-second {
font-size: 4px !important; 
font-weight: bold; 
margin-bottom: 10px; 
margin:13px 0px 0px 1%; 
text-align: left; 
width: 98%; 
/* float:left; */
clear:left;
}
.nav-horiz-second a.current:link, .nav-horiz-second a.current:visited { background-color: #d4d4d4; color: #000;}	
.nav-horiz-second a:hover, .nav-horiz-second a.current:link, .nav-horiz-second a.current:visited { background-color: #08262E; color: #fff;}
.nav-horiz-second a{background-color: #d4d4d4; color: #000;}	
.nav-horiz-second a:link, .nav-horiz-second a:visited {border-radius: 5px; color: #333333; padding: 6px 2px; font-size:10px !important; 
text-decoration: none; white-space:nowrap; float:left; display:block; margin-left:3px !important;}
.nav-horiz-second a:hover{color:#fff;} 
.proInputBox { 
border: 1px solid #333333; 
padding: 1px;
width: 250px;
padding:3px;
font-size:16px;
}
.nav-top-container { 
/* float: left;  */
margin: 0; 
width: 100%;
padding-bottom:0px;
border:0;
}
#refreshPMName, #showSentLink , #showInboxLink{float:right; width:}
/*
.popUp {left: 50%; position: absolute; text-align: center;  top: 50%; width: 50%;}
.closePopUp, .closePopUpTwo {background: #CCCCCC;border-radius: 10px 10px 0 0; color: black;cursor: move;font-size: 12px;font-weight: bold;
    padding: 7px 0 5px 12px; width: 96%;}
.popUpContent, .popUpContentTwo {background:#FFFFFF; border: 1px solid #464646;color: #464646; height: auto !important; min-height: 217px;
    width: 100%;}
*/

.popUp {
left: 15%;
top: 15%;
position: absolute; 
/*
left: 15% !important; 

text-align: center; 
top: 15% !important;
*/ 
width: 70% !important;
 }
.pmSubjectSpan{ display:black !important; text-align:left; float:left; width:90%; padding:0px 0px 10px 10px !important;}
#newPMSubjectBox, #feedbackSubjectBox, #feedbackFromBox, #newPipePostSubjectBox{ display:black; width:90% !important; margin-left:0px;}
.popUp .mailTo td{ 
/*
display:block; float:left; width:100%;
*/
}
.popUp .mailTo, .popUp .sendMailTable { float:left; display:black; width:100%;}
.sendMailTable #newPMBox{ float:left !important; width:90% !important; margin-left:10px;}

.closePopUp, .closePopUpTwo {
/*
background: #CCCCCC;
border-radius: 10px 10px 0 0; 
color: black;cursor: move;
font-size: 12px;
font-weight: bold;
padding: 7px 0 5px 12px; 
*/
width: 100%;
}
.popUpContent, .popUpContentTwo {background:#FFFFFF; border: 1px solid #464646;color: #464646; height: auto !important; min-height: 217px;
 width: 100%; float:left;}
 

.popUpContentText {font-size: 13px;font-weight: bold;line-height: 135%; margin-left: 25px; padding: 15px 0 0;text-align: left;width: 80%;}
#avatarFeedback {background-color: #FFFFFF;font-size: 13px;font-weight: bold;margin: 0 auto;padding: 15px 0; text-align: center;width: 100%;}
#myFile{width:100%;}
#avatarForm {left: 5% !important; width: 75%;}
#uploadForm{width:100%;}
.emoticonsCell {float: left;padding-left: 5px;text-align: center;vertical-align: top; width: 100%;}
#pmReplyContainer{width:100%;}
#pmReply td #pmReplyBox {
    float: left;
    height: 100px;
    margin-top: 5px;
    padding: 1% !important;
    width: 79% !important;
}
#pmReply{width:98%; margin-left:2%;}
#pmReply td {
    display: block;
    float: left;
    width: 100% !important;
}
#pmReply tr{float:left; width:98%;}
#editPostButton, #postReplyButton, #addNewThreadButton, #pmReplyButton {background: -moz-linear-gradient(center top , #7097E8 0%, #2463DE 100%) repeat scroll 0 0 transparent; border: 1px solid #00359B;border-radius: 3px 3px 3px 3px;color: #E4EBF4; cursor: pointer; font: bold 15px arial !important; margin: 0px 0 0; padding: 4px 8px; margin-top:10px;}
#pmReply td.emoticonsCell { float: left; width:99%;}
#pmReply td .emoticonsCell div {  float: none; margin-left: 10px;}
#pmReply td.emoticonsCell {margin-top:1px;padding-top:0px;}
.emoticonsCell div a { float:left; width:auto;}
#pmReply td.centerButtons {  margin-top: 35px; padding-top: 16px; text-align: center; width: 100%;}
.post-table tr{ float:left; width:100%; display:block;}
.post-table tr td.post-name{ width:63% !important; vertical-align:top; border-bottom:none;}
.post-table tr td.post-moderate{vertical-align:top;  border-bottom:none; text-align:left;}
.post-content{
/* word-wrap: break-word; */
word-break: break-all;
word-break: break-word;
}
.post-table tr td.post-content{ 
padding:5px 0px; 
/* width:100%; */
font-size:13px; 
word-wrap: break-word; 
float:left;}

#pmList-I .board{width:100%; border-bottom:1px solid #ccc;}
#pmList-I .author, #pmList-I .title, #pmList-I .lastpost ,#pmList-I .trash{width:20%; float:left; text-align:center;}
#pmList-I tr{width:100%;}
#pmList-I{border-bottom:1px soild #aaa;}
#pmList-I .title{background:none; border:none;width:32%;}
#pmList-I .trash{width:17%;}
#pmList-I img.avatar {
width:60px;
height:60px;
}

blockquote { border: 1px solid #666666; margin: 10px 10px; padding: 5px; width: 83%;}
blockquote img{
/* width:85%; */
}
.validateError {color: #CC0000;font-weight: bold; top:10px;}
.error, .caution, .success {background-color: #CC0000;border-radius: 10px 10px 10px 10px; color: #FFFFFF; padding: 5px 5px;  top:20px; position:fixed; width:200px; margin:auto; margin-left:15%;
}
#appendThreads2 div ,#appendThreads3 div, #appendThreads4 div{width:100% !important;}

.emoticonsCelldiv{  margin: 0;
    padding: 0;
}
.previewDiv {
    background-color: #FFF7D7;
    border: 2px solid #FAD163;
    border-radius: 12px 12px 12px 12px;
    color: #000000;
    line-height: 130%;
    margin: 15px auto;
    padding: 20px 16px;
    text-align: left;
    text-shadow: 0 1px #F0F0F0;
    width: 88%;
    word-wrap: break-word;
}

.customSearchContainer {
width:290px;
}

.custom-header, .custom-header-top, .custom-header2, .header-container-custom, .logo-container-custom-wrapper, .nav-custom-top-wrapper {
display:none;
}

.custom-header-outer {
width:100%;
}

.custom-header-bottom {
margin:0;
}

.custom-header-outer {
margin-top:0px;
}


.loginBlockContainer {
float:none;
margin:0 auto;
width:90%;
}

.loginBlock {
float:none;
margin-right:0px;
padding:0px;
width:auto;
padding-bottom:20px;
margin-bottom:20px;
width:320px;
}

.loginBlockLink a:link, .loginBlockLink a:visited {
width:90%;
margin:20px auto;
}

.top-container-custom {
display:none;
}

#bg, #bg img {
display:none;
}

.logo-container, .nav-primary-container, .logo-container-custom, .nav-primary-container-custom, .logo-container-custom-outer, .logo-container-custom-bottom, .custom-top {
display:none;
}

#searchThreads {
display:block;
}

.nav-search-bar {
display:none;
}

#rectLinkAllThreads {
display:none;
}

.bbCodeAbsoluteBox {
position:absolute;
top:200px;
left:135px;
}

.bbCodeContainer {
margin: 0 0 7px 2%;
border-bottom:solid 1px #000;
width:94%;
}

.uploadFileLinkWrapper {
/* overflow:visible; */ /* helps the emoticons li to wrap */
}
.uploadFileLinkWrapper input {
height: 34px;
left: 5px;
top: -35px;
font-size:60px;
}

#emoticon_list_item {
display:none;
}

/* want to display pics on tablets so keep this style disabled - use Mobile_Detect.php for logic */
.imageGalleryPreviewContainer {
/* display:none; */
}
.thread-title-container {
width:97%;
}

.thread-title-container-left {
width:auto;
}

.thread-title-container-right {
    float: none;
    margin: 10px auto 0;
    text-align: center;
}
.thread-follow-box {
margin:0 auto 9px;
width:145px;
}

#activityBox {
display:none;
}

.groveHideMobile {display:none;}

.mobileImgFix {
width:100% !important;
height:auto;
}

.postModpointsWrapper {
display:none;
}
.postModpointsWrapperMobile {
display:inline-block;
margin:3px auto 9px;
text-align:left;
}
.badgeTable1, .badgeTable2, .badgeTable3, .badgeTable1a {
width:100px;
padding:4px 0px;
}
.badgeAvatar {
width:60px; 
height:60px;
}
.mobileButtonLink {
display:block;
margin:0 auto 20px;
}
.youtubeThumb {
width:95%;
margin:0 auto;
text-align:center;
background-size: 95% 361px;
}

.mobile-cta {
display:block;
margin:0 auto;
text-align:center;
}
.mobile-cta-link a:link, .mobile-cta-link a:visited {
color:#FFF;
text-decoration:underline;
background-color:#3498db;
border-radius:0px;
text-align:center;
display:inline-block;
padding: 8px 12px;
font-size:14px;
margin:12px 10px 0;
}

.mobile-cta-link a:hover {
text-decoration:none;
}

.mobile-cta-text {
margin:11px auto 11px;
font-size: 13px;
}

.mobile-cta-text a:link, .mobile-cta-text a:visited {
color: #777777;
}

.mobile-cta-text a:hover {
color:#3498db;
text-decoration:none;
}

.websiteLandingWrapper {
margin:6px auto 3px;
}

.logo-mini-links {
font-size:11px;
line-height:1.6;
}

.logo-mini-links a:link, .logo-mini-links a:visited {
padding:2px 0px 5px;
border-bottom:none;
text-decoration:underline;
}
.logo-mini-links a:hover {
text-decoration:none;
}

#basicSearchButton {
    display: block;
    text-align: center;
    margin: 10px auto 20px;
}

.searchTagsContainer {
margin: 23px 0 43px 20px;
}


}