/*
Layout Name: JonasIT.com
Layout URI: http://jonasit.com/
Description: A Jonas Brothers WordPress theme for JonasIT.com by Morningsun Designs.
Version: 1.0
Author: Hiuxing
Author URI: http://morningsundesigns.com/
Tags: morningsun designs, silver, grey, brown, 2 column
Jonas IT
http://jonasit.com/
This layout was designed and built by Hiuxing Wen,
whose design site you will find at http://morningsundesigns.com/
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
User must keep all the credits intact for legel use.
*/
body {
background: url(images/bg.png) #e3e5e2 repeat-x;
margin: 0px;
padding: 0px;
font-family: Arial;
font-size: 11px;
color: #808080;
line-height: 12pt;
text-align: justify;
}
a:link, a:visited, a:active {
text-decoration: none;
color: #43352f;
}
a:hover {
text-decoration: underline;
}
.layout {
margin: 0px auto;
padding: 0px;
width: 982px;
}
.top {
width: auto;
height: 36px;
}
.navi {
background: url(images/navi.png) #f0f0f0;
width: auto;
height: 26px;
border: none;
text-align: center;
padding: 10px 0px 0px 0px;
font-size: 11px;
letter-spacing : 2px;
text-decoration: bold;
}
.navi img {
border: none;
}
.navi strong {
color: #989089;
}
.navi a:link {
color: #43352f;
}
.among {
background: url(images/among.png);
width: auto;
height: 280px;
}
.welcome {
background: url(images/welcome.png) #f0f0f0;
width: auto;
height: 40px;
border: none;
text-align: left;
padding: 0px 0px 0px 0px;
}
.welcomem {
text-align: left;
padding: 1px 0px 0px 355px;
}
.among2 {
background: url(images/among2.png) no-repeat;
width: auto;
height: 80px;
}
.sidebar {
color: #3d3229;
background: #edeae5;
width: 355px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
}
.samong {
background: url(images/sx.png);
height: auto;
padding: 0px 35px 0px 45px;
}
.sfooter {
background: url(images/sfooter.png);
height: 78px;
}
.content {
width: 600px;
margin: 0px 0px 0px 0px;
float: left;
}
.title {
color: #43352f;
font-family: Georgia;
font-style: italic;
text-shadow: #FFFFFF 1px 1px 1px;
text-align: center;
font-size: 18px;
font-weight: bold;
width: auto;
padding: 0px 0px 10px 0px;
}
.meta {
background: url(images/meta.png) no-repeat;
text-align: center;
width: 568px;
height: 23px;
padding: 12px 0px 0px 0px;
}
.contentbg {
background: url(images/contentbg.png) repeat-y;
width: 542px;
height: auto;
padding: 0px 70px 0px 15px;
}
.contentfooter {
background: url(images/contentfooter.png) no-repeat;
text-align: left;
width: 627px;
height: 30px;
padding: 45px 0px 0px 185px;
}
.contentfooter ul {
list-style: none;
padding: 0px 0 0px 0;
margin: 0;
background: transparent;
padding: 0px 0px 50px 0px;
}
.contentfooter li {
display: inline;
padding: 0;
margin: 0;
}
.contentfooter li a {
margin: 5px;
padding: 5px;
background: transparent;
color: #43352f;
background: #e5e4e2;
font-weight: normal;
font-size: 10px;
text-transform: uppercase;
text-decoration: none;
border: 2px solid #d1cfd0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-khtml-border-radius: 10px;
}
.contentfooter li a:hover {
color: #fff;
background: #8d898a;
}
.entry-footer {
padding: 5px;
text-align: justify;
border: 1px solid #DDD;
width: 561px;
margin: 0px 66px 10px 0px;
}
.contentc {
padding: 0px 50px 0px 35px;
}
.footer {
font-family: tahoma;
color: #5d5d5d;
font-size: 9px;
line-height: 9pt;
letter-spacing: 0px;
text-transform: normal;
background: #d1d1d1;
width: auto;
height: 60px;
padding: 17px 0px 0px 0px;
margin: 50px 0px 0px 0px;
clear: both;
}
.flayout {
margin: 0px auto;
padding: 0px;
width: 900px;
padding: 0px 0px 0px 0px;
}
.flayoutr {
float: right;
padding: 0px 40px 0px 0px;
}
.navigationfix {
margin: 0px 0px 0px 15px;
width: 530px;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
input, textarea {
font-family: arial;
font-size: 11px;
background-color: #d5d5d5;
color: #808080;
border-bottom: #d5d5d5 5px solid;
border-top: #d5d5d5 5px solid;
border-left: #d5d5d5 5px solid;
border-right: #d5d5d5 5px solid;
}
option, select {
font-family: arial;
font-size: 11px;
background-color: #E6E6E6;
color: #808080;
padding: 5px;
border: 2px solid #d1cfd0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-khtml-border-radius: 10px;
}
.image {
border-right: 1px solid #a99a81;
border-bottom: 1px solid #a99a81;
background-color:#d6cbb9;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-khtml-border-radius: 5px;
padding: 5px;
margin: 4px;
}
.image:hover {
background-color: #eee8e2;
}
.subtitle {
background: #e8e8e8;
font-family: "Lucida Sans", Arial, sans-serif;
font-size:11px;
letter-spacing:0px;
line-height: 15px;
text-transform: uppercase;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
font-weight: bold;
text-align: left;
color:#80614C;
border-radius: 6px;
}
.thumb {
padding: 6px 6px 6px 6px;
margin: 0px 6px 5px 10px;
width: 150px;
font-size: 8px;
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #b5b5b5;
}