/* 
    Document   : alpha.mobile.portrait
    Created on : Jul 6, 2012, 8:49:45 AM
    Author     : Brandon
    Description:
        Mobile phone stylesheet (portrait orientation)
*/


root {
    width: 320px;
    margin: 0px;
    padding: 0px;
}
html {
    width: 320px;
    margin: 0px;
    padding: 0px;
}
#header h1 {
    font-size: 1.5em;
    width: 280px;
}
body {
    min-width: 0px;
    width: 320px;
    /*overflow-x: hidden;*/
}
#frame {
    min-width: 0px;
    width: 320px;
    margin: 0px;
}
#header {
    width: 320px;
}
#contextual {
    display: none;
}
#login-small {
    display: block;
}
#main {
    margin-left: 0px;
    border-left: none;
    margin-right: 10px;
    padding: 5px;
    width: 280px;
    min-width: 0px;
    margin-top: 7px;
}
#main div#nav-main {
    width: 100%;
}
#slider {
    width: 85%;
}
div.comment.half-column {
    width: auto;
    float: none;
}
#share-links ul {
    width: 300px;
}
.beta {
    display: none;
}
#search {
    display: none;
}
.slider-wrapper {
    height: 150px;
}
#big-search {
    width: 280px;
}
#big-search input[type=text] {
    width: 180px;
}
#big-search button {
    width: 45px;
    margin-left: 3px;
}
#share-links ul li {
    margin-bottom: 3px;
}

.slider-wrapper.panel {
    height: 325px;
}

ul.browse {
    width: 280px;
    padding: 10px;
}
ul.browse-small {
    width: 280px;
    padding: 10px;
}
fieldset input[type='text'], fieldset input[type='password'], fieldset input[type='email'] {
    width: 210px;
}
fieldset textarea {
    width: 210px;
}
div.comment.column {
    width: 60px;
}
div.comment.column h2 {
    font-size: 0.8em;
}
ul.promo_books {
    width: 280px;
}
p.big-letter:first-letter {
    color: #000000;
    font-size: inherit;
    float: none;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
}
ul.browse li {
    width: 110px;
}
ul.browse-small li {
    width: 125px;
}
#suggested ul li:last-child {
    display: none;
}
#footer {
    width: 320px;
    min-width: 0px;
}
#footer-struct {
    width: 320px;
}
.footer-block{
    width: 90px;
}
.footer-block h3 {
    font-size: 0.8em;
    margin: 0px;
    margin-bottom: 5px;
}

#comic_img, img.resize {
    max-width: 250px;
}

.footer-block ul {
    margin: 0px;
}

div.ecard-comment {
    width: 280px;
}

div.advertisement.banner {
    display: none;
}

#search-small {
    display: block;
}
#searchbar-sm fieldset {
    float: none;
    margin-bottom: 5px;
}
#searchbar-sm fieldset input[type='text'] {
    width: 255px;
}
#search-small fieldset button {
    left: 257px;
}
fieldset.ask-shagg {
    background: url('/images/site/shagg-bg-small.png') no-repeat top left;
}
ul.thumbnails.image_picker_selector {
    width: 280px;
}
ul.thumbnails.image_picker_selector li div.thumbnail {
    padding: 0px;
}

ul.thumbnails.image_picker_selector li div.thumbnail img.image_picker_image {
    max-width: 280px;
}

ul.pagination li {
    margin-left: 2px;
    margin-right: 2px;
}