/* Theme Name: WP-MediaMag 1.0 BasicTheme URI: http://www.solostream.comAuthor: Solostream Global MediaAuthor URI: http://www.solostream.com/Description: This WordPress theme was designed and built by Solostream. The CSS, XHTML and design are copyright of Solostream. Usage is governed by the WP-MediaMag 1.0 Basic END-USER LICENSE AGREEMENT. To get started, you may want to visit the WP-MediaMag Theme Options page. If you need further guidance on using the theme, check out this link. Download original Photoshop files for this theme here.*//* 200908211200 *//* --- [ Default style settings are below, while user-defined adjustments and adjustments for various color schemes are in the style.php file. You can make additional adjustments in style-2.css. ] --- *//* -------------------[ Main Page Elements ]------------------- */body { background: #eee url(images/bodybg.jpg); text-align: left; margin: 0; padding: 0; line-height: 1.4em; color:#555; font-family:arial,helvetica,sans-serif; font-size:9pt; }#wrap { clear: both; margin: 0 auto; padding:0; width:990px; }#header { width:920px; padding:0 20px; margin: 0 auto; background:#fff; }#head-content { margin: 0 auto; height:100px; width:920px; background:url(images/logo.gif) top left no-repeat; }#sitetitle { width:440px; float:left; margin:0; padding:0; }#sitetitle h1, #sitetitle .title { font-size: 30px; padding:0; margin:20px 0 0; text-align:left; line-height: 1.2em; letter-spacing:10px; color: black; }#sitetitle .description { font-size: 9pt; padding: 0; margin:0; text-align:left; color:#fff; }#head-banner468 { float:right; width:468px; height:60px; margin-top:20px; overflow:hidden; background:#fff; padding:1px; border:1px solid #ddd; }#page { clear: both; margin: 0 auto; padding: 15px 20px; width:920px; background:#fff; }#contentleft { width: 590px; float:left; padding: 0; margin: 0; } #content { margin: 0; padding: 0; width: 590px; }#contentright { width: 300px; float:right; padding: 0; } #sidebar { width: 300px; display:block; }#sidebar-bottom { width:300px; clear:both; display: block; padding:0; background:#fff; }#sidebar-bottom-left { width:160px; float:left; padding:0; margin:0; overflow:hidden; }#sidebar-bottom-right { width:120px; float:right; padding:0; margin:0; overflow:hidden; }#footer { text-align:center; padding:30px 0; clear: both; margin: 0 auto; font-size:8pt; background:#000033; color:#fff; width:960px; }#footer .limit { padding: 0; margin:0 auto; }.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }.clearfix {display: inline-block;}/* Hides from IE-mac \*/* html .clearfix {height: 1%;}.clearfix {display: block;}/* End hide from IE-mac *//* -------------------[ Headings ]------------------- */h1, h2, h3, h4, h5, h6, h7 { line-height: 1.2em; letter-spacing: -1px; margin: 0; padding: 0; text-align: left; color:#000; }h1 { font-size: 20pt; }h2 { font-size: 18pt; }h3 { font-size: 16pt; }h4,h5,h6,h7 { font-size: 14pt; letter-spacing:0px; }.entry h1,.entry h2,.entry h3, .entry h4, .entry h5, .entry h6, .entry h7 { margin-bottom: 15px; }h3#comments, h3#respond, h3#trackbacks { font-size:16pt; margin: 0 0 10px; }h3#postinfo, h3#comments, h3#respond, h3#trackbacks, #respond h3 { margin: 0 0 10px; }h3#comments { margin: 0; }h1.archive-title { padding: 5px 0; text-align:center; margin: 0 0 10px; border-top:double #ddd; border-bottom: double #ddd; font-size: 12pt; letter-spacing:0px; }h2.post-title, h1.post-title { margin: 0 0 2px; padding: 0; }.singlepost h1.post-title { border-top:double #ddd; padding-top:5px; }h1.page-title { border-top:double #ddd; padding-top:5px; }h3.widgettitle { font-size: 12pt; margin-bottom:5px; padding: 0 0 5px 0; border-bottom: double #ddd; letter-spacing: 0px; }/* -------------------[ Links ]------------------- */a, a:link, a:visited { text-decoration:none; color:#336699; }a:hover, a:active { text-decoration:none; color:#000000; }a.more-link, a.more-link:link, a.more-link:visited { background: url(images/arrow-off.gif) 100% 70% no-repeat; padding-right:12px; }a.more-link:hover, a.more-link:active { background: url(images/arrow-on.gif) 100% 70% no-repeat; padding-right:12px; }#footer a, #footer a:link, #footer a:visited { color:#fff; }#footer a:hover, #footer a:active { color:#fff; }.post-title a, .homepost h3 a { } /* -------------------[ Images ]------------------- */.entry img { border:1px solid #ddd; padding:2px; background:#fff; margin: 0 0 5px 10px; }img.alignright { border:1px solid #ddd; padding:2px; background:#fff; float: right; clear: right; margin: 0 0 5px 10px; }img.alignleft { border:1px solid #ddd; padding:2px; background:#fff; float: left; clear: left; margin: 0 10px 5px 0px; }img.aligncenter, img.centered, img.center { border:1px solid #ddd; padding:2px; background:#fff; display: block; margin: 0 auto 20px auto; float: none; clear: both; }img.post-thum, img.thumbnail { border:1px solid #ddd; padding:2px; float:left; margin: 0 10px 15px 0; }img.avatar, img.comment-grav { border:1px solid #ddd; padding:2px; background:#fff; float:right; margin:0 0 10px 10px; }.commentlist img.avatar, img.comment-grav { margin-bottom:15px; }.singlepost .auth-bio img.avatar { border:1px solid #ddd; padding:2px; background:#fff; float:right; margin:0 0 10px 10px; }/* -------------------[ Caption Styles for WP 2.6+ ]------------------- */.wp-caption { border: 1px solid #ccc; text-align: center; background-color: #fff; padding-top:5px; margin: 0 10px 10px; }.wp-caption img { margin: 0; padding: 0; border: 0 none; }.wp-caption p.wp-caption-text { font-size: 8pt; padding: 5px; margin: 0; }/* -------------------[ Misc Tags and Classes ]------------------- */p { margin-top: 0px; margin-bottom: 15px; }ol { margin-left: 40px; padding: 0; }ul { margin-left: 15px; padding: 0; }.post ul, .post ol { list-style-type: none; }.post ul li { list-style-type:none; background: url(images/arrowgray.gif) 0 4px no-repeat; padding: 0 0 2px 14px; margin-left: 0; }.post ol li { list-style-type:decimal; margin-left: 0; padding-left: 0; }.post ul ul { margin-left:0; }acronym, abbr, span.caps { cursor: help; }acronym, abbr { border-bottom: 1px solid #999; }* html acronym, abbr { border-bottom: 1px dashed #999; }blockquote { padding-left: 10px; border-left: 5px solid #666; color: #666; }.center { text-align: center; }a img, img a { border: none; }.post { margin: 0 0 15px; padding:0; border-bottom:1px dotted #ccc; }.singlepost .post { margin: 0; border-bottom:0; }.entry { margin: 0; padding: 0; }.postdate { font-size:9pt; color:#666; margin-bottom: 15px; }code { font: 1.1em 'Courier New', Courier, Fixed; }hr { display: block; clear:both; }.navigation { margin: 0; padding: 10px 0 0; font-weight:bold; clear:both; }.alignright { float: right; } .alignleft { float: left; }.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; float: none; clear: both; }.banner468 { text-align:center; margin: 0 auto 10px; padding:5px 0px; border:1px solid #ddd; background:#eee; float:none; display:block; }.tags { background: transparent url(images/tag.gif) 0 2px no-repeat; margin: 0 0 15px; padding: 0 0 0 17px; }.cats { background: transparent url(images/folder.gif) 0 1px no-repeat; margin: 0; padding: 0 5px 0 15px; }.comments { float:right; padding:0; margin: 0 0 5px 5px; width:26px; height:20px; background:url(images/comments.gif) top left no-repeat; text-align:center; font-size:8pt; }.comments a { width:26px; height:20px; line-height:16px; display:block; }.singlepost .comments { margin: 15px 0 10px 10px; }input:focus { outline: none; }object, embed { z-index:1; }p#breadcrumbs { padding: 0; margin: 0 0 5px; }.single-video { margin-bottom: 15px; }/* ---------------[ Tables ]--------------- */table { margin-bottom:15px; }tr, td, th { margin:auto; }td, th { padding:5px; vertical-align:top; }th { font-weight:bold; background:#ddd; }td { border:1px solid #ddd; }/* -------------------[ Author Bio Info ]------------------- */.auth-bio { padding: 15px; margin: 0 0 15px; background:#eee; border:1px solid #ddd; }.singlepost .auth-bio { margin: 0 0 10px; }.auth-bio img.avatar { padding:1px; background:#fff; border:1px solid #ddd; float:right; margin:0 0 0 10px; }.auth-bio p { margin:0; }/* -------------------[ Top Navigation ]------------------- */#topnav { padding: 0 20px; margin: 0 auto; background:#000033; width:920px; }#topnav .limit { margin:0 auto; padding:0; }#topnav ul { width:650px; list-style: none; padding: 0; margin: 0 auto; float:left; }#topnav ul a, #topnav ul a:link, #topnav ul a:visited { color:#fff; display: block; text-decoration: none; padding: 0 10px; margin:0; }#topnav ul a:hover, #topnav ul a:active { background:#000; }#topnav li { height:40px; line-height:40px; float: left; padding: 0; }#topnav li ul { z-index:9999; position: absolute; left: -999em; height: auto; width: 200px; margin: 0; padding:0; background:#000; }#topnav li li { height:30px; line-height:30px; }#topnav ul li ul a, #topnav ul li ul a:link, #topnav ul li ul a:visited { width:180px; }#topnav ul li ul a:hover, #topnav ul li ul a:active { background:#444; }#topnav li ul ul { border:0; margin: -30px 0 0 200px; }#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul { left: -999em; }#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul { left: auto; }#topnav li:hover, #topnav li.sfhover { background:#000; }/* -------------------[ Searchform ]------------------- */#topsearch { float:right; width:180px; padding: 8px 0 0 0; }#searchform { float:right; width:180px; padding:0; margin:0; }#searchform #searchfield { float:left; padding:2px 0 0 5px; width:152px; height:18px; margin: 0; border:0; background:#fff; color:#999; border:1px solid #ccc; border-right:0; }#searchform #submitbutton { margin: 0; float:left; font-size:8pt; font-weight:bold; width:21px; height:20px; border: 1px solid #ccc; border-left:0; text-indent:-10000em; background: #fff url(images/search-button.gif) 0 -1px no-repeat; }#rssbutton { height:24px; width:24px; float:right; padding: 0 5px 0 0; }/* -------------------[ Category Navigation ]------------------- */#nav { margin: 0 auto; width:920px; background:#000033; padding: 0; }#nav ul { list-style: none; padding: 0; margin: 0 auto; }#nav a, #nav a:link, #nav a:visited { color:#fff; display: block; text-decoration: none; padding: 0 10px; }#nav a:hover, #nav a:active { background:#000; }#nav li { float: left; padding: 0; height:30px; line-height:30px; }#nav li ul { z-index:9999; position: absolute; left: -999em; height: auto; width: 200px; margin: 0; padding:0; background:#000; }#nav li li { }#nav li ul a, #nav li ul a:link, #nav li ul a:visited { border-right:0; width:180px; }#nav li ul a:hover, #nav li ul a:active { background:#444; }#nav li ul ul { border:0; margin: -30px 0 0 200px; }#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 { background: #000; }/* -------------------[ Comments ]------------------- */.allcomments { padding: 0; margin: 0; background:#eee; padding:15px; border:1px solid #ddd; }.commentlist { padding: 0; list-style-type:none; margin: 0; } .commentlist li { clear:both; margin: 15px 0 0; padding: 15px; list-style-type:none; background:#fff; border:1px solid #ddd; }.comment-author { padding: 0px; }.commentlist li img.avatar { float:left; margin: 0 5px 5px 0; }.commentlist li ul.children { margin: 15px 0 0; padding: 0; }.commentlist li ul.children li { margin-bottom:0; }.commentlist li.alt { }.commentmetadata { margin-bottom:10px; font-size: 8pt; padding: 0px; }.commentlist cite { font-style:normal; font-weight:bold; }#commentform { margin:0; padding:0; }#commentform input { font-family:arial; font-size:9pt; padding:10px; background:#fff; border:1px solid #ddd; }#commentform input#submit { padding:10px; background:#fff; border:1px solid #ddd; text-transform:lowercase; font-weight:bold; }#commentform input#submit:hover { background:#ccc; cursor:pointer; }#commentform textarea { width:80%; padding:10px; background:#fff; border:1px solid #ddd; }ol.tblist { padding: 10px 0 0; margin: 0 0 10px; }ol.tblist li { margin: 0 0 5px 20px; }.thread-alt { } .thread-even { }#respond { margin: 10px 0 0; clear:both; background:#eee; padding:15px; border:1px solid #ddd; }.commentlist #respond { clear:both; padding-top:10px; }.comments-navigation { display:block; margin: 0 0 5px; padding:0; font-weight:bold; }.comments-navigation .alignleft { float:left; }.comments-navigation .alignright { float:right; }.comments-number { font-size:8pt; font-weight:bold; margin-bottom:0; padding:0; }.commentlist img.avatar, .commentlist img.comment-grav { padding:2px; background:#fff; border:1px solid #ddd; float:right; margin:0 0 10px 10px; }.reply { margin: 0; }a.comment-reply-link, a.comment-reply-link:link, a.comment-reply-link:visited, .reply a, .reply a:link, reply a:visited { clear:both; background:#ddd; border:1px solid #ddd; padding: 3px 10px; font-weight:bold; font-size:8pt; text-transform:lowercase; color:#000; }a.comment-reply-link:active, a.comment-reply-link:hover, reply a:active, .reply a:hover { background:#d5d5d5; }.comment-body ul { list-style-type:disc; margin:0 30px 15px; padding:0; border:none; }.comment-body ul li { list-style-type:disc; margin:0; padding:0; border:none; }/* -------------------[ Sidebar ]------------------- */#sidebar ul { list-style-type: none; margin: 0; padding: 0; }#sidebar ul ul { margin: 0; padding: 0; }#sidebar ul ul ul { margin: 0; padding: 0; }#sidebar ul ul ul ul { margin: 0; padding: 0; }#sidebar li { overflow:hidden; list-style-type: none; margin: 0 0 20px; padding:0; }#sidebar li li { list-style-type: none; margin: 0; border:0; padding: 5px 0px 5px 17px; background:transparent url(images/arrowgray.gif) 2px 9px no-repeat; border-bottom:1px dotted #ccc; }#sidebar li li li { background-image:none; border:0; padding: 1px 0; }#sidebar li li li:hover { background-image:none; }#sidebar li li li li { padding-left: 10px; }#sidebar .textwidget { margin: 0; padding:0; }#sidebar li#tag-cloud ul { }#sidebar li#tag-cloud ul.wp-tag-cloud { padding: 9px; }#sidebar li#tag-cloud li { border:0; float:none; display:inline; padding: 0; margin: 0 5px 0 0; background:transparent; background-image: none; line-height:2em; }#sidebar li#tag-cloud li a { padding:0; background:transparent; background-image: none; }#sidebar li select { width:160px; margin: 0; }/* -------------------[ Side Tabs ]------------------- */#sidebar li#side-tabs { padding: 0; background:#eee; border:0; border:1px solid #ddd; }#sidebar li#side-tabs ul { margin: 0; padding: 0; background:transparent; }#sidebar li#side-tabs ul.tabs { font-family:arial,helvetica,sans-serif; list-style-type:none; margin: 0; padding: 0; clear:both; background:#ddd; }#sidebar li ul.tabs li { border:0; background:transparent; float: left; display: inline; margin: 0 2px 0 0; padding: 0; } #sidebar li ul.tabs li a, #sidebar li ul.tabs li a:link, #sidebar li ul.tabs li a:visited { float: left; display: block; padding: 5px; color:#000; margin: 0; font-size:8pt; font-weight:bold; } #sidebar li ul.tabs li a:hover, #sidebar li ul.tabs li a:active { background:#eee; color:#000; } #sidebar li ul.tabs li a.on { background:#eee; color:#000; }#sidebar li#side-tabs form { margin: 0 !important; padding: 0 !important; }#sidebar li#side-tabs form p { margin: 0 0 1px; padding: 0; }#sidebar li#side-tabs #content_1,#sidebar li#side-tabs #content_2,#sidebar li#side-tabs #content_3,#sidebar li#side-tabs #content_4 { padding:15px; }#sidebar li#side-tabs .cat_content li.feeds { border:0; margin: 0; padding: 5px 0 5px 25px; background: url(images/FeedIcon-16.gif) 0px 50% no-repeat; border-top:1px dotted #ccc; }#sidebar li#side-tabs .cat_content li.twitter { border:0; margin: 0; padding: 5px 0 5px 25px; background: url(images/twitter.png) 0px 50% no-repeat; border-top:1px dotted #ccc; }#sidebar li#side-tabs .cat_content li.facebook { border:0; margin: 0; padding: 5px 0 5px 25px; background: url(images/facebook.png) 0px 50% no-repeat; border-top:1px dotted #ccc; }#sidebar li#side-tabs .cat_content li.linkedin { border:0; margin: 0; padding: 5px 0 5px 25px; background: url(images/linkedin.png) 0px 50% no-repeat; border-top:1px dotted #ccc; }#sidebar li#side-tabs .cat_content li.email { border:0; margin: 0; padding: 0 0 5px; background:transparent; }#sidebar li#side-tabs li.email input#sub { width: 160px; border:1px solid #ccc; background:#fff; padding: 4px; margin: 0; }#sidebar li#side-tabs li.email input#subbutton { padding:3px; font-size:8pt; margin: 0; font-weight:bold; border:1px solid #000; background:#333; color:#fff; cursor:pointer; }#sidebar li#side-tabs li.email input#subbutton:hover { background:#000; border:1px solid #000; }/* ---------------[ New 125x125 Banner Ads ]--------------- */.banner125 { width:260px; margin:0; padding:0; }.banner125 .ad img { float:left; width:125px; height:125px; margin:0 5px 5px 0; padding:0; }/* ------[ 125x125 Banner Ads For Backwards Compatibility ]------ */#sidebar ul li ul#banner125 li.ad1, #sidebar ul li ul#banner125 li.ad3, #sidebar ul li ul#banner125 li.ad5, #sidebar ul li ul#banner125 li.ad7, #sidebar ul li ul#banner125 li.ad9 { float:left !important; clear:left !important; padding: 0 !important; margin: 0 0 5px 0 !important; border: 0 !important; background: transparent !important; overflow:visible !important; }#sidebar ul li ul#banner125 li.ad2, #sidebar ul li ul#banner125 li.ad4, #sidebar ul li ul#banner125 li.ad6, #sidebar ul li ul#banner125 li.ad8, #sidebar ul li ul#banner125 li.ad10 { float:right !important; clear:right !important; padding: 0 !important; margin: 0 0 5px 0 !important; border: 0 !important; background: transparent !important; overflow:visible !important; }#sidebar ul li ul#banner125 li:hover { background: transparent !important; }/* -------------------[ Sidebar-Bottom ]------------------- */#sidebar-bottom ul { list-style-type: none; margin: 0; padding: 0; }#sidebar-bottom ul ul { margin: 0; padding: 0; }#sidebar-bottom ul ul ul { margin: 0; padding: 0; }#sidebar-bottom ul ul ul ul { margin: 0; padding: 0; }#sidebar-bottom li { list-style-type: none; margin: 0 0 20px; overflow:hidden; padding:0; border:0; }#sidebar-bottom li li { list-style-type: none; margin: 0; border:0; padding: 5px 0px 5px 17px; background:transparent url(images/arrowgray.gif) 2px 9px no-repeat; border-bottom:1px dotted #ccc; }#sidebar-bottom li li li { background-image:none; border:0; padding: 1px 0; }#sidebar-bottom li li li:hover { background-image:none; }#sidebar-bottom li li li li { padding-left: 10px; }#sidebar-bottom .textwidget { margin: 0; padding:0; }#sidebar-bottom li#tag-cloud ul { }#sidebar-bottom li#tag-cloud ul.wp-tag-cloud { }#sidebar-bottom li#tag-cloud li { border:0; float:none; display:inline; padding: 0; margin: 0 5px 0 0; background:transparent; background-image: none; line-height:2em; }#sidebar-bottom li#tag-cloud li a { padding:0; background:transparent; background-image: none; }#sidebar-bottom li select { width:160px; margin: 0; }/* -------------------[ Magazine Home Page Styles ]------------------- */ul.home-left { width:285px; padding:0; float:left; margin:0 0 20px; list-style-type:none; }ul.home-right { width:285px; padding:0; float:right; margin:0 0 20px; list-style-type:none; }ul.home-bottom { padding:0; margin:0 0 10px; list-style-type:none; }ul.home-right li.homepost, ul.home-left li.homepost { line-height:1.5em; font-size:9pt; margin:0; padding: 10px 0; list-style-type:none; border-bottom:1px dotted #ccc; height:80px; overflow:hidden; }ul.home-bottom li.homepost { line-height:1.5em; font-size:9pt; margin:0; padding: 10px 0; list-style-type:none; border-bottom:1px dotted #ccc; }h2.feat-title { letter-spacing:0px; font-size: 12pt; padding:0 0 5px 0; margin: 0; border-bottom:double #ddd; clear:both; }h2.feat-title span.name { float:left; width:75%; }h2.feat-title span.moreposts { text-align:right; float:right; width:24%; font-size:10pt; }li.homepost img.post-thum, li.homepost img.thumbnail { width:70px; height:70px; float:left; margin: 0 10px 0 0; }li.bottom { margin:0; padding: 5px 0; list-style-type:none; }li.homepost h3 { padding:0; margin: 0; letter-spacing:0px; font-size:9pt; line-height:1.3em; }li.homepost p { margin-bottom:0; }/* ---------[ Slideshow ]--------- */#slideshow { position:relative; margin: 0 auto; padding:0; overflow:hidden; width:990px; background:transparent; height:210px; }#slideshow ul { list-style-type:none; margin: 0; padding:0; }#slideshow .videobutton a { width:50px; height:50px; display:block; }#slideshow img.post_thumbnail { background:#fff; border:1px solid #ddd; padding:2px; float:none; margin: 0 auto; width:294px; height:194px; display:block; }#slideshow .feature-entry { z-index:999; position:absolute; background:#000; color:#fff; top: 147px; left:3px; width:274px; height:30px; padding: 10px; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }#slideshow .feature-entry a { color:#fff; }#slideshow #feat-banner { position:absolute; top:0; left:395px; background:transparent; width:200px; height:77px; z-index:999; background:url(images/featured.png) top left no-repeat; }#slideshow h2 { text-align:center; color:#000; margin: 0; padding:0; font-size:10pt; line-height: 1.2em; letter-spacing:0; }/* ---------[ jCarousel Styles ]--------- */.jcarousel-container { position: relative; padding: 0; }.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }#slideshow li, .jcarousel-list li, .jcarousel-item { position:relative; z-index:1; float: left; list-style: none; /* --- We set the width/height explicitly. No width/height causes infinite loops. --- */ width: 300px; height: 200px; padding:0; margin: 0 10px 50px 0; overflow:hidden; }/* ---- The buttons are added dynamically by jCarousel before the