/*
Theme name: Mysterious Universe
Description: Custom Theme for Mysterious Universe, based on sandbox theme
*/

/* Layout */
@import url('wp-default.css');

* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 13px;
    line-height: 1.5;
    font-family: Arial, Tahoma, "Trebuchet MS", sans-serif;
    color: #464646;
    background: #12021a url(images/bg-foot.jpg) no-repeat center bottom;
    text-align: left;
}

a img { border: 0; }
a { color: #308be4; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.field { background: #fff; border: solid 1px #ccc; color: #cccccc; font-style: italic; font-size: 12px; font-family: Arial, "Trebuchet MS", sans-serif; padding: 3px 5px; }
form * { font-family: Arial, "Trebuchet MS", sans-serif; }

.centered { width: 950px; margin: 0 auto; }

#wrap, #wrap-centered { background: url(images/bg-head.jpg) no-repeat center 0; }
#wrap-centered { padding-bottom: 275px; }

#top { position: absolute; top: 0; left: 0; width: 100%; line-height: 29px; }
#top .bg { background: url(images/top-bg.png) repeat 0 0; height: 100%; }
#top .centered { height: 29px; }

#top ul { padding-left: 22px; color: #9a9a9a; }
#top ul.right { float: right; display: inline; margin-right: 5px; }
#top ul li { float: left; display: inline; margin-right: 12px; font-size: 12px; }
#top ul li span { margin-left: 12px; }
#top a { color: #9a9a9a; text-decoration: none; }
#top a:hover { text-decoration: underline; color: #fff; }

#header { height: 217px; }
#logo { padding: 75px 0 0 22px; width: 341px; height: 91px; font-size: 0; line-height: 0; }
#logo a { display: block; height: 91px; background: url(images/logo.png) no-repeat 0 0; text-indent: -4000px; }

#content { float: left; display: inline; width: 662px; position: relative; margin: -10px 0 0 -10px; }
#content-top, #content-bot { height: 32px; font-size: 0; line-height: 0; text-indent: -4000px; }
#content-top { background: url(images/content-top.png) no-repeat 0 0; }
#content-bot { height: 41px; background: url(images/content-bot.png) no-repeat 0 0; }
#content-cnt { min-height: 2335px; background: url(images/content-cnt.png) repeat-y center 0; padding: 0 10px; height: 100%; position: relative; }

#sidebar { width: 291px; float: right; display: inline; font-size: 12px; }
#sidebar-top, #sidebar-bot { height: 8px; font-size: 0; line-height: 0; text-indent: -4000px; }
#sidebar-top { background: url(images/sidebar-top.png) no-repeat 0 0; }
#sidebar-bot { background: url(images/sidebar-bot.png) no-repeat 0 0; }
#sidebar-cnt { background: url(images/sidebar-cnt.png) repeat-y 0 0; height: 100%; padding-bottom: 65px; }

#sidebar h2.widgettitle { width: 277px; height: 30px; line-height: 27px; background: url(images/sidebar-title.png) no-repeat 0 0; }
#sidebar h2.widgettitle { position: relative; margin: 13px -3px 11px; padding-left: 20px; font-size: 16px; font-weight: bold; color: #ccc; }

.widget ul.widgetlist { padding-top: 2px; background: url(images/widget-line.gif) repeat-x 0 0; margin: 0 17px; }
.widget ul.widgetlist li { line-height: 19px; padding-bottom: 2px; list-style-type: none; position: relative; display: block; width: 100%; }
.widget ul.widgetlist li { background: url(images/widget-line.gif) repeat-x 0 bottom; }
.widget ul.widgetlist li a { color: #fff; text-decoration: none; background: url(images/widget-arrow.png) no-repeat 0 0; padding-left: 17px; }
.widget ul.widgetlist li a { display: block; height: 100%; position: relative; }
.widget ul.widgetlist li a:hover { color: #330033; text-decoration: none; }
.widget ul.widgetlist li a span.blue { color: #33ccff; }

.widget ul.widgetlist li a .ico-rss { display: block; font-size: 0; line-height: 0; text-indent: -4000px; width: 12px; height: 12px; }
.widget ul.widgetlist li a .ico-rss { background: url(images/rss-ico.gif); position: absolute; top: 3px; right: 0; }

#search-form { padding: 12px 0 11px 17px; }
#search-form .fieldplace { width: 175px; height: 23px; background: url(images/search-field.gif) no-repeat 0 0; float: left; display: inline; margin: 1px 14px 0 0; }
#search-form .fieldplace .field { border: 0; padding: 4px 5px; width: 165px; background: none; }
#search-form .fieldplace .field-focus { color: #666; font-style: normal; }
#search-form .button { float: left; display: inline;  width: 68px; height: 26px; line-height: 26px; text-align: center; border: 0; cursor: pointer; }
#search-form .button { background: url(images/search-button.png) no-repeat 0 0; font-weight: bold; color: #fff; text-transform: uppercase; }
#search-form .button-hover { background-image: url(images/search-button-hover.png); }

#sponsors-widget h2.widgettitle { background-image: url(images/sponsors-title.png); }
#sponsors-widget h2.widgettitle a { float: right; display: inline; font-size: 11px; font-weight: normal; margin-right: 20px; color: #ccc; position: relative; }
#wp125adwrap_2c { margin-left: 17px; }
#wp125adwrap_2c .wp125ad { float: left; display: inline; margin: 0 7px 7px 0; }

#twitter-widget ul.widgetlist li a:hover { text-decoration: underline; color: #fff; }
#twitter-widget ul.widgetlist li a span { display: block; font-size: 0; line-height: 0; text-indent: -4000px; width: 12px; height: 12px; }
#twitter-widget ul.widgetlist li a span { background: url(images/twitter-ico.gif) no-repeat 0 0; position: absolute; right: 0; top: 3px; }
#twitter-widget .latest-tweet { background: #2b2b2b url(images/tweet.gif) no-repeat right 0; border: solid 1px #201a22; margin: 11px 17px 0; padding: 8px 11px 10px; color: #ccc; }
#twitter-widget .latest-tweet { line-height: 1.6; }
#twitter-widget .latest-tweet a { color: #33ccff; }
#twitter-widget .latest-tweet .title { font-size: 13px; font-weight: bold; margin-bottom: 3px; }
#twitter-widget .latest-tweet .title span { color: #fff; }

#tag-cloud .cloud { text-align: center; }
#tag-cloud .cloud a { color: #999; font-size: 14px; line-height: 1.3; }

#blogcontent { padding: 0 20px 40px; font-size: 13px; color: #464646; line-height: 1.5; }
#blogcontent h2 { font-family: Georgia, "Trebuchet MS", Tahoma, Serif; font-size: 28px; font-weight: normal; line-height: 1.2; letter-spacing: 0px; }
#blogcontent h2.pagetitle { padding-bottom: 20px; border-bottom: solid 1px #cccccc; margin-bottom: 35px; }
#blogcontent h3 { color: #434343; text-transform: uppercase; font-weight: bold; font-size: 16px; line-height: 24px; border-bottom: solid 1px #d5d5d5; margin-bottom: 5px; }
#blogcontent h5 { font-size: 24px; color: #cc0000; font-weight: normal; line-height: 1; margin-bottom: 18px; }
#blogcontent h6 { font-size: 18px; font-weight: bold; color: #7fb57d; line-height: 1; margin-bottom: 18px; }
#blogcontent .post { margin-bottom: 25px; }
#blogcontent .post .author { padding: 10px 0 20px; }
#blogcontent .post .author a { color: #464646; text-decoration: none; }
#blogcontent .post .author a:hover { text-decoration: underline; }
#blogcontent .post .entry p { margin-bottom: 20px; }
#blogcontent .post .entry blockquote { font-size: 15px; line-height: 20px; color: #fff; background: #666; margin: 0 70px 45px 70px; padding: 20px 30px ; position: relative; width: 402px; }
#blogcontent .post .entry blockquote .arrow { display: block; width: 46px; height: 79px; font-size: 0; line-height: 0; text-indent: -4000px; position: absolute; top: 32px; left: -46px; }
#blogcontent .post .entry blockquote .arrow { background: url(images/quote-arrow.gif) no-repeat 0 0; }
#blogcontent .post .entry blockquote p { margin-bottom: 0; }
#blogcontent .post img { padding: 4px; border: solid 1px #e3e3e3; }
#blogcontent .post .tags a { color: #7fb57d; }
#blogcontent .post .meta { border-top: dotted 1px #e1e1e1; border-bottom: dotted 1px #e1e1e1; font-size: 12px; line-height: 32px; text-transform: uppercase; }
#blogcontent .post .meta span.sep { margin: 0 6px; }
#blogcontent .post .postmetadata { font-size: 10px; line-height: 15px; color: #999; margin-bottom: 25px; margin-top: 25px; }
#blogcontent .post .postmetadata .nfo { padding: 10px 13px; border-top: solid 1px #e4e4e4; border-bottom: solid 1px #e4e4e4; margin: 3px 0; }
#blogcontent #digg-this { margin-bottom: 25px; }
#blogcontent #sexy-bookmarks  { margin-bottom: 25px; text-align: center; }
#blogcontent #sexy-bookmarks img,
#blogcontent #digg-this img { border: 0; padding: 0; }

#blogcontent #short-posts .post .image { float: left; display: inline; width: 150px; }
#blogcontent #short-posts .post .cnt { float: right; display: inline; width: 435px; }

#respond { margin-bottom: 20px; } 
#respond .logoptions { margin: 10px 0 12px; }
#respond .logoptions a { float: left; display: inline; margin-right: 8px; }
#respond .logoptions a img { border: 0; padding: 0; }
#respond .field { font-style: normal; border-left-color: #e2e2e2; border-right-color: #e2e2e2; border-bottom-color: #efefef; border-top: groove 2px #e2e2e2; width: 140px; }
#respond textarea.field { width: 590px; height: 115px; }
#respond form p { margin: 7px 0; }

#comments .comment { list-style-type: none; border-bottom: solid 1px #e4e4e4; margin: 0 0 10px; padding: 0 0 5px 10px; }
#comments .comment .avatar { padding: 0; border: 0; float: left; display: inline; margin: 0 5px 5px 0; }
#comments .comment .postmetadata { float: left; display: inline; font-size: 12px; line-height: 32px; color: #000; }
#comments .comment .from { font-size: 11px; color: #b7b7b7; }

.paging { float: left; display: inline; list-style-type: none; margin-right: 4px; line-height: 26px; font-size: 12px; color: #000; margin-bottom: 15px; height: 26px;}
.paging a { float: left; display: inline; padding: 0 6px; border: solid 1px #e3e3e3; color: #999; margin-right: 4px}
.paging a:hover, .paging span.current { float: left; display: inline; padding: 0 6px; border: solid 1px #e3e3e3; background: #565d68; border-color: #565d68; color: #fff; text-decoration: none;  margin-right: 4px}

#footer { background: #2b2b2b; border-top: solid 1px #151515; padding: 25px 32px 5px 32px; font-size: 11px; line-height: 1.7; color: #ccc; position: absolute; bottom: 0; left: 10px}
#footer a { color: #ccc; }
#footer a:hover { text-decoration: none; color: #33ccff; }
#footer span.sep { padding: 0 10px; }
#footer .logos { margin-bottom: 20px; }
#footer .logos a { float: left; display: inline; margin-right: 22px; }
#footer .line { text-align: right; border-bottom: dotted 1px #616161; margin: 15px 0; }
#footer .col { float: left; display: inline; width: 170px; margin-right: 34px; font-size: 12px; color: #ccc; line-height: 2.2; }
#footer .last-col { margin-right: 0; }
#footer .col .title { font-size: 16px; line-height: 1.7; font-weight: bold; background: url(images/footer-col-border.gif) repeat-x 0 bottom; padding-bottom: 3px; }
#footer .col ul li { list-style-type: none; background: url(images/footer-col-border.gif) repeat-x 0 bottom; padding-bottom: 3px; }
#footer .col ul.topics li { line-height: 1.3; padding: 4px 0 8px; }
#footer .col ul.topics li .quote { color: #666666; font-style: italic; }
#footer .col ul.topics li .auth { color: #999; font-style: italic; }

.slideInfoZone h2 {
    font-size: 30px !important;
    padding: 20px 34px;
    line-height: 1;
}
.wrap-featured-imgs {
    border: solid 1px #E3E3E3;
    padding: 4px; 
    margin-bottom: 30px;
}