/*  /*  
Theme Name: MackOne 
URI: http://3oneseven.com/
Description: A simple and lightweight theme with custom CSS date.
Version: 3.17.7
Author: miloIIIIVII
Author URI: http://3oneseven.com/
Tags: 2 column fluid newspaper style

Customize, edit, poke, prod, and adapt to your own style. Please leave credit where credit is due so that others may find the source for your site and adapt a suitable version for their own website.
*/

/* ----------------------------------- reset.css */ 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
*{margin:0;padding:0;}

body{background:#000 url(images/003.gif) 0 0 repeat-x fixed;color:#ccc;font:12px Tahoma,Helvetica,Sans-Serif;margin:0;padding:0;width:100%;}

/* ----------------------------------- wrap */
#content{width:100%;margin:20px auto;padding:0 10px 10px 10px;}
#middle{margin:20px auto;padding:10px;}
#contentmiddle{float:left;width:53%;margin:0;padding:20px 10px 10px 10px;border-right:1px dotted #333;border-left:1px dotted #333;}
#wrap{background:#000 url(images/006.gif) top left no-repeat;clear:both;color:#ccc;font:15px/25px Trebuchet ms,Tahoma,Helvetica,Sans-Serif;width:93%;margin:0 auto;padding:0;overflow:hidden;}
#rap{background:transparent url(images/01.gif)top center no-repeat;width:100%;height:80px;margin:0 auto;padding:0;}

/* ----------------------------------- base */
a,a:visited{color:#900;text-decoration:none;}
a:hover{text-decoration:none;color:#ccc;}
a img{border:none;}

/* ----------------------------------- header */
#header{background:transparent;width:93%;height:80px;margin:40px auto 0;padding:0;overflow:hidden;}
#tag h1,#tag h1 a{font:45px century gothic,tahoma,Helvetica,Sans-Serif;color:#900;letter-spacing:-5px;text-decoration:none;padding:0;margin:0;background:transparent;}
#tag h1 span{color:#070707;}
description{display:none;}
#tag h1 a:hover{background:transparent;color:#ccc;}

/* ----------------------------------- inner */
#tag{float:left;margin:0;padding:35px 0 0 20px;background:transparent url(images/007s.gif) 0% 0% repeat-x;width:75%;display:inline-block;overflow:hidden;}

#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;letter-spacing:-5px;} 
#day{width:122px;margin-right:2px;font-size:132px;height:127px;line-height:75%;letter-spacing:-30px;}  
#year{width:45px;margin-right:2px;padding-left:2px;font-size:39px;padding-top:49px;height:39px;letter-spacing:-8px;} 
#day span{margin-left:-10px;margin-top:-20px;} 
#year span{margin-left:-7px;margin-top:-15px;}

/* ----------------------------------- navi */
#navbar{width:100%;margin:0;padding:10px 0 0 10px;background:transparent;border:0;font:21px century gothic,Arial,Sans-Serif;text-shadow:#000 0 1px 1px;}

#nav ul {float: left;list-style: none;margin: 0;padding: 0;background:transparent;}
#nav li {float: left;list-style: none;margin: 0;padding: 0;}
#nav ul li {list-style: none;margin: 0 0 0 -1px;padding: 0;}
#nav li a, #nav li a:link {color:#666;display: block;margin: 0;padding: 4px 10px;border-right: 0;text-decoration: none;border-bottom:1px solid #000;}
#nav li a:hover {background:transparent;color: #900;display: block;margin: 0;padding: 4px 10px;text-decoration: none;border-bottom:1px solid #900;}
#nav li li a, #nav li li a:link, #nav li li a:visited {background: #000;width: 170px;color: #ccc;border-bottom:1px solid #333;float: none;margin: 0;padding: 4px 10px;text-decoration:none;}
#nav li li a:hover {background:#111;color: #900;padding: 4px 10px;}
#nav li ul {z-index: 9999;position: absolute;left: -999em;height: auto;width: 190px;margin: 0;padding: 0;-moz-box-shadow:0px 3px 5px #000;-webkit-box-shadow:0px 3px 5px #000;box-shadow:0px 3px 5px #000;}
#nav li li {font-size:90%; }
#nav li ul a { width: 160px;}
#nav li ul a:hover, #nav li ul a:active { }
#nav li ul ul {margin:-30px 0 0 192px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}
#nav li:hover, #nav li.sfhover { position: static;}
#nav .current_page_item a,#nav li a:active {background:transparent;color: #900;display: block;margin: 0;padding:4px 10px;text-decoration: none;border-bottom:1px solid #900;}

/* ----------------------------------- bars */
#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) bottom center no-repeat;}
#l_sidebar h2 span,#r_sidebar h2 span,#bar h2 span,#footer h2 span{color:#ccc;}

/* ----------------------------------- buttons */
.rss{background:transparent url(images/009.gif) top left no-repeat;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) top left no-repeat;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;}

/* ----------------------------------- donkey kong */
h1{font:normal 45px century gothic,arial,tahoma,verdana,sans-serif;}
h2,#contentmiddle h1,#middle h1{font:normal 25px/25px century gothic,arial,tahoma,verdana,sans-serif;}
h3{font:normal 20px/20px century gothic,arial,tahoma,verdana,sans-serif;}
h4{font:normal 15px/15px century gothic,arial,tahoma,verdana,sans-serif;}
h5{font:normal 14px/15px century gothic,arial,tahoma,verdana,sans-serif;color:#7f7f7f;padding:0;margin:0 8px 0 0;text-align:right;}

#contentmiddle h1{color:#ccc;text-decoration:none;padding:0;margin:0;}
#contentmiddle h1:hover{color:#900;text-decoration:none;}
#contentmiddle h2 a{padding:0;margin:0;width:90%;display:block;overflow:hidden;}
#contentmiddle h4{color:#666;background:transparent url(images/0011.gif) bottom center no-repeat;padding:0;margin-bottom:20px;text-transform:uppercase;}
#contentmiddle h4 span{color:#ccc;}

/* ----------------------------------- lists */
#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;font:16px century gothic,arial;color:#fff;border-left:12px double #333;}
.entry blockquote p,.sentry blockquote p{margin:0 0 20px 0;padding:0;}

/* ----------------------------------- post date */
.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,.sentry{clear:left;}
.entry p,.sentry p{padding:10px 0 15px 0;margin:4px 0;}
.entry p:first-letter,.sentry p:first-letter{color:#666;line-height:20px;padding:5px;font:bold 26px century gothic,arial;}
.entry p:first-line,.sentry p:first-line{font:18px century gothic,arial;}
.meta{display:block;list-style-type:none;background:transparent url(images/0011.gif) 0 0 no-repeat;margin:10px 0;padding:8px 0;}
.front{display:block;margin:10px 0;padding:8px 0;border-bottom:1px solid #333;clear:both;}

/* ----------------------------------- social */
.social{padding:3px 0;margin:7px 0;width:100%;background:#000;font-size:.7em;line-height:.85em;}
.digg{background: url(images/digg.gif) no-repeat 0 0;}
.delicious{background: url(images/delicious.png) no-repeat 0 0;}
.technorati{background: url(images/technorati.png) no-repeat 0 0;}
.stumble{background: url(images/stumbleupon.png) no-repeat 0 0;}
.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;}

/* ----------------------------------- post lists */
#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;}

/* ----------------------------------- search */
#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;}

/* ----------------------------------- lists */
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:3px 0;border-bottom:1px #070707 dotted;color:#900;}
ul.list li a:hover,div.list a:hover{background:#070707;color:#fff;}
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:2%;width:127px;}
ul.list li a,.list a{color:#333;text-decoration:none;}
ul.list li a:hover,.list a:hover{color:#fff;text-decoration:none;}

/* ----------------------------------- comments */
#comments{width:100%;padding:12px 0;clear:both;}
#comments h3,h3#respond{color:#666;margin:7px 0;clear:both;}
ol.commentslist{margin:5px 0;list-style-type:upper-roman;}
ol.commentslist li{margin:5px 0;list-style-type:none;}
.commentslist li{background:#000;border:1px solid #333;margin:7px 0;padding:7px 0;}
.commentslist li a{font-family:georgia;}
.commentslist li.alt{background:#111;-moz-box-shadow:0px 3px 5px #333;-webkit-box-shadow:0px 3px 5px #333;box-shadow:0px 3px 5px #333;}
.commentslist li:hover{border-color:#900;}
.commentslist .comment_text{margin:0;line-height:1.4em;overflow:hidden;}
.comment_text p,.comment_text ul,.comment_text ol,.comment_text blockquote{margin:1em 0;padding:0 0 0 10px;float:left;width:80%;}
.comment_text ul,.comment_text ol,.comment_text blockquote{margin:0 1em;}
.comment-date{width:60px;float:right;padding:0 0 0 20px;margin:0;height:70px;display:inline-block;}
p.author_meta{font-weight:700;margin:0 0 0 7px;padding:0 20px;width:80%;}
p.post_meta{font-size:11px;text-align:right;margin:0 7px 0 0;}
.count{float:left;display:block;width:53px;height:53px;font:53px georgia;color:#333;line-height:53px;}

.commentslist li.author{background:transparent;color:#ccc;}
.commentslist li.author a{color:#ddd;}
.commentslist li.author a:hover{color:#900;}
#comments_closed{background:#000;color:#900;padding:7px 0;margin:12px 0;line-height:1.5em;}
p.nocomments{margin:0 12px 0 7px;}
p.nocomments a{color:#ddd;font-family:georgia;text-decoration:underline;}
p.nocomments a:hover{color:#ccc;}
ol.pingslist{margin:1.5em 2em;font-size:12px;}
.pingslist li{color:#7F7F7F;margin:0 0 7px 0;}
.pingslist li a{font-family:georgia;}
#commentform p{margin:1em 0;}
#commentform p a{font-family:georgia;}
#author,#email,#url,#comment{font:1.1em arial,helvetica,verdana,sans-serif;border:1px solid #333;padding:2px;-moz-box-shadow:0px 3px 5px #111;-webkit-box-shadow:0px 3px 5px #111;box-shadow:0px 3px 5px #111;}
#comment{width:99%;overflow:hidden;}
#commentform p small{font-size:10px;color:#7F7F7F;}
.commentslist code{background:transparent;}
#commentform textarea{width:99%;height:255px;border:1px solid #333;padding:2px 0;margin-top:3px;color:#333;background:#fff;-moz-box-shadow:0px 3px 5px #111;-webkit-box-shadow:0px 3px 5px #111;box-shadow:0px 3px 5px #111;}
#commentform #submit{background:transparent;font:normal 22px trebuchet ms,arial,georgia,times new roman, times,sans-serif;color:#333;border:1px solid #900;width:200px;height:35px;cursor:pointer;text-transform:uppercase;-moz-box-shadow:0px 3px 5px #111;-webkit-box-shadow:0px 3px 5px #111;box-shadow:0px 3px 5px #111;}
#commentform #submit:hover{background:#900;}

/* ----------------------------------- fix */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{display:inline-block;}* html .clearfix{height:1%;}.clearfix{display:block;}
hr.clear{clear:both;visibility:hidden;margin:0;padding:0;}
.clear{clear:both;}

/* ----------------------------------- cal trask */
#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 { /* Doesn't work in IE */background-color: #000; }

/* ----------------------------------- floats */
.center,.aligncenter{text-align:center;margin:0 auto;display:block;padding:7px;}
.left,.alignleft{float:left;padding:7px;margin:4px 4px 4px 0;}
.right,.alignright{float:right;padding:7px;margin:4px 4px 0 4px;}

/* ----------------------------------- tooltips */
#unitip {position: absolute;z-index: 999999;top: -1000px;color: #fff;font: normal normal 12px/15px Verdana, Arial, Helvetica, sans-serif;display: none;}
#unitippoint, #unitipmid, #unitipcap {position: relative;top: 0px;left: 0px;width: 145px;display: block;}
#unitippoint {background: url(images/TipPoint.png) no-repeat;height: 19px;overflow: hidden; }
#unitipmid {background: url(images/TipMid.png) repeat;width: 115px;height: auto;padding: 5px 15px;}
#unitipcap {background: url(images/TipCap.png) no-repeat;height: 7px;overflow: hidden;}

/* ----------------------------------- footer */
#footer{clear:both;width:100%;min-height:375px;font-size:15px;background:transparent url(images/005.gif) top left repeat-x;color:#333;text-shadow:#000 0 1px 1px;margin:30px 0 0 0;padding:0;}
#footer-content{width:90%;margin:0 auto;overflow:hidden;}
.footer-box{width:30% !important;min-height:230px;float:left;margin:0 2% 0 0;padding:20px 0 0 0;}
.footer-box2{width:30% !important;min-height:230px;margin:0;padding:20px 0 0 0;float:right;}
.footer-sepa{background:transparent;background:none;}
        
#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:5.0em;height:5.0em;}

#footer-copyright{width:100%;height:50px;padding-top:19px;padding-bottom:6px;background:transparent;color:#333;font-size:12px;}
.footer-copyright-box{width:30%;min-height:41px;background:transparent;float:left;margin-right:2%;}
.footer-copyright-box2{width:30%;min-height:41px;background:transparent;float:right;padding:0;margin:0;}
#footer-copyright a,#footer-copyright a:hover{color:#333;text-decoration:none;}