﻿/* Mobile Stylsheet

 * shrinks everything.

 *

 */
@media handheld {
body #container {width:200px;position:relative;}

.sidebar {margin:0;width:100%;}

.sidebar-right {display:none;}

#banner,

.photo-list img,

.icon-list img{display:none;}

#promotional-buttons {height:auto;background-image:none;}

#promotional-buttons .br {display:none;}

#menu div {display:none !important;}

ul#menu{height:auto;width:100%;}

#container #menu li{float:none;width:100%;}

#menu .first,

#menu .last,

#container #menu .more {background-image:none;padding:0;}

#logo a {background:url('../images/vertical-logo.png') no-repeat center 40px;width:100%;}

#header {height:200px;}

#search {top:145px;}

#search .text{width:70px;}

#container .column .form_standard .text {width:120px;}

#container,

#container #maincontent {width:100%;}

#container .columns-2,

#container .columns-3,

#container .columns-4{background:none;border:0;border-top:1px solid #e4a024;}

#container .column {border:0;border-top:1px solid #bfd2e1; width:100%;margin:0;padding:1em 0;}

.sidebar-left{border-bottom:1px solid #e4a024;margin-bottom:1em;padding-bottom:1em;}

.sidebar-right{border-top:1px solid #e4a024;margin-top:1em;padding-top:1em;}

#container .first {border-top:0;}

#container hr {display:none;}

#container .columns hr {display:block;}

#container .photo-list p,

#container .icon-list p{width:100%;}

#footer #functions{clear:both;}

#footer #functions #shorturl{width:100%;margin-top:1em;}

#footer address {float:left;}
}