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, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;
}
body {
line-height : 1;
}
ol, ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
}
:focus {
outline : 0;
}
ins {
text-decoration : none;
}
del {
text-decoration : line-through;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
html, body {
height : 100%;
}
html {
font-size : 76%;
}
body {
font-family : "Lucida-Grande", Arial, Helvetica, sans-serif;
font-size : 1.1em;
line-height : 1.4em;
background :#0A070F;
color : #2b2b2b;
}
.clear {
clear : both;
width : 1px;
height : 1px;
margin : 0;
padding : 0;
}
#wrapper {
width : 100%;
margin-top : 9px;
min-height : 100%;
height : auto !important ;
height : 100%;
background : #161120 url(images/wrapper_bg.png) repeat-x top left;
}
div.button {
height : 27px;
line-height : 26px;
padding-left : 4px;
overflow : hidden;
font-size : 13px;
font-weight : bold;
margin-top : 10px;
background : url(images/grey_btn_left.png) no-repeat left center;
}
div.button a {
color : #000000;
margin-left : 3px;
padding : 9px 9px 10px 3px;
text-decoration : none;
background : url(images/grey_btn_right.png) no-repeat right center;
}
#header {
width : 940px;
height : 49px;
margin : 0 auto 0;
padding : 20px 20px 0 20px;
position : relative;
background : #1a122d url(images/grey_header.gif) no-repeat center top;
}
#header h1 {
display : inline;
margin : 0 8px 0 0;
padding-right : 13px;
font-size : 26px;
background : url() no-repeat center right;
}
#header h1 a {
font-weight : bold;
text-decoration : none;
color : #ffffff;
}
#header span {
position : relative;
top : -3px;
font-size : 10px;
text-transform : uppercase;
color : #ffd02a;
}
#header ul {
position : absolute;
bottom : 0;
right : 0;
overflow : hidden;
height : 30px;
margin-right : 20px;
margin-bottom : 10px;
}
#header li {
float : left;
width : 90px;
height : 70%;
margin-left : 1px;
padding-top : 0;
padding-left : 6px;
font-size : 13px;
text-align : left;
text-transform : uppercase;
}
#header li a {
text-decoration : none;
color : #9f9f9f;
}
#header li a:hover {
border-bottom : 1px dotted #bb7d33;
}
#header li.current_page_item {
border-left : 3px solid #bb7d33;
}
#header li.current_page_item a {
color : #fff;
}
#content {
width : 940px;
min-height : 500px;
margin : 0 auto;
padding : 0 20px 20px 20px;
}
#content #featured div.image {
height : 300px;
width : 940px;
overflow : hidden;
display : none;
}
#content #featured div.active {
display : block;
}
#content #featured .data {
height : 90px;
background : url(images/featured-background.gif) no-repeat;
}
#content #featured .data h2 {
font-size : 27px;
color : #c6b27c;
margin-top : 1px;
margin-bottom : 3px;
font-weight : 500;
letter-spacing : 1px;
}
#content #featured .data h2 a {
color : #c6b27c;
text-decoration : none;
}
#content #featured .data span a {
font-size : 10px;
text-transform : uppercase;
text-decoration : none;
}
#content #featured .data span a:hover {
text-decoration : underline;
}
#content #featured .data .comments {
float : left;
width : 42px;
height : 42px;
margin-top : 25px;
font-size : 24px;
font-weight : bold;
padding-top : 6px;
text-align : center;
color : #ffffff;
background : url() no-repeat left top;
display : none;
}
#content #featured .data .comments a {
text-decoration : none;
}
#content #featured .data .left {
float : left;
width : 437px;
margin : 25px 0 0 12px;
padding : 0;
}
#content #featured .data .right div {
float : left;
}
#content #featured .data .right {
float : right;
max-width : 449px;
text-align : right;
}
#content #featured .data .right .featured_left {
width : 28px;
height : 28px;
margin-top : 32px;
background : url(images/grey_featured-arrow-left.png) no-repeat;
cursor : pointer;
}
#content #featured .data .right .image {
margin : 20px 0 0 13px;
width : 50px;
height : 50px;
display : block;
cursor : pointer;
}
#content #featured .data .right .active {
width : 44px;
height : 44px;
border : 3px solid #cacaca;
}
#content #featured .data .right .featured_right {
width : 28px;
height : 28px;
margin : 32px 5px 0 14px;
cursor : pointer;
background : url(images/grey_featured-arrow-right.png) no-repeat;
}
#content #featured .data span a {
color : #e8eddb;
}
#content #featured .data .comments a {
color : #ffffff;
}
#content #featured .data .right .active {
border : 3px solid #cacaca;
}
#main {
background : url(images/tabbed_bg.png) no-repeat center top;
}
#content #main .left, #content #main .right {
float : left;
width : 455px;
}
#content #main .left {
margin-right : 15px;
}
#content #nav {
margin : 20px 0;
}
#content #nav ul {
float : left;
font-size : 14px;
font-weight : bold;
}
#content #nav li {
float : left;
margin-right : 28px;
overflow : hidden;
height : 26px;
line-height : 26px;
}
#content #nav a {
color : #f3dda9;
text-decoration : none;
}
#content #nav a:hover {
text-decoration : underline;
}
#content #nav li.active {
background : url(images/grey_btn_left.png) no-repeat left center;
}
#content #nav li.active a {
margin-left : 6px;
padding : 10px 9px 10px 5px;
background : url(images/grey_btn_right.png) no-repeat right center;
}
#content #nav li.active a:hover {
text-decoration : none;
}
#content #main .tab {
display : none;
}
#content #main .active {
display : block;
}
#content #main .popular {
height : 48px;
padding-left : 70px;
padding-right : 50px;
padding-top : 15px;
background : #000;
border-top : 1px solid #331b00;
position : relative;
}
#content #main .alt {
background : #000;
}
#content #main .popular h3 {
font-size : 13px;
font-weight : normal;
margin-bottom : 3px;
}
#content #main .popular h3 a {
color : #fff;
text-decoration : none;
}
#content #main .popular h3 a:hover {
text-decoration : underline;
}
#content #main .popular span {
color : #7b5329;
font-size : 10px;
font-weight : normal;
text-transform : uppercase;
}
#content #main .popular span a {
color : #7b5329;
text-decoration : none;
}
#content #main .popular span a:hover {
text-decoration : underline;
}
#content #main .popular div.image {
width : 50px;
height : 50px;
position : absolute;
top : 7px;
left : 6px;
overflow : hidden;
}
#content #main .popular div.comments {
width : 36px;
height : 32px;
position : absolute;
top : 15px;
right : 10px;
text-align : center;
font-size : 18px;
font-weight : bold;
color : #ffffff;
padding-top : 4px;
display : none;
background : url(images/grey_comment.gif) no-repeat;
}
#content #main .popular div.comments a {
color : #ffffff;
text-decoration : none;
}
#content #main .latest {
height : 48px;
padding-left : 70px;
padding-right : 50px;
padding-top : 15px;
background : #000;
border-top : 1px solid #331b00;
position : relative;
}
#content #main .latest h3 {
font-size : 13px;
font-weight : normal;
margin-bottom : 3px;
}
#content #main .latest h3 a {
color : #dfdfdf;
text-decoration : none;
}
#content #main .latest h3 a:hover {
text-decoration : underline;
}
#content #main .latest span {
color : #7b5329;
font-size : 10px;
font-weight : normal;
text-transform : uppercase;
}
#content #main .latest span a {
color : #7b5329;
text-decoration : none;
}
#content #main .latest span a:hover {
text-decoration : underline;
}
#content #main .latest div.image {
width : 50px;
height : 50px;
position : absolute;
top : 7px;
left : 6px;
overflow : hidden;
}
#content #main .latest div.comments {
width : 36px;
height : 32px;
position : absolute;
top : 15px;
right : 10px;
text-align : center;
font-size : 18px;
font-weight : bold;
display : none;
padding-top : 4px;
color : #ffffff;
background : url(images/grey_comment.gif) no-repeat;
}
#content #main .latest div.comments a {
color : #ffffff;
text-decoration : none;
}
#content #main .comment {
height : 48px;
padding-left : 70px;
padding-top : 15px;
background : #000;
border-top : 1px solid #331b00;
position : relative;
}
#content #main .comment a {
color : #dfdfdf;
text-decoration : underline;
}
#content #main .comment a:hover {
text-decoration : none;
}
#content #main .comment div.image {
width : 50px;
height : 50px;
position : absolute;
top : 7px;
left : 6px;
overflow : hidden;
}
#content #main #flickrrss img {
margin : 0 10px 10px 0;
}
#content #main .right {
margin-left : 15px;
}
#content #main .right h3 {
color : #f3dea9;
font-size : 14px;
font-weight : bold;
margin : 28px 0 14px;
}
#content #main .right p {
line-height : 22px;
color : #efe7c2;
}
#content #main .right p a {
line-height : 22px;
color : #3b5998;
font-weight : 600;
text-decoration : underline;
}
#content #main .right img {
display : none;
}
#content #category_nav {
height : 50px;
overflow : hidden;
background : url(images/nav_bck.png) no-repeat left top;
}
#content #category_nav ul {
float : left;
margin-left : 1px;
}
#content #category_nav li {
float : left;
margin : 14px 28px 0 0;
font-size : 14px;
font-weight : bold;
line-height : 26px;
}
#content #category_nav li a {
color : #fff;
text-decoration : none;
}
#content #category_nav li a:hover {
text-decoration : underline;
}
#content #category_nav li.active {
padding : 2px 0 4px 0;
margin-top : 12px;
margin-right : 18px;
background : url(images/grey_btn_left.png) no-repeat center left;
}
#content #category_nav li.active a {
margin-left : 6px;
padding : 8px 9px 10px 6px;
background : url(images/grey_btn_right.png) no-repeat right center;
}
#content #category_nav li.active a:hover {
text-decoration : none;
}
#content .post .post_title {
background : url();
height : 65px;
margin-bottom : 16px;
padding-top : 28px;
}
#content .post .no_background {
background : url() no-repeat left bottom;
}
#content .post .post_title div.button {
float : right;
}
#content .post .post_title div.button a {
color : #000000;
padding : 6px 8px 5px 1px;
}
#content .post .comments {
float : left;
width : 36px;
height : 32px;
text-align : center;
padding-top : 1px;
margin-right : 12px;
font-size : 24px;
font-weight : bold;
display : none;
background : url(images/grey_comment.gif) no-repeat;
}
#content .post .comments a {
color : #ffffff;
text-decoration : none;
}
#content .post h2 {
font-size : 24px;
font-weight : bold;
color : #cfba74;
}
#content .post h2 a {
color : #cfba74;
text-decoration : none;
}
#content .post h2 a:hover {
text-decoration : underline;
}
#content .post div.category {
text-transform : uppercase;
font-size : 10px;
margin-bottom : 24px;
}
#content .post div.category a {
color : #7b5329;
text-decoration : none;
}
#content .post div.category a:hover {
text-decoration : underline;
}
#content .post img.featured {
margin-bottom : 20px;
padding-bottom : 20px;
background : url(images/post-bar.gif) no-repeat center bottom;
}
#content .post {
font-size : 14px;
line-height : 24px;
padding-bottom : 22px;
margin-bottom : 22px;
background : url(images/post-bar.gif) no-repeat center bottom;
}
#content .post p {
color :#2F2F2F;
padding-top:15px;
padding-bottom : 20px;
padding-left:15px;
padding-right:15px;
letter-spacing : 1.2px;
font-family : helvetica, arial, sans-serif;
line-height : 20px;
font-size : 13px;
font-weight : 200;
background-color:#FFF8EF;
}
#content .post a {
color : #d1a301;
}
#content .post blockquote {
background : #f2f2f2 url(images/blockquote.gif) no-repeat left top;
border-left : 5px solid #ffd02a;
margin : 8px 0 20px;
padding : 12px 0 13px 46px;
}
#content .post blockquote p {
padding-bottom : 0;
}
#content .post ol, #content .post ul {
padding-bottom : 20px;
}
#content .post ol {
margin-left : 20px;
list-style-type : decimal;
}
#content .post ul {
margin-left : 15px;
list-style-image : url(images/post_li.gif);
}
#content .portfolio {
padding-bottom : 0;
margin-bottom : 50px;
}
#content .portfolio div.post_img {
width : 940px;
height : 350px;
overflow : hidden;
margin-top : 20px;
}
#content #aboutpg {
color : #bfbfbf;
}
#content #aboutpg #photo {
float : right;
margin : -50px 20px 10px 40px;
padding : 5px;
background : #fffbef;
border : 1px solid #fffbef;
}
#content #aboutpg #name {
font-size : 22px;
font-weight : bold;
margin-bottom : 10px;
padding-top : 10px;
color : #cfcfcf;
}
#content #aboutpg #location {
font-size : 14px;
color : #cfcfcf;
margin-bottom : 30px;
font-style : italic;
}
#content #aboutpg #sdesc {
margin-bottom : 20px;
}
#content #aboutpg #ldesc {
padding-top : 20px;
margin-bottom : 20px;
background : url(images/post-bar.gif) no-repeat center top;
}
.page_navigation {
height : 50px;
overflow : hidden;
background : url() no-repeat left top;
}
.page_navigation ul {
float : left;
margin-left : 1px;
}
.page_navigation li {
float : left;
margin : 12px 8px 0 0;
font-size : 14px;
font-weight : bold;
line-height : 26px;
}
.page_navigation li a {
color : #cfcfcf;
text-decoration : none;
background : url(images/grey_btn_left.png) no-repeat center left;
}
.page_navigation li a:hover {
text-decoration : underline;
}
.page_navigation li.active {
padding : 2px 0 0;
margin : 12px 10px 0 2px;
background : url(images/grey_btn_left.png) no-repeat center left;
}
.page_navigation li.active a {
margin-left : 6px;
padding : 12px 10px 11px 6px;
background : url(images/grey_btn_right.png) no-repeat right center;
}
.page_navigation li.active a:hover {
text-decoration : none;
}
#comment .left, #comment .right {
float : left;
width : 455px;
}
#comment .left {
margin-right : 15px;
}
#comment .right {
margin-left : 15px;
}
#comment h4 {
font-size : 18px;
font-weight : bold;
margin-bottom : 25px;
color : #dfdfdf;
}
#comment #comment_form {
width : 100%;
background : #f0eaf1;
padding-bottom : 10px;
}
#comment #comment_form p {
padding : 10px;
}
#comment #comment_form p a {
color : #d1a301;
}
#comment #comment_form input {
font : 14px Arial, Helvetica, sans-serif;
width : 407px;
border : 1px solid #ebebeb;
padding : 13px;
}
#comment #comment_form textarea {
font : 14px Arial, Helvetica, sans-serif;
width : 407px;
height : 58px;
border : 1px solid #ebebeb;
padding : 13px;
}
#comment #comment_form div.button {
margin : 10px 0 10px 10px;
}
#comment #comment_form div.button a {
padding : 6px 8px 5px 1px;
}
#comment .right .comment .user {
float : left;
width : 80px;
text-align : right;
margin-right : 20px;
}
#comment .right .comment .user span {
font-size : 10px;
color : #7b5329;
}
#comment .right .comment .user span.author {
color : #000000;
font-size : 14px;
}
#comment .right .comment .user span.author a {
color : #bfbfbf;
}
#comment .right .comment .text {
float : left;
width : 312px;
padding : 20px;
border : 1px solid #ebebeb;
background : #ffffff;
font-size : 14px;
line-height : 24px;
margin-bottom : 20px;
min-height : 90px;
}
#comment .right .comment .alt {
background : #f9f9f9;
}
#comment .right .comment a {
color : #7b5329;
text-decoration : underline;
}
#footer {
width : 940px;
min-height : 40px;
margin : 0 auto;
padding : 20px;
font-size : 10px;
color : #636362;
position : relative;
text-transform : uppercase;
}
#footer a.rss {
position : absolute;
top : 20px;
right : 20px;
padding-right : 20px;
color : #636362;
text-decoration : none;
background : url(images/grey_rss.gif) no-repeat center right;
}
#footer a.rss:hover {
text-decoration : underline;
}
#footer {
color : #636362;
}
#content #main .popular span {
color : #f4be00;
}
#content #main .popular span a {
color : #7b5329;
}
#content #main .latest span {
color : #f4be00;
}
#content #main .latest div.comments a {
color : #ffffff;
}
#content .post .comments a {
color : #ffffff;
}
#content .post a {
color : #d1a301;
}
#content .post blockquote {
border-left : 5px solid #ffd02a;
}
#content .post ul {
margin-left : 15px;
list-style-image : url(images/grey_post_li.gif);
}
#comment #comment_form p a {
color : #d1a301;
}
#pg p {
color : #fff;
padding-bottom : 5px;
}
#pg p a {
color : #7b5329;
text-decoration : none;
}
#form span.button {
padding-left : 40px;
}