/* Theme Name: NewsToday Theme URI: http://designdisease.com/ Description: Designed by Design Disease Version: 2.0 Author: Design Disease Author URI: http://designdisease.com/ Tags: white, grey, blue, black, two columns, fixed width, widgets, widget-ready */ /* Begin Typography & Colors */ * { margin: 0; padding: 0; } body { background: #a6acaf url(images/body-bkg.png) repeat; font: normal 12px "Verdana", sans-serif; color:#535353; } input, button, textarea, select { font: normal 12px/12px "Verdana", sans-serif; color:#535353; vertical-align: middle; } legend { display: none; } fieldset { border: none; } ul, ol { list-style: none;} ol { list-style-type: decimal;} table { border-collapse: collapse; width: 100%; } hr { display: none; } img { padding: 0px; margin: 0px; border: none; text-align: center;} a:link { text-decoration: none; color : #ff3300; border: 0px; -moz-outline-style: none;} a:active { text-decoration: underline; color : #ff3300; border: 0px; -moz-outline-style: none;} a:visited { text-decoration: none; color : #ff3300; border: 0px; -moz-outline-style: none;} a:hover { text-decoration: underline; color:#1d1f21; border: 0px; -moz-outline-style: none;} a:focus { outline: none;-moz-outline-style: none;} h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; } /* BGContainer +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #bg { width: 980px; margin: 0 auto; overflow: hidden; margin-top: 10px;} /* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .con { width: 980px; background: #fff url(images/con-line-bkg.png) repeat-y top; overflow: hidden; float: left; margin: 0px 0px 10px 0px;} .con-top { width: 980px; background: url(images/con-top.png) no-repeat top; overflow: hidden;} .con-bot { width: 980px; background: url(images/con-bot.png) no-repeat bottom; overflow: hidden; padding-bottom: 35px;} /* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .header { width: 640px; float: left; position: relative; min-height: 133px; margin-bottom: 40px;} /* Logo +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .header .logo { padding: 10px 0px; width: 640px; float: left; } .header .logo .txt h1 { font: bold 60px/60px Arial, Helvetica, sans-serif; letter-spacing: -3px; padding: 25px 0px; color:#000033; } .header .logo .txt h1 a, .header .logo .txt h1 a:visited, .header .logo .txt h1 a:hover { text-decoration: none; color:#000033;} .header .logo .txt h2 { font: bold 60px/60px Arial, Helvetica, sans-serif; letter-spacing: -3px; padding: 25px 0px; color:#000033; } .header .logo .txt h2 a, .header .logo .txt h2 a:visited, .header .logo .txt h2 a:hover { text-decoration: none; color:#000033;} .header .logo .img img { padding: 25px 0px; } /* Date ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .header .date { position: absolute; top: 45px; right: 60px; text-align: right; } .header .date span.day { font: normal 24px/28px 'Helvetica'; display: block; letter-spacing: -1px; color:#898e92;} .header .date span.time { font: bold 10px/10px 'Verdana'; color:#ccc; } /* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .menu { overflow: hidden; padding-left: 30px;} /**/ * html .menu { height:1%; } /* */ .menu ul { float: left; padding: 0px;} .menu li ul { display: none;} .menu li { display: inline; font: normal 11px/13px Verdana, Geneva, sans-serif; float: left; } .menu li a { float: left; color:#fff; padding: 0px 4px 10px 4px; } .menu li a:hover { background:url(images/ico-arrow-white.png) no-repeat center bottom; color:#fff; text-decoration: none;} .menu .current_page_item a { color:#fff; font-weight: bold; padding: 0px 4px 10px 4px; } .menu .current_page_item a:visited, .menu .current_page_item a:hover { background:url(images/ico-arrow-white.png) no-repeat center bottom; color:#fff; padding: 0px 4px 10px 4px; } .mobile { float: right; width: 300px; font: normal 11px/13px Verdana, Geneva, sans-serif;} .mobile a { color:#fff; background: url(images/ico-mobile.png) no-repeat left 1px; padding-left: 12px;} #categ { border-top: solid 1px #edeff0; background: url(images/categ-line-bkg.png) repeat-x bottom; float:left; text-align:center; width:580px; padding: 9px 0px 10px 0px;} #nav { font-size:1em; padding:0 0 0 0px;} #nav a,#nav a:hover { border:none; display:block; text-decoration:none;} #nav a,#nav a:visited { color:#ff3300; display:block; padding:3px 5px;} #nav a:hover,#nav a:active { color:#1d1f21; text-decoration:none;} #nav li { float:left; list-style:none; color:#000; font: bold 14px/10px Arial, Helvetica, sans-serif; letter-spacing: -1px; border-left: solid 1px #ccc; padding: 0px 2px;} #nav li li { background:#fff; border-bottom:1px solid #edeff0; text-align:left; width:172px; border-left: none;} #nav li li a,#nav li li a:visited { font: normal 11px/13px Verdana, Geneva, sans-serif; letter-spacing: normal;} #nav li li a:hover,#nav li li a:active { background:#fff; } #nav li ul { height:auto; left:-999em; position:absolute; width:174px; z-index:700; padding-top: 10px; } #nav li ul ul { margin:-2em 0 0 172px; } #nav li:hover ul ul,#nav li.sfhover 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,#nav ul{list-style:none;} #nav .current-cat { color:#1d1f21;} #nav .current-cat a { color:#1d1f21;} #nav .current-cat-parent { color:#1d1f21;} #nav .current-cat-parent a { color:#1d1f21;} /* Title +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .title { font: bold 34px/30px Arial, sans-serif; letter-spacing: -1px; padding: 15px 0px; margin-bottom: 5px; border-bottom: 1px #ccc solid; color:#1d1f21;} .hcom { font: bold 24px/24px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 2px; color:#1d1f21;} .edit { padding: 0px; margin: 0px; float: left; } .edit a { font: bold 11px/11px 'Verdana'; color:#33cc00; background: url(images/ico-edit.png) no-repeat left 2px; padding: 0px 0px 0px 12px; margin-top: 0px; } .error { font: bold 11px/12px 'Verdana'; color:#ff0000; background: #ffebeb url(images/ico-error.png) no-repeat left 11px; padding: 10px 10px 10px 25px; margin-top: 0px; } .recent { background:url(images/ico-recent.png) no-repeat left 1px; font: normal 18px/18px Helvetica, sans-serif; color:#666e72; text-transform: uppercase; padding: 0px 0px 10px 30px; margin-bottom: 20px; border-bottom: solid 1px #a9adaf;} .latest { background:url(images/ico-latest.png) no-repeat left 0px; font: normal 18px/18px Helvetica, sans-serif; color:#666e72; text-transform: uppercase; padding: 0px 0px 10px 30px; margin-bottom: 20px; border-bottom: solid 1px #a9adaf;} /* SC +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SL { width: 580px; padding: 0px 30px; overflow: hidden; float: left; } .SLR { width: 220px; float: left; margin-left: 30px; background:url(images/ico-arrow-red.png) no-repeat left 33px;} .SLL { width: 330px; float: left; background:url(images/ico-arrow-red.png) no-repeat left 33px; margin-bottom: 30px;} /* SLL - Data +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SLL .post {} .SLL .post .p-head { overflow: hidden; padding-bottom: 10px; } .SLL .post .p-head h1 { font: bold 28px/28px Arial, Helvetica, sans-serif; color:#1d1f21; letter-spacing: -1px;} .SLL .post .p-head h1 a, .post h1 a:visited { color:#1d1f21; text-decoration: none; } .SLL .post .p-head h1 a:hover { color:#1d1f21; text-decoration: none;} .SLL .post .p-date { color:#b1b1b1; font: bold 10px/10px Verdana, Geneva, sans-serif;} .SLL .post .p-date a, .p-date a:visited, .p-date a:hover { text-decoration: underline; color: #64aad9;} .SLL .post .p-con { padding: 0px 0px 5px 0px; } .SLL .post .p-con p { font: normal 12px/16px "Verdana"; padding: 4px 0px; margin: 4px 0px; } .SLL .post .p-con ol { list-style: decimal inside; } .SLL .post .p-con ol { padding: 10px 0px 10px 25px; margin: 0px; } .SLL .post .p-con ol li { padding: 2px 0px 2px 0px; } .SLL .post .p-con ul { padding: 10px 0px 10px 20px; margin: 0px; } .SLL .post .p-con ul li { padding: 2px 0px 2px 13px; background: url("images/p-con-li.png") no-repeat left 2px; color:#666; } .SLL .post .p-con blockquote { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; padding: 5px 20px; background: #fbf7d9; margin: 10px 0px; color:#f0eee0; border: solid 1px #f6f3d3; } .SLL .post .p-con blockquote p { font: italic 14px/19px Georgia, "Times New Roman", Times, serif; color:#f0eee0; } .SLL .post .p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;} .SLL .post .p-det { text-align: left; font-size: 10px; font-weight: bold; border-top: solid 1px #e2e6e8; padding-top: 5px; } .SLL .post .p-det li { display: inline; padding: 5px 0px 5px 18px; margin-right: 7px; float: left;} .SLL .post .p-det li.p-det-com { background: url("images/p-det-com-ico.png") no-repeat left 5px; padding: 2px 0px 2px 13px;} .SLL .post .p-det li.p-det-more { background: url("images/p-det-more-ico.png") no-repeat left 5px; padding: 2px 0px 2px 10px;} .SLL .post .p-det li a, .p-det li a:visited, .p-det li a:hover { margin-right: 3px; color:#000033; } /* SLR Left ############################################################################################################## */ .SLR { float: left; } .SLR .postimg { float: left; margin-right: 10px; } .SLR .postimg img { border: solid 4px #e5e5e5; height: 70px; width: 70px;} .SLR .postdata { overflow: hidden; } .SLR .post { overflow: hidden; border-bottom: solid 1px #e2e6e8; padding: 13px 0px; min-height: 70px;} .SLR .p-head h2 { font: bold 17px/17px Helvetica, sans-serif; color:#1d1f21; letter-spacing: -0.05em; padding: 5px 0px 0px 0px;} .SLR .p-head h2 a { text-decoration: none;} .SLR .p-date { font: bold 10px/10px Verdana, Geneva, sans-serif; color:#a6acaf;} .SLR .p-con { padding: 0px; overflow: hidden;} .SLR .p-con p { font: normal 12px/17px "Verdana"; padding: 3px 0px; margin: 3px 0px; color:#535353;} .SLR .p-con ol { padding: 10px 0px 10px 25px; margin: 0px; list-style: decimal inside;} .SLR .p-con ol li { padding: 2px 0px 2px 0px; } .SLR .p-con ul { padding: 10px 0px 10px 0px; margin: 0px; } .SLR .p-con ul li { padding: 2px 0px 2px 13px; background: url("images/p-con-li.png") no-repeat left 2px; color:#666; } .SLR .p-con blockquote { font: italic 13px/19px Georgia, "Times New Roman", Times, serif; padding: 5px 15px; background: #f2f2f3; margin: 10px 0px; color:#1d1f21; } .SLR .p-con blockquote p { font: italic 13px/19px Georgia, "Times New Roman", Times, serif; color:#1d1f21; } .SLR .p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;} .SLR .p-det { text-align: left; font-size: 10px; font-weight: bold;} .SLR .p-det li { display: inline; margin-right: 3px; float: left; } .SLR .p-det li.p-det-com { background: url("images/p-det-com-ico.png") no-repeat left 5px; padding: 2px 0px 2px 13px;} .SLR .p-det li.p-det-more { background: url("images/p-det-more-ico.png") no-repeat left 5px; padding: 2px 0px 2px 10px;} .SLR .p-det li a, .p-det li a:visited, .p-det li a:hover { margin-right: 3px; color:#000033; } /* SM Left ############################################################################################################## */ .SM { width: 580px; float: left;} .SM .postimg { float: left; margin-right: 20px; margin-top: 5px;} .SM .postimg img { border: solid 4px #e5e5e5; } .SM .postdata { overflow: hidden; } .SM .post { overflow: hidden; padding-bottom: 40px;} .SM .post .p-head { border-bottom: solid 1px #e2e6e8; padding-bottom: 10px; } .SM .post .p-head h1 { font: bold 37px/34px Arial, Helvetica, sans-serif; color:#1d1f21; letter-spacing: -1px; padding: 5px 0px;} .SM .post .p-head h1 a { text-decoration: none;} .SM .post .p-head-list { border-bottom: solid 1px #e2e6e8;} .SM .post .p-head-list h3 { font: bold 23px/23px Arial, Helvetica, sans-serif; color:#1d1f21; letter-spacing: -1px; padding: 5px 0px;} .SM .post .p-head-list h3 a { text-decoration: none;} .SM .post .p-date { font: normal 11px/11px Verdana, Geneva, sans-serif; color:#a6acaf;} .SM .post .p-con { padding: 5px 0px 5px 0px; overflow: hidden;} .SM .post .p-con p { font: normal 12px/19px "Verdana"; padding: 5px 0px; margin: 5px 0px; color:#535353;} .SM .post .p-con ol { padding: 10px 0px 10px 25px; margin: 0px; list-style: decimal inside;} .SM .post .p-con ol li { padding: 2px 0px 2px 0px; } .SM .post .p-con ul { padding: 10px 0px 10px 20px; margin: 0px; } .SM .post .p-con ul li { padding: 2px 0px 2px 13px; background: url("images/p-con-li.png") no-repeat left 2px; } .SM .post .p-con blockquote { font: italic 13px/19px Georgia, "Times New Roman", Times, serif; padding: 5px 0px; border-top: dashed 1px #b3b8ba; border-bottom: dashed 1px #b3b8ba; margin: 10px 0px; color:#909496; } .SM .post .p-con blockquote p { font: italic 13px/19px Georgia, "Times New Roman", Times, serif; color:#909496; } .SM .post .p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;} .SM .post .p-det { color:#a6acaf; font-size: 11px;} .SM .post .p-det .p-det-tags { padding: 5px 0px;} .SM .post .p-det .p-det-categ { padding: 4px 0px 4px 17px; border-top: solid 1px #e2e6e8; font-weight: bold; color:#535353; background: url(images/p-det-categ-ico.png) no-repeat left 5px;} .SM .post .p-det .p-det-categ a { color:#ff3300; } .SM .post .p-det a, .p-det a:visited, .p-det a:hover { margin-right: 3px; color:#a6acaf;} /* Category, Search, Tags */ .SM .post-list { overflow: hidden; padding: 15px 0px; border-bottom: solid 1px #e2e6e8; } .SM .post-list .p-head { padding-bottom: 5px; } .SM .post-list .p-head h2 { font: bold 24px/24px Arial, Helvetica, sans-serif; color:#1d1f21; letter-spacing: -0.06em; padding: 0px;} .SM .post-list .p-head h2 a { text-decoration: none;} .SM .post-list .p-date { font: normal 11px/16px Verdana, Geneva, sans-serif; color:#a6acaf;} .SM .post-list .p-con { padding: 0px; margin: 0px; overflow: hidden;} .SM .post-list .p-con p { font: normal 12px/17px "Verdana"; padding: 0px; margin: 0px; color:#535353;} .SM .post-list .p-con ul { padding: 10px 0px 10px 0px; margin: 0px; } .SM .post-list .p-con ul li { padding: 2px 0px 2px 14px; background: url("images/p-con-li.png") no-repeat left 2px; color:#666; } .SM .post-list .p-tags { font-size: 11px; color:#a6acaf; padding-top: 5px;} .SM .post-list .p-tags a { color:#a6acaf; } .SM .post-list .p-det { text-align: left; font-size: 11px; font-weight: bold; padding-top: 5px;} .SM .post-list .p-det li { display: inline; margin-right: 5px; float: left; } .SM .post-list .p-det li.p-det-com { background: url("images/p-det-com-ico.png") no-repeat left 5px; padding: 2px 0px 2px 14px;} .SM .post-list .p-det li.p-det-more { background: url("images/p-det-more-ico.png") no-repeat left 5px; padding: 2px 0px 2px 11px;} .SM .post-list .p-det li a, .p-det li a:visited, .p-det li a:hover { margin-right: 3px; color:#000033; } /* Images +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ img.aligncenter { display: block; margin-left: auto; margin-right: auto; border: solid 4px #e5e5e5; margin: 0px 0px 10px 0px;} img.alignright { margin: 5px 0 10px 20px; display: inline; border: solid 4px #e5e5e5; } img.alignleft { margin: 5px 20px 10px 0; display: inline; border: solid 4px #e5e5e5; } .alignright { float: right; } .alignleft { float: left } /* WP Page Navi +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .wp-pagenavi { border-top: solid 1px #edeff0; background: url(images/categ-line-bkg.png) repeat-x bottom; padding: 12px 0px 12px 0px; margin-top: 40px; font: bold 14px/10px Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #999;} .wp-pagenavi .pages { margin-right: 15px; font-weight: normal; letter-spacing: normal;} .wp-pagenavi .page { padding: 0px 5px; border-right: solid 1px #e2e6e8; } .wp-pagenavi a, .nav a:visited { padding: 0px 5px; border-right: solid 1px #e2e6e8; font-weight: bold;} .wp-pagenavi a:hover {} .wp-pagenavi .current { padding: 0px 5px; border-right: solid 1px #e2e6e8; font-weight: bold; color:#1d1f21; } /* Side Right ############################################################################################################## */ .SR { width: 320px; float: right; color:#fffdf1; } .SR a, .SR a:visited { color:#fffdf1;} .SR a:hover { color:#afe2ff; text-decoration: none;} .on { background: #1d1f21;} .ons { background: #1d1f21 url(images/search-hover.png) no-repeat top right;} /* Search +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SR .search { overflow: hidden; padding: 20px; border-bottom: solid 1px #a6acaf; padding: 20px; } .SR .search h3 { padding-bottom: 5px; font: bold 14px/14px Arial, Helvetica, sans-serif; color:#fffdf1; letter-spacing: -1px;} .SR .search input { float: left; border: none; padding: 5px; width: 191px; color:#5c6469; font-size: 11px;} .SR .search button { float: left; background: url(images/search-button.png) no-repeat; width: 73px; height: 23px; border: none; cursor: pointer; color:#000; vertical-align: middle; padding: 2px 31px 8px 10px; font: bold 15px/15px Arial, Helvetica, sans-serif, sans-serif; letter-spacing: -1px; text-transform: uppercase;} /* Syndicate +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SR .syn { border-bottom: solid 1px #a6acaf; padding: 20px; } .SR .syn ul { padding: 1px 0px 1px 45px; background: url(images/ico-rss.png) no-repeat 0px; } .SR .syn li { padding: 2px 0px; font-size: 11px;} .SR .syn a:hover { color:#ff6600; } /* Tweet +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SR .tweet { border-bottom: solid 1px #a6acaf; padding: 20px;} .SR .tweet ul { padding: 1px 0px 1px 48px; background: url(images/ico-tweet.png) no-repeat 0px; } .SR .tweet li { padding: 2px 0px; font: normal 11px/14px 'Verdana'; letter-spacing: normal; color:#fff;} .SR .tweet li span { padding: 2px 0px; font: bold 14px/14px 'Arial'; letter-spacing: -1px; display: block;} .SR .tweet a:hover { color:#6ec7f0; } /* Widget ############################################################################################################## */ .SR .widget { border-bottom: solid 1px #a6acaf; padding: 20px; } .SR .widget h3 { font: normal 19px/19px Arial, Helvetica, sans-serif; color:#fff; letter-spacing: -1px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 1px #6e757a;} .SR .widget ul { padding: 0px; margin: 0px; } .SR .widget li { padding: 1px 0px 1px 7px; font: normal 11px/14px Verdana, Geneva, sans-serif; background: url(images/widget-li-arrow.png) no-repeat left 6px; } .SR .widget p { padding: 3px 0px 3px 0px; font: normal 11px/15px Verdana, Geneva, sans-serif; color:#c0c7c9; } /* Categories +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SR .widget_categories {} .SR .widget_links .linkcat { background: none; padding-left: 0px; } .SR .widget_tag_cloud { line-height: 22px; } .SR .widget_calendar table { width: 100%;} .SR .widget_calendar table td { text-align: center; padding: 3px; } .SR .widget_calendar caption { background: #f5f5f4; padding: 5px 0px; margin-bottom: 10px;} .SR .widget_calendar #today { background: #f5f5f4;} .SR .widget_search #s { width: 200px; border: solid 1px #fff; padding: 3px; margin-bottom: 5px; margin-top: 3px;} .SR .widget_search #searchsubmit { background: #fff; border: none; font: bold 11px/14px Verdana, Geneva, sans-serif; padding: 3px;} .SR .widget_search .screen-reader-text { font: bold 11px/14px Verdana, Geneva, sans-serif; display: block; padding-bottom: 5px; } .SR .widget_recent_comments h3 { font: normal 19px/19px Arial, Helvetica, sans-serif; color:#fff; letter-spacing: -1px; padding-bottom: 5px; margin-bottom: 0px; border-bottom: solid 1px #6e757a;} .SR .widget_recent_comments li { font-size: 11px; padding: 3px 0px 6px 0px; margin: 0px; list-style-type: none; border-bottom: solid 1px #6e757a; background: none;} .SR .widget_recent_comments li a { color:#c0c7c9; display: block; font-size: 11px; font-weight: normal; } .SR .widget_recent_comments li a:hover { color:#fff; } .SR .widget_recent_comments .author { display: block; color:#ff3300;} .SR .widget_flickrRSS { overflow: hidden;} * html .SR .widget_flickrRSS { height: 1%;} .SR .widget_flickrRSS h3 { margin-bottom: 10px;} .SR .widget_flickrRSS li { background: none; list-style-type: none; padding: 0px; margin: 0px 10px 10px 0px; float: left; } .SR .widget_flickrRSS li a img, .r1 .widget_flickrRSS li a:visited img { border: solid 4px #000; padding: 1px; background: #2a3033; width: 50px; height: 50px;} .SR .widget_flickrRSS li a:hover img { border: solid 4px #fff;} /* Tabs Articles/Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SR .tabs { border-bottom: solid 1px #a6acaf; padding: 20px; font: normal 11px/14px Verdana, Geneva, sans-serif;} .SR .tabsmenu { width: 280px; overflow: hidden; } .SR .tabsmenu ul { padding: 0px; margin: 0px; overflow: hidden; } .SR .tabsmenu li { text-align: center; padding: 0px; margin: 0px; display: inline; } .SR .tabsmenu li a { font-size: 11px; width: 124px; padding: 5px 5px 12px 5px; background: url(./images/tabs.png) no-repeat left top; float: left;} .SR .tabsmenu li a:hover { background-position: 0% -31px; color:#fffdf1; text-decoration: none;} .SR .tabsmenu li a:link.active { background-position: 0% -31px; color:#fffdf1; text-decoration: none; font-weight: bold;} .SR .tabsmenu li a:visited.active { background-position: left bottom; color:#fffdf1; font-weight: bold;} .SR .tabconcom { clear: left; padding-top: 10px;} .SR .tabconcom ul { border-top: solid 1px #6e757a; } .SR .tabconcom li { padding: 3px 0px 6px 0px; margin: 0px; list-style-type: none; border-bottom: solid 1px #6e757a; font-weight: bold; } .SR .tabconcom li span { background: url(images/recent-bullet.png) no-repeat left 3px; padding-left: 13px;} .SR .tabconcom li a { color:#c0c7c9; display: block; font-size: 11px; font-weight: normal; } .SR .tabconcom li a:hover { color:#fff; } .SR .tabconart { clear: left; padding-top: 10px;} .SR .tabconart ul { padding: 0px; margin: 0px;} .SR .tabconart li { padding: 4px 0px 5px 7px; font: normal 11px/14px Verdana, Geneva, sans-serif; background: url(images/widget-li-arrow.png) no-repeat left 10px; border-bottom: solid 1px #6e757a; } .SR .tabconart li span { font-size: 10px; color:#c0c7c9; display: block;} /* Comments ############################################################################################################## */ .comments-list { padding-bottom: 35px;} .comments-list h2 { color:#272d36; font: bold 28px/28px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #ebebeb; } .comments-list .entry { margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #ebebeb; overflow: hidden;} .comments-list .entryhead { padding: 10px; background:#f1f2f2; position: relative; } .comments-list .entryhead p.name { font: normal 19px/19px Arial, sans-serif; color:#1d1f21; padding: 5px 0px 2px 0px; letter-spacing: -1px;} .comments-list .entryhead p.avt { padding: 0px; margin: 0px; float: left;} .comments-list .entryhead p.avt img { border: solid 1px #dededb; padding: 1px; margin-right: 10px;} .comments-list .entryhead p.date { padding-bottom: 5px; margin-bottom: 0px; font: normal 11px/14px Verdana, Geneva, sans-serif; color:#b3b3b3;} .comments-list .entryhead p.date a, .comments-list p.date a:visited, .comments-list p.date a:hover { color:#999;} .comments-list .entryhead p.nr { font: normal 19px/19px Arial, Helvetica, sans-serif; letter-spacing: -1px; color:#c4c8ca; top: 20px; right: 25px; position: absolute;} .comments-list .entrydata { font: normal 12px/17px "Verdana"; color:#848587;} .comments-list .entrydata p { font: normal 12px/17px "Verdana"; padding: 5px 0px; margin: 0px; color:#848587;} .comments-list .entrydata blockquote { font: italic 13px/19px Georgia, "Times New Roman", Times, serif; padding: 5px 0px; border-top: dashed 1px #b3b8ba; border-bottom: dashed 1px #b3b8ba; margin: 10px 0px; color:#909496; } .comments-list .entrydata blockquote p { font: italic 13px/19px Georgia, "Times New Roman", Times, serif;} /* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .comments-form h3 {color:#272d36; font: normal 24px/24px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px #ebebeb; } .comments-form p { color:#333; font-size: 11px; font-weight: bold; margin-bottom: 5px; padding: 3px 0px; } .comments-form p.none { padding: 0px; margin: 0px;} .comments-form span { color:#ff0000; font-weight: normal;} .comments-form input { padding: 6px; margin-right: 5px; } .comments-form strong { width: 140px; background: #e2e4e5; padding: 8px 6px 6px 10px; height: 16px; float: left;} .comments-form input.txt { border: 3px solid #e2e4e5; background: #f6f6f6; padding: 5px 4px; color:#1d1f21;} .comments-form textarea { border:3px solid #e2e4e5; background: #f6f6f6; padding: 10px; color:#1d1f21;} .comments-form input.button { background: url(images/post-comment.png) no-repeat left top; width: 147px; height: 26px; border: none; cursor: pointer; padding: 5px 0px 6px 10px; margin: 0px; font: bold 14px/10px Arial, Helvetica, sans-serif; color:#fff; letter-spacing: -1px; text-align: left;} /* Footer +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .footer { width: 930px; padding: 0px 25px 20px 25px; margin-bottom: 20px; position: relative; float: left;} .footer .pt a { background: url(images/logo-premiumthemes.png) no-repeat; width: 100px; height: 28px; position: absolute; top: 0px; right: 10px;} .footer .pt a em { display: none;} .footer p { padding: 1px 0px 0px 0px; color:#e5e9eb; font-size: 11px;} .footer p a, .footer p a:visited, .footer p a:hover {color:#e5e9eb; text-decoration: none;}