html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;
}
tr {
border-bottom : 1px solid #ccc;
margin-bottom : 5px;
}
body {
line-height : 1;
}
ol, ul {
list-style : none;
list-style-type : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : none;
}
:focus {
outline : 0;
}
ins {
text-decoration : none;
}
del {
text-decoration : line-through;
}
body {
background : url(../images/tiled-log-dark.jpg) repeat;
color : #333333;
font-family : Arial, Helvetica, sans-serif !important ;
font-size : 14px;
line-height : 1.5;
}
p {
margin : 0 0 11px 0;
}
img {
border : none;
padding : 2px;
margin : 0;
vertical-align : bottom;
}
a {
text-decoration : none;
outline : none;
font-weight : 400;
}
a:focus, a:hover {
text-decoration : underline;
}
.clear {
clear : both;
margin : 0;
padding : 0;
}
ul {
list-style : circle;
}
ol {
list-style : decimal;
}
h3 {
color : #303030;
font-size : 16px;
font-weight : 400;
text-transform : uppercase;
margin : 0 0 10px 0;
padding : 0 0 7px 0;
border-bottom : 1px dashed #d4d4d2;
text-align : left;
}
h3.top {
margin : 7px 0 10px 0;
}
hr {
width : 100%;
border : 0;
overflow : hidden;
border-bottom : 1px dashed #d4d4d2;
margin : 10px 0;
}
#bodyContainer {
width : 980px;
margin : 0 auto;
position : relative;
background : #ffffff url('../images/gradient.png') repeat-x;
padding : 5px;
overflow : hidden;
}
#body {
padding : 0 190px 0 10px;
background : white;
overflow : hidden;
}
#headerContainer {
margin : 0 auto;
margin-top : 15px;
width : 980px;
padding : 5px;
overflow : hidden;
background : #ffffff url('../images/gradient.png') repeat-x;
}
#logoHolder {
width : 970px;
margin : 0 auto;
height : 350px;
background : url('../images/logo.gif') no-repeat left center;
}
#logo {
float : left;
}
#logo img {
padding : 0;
margin : 0;
}
a.originalLogo {
padding : 0;
border : 0;
height : 200px;
width : 200px;
overflow : hidden;
cursor : pointer;
display : block;
margin-right : 15px;
}
#menu-container {
width : 940px;
padding : 0;
background : #a02013;
margin : 0 auto;
height : 37px;
}
#menu {
list-style : none;
text-align : center;
}
#menu li {
float : left;
font-size : 14px;
line-height : 1.2;
margin : 0 5px;
font-family : Arial, Arial, Helvetica, sans-serif;
}
#menu li a {
color : #fff;
display : block;
text-decoration : none;
padding : 10px;
overflow : hidden;
}
#menu li a:hover, .hoverClass a, #menu .current_page_item a {
background : #ffffff;
}
#menu li a:hover {
text-decoration : underline;
}
#rssMini {
float : left;
border : 0;
padding : 0;
margin : 4px 5px 0 0;
}
#featuredHeaderContainer {
width : 700px;
padding : 15px;
height : 300px;
margin : 0 auto;
overflow : hidden;
float : right;
}
#featuredHeaderContainerInner {
width : 700px;
float : left;
height : 300px;
margin : 0 auto 0 auto;
position : relative;
overflow : hidden;
}
.featuredContainer {
overflow : hidden;
position : absolute;
top : 0;
left : 0;
z-index : 8;
width : 700px;
}
.featuredContainerImage {
height : 300px;
width : 650px;
float : left;
margin : 19px 30px 19px 0;
}
.featuredContainer img {
height : 300px;
background : #ffffff;
padding : 5px;
}
.featuredContainer img:hover {
background : #ffffff;
}
.active {
z-index : 10;
}
.last-active {
z-index : 9;
}
#leftColumn, #rightcolumn {
position : relative;
}
#rightColumn {
float : right;
width : 600px;
margin-top : 10px;
margin-right : 20px;
}
#searchForm {
width : 250px;
padding : 5px;
}
#welcome {
margin : 0 0 30px 0;
}
#welcome h1 {
font-size : 36px;
margin-bottom : 10px;
font-weight : 400;
line-height : 1.2;
}
.miniRow {
background : #fdfdfd;
border : 1px solid #d4d4d2;
padding : 10px;
margin-bottom : 10px;
overflow : hidden;
}
.recentArticle {
width : 100%;
padding : 0 0 10px 0;
margin : 0 0 10px 0;
overflow : hidden;
border-bottom : 1px dashed #c8c8c8;
}
.recentpostsIcon {
background : url('../images/recentposts.png') no-repeat 0 2px;
padding-left : 20px;
}
.recentArticle img {
width : 75px;
height : 75px;
float : left;
background : #ffffff;
margin : 0 10px 0 0;
padding : 5px;
border : 1px solid #e8e8e8;
}
.miniTitle {
margin : 5px 0 0 0;
}
.miniTitle a {
font-family : "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif !important ;
color : #383838;
font-weight : 400;
font-size : 20px;
overflow : hidden;
}
.miniContent {
margin : 10px 0 0 0;
}
a.miniMore {
font-weight : 400;
}
.postPageContainer {
width : 100%;
border-bottom : 1px dashed #d4d4d2;
padding : 0 0 10px 0;
margin : 0 0 10px 0;
overflow : hidden;
}
.postPageContainer img {
background : #ffffff;
padding : 5px;
border : 1px solid #e8e8e8;
}
.postPageTitle {
font-size : 30px;
margin-top : 10px;
}
.postPageContent {
margin : 10px 0 0 0;
overflow : hidden;
}
.postPageDate, .postPageDate a {
text-transform : uppercase;
color : #737373;
font-size : 12px;
font-weight : 400;
margin : 0;
}
.postPageDate a {
text-transform : uppercase;
color : #737373;
font-size : 12px;
font-weight : 400;
}
#pageNavContainer {
margin : 20px 0;
}
#pageNavLeft a {
float : left;
background : url('../images/previouspage.png') center bottom;
padding : 0;
border : 0;
height : 20px;
width : 132px;
overflow : hidden;
cursor : pointer;
display : block;
}
#pageNavLeft a:hover, #pageNavLeft a:active {
background : url('../images/previouspage.png') center top;
padding : 0;
border : 0;
height : 20px;
width : 132px;
overflow : hidden;
cursor : pointer;
display : block;
}
#pageNavRight a {
float : right;
background : url('../images/nextpage.png') center bottom;
padding : 0;
border : 0;
height : 20px;
width : 101px;
overflow : hidden;
cursor : pointer;
display : block;
}
#pageNavRight a:hover, #pageNavRight a:active {
background : url('../images/nextpage.png') center top;
padding : 0;
border : 0;
height : 20px;
width : 101px;
overflow : hidden;
cursor : pointer;
display : block;
}
.page {
min-height : 200px !important ;
}
.page ul {
margin : 5px;
padding : 10px;
list-style : disc;
}
.page ul li {
padding : 5px;
}
.page h1, .page h2, .page h3, .page h4, .page h5 {
color : #303030;
font-weight : 400;
text-transform : uppercase;
margin : 0 0 10px 0;
padding : 0 0 7px 0;
border-bottom : 1px dashed #d4d4d2;
}
.page h1 {
font-size : 24px;
}
.page h2 {
font-size : 20px;
}
.page h3 {
font-size : 16px;
}
.page h4 {
font-size : 12px;
}
.page h5 {
font-size : 8px;
}
.postContainer {
margin-top : 10px;
min-height : 200px !important ;
}
.postTitle {
font-size : 30px;
}
.postDate, .postDate a {
text-transform : uppercase;
color : #737373;
font-size : 12px;
font-weight : 400;
margin : 0;
}
.postContent {
margin : 10px 0;
}
.postContent h1, .postContent h2, .postContent h3, .postContent h4, .postContent h5 {
color : #303030;
font-weight : 400;
text-transform : uppercase;
margin : 0 0 10px 0;
padding : 0 0 7px 0;
border-bottom : 1px dashed #d4d4d2;
}
.postContent h1 {
font-size : 24px;
}
.postContent h2 {
font-size : 20px;
}
.postContent h3 {
font-size : 16px;
}
.postContent h4 {
font-size : 12px;
}
.postContent h5 {
font-size : 8px;
}
.postContent ul {
margin : 5px;
padding : 10px;
list-style : disc;
}
.postContent ul li {
padding : 5px;
}
.size-thumbnail {
padding : 3px;
border : 3px solid #9e9e9e;
margin : 5px;
overflow : hidden;
}
.size-thumbnail, .size-medium, .size-large, .size-full {
vertical-align : middle;
}
.borderMedium {
padding : 3px;
border : 3px solid #9e9e9e;
margin : 5px;
vertical-align : middle;
overflow : hidden;
}
.borderFull {
padding : 5px;
border : 5px solid #9e9e9e;
overflow : hidden;
}
.postContent pre {
background : #fdfdfd url('../images/gradient.png') repeat-x;
border : 1px solid #dadada;
font-size : 11px;
line-height : 1.3em;
overflow : hidden;
padding : 10px;
margin : 10px 0;
font-style : normal;
width : 630px;
}
.postContent code {
font-size : 13px;
font-family : Courier, "Courier New", mono;
background : #fdfdfd;
}
.postContent blockquote, .page blockquote {
color : #888888;
margin : 10px;
border-left : 3px solid #888888;
padding : 10px;
}
#rssReminder {
width : 450px;
margin : 20px auto;
border : 1px solid #9e9e9e;
padding : 12px 0 10px 45px;
background : url(../images/rssmini.png) no-repeat 17px 50%;
}
#rssReminder a {
font-weight : 700;
}
#postFooter {
color : #333333;
margin : 0;
border-top : 1px solid #d3d3d3;
border-bottom : 1px solid #d3d3d3;
padding : 10px;
margin-bottom : 20px;
clear : both;
overflow : hidden;
height : auto !important ;
}
#postCategorys {
float : left;
padding : 3px 0 3px 0;
margin : 0;
width : 450px;
}
#postTags {
float : left;
height : auto;
padding : 3px 0 3px 0;
margin : 0;
width : 450px;
}
#postLink {
float : left;
padding : 3px 0 3px 0;
margin : 0;
width : 450px;
}
#postDigg {
float : right;
margin : 0;
}
#postTwitter {
float : right;
margin : 10px 10px 0 10px;
}
#commentForm {
margin-bottom : 20px;
}
#commentLoggedIn {
margin : 10px 0;
}
ul.commentList, ul.commentList li {
list-style : none;
list-style-type : none;
}
#authorFieldContainer, #emailFieldContainer {
float : left;
width : 50%;
margin : 10px 0;
}
#websiteFieldContainer, #commentFieldContainer {
clear : both;
margin : 10px 0;
}
#authorFieldContainer input, #emailFieldContainer input {
width : 250px;
border : 1px solid #cdcdcd;
height : 17px;
padding-top : 4px;
padding-left : 3px;
display : inline;
color : #545454;
}
#websiteFieldContainer input {
width : 480px;
border : 1px solid #cdcdcd;
height : 17px;
padding-top : 4px;
padding-left : 3px;
display : inline;
color : #545454;
}
#commentForm label {
font-size : 12px;
display : block;
text-transform : uppercase;
}
#commentFieldContainer textarea {
width : 580px;
height : 150px;
border : 1px solid #cdcdcd;
padding-top : 4px;
padding-left : 3px;
display : inline;
color : #545454;
}
a.commentSubmit {
background : url('../images/submitcomment.png') center bottom;
padding : 0;
border : 0;
height : 20px;
width : 133px;
overflow : hidden;
cursor : pointer;
display : block;
}
a.commentSubmit:hover, a.commentSubmit:active {
background : url('../images/submitcomment.png') center top;
padding : 0;
border : 0;
height : 20px;
width : 133px;
overflow : hidden;
cursor : pointer;
display : block;
}
.commentHead {
background : #efefef;
overflow : hidden;
padding : 5px;
}
.commentHead img {
margin-right : 10px;
float : left;
}
.authorHead {
font-size : 18px;
display : block;
margin-top : 1px;
}
.dateHead {
font-size : 9px;
text-transform : uppercase;
}
.commentApproval {
background : #f7e5e5;
border : 1px solid #f0c7c7;
text-align : center;
font-size : 14px;
color : #852b3b;
padding : 5px 0;
margin : 10px auto;
width : 650px;
}
#leftColumn {
float : left;
width : 280px;
margin-left : 20px;
}
#leftColumn a {
font-weight : 400;
text-align : center;
}
.sidebarWidget {
padding : 5px;
margin : 0 0 10px 0;
overflow : hidden;
}
.sidebarWidget ul {
margin : 0 0 0 5px;
}
#searchIcon {
background : url('../images/search.png') no-repeat 0 2px;
padding-left : 20px;
}
#advertisementsIcon {
background : url('../images/advertisements.png') no-repeat 0 2px;
padding-left : 20px;
}
#popularPostsIcon {
background : url('../images/popularposts.png') no-repeat 0 2px;
padding-left : 20px;
}
#connectIcon {
background : url('../images/connect.png') no-repeat 0 2px;
padding-left : 20px;
}
#friendsIcon {
background : url('../images/friends.png') no-repeat 0 2px;
padding-left : 20px;
}
#tagsIcon {
background : url('../images/tags.png') no-repeat 0 2px;
padding-left : 20px;
}
#twitterIcon {
background : url('../images/twitter.png') no-repeat 0 2px;
padding-left : 20px;
}
a.searchSubmit {
float : right;
background : url('../images/go.png') center bottom;
padding : 0;
border : 0;
height : 20px;
width : 40px;
overflow : hidden;
cursor : pointer;
display : block;
position : relative;
}
a.searchSubmit:hover, a.searchSubmit:active {
background : url('../images/go.png') center top;
padding : 0;
border : 0;
height : 20px;
width : 40px;
overflow : hidden;
cursor : pointer;
display : block;
}
#searchInput {
border : 1px solid #cdcdcd;
height : 16px;
width : 195px;
padding-top : 3px;
padding-left : 5px;
}
#advertisements {
margin : 0;
text-align : center;
}
#rssFeed {
height : 40px;
font-size : 20px;
padding : 0 30px;
}
#rssFeedText {
padding : 8px 0;
}
#rssFeed img {
float : left;
}
#popularPosts {
margin : 10px 0 0 0;
}
#popularPosts ul {
list-style : none;
margin : 0;
padding : 0;
}
#popularPosts li {
margin : 3px 0 0 0;
}
#leftLinks {
clear : both;
float : left;
width : 110px;
background : #fdfdfd;
border : 1px solid #d4d4d2;
padding : 10px;
margin : 0 0 10px 0;
overflow : hidden;
}
#rightLinks {
float : right;
width : 110px;
background : #fdfdfd;
border : 1px solid #d4d4d2;
padding : 10px;
margin : 0 0 10px 0;
overflow : hidden;
}
.sidebarList {
list-style : none;
}
ul.sidebarList li {
margin : 3px 0 0 0;
}
.tagcloud {
text-align : justify;
}
#tweet ul {
list-style : none;
}
#tweet ul li {
list-style : none;
clear : both;
overflow : hidden;
margin : 0 0 10px 0;
padding : 0 0 10px 0;
border-bottom : 1px dashed #d4d4d2;
}
.tweet_avatar {
float : left;
margin : 0 5px 0 0;
}
.tweet_avatar img {
padding : 3px;
border : 1px solid #e8e8e8;
}
.tweet_date {
float : right;
font-size : 10px;
}
#recentComments {
background : #fdfdfd;
border : 1px solid #d4d4d2;
padding : 10px;
overflow : hidden;
margin : 10px 0 0 0;
}
.recentComment {
margin : 0 0 10px 0;
padding : 0 0 10px 0;
border-bottom : 1px dashed #d4d4d2;
}
#recentCommentsIcon {
background : url('../images/recentcomments.png') no-repeat 0 2px;
padding-left : 20px;
}
.recentCommmentAvatar {
float : left;
margin : 0 5px 2px 0;
}
.recentCommmentAvatar img {
padding : 3px;
border : 1px solid #e8e8e8;
}
.frontPageAdvertisement {
width : 270px;
overflow : hidden;
margin : 20px 0 0 0;
text-align : center;
}
#footerContainer {
max-width : 960px;
min-width : 560px;
margin : 0 auto 15px;
padding : 10px;
text-align : center;
overflow : hidden;
font-size : 14px;
color : #a02013;
}
#footerContainer p {
padding : 10px;
color : white;
}
#footerContainer a {
color : #a02013;
border-bottom : 1px dotted white;
text-decoration : none;
}
#footerContainer a:hover {
border-bottom-style : solid;
text-decoration : underline;
color : #a02013;
}
.archiveContainer {
margin : 0 0 30px 0;
overflow : hidden;
clear : both;
}
#archiveMonth {
float : left;
margin : 0;
list-style-type : none;
}
#archiveMonth li {
float : left;
width : 180px;
height : 30px;
margin : 0;
padding : 0;
}
.formField {
margin : 30px 0;
clear : both;
overflow : hidden;
}
.formField label.field {
font-size : 14px;
width : 175px;
float : left;
}
.field {
float : left;
}
.field input {
border : 1px solid #cdcdcd;
height : 17px;
padding-top : 4px;
padding-left : 3px;
display : inline;
}
.field textarea {
border : 1px solid #cdcdcd;
height : 100px;
width : 350px;
padding : 3px;
}
#securityQuestion {
font-size : 20px;
margin : 0 0 10px 0;
}
a.contactSubmit {
background : url('../images/submit.png') center bottom;
padding : 0;
border : 0;
height : 20px;
width : 65px;
overflow : hidden;
cursor : pointer;
display : block;
}
a.contactSubmit:hover, a.contactSubmit:active {
background : url('../images/submit.png') center top;
padding : 0;
border : 0;
height : 20px;
width : 65px;
overflow : hidden;
cursor : pointer;
display : block;
}
.processing {
margin : 90px 0;
width : 100%;
text-align : center;
}
#successNotify {
background : #d6ffd8;
border : 1px solid #a0d997;
text-align : center;
font-size : 14px;
color : #436213;
padding : 10px 0;
margin : 10px auto;
width : 90%;
}
#errorNotify {
background : #f7e5e5;
border : 1px solid #f0c7c7;
text-align : center;
font-size : 14px;
color : #852b3b;
padding : 10px 0;
margin : 10px auto;
width : 90%;
}