/*  
Theme Name: MarkOne 
URI: http://3oneseven.com/
Description: A simple and lightweight theme with custom CSS date.
Version: 3.17
Author: miloIIIIVII
Author URI: http://3oneseven.com/
*/


body {
background : #000 url(images/003.gif) repeat-x top left;
color : #ccc;
font-size : 12px;
font-family : Tahoma, Helvetica, Sans-Serif;
margin : 0;
padding : 0;
width : 100%;
}
#wrap {
background : #000 url(images/006.gif) no-repeat top left;
color : #ccc;
font-size : 12px;
font-family : Tahoma, Helvetica, Sans-Serif;
width : 80%;
margin : 0 auto;
padding : 0;
}
a, a:visited {
color : #900;
text-decoration : none;
}
a:hover {
text-decoration : none;
color : #ccc;
}
a img {
border : none;
}
#header {
background : transparent url(images/007s.gif) no-repeat bottom right;
width : 80%;
height : 80px;
margin : 40px auto 0;
padding : 0;
}
#header h1, #header h1 a {
font-family : century gothic, tahoma, Helvetica, Sans-Serif;
font-size : 59px;
color : #900;
text-decoration : none;
padding : 0;
margin : 0;
font-variant : small-caps;
font-weight : 400;
background : transparent url(images/008.gif) no-repeat bottom left;
}
#header h1 span {
color : #070707;
}
description {
display : none;
}
#header h1 a:hover {
background : transparent;
}
#rap {
background : transparent url(images/01.gif) no-repeat top center;
width : 100%;
height : 80px;
margin : 0 auto;
padding : 0;
}
#navbar {
width : 100%;
margin : 0;
padding : 10px 0 0 10px;
text-align : left;
background : transparent;
border : 0;
}
#navbar li {
display : inline;
list-style-type : none;
margin : 0;
padding : 0;
border : 0;
}
#navbar ul {
margin : 0;
padding : 0;
}
#navbar ul li a {
font-family : century gothic, Arial, Sans-Serif;
font-size : 21px;
color : #666;
font-variant : small-caps;
padding : 0 35px 0 5px;
margin : 0;
text-decoration : none;
font-weight : 400;
}
#navbar ul li a:hover {
color : #fff;
background : #070707;
padding : 0 35px 0 5px;
margin : 0;
border-bottom : 1px solid #900;
}
#navbar li.current_page_item a {
background : transparent;
color : #ccc;
border-bottom : 1px solid #333;
}
#navbar li.current_page_item a:hover {
background : transparent;
border-bottom : 1px solid #900;
text-decoration : none;
}
#l_sidebar {
float : left;
background : transparent;
width : 19%;
margin : 0 0 0 20px;
padding : 20px 0 10px 0;
}
#r_sidebar {
float : right;
background : transparent;
width : 19%;
margin : 0 10px 0 0;
padding : 20px 10px 10px 0;
}
#bar {
float : left;
background : transparent;
width : 38%;
margin : 0;
padding : 0 0 5px 20px;
overflow : hidden;
}
#l_sidebar p, #r_sidebar p, #bar p {
padding : 2px 0 16px 0;
margin : 0;
line-height : 20px;
}
#l_sidebar ul, #r_sidebar ul, #bar ul {
list-style : none;
margin : 0;
padding : 0 0 20px 0;
}
#l_sidebar li, #r_sidebar li, #bar li {
list-style : none;
margin : 0;
padding : 0;
}
#l_sidebar ul li, #r_sidebar ul li {
margin : 0;
padding : 5px 0 0 0;
}
#l_sidebar ul li a, #r_sidebar ul li a {
color : #900;
text-decoration : none;
display : block;
padding-left : 12px;
}
#l_sidebar ul li a:hover, #r_sidebar ul li a:hover {
color : #fff;
text-decoration : none;
background : #070707;
}
#l_sidebar h2, #r_sidebar h2, #bar h2, #footer h2 {
color : #900;
font-size : 21px;
border-left : 4px solid #070707;
font-family : century gothic, Verdana, Arial, Sans-Serif;
font-weight : 400;
padding : 0;
margin : 18px 0 0 0;
text-transform : uppercase;
background : transparent url(images/0011.gif) no-repeat bottom center;
}
#l_sidebar h2 span, #r_sidebar h2 span, #bar h2 span, #footer h2 span {
color : #ccc;
}
.rss {
background : transparent url(images/009.gif) no-repeat top left;
width : 198px;
height : 30px;
margin : 0 auto;
padding : 5px 0 0 0;
}
.rss a {
display : block;
height : 30px;
width : 198px;
text-indent : -9000px;
margin : 0;
padding : 0;
}
.rss a:hover {
background : transparent;
}
.mail {
background : transparent url(images/0012.gif) no-repeat top left;
width : 198px;
height : 30px;
margin : 0 auto;
padding : 0;
text-transform : uppercase;
}
.mail a {
display : block;
height : 30px;
width : 198px;
text-indent : -9000px;
margin : 0;
padding : 0;
}
.mail a:hover {
background : transparent;
}
#contentmiddle h4 {
color : #333;
font-size : 18px;
background : transparent url(images/0011.gif) no-repeat bottom center;
font-family : century gothic, Verdana, Arial, Sans-Serif;
font-weight : 400;
padding : 0;
margin-bottom : 20px;
text-transform : uppercase;
}
#contentmiddle h4 span {
color : #ccc;
}
#content {
width : 100%;
margin : 20px auto;
padding : 0 10px 10px 10px;
}
#contentmiddle {
float : left;
width : 53%;
margin : 0;
padding : 20px 10px 10px 10px;
border-right : 1px dotted #333;
}
#contentmiddle h1, #contentmiddle h1 a {
color : #333;
font-size : 22px;
font-family : Times, Verdana, Sans-Serif;
font-weight : normal;
text-decoration : none;
padding : 0;
margin : 0;
}
#contentmiddle h1 a:hover {
color : #ccc;
text-decoration : none;
}
#contentmiddle h2 {
color : #ccc;
font-size : 21px;
font-family : century gothic, Verdana, Arial, Sans-Serif;
font-weight : 400;
padding : 0;
margin : 0;
text-transform : uppercase;
}
#content p ol, #content p ul {
margin : 0;
padding : 0 0 0 20px;
}
blockquote {
margin : 0 0 0 25px;
padding : 0 25px 0 10px;
font-style : italic;
color : #333;
border-left : 12px double #333;
}
.entry blockquote p {
margin : 0 0 20px 0;
padding : 0;
}
.date {
width : 54px;
height : 40px;
padding : 0;
text-align : center;
line-height : 18px;
float : right;
font-family : century gothic, Verdana, Arial, Sans-Serif;
font-weight : 400;
background : transparent;
}
.date-d {
font-size : 3em;
letter-spacing : -4px;
color : #666;
}
.date-m-y {
font-size : 1.2em;
letter-spacing : -1px;
color : #ccc;
}
.entry {
clear : left;
}
.entry img, .entry p img {
display : block;
margin : 0 auto;
padding : 4px;
text-align : center;
max-width : 70%;
}
.entry p {
padding : 10px 0 15px 0;
margin : 0;
line-height : 20px;
}
.entry p:first-letter {
color : #666;
font-size : 26px;
line-height : 20px;
padding : 5px;
font-family : century gothic, arial;
font-weight : 400;
}
.entry p:first-line {
font-family : century gothic, arial;
font-size : 16px;
}
.count {
float : right;
font-size : 26px;
color : #666;
}
#contentmiddle ul {
list-style : none;
margin : 0;
padding : 0 0 20px 0;
}
#contentmiddle ul li {
margin : 0;
padding : 5px 0 0 0;
}
#contentmiddle ul li a {
color : #900;
text-decoration : none;
}
#contentmiddle ul li a:hover {
color : #ccc;
text-decoration : underline;
}
#content img.wp-smiley {
float : none;
border : none;
padding : 0;
margin : 0;
}
#content img.wp-wink {
float : none;
border : none;
padding : 0;
margin : 0;
}
.postspace {
clear : both;
background : transparent;
width : 80%;
height : 32px;
margin : 0;
padding : 0;
}
#searchdiv {
margin : 0;
padding : 0;
}
#searchform {
margin : 0;
padding : 0;
overflow : hidden;
}
#f {
background : #070707;
width : 95%;
color : #ccc;
font-size : 12px;
font-family : Arial, Tahoma, Verdana;
padding : 4px;
margin : 7px 0 0 0;
border : 1px dotted #161616;
}
ul.list, div.list {
width : 130px;
color : #333;
}
ul.list li, div.list li {
list-style : none;
display : block;
}
ul.list li a, div.list a {
display : block;
padding-top : 1px;
padding-bottom : 1px;
border-bottom : 1px dotted #070707;
color : #900;
}
ul.list li a:hover, div.list a:hover {
background : #070707;
color : #333;
}
ul.list li a:first-letter, div.list a:first-letter {
background : transparent;
padding-left : 2px;
}
ul.columns, div.columns {
width : 270px;
color : #333;
}
ul.columns li {
list-style : none;
display : block;
float : left;
}
div.columns a {
display : block;
float : left;
}
ul.columns li a, .columns a {
float : left;
margin-right : 2px;
width : 127px;
}
ul.list li a, .list a {
color : #333;
text-decoration : none;
}
ul.list li a:hover, .list a:hover {
color : #ccc;
text-decoration : none;
}
.align-left {
float : left;
}
.align-right {
float : right;
}
#footer {
clear : both;
width : 100%;
min-height : 375px;
background : transparent url(images/005.gif) repeat-x top left;
color : #333;
margin : 30px 0 0 0;
padding : 0;
}
#footer-content {
width : 80%;
margin : 0 auto;
overflow : hidden;
}
.footer-box {
width : 280px !important ;
width : 270px;
min-height : 230px;
float : left;
margin : 0 10px 0 0;
padding : 20px 0 0 0;
}
.footer-box2 {
width : 24% !important ;
width : 23%;
min-height : 230px;
float : left;
margin : 0 10px 0 0;
padding : 20px 0 0 0;
float : right;
}
.footer-sepa {
background : transparent;
background : none;
}
.footer h2 {
width : 137px;
}
#tag-cloud {
font-family : "Tahoma", sans-serif;
color : #333;
text-align : center;
margin-top : 8px;
}
#tag-cloud a {
color : #333;
text-decoration : none;
}
#tag-cloud a:hover {
color : #ccc;
text-decoration : none;
}
#flickr {
width : 100%;
margin-top : 5px;
overflow : hidden;
}
#flickr a {
display : block;
float : left;
margin-right : 5px;
margin-top : 1px;
}
#flickr a img {
border : 1px solid #333;
padding : 4px;
background : #000;
width : 5em;
height : 5em;
}
#footer-copyright {
width : 75%;
height : 50px;
padding-top : 19px;
padding-bottom : 6px;
background : transparent;
color : #333;
}
.footer-copyright-box {
width : 220px;
min-height : 41px;
background : transparent;
float : left;
padding-left : 10px;
margin-left : 20px;
}
.footer-copyright-design {
padding-left : 20px;
font-family : "arial", sans-serif;
}
.footer-copyright-design a, .footer-copyright-design a:hover, .footer-copyright-cc a, .footer-copyright-cc a:hover, .footer-copyright-dd a, .footer-copyright-dd a:hover {
color : #333;
text-decoration : none;
}
.footer-copyright-valid {
padding-left : 20px;
}
.footer-copyright-cc {
font-size : 0.9em;
}
#commentblock {
width : 90%;
background : #000;
color : #ccc;
float : left;
padding : 10px 0 0 20px;
margin : 10px 0 10px 0;
border : 0;
}
ol#commentlist {
padding : 5px 0 5px 0;
margin : 0;
list-style-type : none;
}
.commentdate {
font-size : 12px;
padding-left : 0;
}
#commentlist li p {
margin-bottom : 8px;
line-height : 20px;
padding : 0;
}
.commentname {
color : #ccc;
margin : 0;
padding : 5px 5px 5px 0;
}
.commentinfo {
clear : both;
}
.commenttext {
clear : both;
margin : 5px 0 20px 0;
padding : 20px 10px 5px 10px;
width : 95%;
background : #000;
}
.commenttext-admin {
clear : both;
margin : 5px 0 20px 0;
padding : 20px 10px 5px 10px;
width : 95%;
background : #070707;
}
#commentsformheader {
padding : 0;
}
#commentsform {
text-align : left;
margin : 0;
padding : 0;
}
#commentsform form {
text-align : left;
margin : 0;
}
#commentsform p {
margin : 0;
}
#commentsform form textarea {
width : 99%;
}
p.comments_link img {
margin : 0;
padding : 0;
border : none;
}
#commentform #submit {
background : transparent;
font : normal 12px century gothic, Helvetica, sans-serif;
color : #333;
border : 1px solid #ccc;
width : 144px;
height : 28px;
cursor : pointer;
}
.clear {
clear : both;
}
#wp-calendar {
empty-cells : show;
margin : 0 auto;
width : 90%;
}
#wp-calendar #prev a {
font-size : 9pt;
}
#wp-calendar a {
text-decoration : none;
}
#wp-calendar caption {
font : normal 0.7em 'Tahoma', Arial, Helvetica, Sans-Serif;
text-align : center;
}
#wp-calendar th {
font-weight : 400;
text-transform : capitalize;
}
#wp-calendar #next a {
padding-right : 10px;
text-align : right;
}
#wp-calendar #prev a {
padding-left : 10px;
text-align : left;
}
#wp-calendar a {
display : block;
}
#wp-calendar caption {
text-align : center;
width : 100%;
}
#wp-calendar td {
padding : 3px 0;
text-align : center;
}
#wp-calendar td.pad:hover {
background-color : #000;
}
img.center, a img.center {
display : block;
margin : 0 auto;
padding : 3px;
}
img.alignleft, a img.alignleft {
float : left;
margin : 4px 10px 5px 0;
padding : 3px;
}
img.alignright, a img.alignright {
float : right;
margin : 4px 10px 5px 0;
padding : 3px;
}
body div#toolTip {
position : absolute;
z-index : 1000;
width : 220px;
background : #000;
border : 0;
text-align : left;
padding : 5px;
min-height : 1em;
}
body div#toolTip p {
margin : 0;
padding : 0;
color : #fff;
font : 11px/12px geneva, arial, sans-serif;
}
body div#toolTip p em, body div#toolTip p em span {
display : none;
}
.meta {
display : block;
list-style-type : none;
background : transparent url(images/0011.gif) no-repeat top left;
margin : 10px;
padding : 0;
}
.social {
padding : 3px;
margin : 0;
float : left;
width : 100%;
background : #000;
font-size : 0.7em;
line-height : 0.85em;
}
.digg {
background : url(images/digg.gif) no-repeat left center;
}
.delicious {
background : url(images/delicious.png) no-repeat left center;
}
.technorati {
background : url(images/technorati.png) no-repeat left center;
}
.stumble {
background : url(images/stumbleupon.png) no-repeat left center;
}
.digg, .delicious, .technorati, .stumble {
margin : 0 5px 0 0;
padding : 0 0 0 17px;
float : left;
display : block;
}
.social-box:hover {
padding : 3px;
background : #fafafa;
}
#tag {
float : left;
}
#dateToday {
height : 80px;
overflow : hidden;
float : right;
}
#dateToday div {
float : left;
background : transparent;
color : #000;
font-weight : 700;
overflow : hidden;
font-family : century gothic, Helvetica, Sans-Serif;
}
#month {
width : 45px;
margin-right : 2px;
padding-left : 2px;
font-size : 39px;
padding-top : 49px;
height : 39px;
}
#day {
width : 98px;
margin-right : 2px;
font-size : 132px;
height : 127px;
line-height : 75%;
letter-spacing : -15px;
}
#day span {
margin-left : -20px;
margin-top : -20px;
}
#year {
width : 49px;
font-size : 39px;
padding-top : 49px;
height : 39px;
}
#year span {
margin-left : -5px;
}
