prime7-prime.css

@media only screen and (max-width:1024px) {
body {
            margin:0px;
            padding:0px;
            background:#FFFFCC;
            background-image:none;
}
#wrapper {
            width:100%;
            min-width:0px;
            margin:0px;
            padding:0px;
            box-shadow:none;
            border-radius:0px;
            border-style:none;
}
header {
            text-shadow:#000033 2px 2px 2px;
            height:100%;
}
h1 {
            texti-indent:0px;
            font-size:3.7em;
            padding-left:2em;
            white-space:normal;
}
nav {
            padding:0.2em;
            margin-left:0.3em;
            float:left;
            width:20%;
}
main {
            padding-top:2.5em;
            padding-bottom:2.5em;
            padding-left:1em;
            padding-right:1em;
            margin:0px;
            font-size:90%;
            clear:both;
}
}
@media only all and (max-width:768px) {
h1 {
            font-size:2.4em;
            padding-top:0.25em;
            padding-left:1.5em;
}
h3 {
            padding-top:0px;
            margin:0px;
}
nav {
            width:98%;
}
nav a {
            padding:0.5em;
            width:40%;
            float:left;
            min-width:5em;
            margin-left:0.5em;
}
main {
            padding:0.6em;
}
.floatleft {
            float:none;
            padding-right:0px;
            padding-bottom:none;
}
dd {
            line-height:100%;
}
footer {
            padding:0.5em;
            margin:0px;
}
#mobile {
            display:inline;
}
#desktop {
            display:none;
}
}
body {
            background-color:#000033;
            background-image:url(primehorizontal.png);
            color:#003300;
            font-family:Arial,Helvetica,sans-serif;
}
#wrapper {
            width:80%;
            margin-left:auto;
            margin-right:auto;
            background-color:#FFFFCC;
            min-width:700px;
            max-width:1024px;
            padding:0 0 20px 30px;
            border:1px ridge #00332B;
            -webkit-box-shadow:inset -3px -3px 3px 3px #00332B;
            -moz-box-shadow:inset -3px -3px 3px 3px #00332B;
            box-shadow:inset -3px -3px 3px 3px #00332B;
            -webkit-border-radius:15px;
            -moz-border-radius:15px;
            border-radius:15px;
}
header,nav,main,footer {
            display:block;
}
header {
            color:#48751A;
}
h1 {

}
h2 {
            color:#003366;
}
h3 {
            color:#006600;
            padding-top:10px;
}
dd {
            font-style:italic;
            font-size:.90em;
            line-height:200%;
}
#left {
            float:left;
            width:150px;
}
.floatleft{
            float:left;
            padding-right:20px;
            padding-bottom:20px;
}
#right {
            margin-left:180px;
            padding-right:20px;
            padding-bottom:20px;
}
nav {
            font-weight:bold;
            font-size:1.2em;
}
nav ul {
            list-style-type:none;
            margin:0;
            padding-left:0;
}
nav a {
            text-decoration:none;
            display:block;
            text-align:center;
            color:#FFFFCC;
            border:3px outset #cccccc;
            padding:5px;
            font-weight:bold;
}
nav a:link {
            background-color:#003366;
}
nav a:visited {
            background-color:#48751A;
}
nav a:hover {
            border:3px inset #333333;
}
footer {
            font-size:.60em;
            font-style:italic;
            clear:both;
}
.contact {
            font-family:"Times New Roman", serif;
            font-size:.90em;
            font-weight:bold;
}
img {
            border-style:none;
}
.clear {
            clear:left;
}
#mobile {
            display:none;
}
#desktop {
            display:inline;
}