/*
Theme Name: chatroulettenation
*/
body, html
{
background: url(images/bg.png);
height: 100%;
line-height: 20px;
font-size: 90%;
font-family: Arial, Verdana, sans-serif;
color: #444444;
padding:0px;
height: inherit;
margin: 0px 0px 0px 0px;
}
/* start menu */
.post-imgjpg{
max-width:600px;
}
a.menu:link, a.menu:visited, a.menu:active, #menu-container a:link, #menu-container a:visited, #menu-container a:active{
color: #244A5F;
font-weight: bold;
font-size: 1em;
text-decoration: none;
text-transform: uppercase;
padding:10px 20px 0;
height: 35px;
text-align:center;
}
a.menu:hover , #menu-container a:hover
{
color: #244A5F;
font-weight: bold;
font-size: 1em;
text-decoration: none;
text-transform: uppercase;
padding:10px 20px 0;
height: 35px;
text-align:center;
background: url(images/menubg.png) repeat-x top center;
}
a.menu-current, .current-cat a
{
color: #01759D !important;
background: url(images/menubg.png) repeat-x top center;
margin-top:5px !important;
}
a.menu-home
{
color: #01759D !important;
font-weight: bold;
font-size: 1em;
text-decoration: none;
text-transform: uppercase;
background: url(images/menuhome.png) repeat-x top center;
height: 35px;
text-align:center;
font-weight:bold;
}
#menu-container
{
float: left;
position:relative;
margin: -17.5px 0px 0px -36px;
padding: 0px 0px 0px 0px;
}
#menu-container li {
list-style:none;
margin: 0px 0px 0px 0px;
display: list-item;
float:left;
}
#menu-container li a {
display: list-item;
float:left;
padding: 9px 0px 15px 0px;
margin: 5px 0px 0px 0px;
}
/* end menu */
a:link, a:visited {
color: #01759D;
text-decoration: none;
}
a:hover {
color: #01759D;
text-decoration: underline;
}
/* starts header */
#header
{
width: 960px;
height: 100px;
margin: 0px auto;
text-transform: uppercase;
}
.logo
{
float: left;
margin: 10px 0px 0px auto;
width: 660px;
height: 100px;
}
#social
{
float: right;
position:relative;
margin: 30px 0px 0px 0px;
height: 25px;
}
.social-rss
{
float: left;
width: 25px;
height: 25px;
margin: 0px 2px auto auto;
}
.social-twitter
{
float: left;
width: 25px;
height: 25px;
margin: 0px auto auto auto;
}
.social-facebook
{
float: left;
width: 25px;
height: 25px;
margin: 0px 2px auto auto;
}
/* starts main contents */
.maincontents
{
float: left;
width: 640px;
margin: 0px 10px 5px 15px;
}
#container
{
width: 1010px;
margin: 0px auto;
}
.container-top
{
float: left;
background: url(images/container-top.png);
width: 1010px;
height: 35px;
margin: 10px auto 0px auto;
}
.container-middle
{
float: left;
background: url(images/container-middle.png);
width: 1010px;
min-height: auto;
margin: 0px auto auto auto;
}
.container-bottom
{
float: left;
background: url(images/container-bottom.png);
width: 1010px;
min-height: 25px;
margin: 0px auto auto auto;
}
/* start left panel */
#left
{
float: left;
width: 660px;
margin: 15px 0px 0px 15px;
}
.panel-top
{
float: left;
background: url(images/panel-top.png);
width: 660px;
height: 30px;
margin: 0px auto;
}
.panel-middle
{
float: left;
background: url(images/panel-middle.png);
width: 660px;
min-height: auto;
margin: 0px auto;
}
.panel-bottom
{
float: left;
color: #00749C;
background: url(images/panel-bottom.png);
width: 660px;
min-height: 30px;
margin: 0px auto auto auto;
}
/* start right panel */
#right
{
float: right;
width: 300px;
margin: 15px 15px 0px 0px;
}
.sidebar-title
{
float: left;
padding: 11px 0px 0px 0px;
color: #244A5F;
font-weight: bold;
font-size: 1.2em;
margin-left: -10px;
}
.sidebar-top-left
{
float: left;
background: url(images/sidebar-top-left.png);
width: 25px;
height: 35px;
margin: 2px 0px 0px 0px;
margin: 0px auto;
}
.sidebar-top-center
{
float: left;
background: url(images/sidebar-top-center.png);
width: 240px;
height: 35px;
margin: 0px auto;
}
.sidebar-top-right
{
float: left;
font-family: Arial, Helvetica, sans-serif;
background: url(images/sidebar-top-right.png);
width: 25px;
min-height: 35px;
margin: 0px auto;
}
.footer-right li{
list-style:none;
float:left;
padding: 0 10px;
}
.sidebar-body-left
{
float: left;
background: url(images/sidebar-body-left.png);
width: 25px;
min-height: 150px;
margin: 0px auto;
}
.textwidget{
vertical-align: bottom;
}
.sidebar-body-center
{
float: left;
background-color: #FAFBFC;
width: 240px;
min-height: 150px;
margin: 0px auto;
}
.sidebar ul {
margin: 0px;
padding: 0px;
float: left;
}
.sidebar li {
background: url(images/arrow.png) no-repeat left;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 20px;
list-style: none;
}
.sidebar-body-right
{
float: left;
background: url(images/sidebar-body-right.png);
width: 25px;
min-height: 150px;
margin: 0px auto;
}
.sidebar-bottom-left
{
float: left;
background: url(images/sidebar-bottom-left.png);
width: 25px;
min-height: 35px;
margin: 0px auto;
}
.sidebar-bottom-center
{
float: left;
background: url(images/sidebar-bottom-center.png);
width: 240px;
min-height: 35px;
margin: 0px auto;
}
.sidebar-bottom-right
{
float: left;
background: url(images/sidebar-bottom-right.png);
width: 25px;
min-height: 35px;
margin: 0px auto;
}
.ads
{
float: left;
width: 290px;
height: 250px;
margin: 5px auto 0px auto;
border: 1px solid #CCD7DC;
}
/* start footert contents */
#footer
{
float: left;
width: 960px;
height: 100px;
margin: 0px auto;
}
.footer-contents
{
float: left;
width: 960px;
height: 100px;
margin: 0px auto;
}
.footer-left
{
width: 333px;
float: left;
margin: 15px 0px 0px 0px;;
}
.footer-right
{
float: right;
margin: 0px 0px 0px 0px;
}
/* start of forms */
.forms
{
background-color: #F2F5F7;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
color: #557383;
border: 1px solid #CCD7DC;
margin-bottom:0px;
margin-left: 0px;
margin-top: 5px;
height: 20px;
}
.buttons
{
background-color: #557383;
font-size: 1em;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
color: #F2F5F7;
border: 0px solid #CCD7DC;
margin-bottom:0px;
margin-left: 0px;
margin-top: 8px;
height: 23px;
}