/*********************************************************************************************
Theme Name: Magnific
Theme URI: http://www.wpzoom.com/themes/magnific/
Description: A magazine style theme by WPZOOM
Version: 1.0
Author: WPZOOM
Author URI: http://www.wpzoom.com
**********************************************************************************************
0. CSS Reset ------------------------- All Theme Files
1. Toolbox CSS ----------------------- All Theme Files
2. Page Structure -------------------- All Theme Files
3. Header ---------------------------- header.php
4. Main Navigation ------------------- header.php
5. Featured Slider ------------------- featured.php
6. Featured Categories --------------- blocks.php
7. Homepage Articles ------------------ index.php
8. Single Articles & Pages ------------ single.php, page.php
9. Comments -------------------------- comments.php
10. Forms ---------------------------- searchform.php
11. Sidebar & Widgets ------------------ sidebar.php
12. Footer ---------------------------- footer.php
**********************************************************************************************/
/*********************************************************************************************
0. CSS Reset ------------------------- All Theme Files
*********************************************************************************************/
* {
margin:0;
padding:0;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img {border: 0;}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}
ol, ul {list-style-type: none; list-style-position:inside;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}
img { behavior: url(http://www.transsurabaya.com/wp-content/themes/Magnific v1.0/iepngfix.htc); }
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
table { -x-system-font: none; font-family: inherit; font-size: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; width: 100%; }
th { background: #BBCCDD; color:#333; }
th, td { line-height: 20px; padding: 4px; }
tr:nth-child(2n) { background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; }
tr:nth-child(2n+1) { }
/*********************************************************************************************
1. Toolbox CSS ------------------------- All Theme Files
*********************************************************************************************/
#navigation {
font-family:Georgia,"Times New Roman",Times,serif;
font-weight:bold;
text-align:center;
float:left;
margin:0 auto;
width:500px;
}
/* =WP-PageNavi
-------------------------------------------------------------- */
.wp-pagenavi { font-family:Arial; font-size: 12px; text-align: center; padding: 6px; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); text-transform: uppercase; }
.wp-pagenavi .pages { padding: 5px 6px; margin: 0 6px; color: #fff; background: #34475b; border: 1px solid #DDD; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-pagenavi a:link, .wp-pagenavi a:visited { -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px 6px; margin: 0 4px; color: #fff; font-weight: bold; background: #34475b; }
.wp-pagenavi .current { padding: 5px 6px; color: #fff; margin: 0 5px; background: #4e6883; font-weight: bold; border: 1px solid #DDD; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.pagenav .wp-pagenavi a:hover { color: #fff; background: #4e6883; }
.navigation { color: #fff; float: left; width: 98%; margin-left:10px; }
.navigation .alignleft a, .navigation .alignright a { width: 125px; text-align: center; height: 20px; }
.navigation a { color: #fff; background: #1B1E27; font-weight: bold; margin: 7px 5px; padding: 5px 6px; cursor: pointer; font-size: 10px; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; }
#comments .navigation a {color:#fff;}
.navigation .alignleft { float: left; }
.navigation a:hover { color: #fff; text-decoration: none; background: #3e6e8d; }
.navigation .alignright { float: right; }
.post-edit-link { text-transform: uppercase; font-size: 10px; color: #f81b10; font-weight: bold; }
#feature .post-edit-link { position:absolute; top:10px; right:340px; text-transform: uppercase; font-size: 10px; color: #f81b10; font-weight: bold; }
.pagenav { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:10px; float:left; width:630px; background: #e7e9ed; padding: 8px 10px; font-size: 16px; font-family: "Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif; text-transform: uppercase; color: #989898; }
.pagenav a { color: #989898; }
.pagenav a:hover { color: #656161; text-decoration: none; }
.pagenav .floatleft { background: url(/wp_content/themes/Magnific_v10/images/prev.png) no-repeat left 5px; padding-left: 20px; }
.pagenav .floatright { background: url(/wp_content/themes/Magnific_v10/images/next.png) no-repeat right 5px; padding-right: 20px; }
.aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 10px 15px 5px 0; }
.alignright { float: right; margin: 10px 0 8px 20px; }
.clear { clear: both; }
.floatleft,.more_left { float: left; }
.floatright { float: right; }
.transpBlack { background: url(/wp_content/themes/Magnific_v10/transpBlack.png); }
.wp-caption { border: 1px solid #B6B6B6; text-align: center; background-color: #EFEFEF; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding:4px 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 14px; padding: 0 3px 5px; margin: 0; font-style: italic; }
a { color: #e9e9e9; outline: none; text-decoration: none; }
a img { border: none; }
a:hover { text-decoration: underline; }
h1 { font-size: 26px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
h2, h3, h4, h5, h6 {
font-weight:normal;
}
h3.black {
background:#0a0d12;
}
h3.blue, #feature h3 {
background:#18547b;
}
h3.dark_blue {
background:#1b1e27;
}
h3.red {
background:#c11142;
}
html { overflow-y: scroll; }
p { font-size: 1.3em/1.3em; margin-bottom:15px; line-height:1.5;}
#wp-calendar caption { font-weight: bold; color: #333; text-transform: uppercase; }
#wp-calendar td { text-align: center; }
#wp-calendar td a { color: #333; font-weight: bold; text-decoration: underline; }
#wp-calendar td a:hover { text-decoration: none; }
#wp-calendar caption { background: #888888 none repeat scroll 0 0; color: #FFFFFF; font-size: 12px; font-weight: bold; padding: 8px 10px; text-shadow: 1px 1px 0 #656565; text-transform: uppercase; text-align: left; }
#wp-calendar #today { background: #2F91C4; color: #fff; font-weight: bold; }
.alert, #social_box {
clear:both;
background:#0a0d12;
padding:10px 10px 10px 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin:10px 0;
width:950px;
float:left;
}
.alert {
font-style:italic;
font-weight:bold;
font-size:14px;
color:#e9e9e9;
line-height:1.5;
}
.alert a{
color:#c11142;
}
#tickerClose
{
float:right;
cursor: pointer;
padding:5px;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
vertical-align:middle;
background:#3b4a57;
}
#tickerClose:hover {
background:#667f95;
padding:5px;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
}
#social_box ul li {
display:inline;
width:27%;
padding:0 70px 0 20px;
float:left;
font-size:20px;
letter-spacing:1px;
font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
}
#social_box ul li:last-child {
padding:0;
}
#social_box img {
background:#3b4a57;
padding:3px;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
margin-right:10px;
vertical-align:middle;
}
#social_box a:hover img, #menu #social_icons a:hover img {
background:#667f95;
padding:3px;
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
}
#social_box a:hover {
text-decoration:none;
color:#b2bcc5;
}
/*********************************************************************************************
2. Page Structure ------------------------- All Theme Files
*********************************************************************************************/
body {
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
background:#313642 url(/wp_content/themes/Magnific_v10/images/bg.png) repeat-x;
font-size:100%;
color:#333;
}
#page-wrap {
width: 980px;
margin: 0 auto;
}
#content #fullwidth.post {
width:940px;
}
#fullwidth .post_content {
width:950px;
}
#main_wrap, #sub_cat, #footer, #footer_w {
width:980px;
float:left;
clear:both;
}
#main_wrap {
margin-top:10px;
}
.full {
width:980px;
margin-top:10px;
display:block;
}
#content_wrap {
float:left;
width:650px;
}
/*********************************************************************************************
3. Header ------------------------- header.php
*********************************************************************************************/
#header {
width:980px;
float:left;
clear:both;
padding: 0 0 10px 0;
}
#date {
background:#0c2a45;
float:left;
height:70px;
color:#e9e9e9;
font-family:Georgia,"Times New Roman",Times,serif;
text-shadow:1px 1px 4px #000;
font-size:14px;
padding:5px 20px 0 20px;
text-transform:uppercase;
text-align:center;
}
#date strong {
font-family:Tahoma;
font-weight:strong;
font-size:35px;
letter-spacing:normal;
}
#banner_ad {
padding:30px 0 0 0;
float:right;
}
#logo {
display:table-cell;
padding:30px 20px;
background:#0a0d12;
vertical-align:top;
}
/*********************************************************************************************
4. Main Navigation ------------------------- header.php
*********************************************************************************************/
#menu {
display:table-cell;
vertical-align:bottom;
width:100%;
}
#menu ul li {
text-transform:uppercase;
font-size:12px;
}
#menu #social_icons {
float:right;
}
#menu #social_icons li {
padding:0;
display:inline;
}
#menu #social_icons img {
padding:3px;
}
#menu #menu_primary {
display:table;
padding: 6px 0 6px 5px;
font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}
#menu #menu_second {
display:table-row;
padding: 6px 0 6px 5px;
float:left;
width:100%;
background:#0a0d12;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:12px;
}
/*********************************************************************************************
5. Featured Slider ------------------------- featured.php
*********************************************************************************************/
#feature {
background:#edf0f1;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
clear:both;
margin:10px 0;
float:left;
width:980px;
position:relative;
min-height:376px;
}
#feature h3, .home_cat h3, .widget h3, .small_cat h3, h3.catname, h3.comments {
font-style:italic;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding:10px 20px;
color:#e9e9e9;
font-weight:normal;
font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
font-size:20px;
}
#panes {
padding:15px 15px 15px 15px;
position:relative;
overflow:hidden;
}
/* crossfading effect needs absolute positioning from the elements */
#panes div {
overflow:hidden;
width:950px;
z-index:100;
line-height:0;
display:none;
background:#373d4c;
}
#panes div .info {
position:absolute;
top:15px;
right:15px;
bottom:15px;
background: url(/wp_content/themes/Magnific_v10/images/bgfeat.png) repeat;
width:350px;
padding:15px 15px 15px 5px;
z-index:101;
display:block;
}
#panes div h2 {
background:url(/wp_content/themes/Magnific_v10/images/bgpane.png) repeat;
padding:10px 10px;
margin-bottom:10px;
float:left;
clear:both;
font-weight:bold;
font-style:italic;
text-shadow:1px 1px 0 #000;
font-size:24px;
line-height:1;
font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif
}
#panes div p {
background:url(/wp_content/themes/Magnific_v10/images/bgpane.png) repeat;
padding:10px;
color:#fff;
font-size:12px;
float:left;
text-shadow:1px 1px 0 #000;
}
#panes .active {
display: block;
}
div.scrollable {
position:absolute;
top: 290px;
left: 613px;
z-index: 999;
overflow: hidden;
height: 53px;
width: 332px;
}
a.browse {
position: absolute;
width: 22px;
height: 22px;
display: block;
cursor: pointer;
font-size: 1px;
z-index:103;
top:305px;
text-indent:-2000px;
background: url("/wp_content/themes/Magnific_v10/images/arrows.png") no-repeat 0 0;
}
a.right {
background-position: 0 -23px;
right: 15px;
}
a.right:hover {
background-position: 0 0;
}
a.left {
background-position: -23px -23px;
left: 595px;
}
a.left:hover {
background-position: -23px -0;
}
a.disabled {
visibility:hidden !important;
}
div.scrollable ul.items {
width:20000em;
left: 0;
position:absolute;
}
.scrollable li {
float:left;
list-style-type:none;
text-align:center;
display:inline;
margin-left:4px;
opacity: .5;
}
.scrollable li.active, .scrollable li:hover {
opacity: 1;
}
.scrollable img {
border:4px solid #000;
margin:0 0 9px 0;
display:block;
width:70px;
height:45px;
cursor:pointer;
}
/*********************************************************************************************
6. Home Categories ------------------------- blocks.php
*********************************************************************************************/
.home_cat {
background:#edf0f1;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin:0 0 15px 0;
}
.small_cat {
background:#edf0f1;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin:0 4px 20px 0;
display:inline-block;
vertical-align:top;
width:320px;
}
.small_cat .box_content {
padding:5px 5px 10px 5px;
}
.box_content {
padding:15px;
position:relative;
}
.slide {
float:left;
width:319px;
overflow:hidden;
height:168px;
}
.small_cat .slide {
width:150px;
height:120px;
}
.box_content .tabs {
float:right;
width:301px;
}
.small_cat .tabs {
width:160px;
}
.box_content .tabs li {
height:56px;
float:left;
overflow:hidden;
}
.small_cat .tabs li {
height:40px;
}
.box_content .tabs li a {
background:#444f57 url(/wp_content/themes/Magnific_v10/images/tabs.png) repeat-x;
padding:10px 15px;
font-weight:bold;
cursor:pointer;
display:table-cell;
position:static;
vertical-align:middle;
width:271px;
height:56px;
font-size:14px;
line-height:1.4;
}
.small_cat .tabs li a {
width:140px;
height:40px;
font-size:12px;
padding:5px 10px;
line-height:1.4;
}
.box_content .tabs li a:hover, .box_content .tabs a.current {
background:#3e6e8d url(/wp_content/themes/Magnific_v10/images/tabsa.png) repeat-x;
}
.box_content .tabs a:hover {
text-decoration:none;
}
.box_content .tabs img {
margin:0 20px 10px 0;
cursor:pointer;
}
.stories {
border:1px solid #c5cdd0;
margin:15px 0 7px 0;
background:#eaedef;
-moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.10);
font-family:Georgia,"Times New Roman",Times,serif;
}
.stories a {
color:#3b4a57;
font-size:12px;
background:url(/wp_content/themes/Magnific_v10/images/dot.png) repeat-x bottom;
padding:7px 0 9px 25px;
display:block;
}
.stories li {
background:url(/wp_content/themes/Magnific_v10/images/arrow.png) no-repeat 10px center;
}
.small_cat .stories a {
padding:5px 0 7px 25px;
}
/*********************************************************************************************
8. Single Articles & Pages ------------------------- single.php, page.php
*********************************************************************************************/
.post {
background:#edf0f1;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin:0 0 20px 0;
overflow:hidden;
}
.post h1 a{
color:#21262d;
font-size:30px;
font-weight:bold;
}
.post h2 a {
color:#21262d;
font-weight:bold;
}
.post .postimage img {
width:650px;
}
.post_content {
padding:10px 15px 20px 15px;
float:left;
width:620px;
}
.post .meta ul {
float:left;
width:100%;
margin:10px 0;
padding-bottom:8px;
background:url(/wp_content/themes/Magnific_v10/images/bgul.png) repeat-x bottom;
}
.post .meta ul li {
display:inline;
font-size:10px;
text-transform:uppercase;
font-weight:bold;
padding:0 18px;
color:#595d67;
float:left;
height:20px;
}
.post .meta ul li a {
color:#595d67;
text-decoration:none;
}
.post .meta ul li a:hover {
color:#333;
}
.post .meta li.date {
background:url(/wp_content/themes/Magnific_v10/images/date.png) no-repeat;
}
.post .meta li.comments {
background:url(/wp_content/themes/Magnific_v10/images/comments.png) no-repeat;
padding:0 21px;
}
.post .meta li.author {
background:url(/wp_content/themes/Magnific_v10/images/author.png) no-repeat 0 -1px;
padding:0 18px;
}
.post .entry, .post .entry p {
color:#393c45;
font-size:14px;
font-family:Georgia,"Times New Roman",Times,serif;
line-height:1.5;
}
.post .entry ul {
margin:0 0 20px;
padding:0 0 0 30px;
}
.post .entry ul li {
list-style-type:square;
}
.post .entry ol {
margin:0 0 20px;
padding:0 0 0 30px;
}
.post .entry ol li {
list-style-type:decimal;
}
.post .entry a {
font-weight:bold;
color:#386582;
}
.post blockquote {
border-left:3px solid #CCCCCC;
color:#777777;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:14px;
font-style:italic;
line-height:1.8em;
margin:10px 20px 10px 30px;
padding-left:10px;
}
blockquote, q {
quotes:none;
}
.post .alignleft {
float:left;
margin:10px 15px 10px 0;
}
.post .alignright {
float:right;
margin:10px 0px 10px 15px;
}
.meta_box {
float:right;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background:#e2e6e8;
border:1px solid #ccc;
width:185px;
margin:0 0 10px 10px;
}
.meta_border {
border:1px solid #f0f5f6;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
padding:0 0 10px 0;
}
.meta_box h4 {
font-size:14px;
font-family:Georgia,"Times New Roman",Times,serif;
font-style:italic;
color:#595d67;
font-weight:normal;
text-align:center;
padding:5px;
}
.meta_box ul {
margin:5px 0 0 0;
padding:0 8px 0 0;
}
.meta_box .hr {
float:left;
height:1px;
background:#f0f5f6;
border-top:1px solid #ccc;
clear:both;
width:100%;
margin:10px 0;
}
.meta_box li {
float:left;
width:45%;
font-size:10px;
text-transform:uppercase;
font-weight:bold;
padding:5px 0 5px 8px;
color:#595d67;
}
.meta_box li img {
padding:0 5px 0 0;
vertical-align:middle;
float:none;
}
.meta_box ul li a {
color:#595d67;
text-decoration:none;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
font-style:normal;
}
.meta_box ul li a:hover {
color:#333;
}
span.author {
background:url(/wp_content/themes/Magnific_v10/images/author.png) no-repeat;
font-size:10px;
text-transform:uppercase;
font-weight:bold;
padding:3px 0 5px 18px;
color:#595d67;
}
.meta_box img {
float:left;
padding:0 7px;
}
.meta_box strong a {
font-size:16px;
font-family:Georgia,"Times New Roman",Times,serif;
color:#595d67;
display:block;
font-weight:normal;
padding:4px 0;
}
.meta_box a {
font-family:Georgia,"Times New Roman",Times,serif;
color:#595d67;
display:block;
font-weight:normal;
font-size:12px;
font-style:italic;
}
.tag-links {
background:url(/wp_content/themes/Magnific_v10/images/tag.png) no-repeat left 2px;
padding-left:20px;
float:left;
clear:both;
font-size:13px;
}
.nextpage {
background:url(/wp_content/themes/Magnific_v10/images/page.png) no-repeat left;
padding-left:20px;
clear:both;
font-weight:bold;
margin-top:5px;
}
/*********************************************************************************************
9. Comments ------------------------- comments.php
*********************************************************************************************/
#comments { float: left; background:#edf0f1; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin:0 0 10px 0; overflow:hidden; width:980px; clear: both; }
#respond { float:left; margin-left:255px;}
#respond h3 {font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif; font-weight:bold; font-style:italic; font-size:26px; }
#comments ul.children #respond { background: none; width: 95%; }
h3.comments {background:#1b1e27;}
#comments a {color:#386582; text-decoration:none; font-weight:bold;}
#comments a:hover {text-decoration:underline;}
#comments ol.comments { padding:0 15px 15px; float:left; width:97%; }
#comments ol.comments li.alt {background:#e7e9e9;}
#comments div.comments h2 { font-size: 18px; font-weight: normal; }
#comments div.comments li, #main #respond { padding: 10px 0 5px; margin-top: 10px; }
#comments ol.commentlist div.comment-content { margin-left: 95px; }
#comments cite { font-style: normal; font-weight: normal; }
#comments p.trackbackurl { font-size: 11px; }
#comments p.trackbackurl span.url { font-weight: bold; padding: 1px; }
#comments a.more-link { display: block; margin: 10px 0 0; }
#comments div#comments-comments ul, #comments div#comments-comments ol { margin-left: 0; }
#comments .comments li { margin:4px 0 0 0; padding: 20px 15px; list-style-type: none; border-bottom:1px solid #c8caca; -webkit-box-shadow: 0px 4px 0px #dfdfdf; -moz-box-shadow: 0px 4px 0px #dfdfdf; box-shadow: 0px 4px 0px #dfdfdf; float: left; width: 97%; }
#comments .comments li ul li { padding: 10px 0 5px 0; }
#comments ul.children { background: url(/wp_content/themes/Magnific_v10/images/replybg.png) no-repeat 0 25px; margin: 0; padding: 0 0 0 25px; float: left; }
#comments .comments li ul.children { margin-top: 10px; padding: 0; }
#comments .comments li ul.children li { clear: left; margin: 0 0 0px 30px; background: none; border:none; -webkit-box-shadow: 0px 0px 0px #dbdbdb; -moz-box-shadow: 0px 0px 0px #dbdbdb; box-shadow: 0px 0px 0px #dbdbdb; }
#comments .comments li ul li { border: none; }
.comment-body { position: relative; }
.comment-body p a { text-decoration: underline; }
#comments .comments .comment-author-admin cite.fn a { color: #DB2A3B; font-style: italic; font-size: 14px; }
#comments blockquote { color: #777777; font-family: Georgia,"Times New Roman",Times,serif; font-size: 11px; font-style: italic; }
#comments .comments cite.fn { font-size: 14px; font-weight: bold; font-family: Arial; }
#comments .comments cite.fn a { color: #3B3232; }
#comments .comments div.gravatar { float: left; display: inline; width: 75px; margin: 0 10px 5px 0; }
#comments .comments div.gravatar img { margin: 0; }
#comments .comments div.comment-author { line-height: 18px; margin: 0 10px 3px 0; width: 215px; position: relative; }
#comments .comment-author { float: left; }
#comments .comment-author img.avatar { float: left; }
#comments .comment-meta { position: absolute; top: 20px; left: 60px; }
#comments .comments div.comment-content { }
.comments p, .comments li.author p { font-size: 12px; line-height: 20px; margin-left: 225px; }
#comments .comments .avatar { float: left; margin: 0 10px 0 0; }
#comments .comments span.says { display: none; }
#comments .comments .children { margin: 0 0 0 0; }
#comments .comments .commentmetadata a.comment-edit-link { background: none; }
#comments .comments .commentmetadata a { display: inline; font-size: 11px; color: #9d9c9c; padding: 0; line-height: 17px; margin: 0; border-bottom: none; font-weight: bold; font-family: Arial,Helvetica,sans-serif; clear: both; float: left; }
#comments .comments .commentmetadata a:hover { color: #4f535b; text-decoration: none; border: none; padding: 0; }
#comments .comments .reply { margin: 15px 0 0 0; text-align: right; clear: both; }
#comments .comments .cancel-comment-reply p { margin: 0 0 0 0; border: none; }
#comments .afterpost .navigation .alignleft a, #comments .reply a, .afterpost .navigation .alignright a { padding: 3px 13px; margin-bottom: 5px; font-weight: 700; text-transform: uppercase; font-size: 10px; background: url(/wp_content/themes/Magnific_v10/images/reply.png) no-repeat; border: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color: #fff; }
#comments .cancel-comment-reply { float: left; clear: both; margin-bottom: 10px; }
#comments .cancel-comment-reply a { padding: 2px 5px; margin-bottom: 5px; font-weight: 700; text-transform: uppercase; background: #1B1E27; font-size: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color: #fff; }
#comments .afterpost .navigation .alignleft a:hover, #comments .afterpost .navigation .alignright a:hover, #comments .reply a:hover, #comments .cancel-comment-reply a:hover { text-decoration: underline; }
#commentform { color: #6F6F6F; clear: both; }
#commentform code { font-size: 11px; }
#commentform p { margin: 0 10px 15px 0; font-size: 12px; border: none; padding: 0; }
#commentslabel, #commentform label { line-height: 2.0em; font-size: 12px; font-style: italic; }
#comments textarea, #commentform textarea { width: 580px; height: 160px; }
#comments ul.children textarea, #commentform ul.children textarea { width: 450px; }
#comments #submit, #commentform #submit { background: #000 url(/wp_content/themes/Magnific_v10/images/overlay_button.png) repeat-x 0 0; display: inline-block; padding: 6px 15px 6px; color: #fff !important; font-size: 12px; font-family: "Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif; font-weight: bold; line-height: 1; text-transform: uppercase; text-decoration: none; word-spacing: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 0 rgba(0,0,0,0.25); -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.25); text-shadow: 0 -1px 1px #000; border: none; position: relative; cursor: pointer; overflow: visible; width: auto; cursor: hand; margin: 12px 0; }
#comments #submit:hover, #commentform #submit:hover { background: #333; }
#commentform #subscribe { float: left; margin: 5px 5px 0 0; text-transform: none; }
/*********************************************************************************************
10. Forms ------------------------- searchform.php
*********************************************************************************************/
#respond input { background: #f5f6f9; border: 1px solid #b7bdc7; -moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.10); color: #666; font-size: 13px; padding: 5px; margin:0 8px 5px 0;}
#respond textarea { background: #f5f6f9; border: 1px solid #b7bdc7; -moz-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.10); color: #666; font-size: 13px; padding: 5px; }
#sidebar #searchform #s { background: #f5f6f9; border: 1px solid #b7bdc7; color: #666; font-size: 13px; padding: 5px; margin:0 5px 5px 0; }
#sidebar #searchform {float:left; clear:both; margin:16px;}
#submit { background: #737070; border: 1px solid #504F4F; color: #F1ECEC; font-size: 10px; font-weight:bold; padding: 5px; }
#sidebar #searchsubmit { background-color: #737070; border: 1px solid #737070; color: #F1ECEC; font-size: 10px; padding: 5px; text-transform: uppercase; }
input { padding:5px; }
/*********************************************************************************************
11. Sidebar & Widgets ------------------------- sidebar.php
*********************************************************************************************/
#sidebar { float: right; width: 320px; margin-left: 10px; }
#sidebar .widget { background: #f7f7f7; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; clear: both; margin: 0 0 20px 0; padding: 0; font-size: 12px; float: left; width: 320px; }
.widget h3 { background: #101218; }
.widget h3 a { color:#fff; font-weight:normal;}
.widget a { color: #c11142; font-weight: bold; text-decoration: none; }
.widget a:hover { text-decoration: underline; }
.widget .textwidget p { padding: 5px 0; }
.widget div { padding: 10px 15px 10px; line-height: 1.7; }
.widget ul { padding: 10px 10px 15px 5px; clear: both; margin: 5px 0; line-height: 1.7; }
.widget ul li { list-style-type: square; padding-left: 10px; }
.widget ul ul { margin: 0; padding: 0; border-top: none; }
.widget ul ul li { border: none; }
.widget_recent_comments li, #twitter li { padding: 6px 0; line-height: 18px; border-bottom: 1px solid #eee; }
/* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
.widget_recent_comments li a, #twitter a { display: inline; padding: 0; line-height: 18px !important; }
/* RESET STYLING FOR RECENT COMMENT & TWITTER */
.widget_tag_cloud div a { font-family: Georgia; font-weight: normal; }
#advert_300x250 { background: none; border: none; }
#advert_300x250 a:hover { border: none; }
#advert_125x125 { padding: 18px 0 5px 18px; }
#advert_125x125 img { padding: 0 8px 8px 0; }
#advert_125x125 a:hover { border: none; }
.widget #cat, .widget select { width: 268px; margin: 10px 10px 15px 15px; background: #F7F7F7; border: 1px solid #cdcfd4; color: #333333; display: inline; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 12px; padding: 5px; line-height: 1.5; clear: both; float: left; }
#sidebar #tabs { background: #101218; padding: 0; float: left; clear: both; width: 320px; margin-bottom: 10px; }
#sidebar ul.tabs_menu {
margin: 0;
padding: 7px 0 0 6px;
float: left;
list-style: none;
height: 31px;
width: 100%; /*--Set height of tabs--*/ }
#sidebar ul.tabs_menu li {
list-style-type: none;
float: left;
margin: 0;
padding: 0;
height: 31px;
line-height: 31px; /*--Subtract 1px from the height of the unordered list--*/
border-left: none; /*--Vertically aligns the text within the tab--*/
margin-bottom: -1px;
overflow: hidden; /*--Pull the list item down 1px--*/
position: relative; }
ul.tabs_menu li a {
text-decoration: none;
color: #f7f7f7;
display: block;
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
padding: 0 14px;
outline: none;
cursor: pointer; }
#sidebar ul.tabs_menu li a:hover { }
html ul.tabs_menu li.active, html ul.tabs_menu li.active a, html ul.tabs_menu li.active a:hover {
background: #e9e9e9;
color: #101218; /*--Makes sure that the active tab does not listen to the hover properties--*/ }
#sidebar .tab_container {
overflow: hidden;
clear: both;
float: left;
background: #e9e9e9;
padding: 6px;
margin:0 0 6px 6px;
width: 295px; }
#sidebar .tab_content {
padding: 10px 0;
font-size: 12px;
background: #f7f7f7;
border:1px solid #d2d4d4;
}
#sidebar .tab_container .tab_content ul {
color: #a3a0a0;
font-size: 11px;
margin:0;
padding:0;
line-height: 1.5; }
#sidebar .tab_container .tab_content ul img {
background-color:#FFFFFF;
border:1px solid #d2d4d4;
float:left;
margin:0 8px 0 0;
padding:3px;
}
#sidebar .tab_container .tab_content ul li {
border-bottom: 1px solid #d2d4d4;
border-top: 1px solid #fff;
padding: 8px 10px;
clear: both;
list-style-type: none;
}
#sidebar .tab_container .tab_content ul li a {
display: block;
}
#sidebar .tab_container .tab_content ul li div {
line-height:1.5;
padding:0;
}
#sidebar .tab_container #tab4 {
padding:5px 10px;
font-family:Georgia;
line-height:1.7;
}
#sidebar .tab_container #tab4 a {
font-weight:normal;
}
#sidebar .tab_container .tab_content ul li:first-child { border-top: none; }
#sidebar .tab_container .tab_content ul li:last-child { border-bottom: none; }
#sidebar .tab_content a {
font-weight: bold;
color: #3b3232;
font-size: 12px;
}
ul.gallery img { border: 2px solid #D3DDE5; width: 60px; height: 60px; float: left; }
ul.gallery img:hover { border: 2px solid #0C2B41; }
ul.gallery a { border: none; }
ul.gallery a:hover, ul.gallery li:hover, ul.gallery li a:hover, #ads li:hover { border: none; }
ul.gallery { display: block; list-style-type: none; margin: 5px 0 5px; padding: 8px 0 8px 15px; }
.widget ul.gallery li { border: none; padding: 0 11px 11px 0; float: left; list-style-type: none; list-style-position: outside; }
#ads {
text-align:center;
}
/*********************************************************************************************
12. Footer ------------------------- footer.php
*********************************************************************************************/
#footer_w {
background:#edf0f1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
clear:both;
margin:0;
float:left;
width:980px;
position:relative;
}
#footer_w .widget {
background:#edf0f1;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
font-size:12px;
margin:-4px 0px 20px 0;
padding:0;
display:inline;
float:left;
vertical-align:top;
width:326.6px;
}
#footer_w .widget h3 {
background:#101218;
font-style:italic;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
padding:10px 20px;
color:#e9e9e9;
font-weight:normal;
font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
font-size:20px;
}
#footer_w .widget:first-child h3 {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 0;
border-top-left-radius: 5px;
border-top-right-radius: 0;
}
#footer_w .widget:last-child h3{
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 5px;
border-top-left-radius: 0;
border-top-right-radius: 5px;
}
#footer {
float:left;
width:950px;
background:#101218;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
margin:10px 0 30px 0;
padding:15px 15px 10px 15px;
text-align:center;
color:#505562;
font-size:10px;
text-transform:uppercase;
text-shadow:1px 1px 0 #000;
font-weight:bold;
}
#footer ul {
text-align:center;
margin:0 0 15px 0;
font-family: "Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;
}
#footer ul li {
display:inline;
text-transform:uppercase;
padding:0 10px;
font-size:14px;
font-weight:bold;
}
#footer span {
text-align:center;
display:block;
}
#footer .copyright {
font-style:italic;
margin:15px 0 5px 0;
}
#footer .designed img {
vertical-align:middle;
padding:5px;
}
#footer_search {
margin-left:200px;
color:#313642;
font-style:italic;
text-align:center;
}
#footer_search #searchform {
width:600px;
background:#1a1c24 url(/wp_content/themes/Magnific_v10/images/search_bg.png) repeat-x;
border:1px solid #090c13;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
text-align:center;
}
#footer_search #searchform #s {
background:#1a1c24 url(/wp_content/themes/Magnific_v10/images/search_bg.png) repeat-x;
border:none;
font-family:Georgia;
font-style:italic;
width:560px;
color:#666;
}
#footer_search #searchsubmit {
background: url(/wp_content/themes/Magnific_v10/images/search.png) no-repeat 0 6px;
border:none;
cursor:pointer;
text-indent:-2000px;
width:14px;
height:27px;
opacity:0.7;
}
#footer_search #searchsubmit:hover {
opacity:1;
}
/*