// by Charlie Davy M0PZT // // last revised 21st April 2015 /* =Media query for iPad and tablets -------------------------------------------------------------- */ @media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){ .row,#header .c12{margin-bottom:0!important} .c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{margin-right:0;margin-left:0;margin-bottom:20px} .c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12,.header-group,.header-widget{width:100%} #main,.header-widget{margin-top:0} .gallery-item img{width:140px} #page{margin-bottom:-62px} .left-sidebar #secondary,#left-nav{position:absolute;top:0;left:-260px;width:260px;padding:0} #footer .icon-leaf,.header-widget.widget_search,#site-navigation,#site-sub-navigation{display:none} #site-sub-navigation{border:0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none} #mobile-menu{display:block} .format-status .entry-content{margin-bottom:0} #footer{height:63px} #footer-content span{display:block;float:none;text-align:center} #footer .copyright{margin-bottom:10px} .normaltext { font-family: Arial; font-size: 24px; color: #000000; } .generaltext { font-family: Arial; font-size: 24px; color: #000000; } .smallertext { font-family: Arial; font-size: 20px; color: #000000; } a.urlintsmaller { text-decoration: none; font-family: Arial; font-size: 20px; color: #0000ff; } a.urlintsmaller:hover { text-decoration: none; font-family: Arial; font-size: 20px; color: #dd6900; } a.urlextsmaller { text-decoration: none; font-family: Arial; font-size: 20px; color: #ff0000; } a.urlextsmaller:hover { text-decoration: none; font-family: Arial;font-size: 20px; color: #dd6900; } a.urlmenu { text-decoration: none; font-family: Arial; font-size: 20px; color: #0000ff; } a.urlmenu:hover { text-decoration: none; font-family: Arial; font-size: 20px; color: #dd6900; } a.urlint { text-decoration: none; font-family: Arial; font-size: 24px; color: #0000FF; } a.urlint:hover { text-decoration: none; font-family: Arial; font-size: 24px; color: #dd6900; } a.urlext { text-decoration: none; font-family: Arial; font-size: 24px; color: #FF0000; } a.urlext:hover { text-decoration: none; font-family: Arial;font-size: 24px; color: #dd6900; } .blogtitle { text-decoration: none; font-family: Tahoma, Verdana, Arial; font-size: 28px; color: #000000; font-weight: bold; } .blogfooter { font-family: Verdana, Arial; font-size: 24pt; color: #006699; } a.urlblogtitle { text-decoration: none; font-family: Arial, Tahoma, Arial; font-size: 28px; color: #0000ff; font-weight: bold; } a.urlblogtitle:hover { text-decoration: none; font-family: Arial, Tahoma, Arial; font-size: 28px; color: #dd6900; font-weight: bold; } .sitefooter { font-family: Verdana, Arial; font-size: 24px; font-weight: bold; color: #800000; } } /* =Media query for 960 Screens - sets nested grids to 100% -------------------------------------------------------------- */ @media only screen and (max-width:960px){ .row .row .c1,.row .row .c2,.row .row .c3,.row .row .c4,.row .row .c5,.row .row .c6,.row .row .c7,.row .row .c8,.row .row .c9,.row .row .c10,.row .row .c11,.row .row .c12{width:100%;margin-bottom:20px} .row .row > div:last-child,.two-col-wrapper{margin-bottom:0 !important} .two-col-wrapper.border{border:0} .two-col-wrapper,.three-col-wrapper{background-image:none} .two-col .entry-content,.three-col .entry-content,.two-col header,.two-col.format-quote .entry-content,.three-col header,.three-col.format-quote .entry-content{border-top:0 !important;padding-top:0} .two-col .entry-content,.three-col .entry-content{border-bottom:1px solid #E2E2E2} .single .entry-content{border-bottom: 0 !important} .border{display:none} .normaltext { font-family: Arial; font-size: 24px; color: #000000; } .generaltext { font-family: Arial; font-size: 24px; color: #000000; } .smallertext { font-family: Arial; font-size: 20px; color: #000000; } a.urlintsmaller { text-decoration: none; font-family: Arial; font-size: 20px; color: #0000ff; } a.urlintsmaller:hover { text-decoration: none; font-family: Arial; font-size: 20px; color: #dd6900; } a.urlextsmaller { text-decoration: none; font-family: Arial; font-size: 20px; color: #ff0000; } a.urlextsmaller:hover { text-decoration: none; font-family: Arial;font-size: 20px; color: #dd6900; } a.urlmenu { text-decoration: none; font-family: Arial; font-size: 20px; color: #0000ff; } a.urlmenu:hover { text-decoration: none; font-family: Arial; font-size: 20px; color: #dd6900; } a.urlint { text-decoration: none; font-family: Arial; font-size: 24px; color: #0000FF; } a.urlint:hover { text-decoration: none; font-family: Arial; font-size: 24px; color: #dd6900; } a.urlext { text-decoration: none; font-family: Arial; font-size: 24px; color: #FF0000; } a.urlext:hover { text-decoration: none; font-family: Arial;font-size: 24px; color: #dd6900; } .blogtitle { text-decoration: none; font-family: Tahoma, Verdana, Arial; font-size: 28px; color: #000000; font-weight: bold; } .blogfooter { font-family: Verdana, Arial; font-size: 24pt; color: #006699; } a.urlblogtitle { text-decoration: none; font-family: Arial, Tahoma, Arial; font-size: 28px; color: #0000ff; font-weight: bold; } a.urlblogtitle:hover { text-decoration: none; font-family: Arial, Tahoma, Arial; font-size: 28px; color: #dd6900; font-weight: bold; } .sitefooter { font-family: Verdana, Arial; font-size: 24px; font-weight: bold; color: #800000; } } .normaltext { font-family: Arial; font-size: 14px; color: #000000; } .generaltext { font-family: Arial; font-size: 14px; color: #000000; } .smallertext { font-family: Arial; font-size: 12px; color: #000000; } .subtext { font-family: Tahoma, Verdana, Arial; font-size: 12px; color: #000000; } .tweettext { font-family: Arial; font-size: 13px; color: #000000; } .codetext { font-family: Courier New, Arial; font-size: 13px; color: #000000; } a.urlintsmaller { text-decoration: none; font-family: Arial; font-size: 12px; color: #0000ff; } a.urlintsmaller:hover { text-decoration: none; font-family: Arial; font-size: 12px; color: #dd6900; } a.urlextsmaller { text-decoration: none; font-family: Arial; font-size: 12px; color: #ff0000; } a.urlextsmaller:hover { text-decoration: none; font-family: Arial;font-size: 12px; color: #dd6900; } a.urlinttiny { text-decoration: none; font-family: Tahoma, Arial; font-size: 9px; color: #0000ff; } a.urlinttiny:hover { text-decoration: none; font-family: Tahoma, Arial; font-size: 9px; color: #dd6900; } a.urlexttiny { text-decoration: none; font-family: Tahoma, Arial; font-size: 9px; color: #ff0000; } a.urlexttiny:hover { text-decoration: none; font-family: Tahoma, Arial;font-size: 9px; color: #dd6900; } a.urlcallsign { text-decoration: none; font-family: Arial; font-size: 13px; color: #800000; font-weight: bold; } a.urlcallsign:hover { text-decoration: none; font-family: Arial; font-size: 13px; color: #dd6900; font-weight: bold; } .pagetitle { text-decoration: none; font-family: Tahoma, Arial; font-size: 32px; color: #DD6900; font-weight: bold; } .subtitle { text-decoration: none; font-family: Tahoma, Arial; font-size: 18px; color: #000080; font-weight: bold; } .listtitle { text-decoration: none; font-family: Tahoma, Arial; font-size: 18px; color: #000000; font-weight: bold; } .listsubtitle { font-family: Verdana, Arial; font-size: 13px; color: #000000; } .blogtitle { text-decoration: none; font-family: Tahoma, Verdana, Arial; font-size: 14px; color: #000000; font-weight: bold; } .blogfooter { font-family: Verdana, Arial; font-size: 8pt; color: #006699; } a.urlblogtitle { text-decoration: none; font-family: Arial, Tahoma, Arial; font-size: 14px; color: #0000ff; font-weight: bold; } a.urlblogtitle:hover { text-decoration: none; font-family: Arial, Tahoma, Arial; font-size: 14px; color: #dd6900; font-weight: bold; } .sitefooter { font-family: Verdana, Arial; font-size: 10px; font-weight: bold; color: #800000; } a.urlmenux { text-decoration: none; font-family: Tahoma, Arial; font-size: 11px; color: #0000FF; font-weight: bold; } a.urlmenux:hover { text-decoration: none; font-family: Tahoma, Arial; font-size: 11px; color: #dd6900; font-weight: bold; } a.urlmenu { text-decoration: none; font-family: Arial; font-size: 13px; color: #0000ff; } a.urlmenu:hover { text-decoration: none; font-family: Arial; font-size: 13px; color: #dd6900; } a.urlmenublack { text-decoration: none; font-family: Verdana, Arial; font-size: 13px; color: #000000; font-weight: bold; } a.urlmenublack:hover { text-decoration: none; font-family: Verdana, Arial; font-size: 13px; color: #dd6900; font-weight: bold; } a.urlint { text-decoration: none; font-family: Arial; font-size: 14px; color: #0000FF; } a.urlint:hover { text-decoration: none; font-family: Arial; font-size: 14px; color: #dd6900; } a.urlext { text-decoration: none; font-family: Arial; font-size: 14px; color: #FF0000; } a.urlext:hover { text-decoration: none; font-family: Arial;font-size: 14px; color: #dd6900; } a.urllistint { text-decoration: none; font-family: Arial; font-size: 12px; color: #0000FF; } a.urllistint:hover { text-decoration: none; font-family: Arial; font-size: 12px; color: #dd6900; } a.urllistext { text-decoration: none; font-family: Arial; font-size: 12px; color: #FF0000; } a.urllistext:hover { text-decoration: none; font-family: Arial; font-size: 12px; color: #dd6900; } a.urlbottom { text-decoration: none; font-family: Verdana, Arial; font-size: 11px; color: #FFFFFF; } a.urlbottom:hover { text-decoration: none; font-family: Verdana, Arial; font-size: 11px; color: #D5FF30; } a { color:#0000ff; text-decoration:none; } .shackpic { float: right; margin: 5px; } .text_line { clear: both; margin-bottom: 2px; }