/* Theme Name: News Friendly Theme Theme URI: http://www.motiontheme.com Description: Theme is designed and coded by MotionTheme. Version: 1.0 Author: MotionTheme.com */ * {margin: 0; padding: 0;} body {font: 75%/170% Arial, Helvetica, sans-serif; color: #555555; background: #9CB9D7 url(img/topbg.gif) repeat-x top; margin: 0; padding: 0;} p {padding: 0 0 1.6em; text-align:justify;} img {border: none;} a {color: #316495; text-decoration: none; outline: none;} a:visited {text-decoration: none;} a:hover {text-decoration: underline; color:#FC8F0E;} /* Content Container ==============================*/ #wrap {width: 959px; margin: 0 auto; position: relative; background:#FFFFFF url(img/topwrap.gif) no-repeat top;} /* Header ==============================*/ #header {position: relative; padding:10px 0 0 0; height:170px;} /*#header h1 {background: url(/img/logo.gif) no-repeat; text-indent: -900em; width: 802px; height: 43px; position: absolute; left: 0px;}*/ #header .logo {position:absolute; margin-top:85px; width:200px; margin-left:60px;} #header .logo h1 {font-size:20px; color:#316495; font-weight:bold;} #header .logo .moto {font-size:14px; font-style:italic; text-align:left;} #header .subscribe {position:absolute; width:100%; text-align:right; color:#FFFFFF; font-size:11px;} #header .subscribe a {color:#FFFFFF; color:#FC8F0E;} #header .subscribe a:hover {text-decoration:underline;} #header .topinfo {position:absolute; width:100%; text-align:right; color:#FFFFFF; font-size:11px; margin-top:22px;} #header .topinfo h2 {font-size:16px;} #header a {color:#316495;} #header a:hover {text-decoration:none;} /* Search */ #search {position:absolute; margin-left:70px; margin-top:10px; width:175px; height:28px; background: url(img/search.gif) top left no-repeat; z-index:100;} #search .itext {margin:6px 0px 0px 10px; width:120px; font-size:10px; height:15px; border:0px; background: none; color:#FFFFFF;} #search .ibut {cursor:pointer; margin:0px 0px 0px 10px; width:25px; height:20px; border:0px; background: none; font-size:12px; font-size:12px; color:#b57489; font-weight: bold;} /* Super top navigator ==============================*/ #header #topnav {font-size:16px; text-align:left; width:640px; position:absolute; margin-left:295px; margin-top:83px;} #header #topnav a:link, #header #topnav a:active, #header #topnav a:visited {font-weight:bold;} #header #topnav a:hover {color:#FC8F0E;} #header #topnav ul {list-style:none; font-weight:bold; padding:18px 0 28px 0;} #header #topnav ul li {display:inline; padding:18px 15px 28px 15px; background:url(img/navli.gif) no-repeat top left;} /* ads ==============================*/ #ads {text-align:center; margin-bottom:20px;} /*Intro*/ #intro {border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; margin-bottom:10px;} #intro p {padding:5px 0 5px 0px; text-align: justify;} /* Comments */ .alt {margin-bottom:10px; border-bottom:1px dashed #A9B8C5;} .alt2 {margin-bottom:10px; border-bottom:1px dashed #A9B8C5;} h3.ctitle {margin-bottom:10px;} .commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;} .commentlist cite {background:url(img/author.png) no-repeat 0 4px; padding:0 0 0 15px;} .date { margin-bottom:10px;} .commentmetadata {margin-bottom:10px;} .ctext {background:url(img/quote.png) no-repeat; padding:5px 0 0 30px;} /* Sidebars ==============================*/ /*Midle*/ #midle {float:right; width:600px; clear:left; display:inline; position:relative; margin-right:45px;} #midle div.content {padding: 0px 0px 0px; overflow:hidden;} #midle h2 {font-size:16px; color:#FF6D00; margin-bottom:5px;} #midle h3 {font-size:12px; padding:0 0 0 0; margin-top:10px; color:#595959;} #midle .small {font-size:11px; font-weight:normal;} #midle .post {margin-bottom:15px; padding:0px 0px 0px 0px; border-bottom:1px dashed #CCCCCC;} #midle .post img {padding:3px; border:1px solid #CCCCCC;} #midle .post img.alignleft {margin-right:5px; margin-bottom:5px;} #midle .count {color:#144F87; font-weight:700; font-size:1.3em; float:left; background:url(img/count.gif) no-repeat; width:45px; height:30px; text-align:center; margin:0px 10px 10px 0; padding:20px 0 0 0} /* Video post */ .video-post {display:inline; float:left; width:270px; padding:0 5px 0 5px;} .video-post .postdata {border-bottom:1px dashed #CCCCCC; margin-bottom:0;} #midle .postdata {font-size:11px; margin-bottom:10px;} #midle .postdata ul { list-style:none;} #midle .postdata ul li { display:inline; padding:0 5px 0 5px;} #midle .postdata .time {background:url(img/time.gif) no-repeat 0 0px; padding: 0 10px 0 20px;} #midle .postdata .comments {background:url(img/icon_comments.gif) no-repeat 0 0px; padding: 0 10px 0 20px;} #midle .postdata .posted {background:url(img/posted.gif) no-repeat 0 0px; padding:0 10px 0 20px;} #midle .more-link {background:url(img/rmore.gif) no-repeat; font-size:12px; font-weight:bold; text-decoration:none; padding:0px 0 10px 20px; display:block; margin-top:10px;} /* Index 2 columns */ #two-columned {} #two-columned .left {float:left; width:270px;} #two-columned .right {float:right; width:270px;} #two-columned .post {background:url(img/postindexbg.gif) no-repeat top; border-bottom:none; clear:both; margin:0;} #two-columned .post img {padding:3px; border:1px solid #CCCCCC;} #two-columned .post img.alignleft {margin-right:5px; margin-bottom:5px;} #two-columned .container {padding:10px 15px 0 15px;} #two-columned .catlabel {background:#EEEEEE; padding:0 4px 0 4px; border:1px solid #ccc; border-bottom:none; float:left; margin-top:15px;} /* Index toppost */ /*.topfeature {margin-bottom:10px;} .topfeature .bar {background:#ffffff; padding:5px 10px 5px 10px; width:580px; border-bottom:3px solid #CCCCCC; position:absolute; height:18px;} .topfeature .time {padding: 0 10px 0 0px; color:#FFFFFF; float:left;} .topfeature .comments {padding: 0 10px 0 0px; float:right;} .topfeature .features {position:absolute; color:#FFFFFF; padding:5px 0 0 10px; font-size:11px;}*/ .indexpic {background:url(img/indexpicbg.gif); text-align:center; padding:10px 0 0 0; margin-bottom:15px;} /* Tabs */ .blox.light {background:#ffffff url(img/indexpicbg.gif) no-repeat center top; border-bottom:1px solid #6E92B6; border-left:1px solid #6E92B6; border-right:1px solid #6E92B6; margin-bottom:15px; padding:10px; display:block;} .blox p {padding:0;} /*.blox #photos a {padding:4px;}*/ .blox .fotos {padding:0 0 0 8px;} .blox .fotos a {float:left; border:1px solid #316495; padding:4px; background:#80A0C1; margin-right:10px} .blox .cats ul {list-style:none; margin:0; padding:0;} .blox .cats ul li {display:inline; padding:0 10px 0 0; font-weight:normal; font-size:11px;} .blox .cats ul li ul li {font-size:11px; font-weight:normal;} .blox .rcom ul {list-style:none;} .idTabs {font-size: 12px; float:left; margin: 0 0 8px 0; list-style:none;} .idTabs li {float:left;} .idTabs li a {background:#ffffff; color:#316495; font-weight:bold; padding:5px 8px; display: block; margin: 0 7px 0 0; text-align: left; border: 1px solid #6E92B6;} .idTabs li.last a {margin: 0} .idTabs li a:hover, .idTabs .selected{background:#ffffff url(img/idtabbg.gif) repeat-x top; text-decoration: none} /* Transparent */ /*.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }*/ /*left sidebar*/ #sidebar {float:left; display:inline; width:248px; margin-left:36px; background:url(img/leftsidebg.gif) no-repeat bottom; padding:0 0 50px 0;} #sidebar p {padding-bottom:5px; text-align:justify;} #sidebar div.content {padding: 0px 20px 0px 20px; overflow: hidden; width:190px; margin:0 auto;} #sidebar h2 {font-size:12px; color:#FF6D00; margin-bottom:5px;} #sidebar h3 {font-size:12px; padding:0 0 0 0; margin-top:10px; color:#595959;} #sidebar ul, #sidebar ul ol {margin: 0px; padding: 0px;} #sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 10px; /*border-bottom:2px dashed #9BC6EC;*/ padding:0 0 10px 0; background:url(img/libg.gif) no-repeat bottom;} /*#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}*/ #sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 8px;} #sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;} ol li, #sidebar ul ol li {list-style: decimal outside;} #sidebar ul ul li, #sidebar ul ol li {margin:5px 0 0; padding: 0 0 0 13px; background:url('img/bullet.gif') no-repeat 0 5px; border:none;} #sidebar .rss {margin:5px 0 0; padding: 0 0 0 20px; background:url('img/ico_rss.gif') no-repeat 0 0px; border:none; height:16px;} /*Portfolio List*/ #portfolio-list {list-style:none; position:relative;} #portfolio-list li {font-size:16px; font-weight:bold;} /*#portfolio-list li a {color:#000000;}*/ /*Resume*/ #resume {list-style:none; position:relative; margin-bottom:10px;} #resume li {font-size:14px;} /* Mis ==============================*/ .cleaner {clear:both;} /* clearfix */ .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 */ /* jquery tooltips */ #tooltip img { background: #CCCCCC; padding: 5px; border: solid 1px #666666; } /*------ Contact Form -------------------------------*/ #xform ol {margin:0 auto; padding:10px 0px 10px 0px; margin-bottom:10px; /*width:100%;*/} #xform li {list-style: none; padding: 5px; margin: 0px; clear:both;} #xform .label {float:left; width:100px; text-align:left; display:inline-block; color:#333333; font-weight:bold; padding-right:5px;} #xform .note {font-size:11px;} /*#xform strong {color:#FF0000; font-size:14px;} #xform h3 {color:#34488F;}*/ /* display lists : thumb, full, details -------------------------------------------------------------- */ #thumb {list-style: none; margin:0; padding:0; width: 530px; height: auto;} #thumb li {float: left; background: url(/img/thumb-bg.gif) no-repeat; width: 217px; height: 150px; padding: 10px 9px 0; margin: 10px 24px 0 0; position: relative;} #thumb img {border: solid 1px #333333;} #thumb a:hover img {border: solid 1px #999999;} #thumb h3 {font: normal 100%/100% Arial, Helvetica, sans-serif; position: absolute; top: 125px; left: 10px; overflow: hidden;} #thumb h3 a {width: 215px; color: #6c8085; display: block; text-decoration: none; padding-top:5px;} #thumb h3 a:hover {color: #000000; text-decoration: none;} #thumb h3 span {padding-right: 0; position: absolute; right: 0;} #navigation {margin-top:20px;} #navigation .alignleft {float:left;} #navigation .alignright {float:right;} /*------ Footer -------------------------------*/ #footer {padding:20px 45px 0 45px; background:#9CB9D7 url(img/footerbg.gif) repeat-x; margin-top:20px; height:70px; color:#FFFFFF;} #footer .copyrighted {font-size:11px;} #footer .bot-menu {padding:5px 0 5px 0px; margin:0 0px 0px 0px; text-align:center;} #footer a {text-decoration:underline; color:#FFFFFF;} #footer a:hover {} #footer .bot-menu ul {list-style:none; font-size:12px; font-weight:bold;} #footer .bot-menu ul li {display:inline; padding:0 10px 0 10px;}