html * {
margin:0;
padding:0;
}
*:focus {
outline:none;
}
body {
background:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
color:#000;
}
.clear {
clear:both;
float:none;
}
img {
border:none;
}
a {
color:#000;
text-decoration:none;
}
#header {
width:100%;
height:100px;
padding:0 0 0px 0;
}
#headerInside {
margin:0 auto;
width:980px;
height:100px;
text-align:left;
}
#logo {
float:left;
}
#logo h1 {
padding-top:25px;
padding-left:15px;
}
#logo h2 {
padding-left:15px;
}
#headAdd {
float:right;
margin-top:20px;
}
#headAdd a img {
border:1px solid #555;
}
#headAdd a:hover img {
border:1px solid #000;
}
#navigation {
width:100%;
height:37px;
border-bottom:1px solid #dfdfdf;
}
#navigation a {
color:#555;
}
#navigation a:hover {
color:#000;
}
#navigationInside {
width:980px;
margin:0 auto;
line-height:35px;
font-weight: bold;
}
#nav {
float:left;
list-style:none;
padding-left:10px;
}
#rssTime {
float:right;
}
#rss {
background:url(img/white/rss.png) no-repeat right center;
padding-right:20px;
}
#subHeadAdd {
background:#f5f5f5;
border-bottom:#dfdfdf 1px solid;
text-indent:0;
}
#subHeadAddInside {
margin:0 auto;
padding:8px 0;
text-indent:0px;
text-align:center;
}
#subHeadAddInside a:hover {
text-decoration:underline;
}
#mainCont {
margin:15px auto;
width:980px;
text-align:left;
}
#leftContent {
border:1px solid #fff;
width:602px;
float:left;
}
#leftContentInside {
border:1px solid #fff;
padding:20px;
padding-top:8px;
width:560px;
background:#fff;
}
#sidebar {
padding-top:10px;
}
#leftContentInside #index a:hover {
text-decoration:underline;
}
#leftContentInside #index .index-box{
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px dotted #555;
}
#leftContent #index .index-box .postMeta {
font-size:10px;
margin:4px 0;
border:1px dotted #2d3132;
border-left:none;
border-right:none;
}
#leftContentInside #index .indexThumb {
float:left;
border:2px solid #555;
margin-right:10px;
width:125px;
height:125px;
}
#leftContentInside #index .indexThumb:hover {
border:2px solid #000;
}
#index .single-content {
padding-top:5px;
color:#000;
}
#index .single-content a {
text-decoration:underline;
}
#index h1, #index h2, #index h3, #index h4, #index h5 {
font-weight:normal;
padding:5px 0;
}
#index .index-box ul, #index .index-box ol {
padding-left:25px;
}
#index h1 {
font-size:24px;
font-weight: bold;
line-height: 1em;
}
#index h2 {
font-size:18px;
}
#leftContentInside #index .index-box {
line-height:20px;
}
#leftContentInside #index .index-box p{
margin:10px 0;
}
#leftContentInside #index .index-box blockquote {
margin:20px;
padding:10px;
border:#2d3132 1px solid;
}
#leftContentInside #featuredM {
margin:10px 0;
}
#leftContentInside .smallFeat {
width:255px;
padding:10px;
background:#f5f5f5;
float:left;
}
#leftContentInside #featuredM .smallFeat h3 {
font-size:14px;
}
#leftContent #featBottom h3 {
font-size:14px;
}
#leftContent .smallFeat .smallPostBox {
border-bottom:1px dotted #555;
padding-bottom:10px;
margin-top:10px;
}
.smallFeat .smallPostBoxThumb {
width:75px;
height:75px;
border:2px solid #555;
margin-right:10px;
float:left;
}
.smallFeat .smallPostBoxThumb:hover {
border:2px solid #000;
}
#leftContent .smallFeat h4 a{
font-size:12px;
color:#000;
}
#leftContent .smallFeat .smallPostBoxContent {
font-size:12px;
}
#leftContent .smallFeat .smallPostBoxContent a:hover {
text-decoration:underline;
}
#smallFeatDivide {
width:10px;
height:1px;
float:left;
}
#featBottom {
width:540px;
padding:10px;
background:#f5f5f5;
}
#featBottom .featBottomPostBox {
margin-top:10px;
padding-bottom:10px;
border-bottom:1px dotted #555;
}
#featBottom .featBottomPostBox .featBottomThumb {
float:left;
border:2px solid #555;
margin-right:10px;
width:50px;
height:50px;
}
#featBottom .featBottomPostBox .featBottomThumb:hover {
border:2px solid #000;
}
#featBottom .featBottomPostContent {
font-size:13px;
}
#featBottom .featBottomPostContent a:hover {
text-decoration:underline;
}
#featBottom .featBottomPostContent h4 a {
color:#000;
font-size:12px;
}
/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
font-weight: bold;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */
/**** TABBER CSS *****/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {
display:none;
}
/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber {
}
.tabberlive {
}
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav
{
margin:0;
margin-top:5px;
border-bottom:1px solid #555;
padding-bottom:3px;
}
#sidebar ul.tabbernav li
{
list-style: none;
margin: 0 0;
display: inline;
}
#sidebar ul.tabbernav li a
{
padding:3px 8px;
margin:0 5px 0 0;
background:none;
border:1px solid #fff;
border-bottom:none;
}
ul.tabbernav li a:link { color: #555; }
ul.tabbernav li a:visited { color: #555; }
#sidebar ul.tabbernav li a:hover
{
color:#000;
background:none;
}
#sidebar ul.tabbernav li.tabberactive a
{
background-color: #f5f5f5;
color:#000;
border:1px solid #555;
}
ul.tabbernav li.tabberactive a:hover
{
}
/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {
padding:10px 0 0 0px;
border-top:0;
/* If you don't want the tab size changing whenever a tab is changed
you can set a fixed height */
/* height:200px; */
/* If you set a fix height set overflow to auto and you will get a
scrollbar when necessary */
/* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display:none;
}
.tabberlive .tabbertab h3 {
display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
}
/**** SIDEBAR ****/
#sidebar a {
color:#555;
}
#sidebar a:hover {
color:#000;
}
#sidebar ul, #sidebar ol {
list-style:none;
}
#sidebar ul li a, #sidebar ol li a {
background:url(img/white/side.png) no-repeat left center;
padding-left:15px;
}
#sidebar ul li a:hover, #sidebar ol li a:hover {
background:url(img/white/sidehover.png) no-repeat left center;
}
#sidebar ul li , #sidebar ol li {
margin:3px 0;
}
#sidebar .widgettitle {
margin:0 0 10px 0;
}
#sidebar .side-content {
margin:5px 0 10px 0;
}
#sidebar .side-content ul, #sidebar .side-content ol {
padding-left:25px;
}
#sidebar #searchbox {
border:none;
background:none;
border:1px solid #555;
background:#f5f5f5;
width:300px;
padding:5px 10px;
color:#555;
}
#footer {
width:100%;
background:#f5f5f5;
padding-top:10px;
border-top:1px solid #dfdfdf;
}
#footerInside {
width:980px;
margin:0 auto;
text-align:left;
}
#footerInside ul, #footerInside ul li, #footerInside ul li ul, #footerInside ul li ul li {
float:left;
}
#footerInside ul {
list-style:none;
}
#footerInside a {
color:#555;
}
#footerInside a:hover {
color:#000;
}
#footerInside ul a {
padding:0px 10px;
display:block;
}
#footerInside ul li {
border-right:1px solid #555;
}
#footPages {
float:left;
}
#copyright {
padding-right:10px;
}
#footTop {
border-bottom:1px solid #2d3132;
padding-bottom:5px;
}
/* FEATURED GALLERY **/
#slider {
margin: 0 auto;
position: relative;
}
.scroll {
width:560px;
height:300px;
overflow: auto;
overflow-x: hidden;
position: relative;
}
.panel {
position:relative;
height:300px;
}
.panelContent {
position:absolute;
background:url(img/white/panelContent.png) repeat;
color:#000;
bottom:0;
width:550px;
height:50px;
}
.panelContent h2 a{
font-size:14px;
line-height:18px;
font-weight:normal;
color:#fff;
}
.panelContent a {
color:#fff;
}
.panelContent {
font-size:12px;
color:#dfdfdf;
padding:10px;
}
#shade {
border-top:1px solid #2d3132;
}
#shade a img {
width:105px;
height:56px;
border:1px solid #555;
}
#shade a:hover img , #shade a.selected img{
border:1px solid #000;
}
#shade ul.navigation {
text-align:center;
}
#shade ul.navigation li {
display:inline-block;
}
#shade ul.navigation li a {
padding-top:15px;
display:block;
}
#shade ul.navigation li a:hover, #shade ul.navigation li a.selected{
background:url(img/white/shade.png) top center no-repeat;
}
.scrollButtons {
display:none;
}
/** COMMENTS ***/
.comments {
width: 540px;
margin: 0px 0px 10px 0px;
padding: 10px;
margin-top:20px;
}
.commentlist li ul li {
font-size: 12px;
}
.commentlist li {
font-weight: bold;
}
.commentlist li .avatar {
background: #555;
float: right;
border: 1px solid #555;
margin: 0px 5px 0px 10px;
padding: 2px;
}
.commentlist li .avatar:hover {
background: #000;
border:1px solid #000;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 12px;
}
.commentlist p {
font-weight: normal;
text-transform: none;
}
.commentmetadata {
font-weight: normal;
}
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0px;
}
#commentform {
margin: 5px 10px 0px 0px;
}
#commentform textarea {
width: 98%;
padding: 2px;
}
#respond:after {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}
#commentform p {
margin: 5px 0px 5px 0px;
}
#commentform #submit {
margin: 0px;
float: left;
}
.alt {
margin: 0px;
padding: 10px;
}
.commentlist {
margin: 0px;
padding: 0px;
}
.commentlist ol {
margin: 0px;
padding: 10px;
}
.commentlist li {
margin: 15px 0px 10px;
padding: 10px 5px 10px 10px;
list-style: none;
}
.commentlist li ul li {
margin-right: -5px;
margin-left: 10px;
}
.commentlist p {
margin: 10px 5px 10px 0px;
padding: 0px;
}
.children {
margin: 0px;
padding: 0px;
}
.nocomments {
text-align: center;
margin: 0px;
padding: 0px;
}
.commentmetadata {
font-size: 10px;
margin: 0px;
display: block;
}
.navigation {
display: block;
text-align: center;
}
.alignright {
float: right;
margin:3px;
margin-left:10px;
}
.alignleft {
float: left;
margin:3px;
margin-right:10px;
}
.aligncenter {
text-align:center;
margin:0 auto;
padding:3px;
}
.thread-alt {
background: #f5f5f5;
margin: 0px;
padding: 0px;
}
.thread-even {
background: #fff;
margin: 0px;
padding: 0px;
}
.depth-1 {
border: 1px dotted #BBBBBB;
margin: 0px;
padding: 0px;
}
.even, .alt {
border-top: 1px dotted #BBBBBB;
border-bottom: 1px dotted #BBBBBB;
border-left: 1px dotted #BBBBBB;
margin: 0px;
padding: 0px;
}