/*Theme Name:miniMagTheme URI:http://www.dmilligan.com
Author:Dinyero Milligan
This theme was designed and built by Dinyero Milligan, whose blog you will find at http://www.dmilligan.com
The CSS, XHTML and design is released under GPL:http://www.opensource.org/licenses/gpl-license.php*/
@import url("css/reset.css"); 
@import url("css/typo.css"); 

/* Simple Floats and Clears */
.cl{clear:left}
.cr{clear:right}
.cb{clear:both}
.fl{float:left}
.fr{float:right}

/* Header Section */
#header{height:120px}
#header .spacer{color:#a0a09b; float:right; font-size:11px; padding:37px 0px 0 0; text-align:right}
#header .spacer p{clear:both}
#header h1 a{display:block; height:80px; width:520px; outline:0}
#header h1 a:hover{text-decoration:none}
.wrapper{margin-left:auto; margin-right:auto; width:960px; position:relative; text-align:left}
#header .wrapper{text-align:center; height:265px;}

/*- Logo -*/
#header h1{margin-top:15px; background:url(images/header-logo.gif) no-repeat; float:left; text-indent:-99999px}

/* Top pages menu and navigation */
#pages{clear:both; height:24px; font-size:11px; margin-top:0; margin-right:auto; margin-bottom:0; margin-left:auto; padding-top:5px; padding-right:0; padding-bottom:0; padding-left:0}
#pages ul{display:inline; list-style-type:none}
#pages li{display:inline; padding-left:8px}
.topnav-left{display:inline; float:left; margin-left:10px; margin-right:10px; width:680px; background-color:#191919; padding:5px}
.topnav-right{display:inline; float:left; margin-left:10px; margin-right:10px; width:220px}
.topnav-cat{display:inline; float:left; margin-left:10px; margin-right:10px; width:880px}
.topnav-rss{display:inline; float:left; margin-left:10px; margin-right:10px; width:40px}
.topnav-left li.current_page_item a{color:#FC0}

ul#page-menu{float:left; position:relative; z-index:4; height:20px; width:720px}
ul#page-menu li{float:left}
ul#page-menu li a{padding:2px 8px 2px; color:#fff; text-transform:uppercase}
ul#page-menu li a:hover{text-decoration:none}
ul#page-menu li.current_page_item a{color:#FC0; font-weight:bold}
ul#page-menu li li{background:#313131; background-image:none; margin:0; padding:0px; width:160px}
ul#page-menu li li a, ul#page-menu li.current_page_item li a, ul#page-menu li.current_page_parent li.current_page_item a{background:none; text-align:left; height:auto; padding:5px 8px; display:block; width:144px; border-bottom:1px solid #111}
#page-menu ul{padding-bottom:18px}
#page-menu li:hover ul, ul#page-menu li.sfHover ul{top:23px}
#page-menu li li{background-image:none; margin:0px}
ul#page-menu >li:hover >a{background-color:#333}
#page-menu li li:hover ul, ul#page-menu li li.sfHover ul{top:0px}
#page-menu li li a:hover, ul#page-menu li.current_page_item li a:hover{background-color:#444; border:none}

/* Top category menu navigation */
#topcatmenu{border:1px solid #222; height:20px; background-color:#040505; background-image:url(images/background-navigation.gif); background-repeat:repeat-x; padding-top:4px}
#topcatmenu ul{font-weight:bold; list-style:none; margin-top:0px; padding:0px; text-transform:uppercase; z-index:5}
#topcatmenu ul li{border-right:1px solid #222; float:left; line-height:20px}
#topcatmenu li a{border-right:1px solid #000; color:#ddd; float:left; padding:0px 2px; height:12px}
#topcatmenu li a:hover, #topcatmenu li.active a{color:#FC0; text-decoration:none}
ul#cats-menu{margin:-2px auto 0px; float:left; position:relative}
ul#cats-menu li{padding-left:12px; height:20px}
ul#cats-menu li a{padding:0px 12px 7px 0; color:#fff}
ul#cats-menu li a:hover{text-decoration:none}
ul#cats-menu li li{background:#313131; background-image:none; margin:0; padding:0px; width:160px}
ul#cats-menu li li a{background:none; text-align:left; height:auto; padding:5px 12px; display:block; width:136px; border-bottom:2px solid #222}
#cats-menu ul{padding-bottom:18px}
#cats-menu li:hover ul, ul#cats-menu li.sfHover ul{top:20px}
#cats-menu li li{background-image:none; margin:0px}
ul#cats-menu >li:hover{padding-left:12px}
#cats-menu li li a:hover{background-color:#242424; border:none}
#cats-menu li li:hover ul, ul#cats-menu li li.sfHover ul{top:0px}
.nav ul{position:absolute; top:-999em; background-position:bottom; background-repeat:no-repeat}
.nav li{float:left; position:relative}
.nav a{display:block; float:left}
.nav li:hover ul, ul.nav li.sfHover ul{left:0px; top:39px}
.nav li:hover li ul, .nav li.sfHover li ul{top:-999em}
.nav li li:hover ul, ul.nav li li.sfHover ul{left:160px; top:0px}
.nav li:hover ul, .nav li li:hover ul{top:-999em}
.nav li li{display:block; padding:0px; float:left; height:auto !important}
.nav li ul{width:200px}
.nav li li a:link, .nav li li a:visited{display:block; height:auto; float:left}
.nav li:hover{visibility:inherit; /*fixes IE7 'sticky bug'*/}

/* Content-Wrap */
.content-wrapper{padding-top:35px}
#wrapper2{background-color:#0C0C0C; padding-bottom:20px; width:100%; border:1px solid #222; margin-top:8px}
#main-content-wrap{border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; width:100%}
#main{width:660px; float:left}
.mainpost-wrap{width:323px; float:left; display:inline; height:165px; padding-top:0px; padding-right:0px; padding-bottom:20px; padding-left:0px}
.mainpost-wrap.left{border-right:1px solid #e9e9e9}

/* 1st page blog listing box section */
ul.blog-listing{margin:0; padding-bottom:2px; list-style:none; width:321px; overflow:hidden}
 ul.blog-listing li a{display:block; border:1px solid #222; background-color:#0C0C0C; position:relative; padding:10px; height:160px; overflow:hidden}
 ul.blog-listing li a:hover{background-color:#191919; border-color:#CCC}
 ul.blog-listing li a img{display:block; margin-bottom:8px; border:1px solid #0C0C0C; background-color:#222}
 ul.blog-listing li a span, ul.blog-listing li a:hover span{font-weight:normal; color:#666}

/* Sidebar */
#sidebar{float:right; width:299px;}
#sidebar a{font-size:12px}
.sidebar-block{color:#3d3d3d; padding:28px 22px 25px; display:block; border:1px solid #222; background-color:#0C0C0C; position:relative; padding:10px; height:auto; overflow:hidden; margin-bottom:7px}
.sidebar-block ul{margin-top:-7px; list-style-type:none}
.sidebar-block li{background-color:#191919}
.sidebar-block ul li{padding:7px 0px 7px 10px; background:url('images/sidebar-li.gif') no-repeat 0px 12px}
.sidebar-block ul li ul{padding:5px 0px 0px 20px; margin:0px 0px -7px; border:none}
.sidebarwidth{float:right; width:300px}
#main-area-wrap #sidebar img{border:none; padding:0px}
#main-area-wrap #sidebar img{float:left; display:inline; border:1px solid #dfdfdf; margin-right:10px; padding:4px}
#sidebar h3{background:#ebe9e1; font:12px Arial,Helvetica,sans-serif; color:#363636; font-weight:bold; padding:5px 8px; display:block; margin:0 0 7px 0; text-align:left; border:1px solid #dedbd1; height:16px}
.widgetareas{display:block; border:1px solid #222; background-color:#191919; position:relative; padding:10px; height:160px; overflow:hidden; margin-bottom:8px; width:651px; float:left}
.widgetareas h3{font-size:18px; color:#000; background-color:#fc0; display:block; padding:4px; margin-top:1px; margin-bottom:8px; width:100%; font-family:Arial,Helvetica,sans-serif; text-transform:capitalize; margin-right:auto; margin-left:auto}

/* Tagline &post spacer */
.tagline{display:block; border:1px solid #222; background-color:#0C0C0C; margin-top:4px; margin-bottom:4px; padding:4px; height:auto}
.postspacer{height:30px; margin:0px; width:100%}

/* Posts and Content */
.post, .authorpost{border:1px solid #222; background-color:#191919; padding:8px; text-align:justify; font-size:12px; margin-bottom:4px}
.post img{background-color:#191919; margin:2px; margin-right:10px; padding:5px; border:1px solid #3C3C3C;}
#post-content, #author{padding-right:10px; padding-bottom:37px; width:651px; float:left; color:#fff}
#post-content-full{line-height:28px; padding-right:10px; padding-bottom:37px; width:100%; float:left; color:#fff; margin-top:35px}
#post-content h1, #post-content-full h1, #post-content h2, #post-content h3, #post-content h4, #post-content h5, #post-content h6{font-weight:normal}
#post-content h1, #post-content-full h1{font-size:26px; margin:5px 0px 15px}
#post-content h2, #post-content-full h2{font-size:24px; margin:5px 0px 15px}
#post-content h3, #post-content-full h3{font-size:21px; margin:5px 0px 15px}
#post-content h4, #post-content-full h4{font-size:18px; margin:5px 0px 15px}
#post-content h5, #post-content-full h5{font-size:16px; margin:5px 0px}
#post-content h6, #post-content-full h6{font-size:14px; margin:5px 0px}
#post-content ul, ol, #post-content-full ul, ol{margin:5px; padding:12px}
#post-content a, #post-content-full a{color:#fc0; text-decoration:underline}
#post-content a:hover, #post-content-full a:hover{color:#CCC; text-decoration:none}
.post-meta{clear:both; margin:0px 0px 0px -1px}
.post-meta-bottom p{color:#fc0; font-size:11px; padding-top:2px; padding-right:2px; padding-bottom:2px; padding-left:2px}
.post-meta-bottom p a, .post-meta-bottom p span.author{font-weight:bold; font-style:italic}
.postmetadata{font-size:10px; font-weight:normal}
.post-title{color:#fff; line-height:40px; font-weight:bold; text-decoration:none}

/* Comments & Tags */
.comments-wrap, .tags{border:1px solid #222; background-color:#191919; margin-top:5px; padding:8px 0px 8px 8px}
.quote{background:url(images/comment-quote.png) no-repeat top right; padding-left:12px; min-height:30px}
.commentlist{background:url(images/comment-left.png) no-repeat scroll left top; float:left; margin-top:15px; padding-top:0px; padding-right:8px; padding-bottom:8px; padding-left:12px; width:530px}
.commentcolor{background-color:#454545; padding-top:5px; padding-right:18px; padding-bottom:32px; padding-left:0px; border-right-width:3px; border-bottom-width:3px; border-right-style:solid; border-bottom-style:solid; border-right-color:#222; border-bottom-color:#222}
cite{display:block; font-style:normal}
cite a:link, cite a:visited{color:#88e5f0; text-decoration:none; padding-top:20px}
cite a:hover, cite a:active{color:#FFF; text-decoration:underline}
.gravs{float:left; margin-top:20px}
.avatar{margin-right:5px; margin-bottom:5px; padding:3px; border:1px solid #999}
#respond{margin-top:15px}

/* Calendar */
#wp-calendar{empty-cells:show; margin:10px auto 0; width:240px}
#wp-calendar a{display:block; text-decoration:none; font-weight:bold}
#wp-calendar caption{text-decoration:none; font:bold 13px Arial,Sans-Serif}
#wp-calendar td{padding:3px 5px; color:#9f9f9f}
#wp-calendar td#today{color:#000}
#wp-calendar th{font-style:normal; text-transform:capitalize; padding:3px 5px}
#wp-calendar #prev a, #wp-calendar #next a{font-size:9pt}
#wp-calendar #next a{padding-right:10px; text-align:right}
#wp-calendar #prev a{padding-left:10px; text-align:left}

/* Pagination */
 p.pagination{clear:both; float:left; width:620px; padding:15px 12px; margin-top:15px}
span#prev-posts{float:left}
span#next-posts{float:right}

/* Ads */
.sponsor-wrap{width:100%; text-align:justify}
.sponsor-wrap img{margin:0px 6px 0px 0px; padding:2px; border:1px solid #333}

/* Featured Area */
#featured-area{height:200px; position:relative; padding:9px 0px 0px; background-color:#0C0C0C; padding-bottom:20px; border:1px solid #222; margin-top:8px; z-index:1}
.pics{width:830px; height:208px; margin:0px 0px 17px 50px}
.pics div img{float:left; margin-right:15px}
h5.meta{font-size:11px; color:#ccc; text-transform:uppercase; margin:15px 0px 10px}
.pics div h1{font-size:30px; margin:0px 0px 10px; line-height:31px}
.pics div h1 a{color:#fff}
ul#nav{display:none}
ul#nav li{display:none}
ul#nav li a img{display:none}
ul#nav li a.activeSlide img{display:none}
.js #featured-area, .js ul#page-menu, .js ul#cats-menu, .js img#logo{display:none}
#featured-area h3{float:right; text-indent:-9999px; width:180px; height:0px; margin:10px 14px 0px; display:none}
#featured-area a#prev-item, #featured-area a#next-item{width:29px; height:83px; text-indent:-9999px; display:block; position:absolute; top:75px; outline:0}
#featured-area a#prev-item{background:url('images/prev-arrow.gif') no-repeat; left:12px}
#featured-area a#next-item{background:url('images/next-arrow.gif') no-repeat; right:16px}
#featured-area img#next-item, img#prev-ut{width:1px; height:1px; margin-left:-999999px}

/* Widgetized content area */
.abovecontent, .belowcontent, .aftercomments{padding:5px; border:solid 1px #222}
.abovecontent, .belowcontent{margin-bottom:5px}
.aftercomments, .belowcontent{margin-top:5px}

/* Search */
#search{background:url(images/background-navigation.gif) repeat-x rgb(4,5,5); border:1px solid #222; height:33px; margin-bottom:2px; padding-bottom:5px; overflow:hidden}
#search input{background:transparent; color:#a3a192; float:left; font-size:12px; margin:7px 0 0 10px; width:170px; padding:2px}
#search .btn{padding:0; width:auto; margin-top:7px; margin-right:0; margin-bottom:0; margin-left:3px}
.searchtxt{border:1px solid #222}

/* Footer */
#footer{display:block; border:1px solid #222; background-color:#0C0C0C; padding:10px; height:auto; overflow:hidden; margin-top:45px; margin-right:auto; margin-bottom:3px; margin-left:auto}
#footer-widgets-wrap{float:left; width:96px}
#footer-widgets-inside{width:960px; margin:25px 0px 0px 0px; float:left; display:inline}
#footer-widgets-inside div.widget{float:left; display:inline; width:280px; padding:0px 0px 20px 20px; color:#fff}
#footer-widgets-inside div.widget ul{margin-top:-5px; list-style-type:none}
#footer-widgets-inside div.widget ul li, #author ul li{padding:5px 0px 5px 10px; background:url('images/li-arrow.gif') no-repeat 0px 8px; list-style-type:none}
#footer-widgets-inside div.widget ul li ul{padding:5px 0px 0px 20px; margin:0px 0px -5px}
#footer-widgets-inside h4{background:url('images/under-title.gif') repeat-x bottom left; font-size:24px; color:#656464; text-transform:lowercase; padding:0px 0px 10px; margin:0px 0px 12px}
.footer-bottom{width:960px; float:left; margin:0px; display:inline; text-align:left; padding:8px 0px}
.footer-bottom p{color:#252525}
.footer-bottom p a{color:#252525}

/* Breadcrumbs & Archives */
.breadcrumbs, .archives, .archives li{margin:8px 0px}
.breadcrumbs{padding:8px 0px}
.archives a{text-decoration:none}

/* Authors  */
#author ul, ol{margin-bottom:0px; padding:2px 12px}
#author h2{padding-top:8px}
.authorprofile{float:left; width:175px; text-align:center}
.authorprofile img{padding:2px; border:solid 1px #222}

/* Image Alignment and Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left }
.alignright { float: right; }
img.alignleft { display:inline; float:left; margin-right:15px; }
img.alignright { display:inline; float:right; margin-left:15px; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #111111; padding-top: 4px; margin-bottom: 10px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.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; }

.edit {	margin: 12px 0;	padding:8px; background-color:#111111;width:90px;border:solid 1px #222222;text-transform: uppercase;}