How to align post text
-
How to align post text on index (homepage) and posts to justify. Now is Left.
My css is:?/*************************************** Theme Name: Sahifa Theme URI: https://themes.tielabs.com/sahifa/ Description: A Premium WordPress News Theme Author: Mo3aser Author URI: https://tielabs.com/ Version: 1.6.0 License: GNU General Public License v2.0 License URI: https://www.gnu.org/licenses/gpl-2.0.html Tags: two-columns, fixed-width, custom-background, threaded-comments, translation-ready, custom-menu ***************************************/ @font-face { font-family: 'arial'; src: url('fonts/arial.eot'); src: url('fonts/arial.eot?#iefix') format('embedded-opentype'), url('fonts/arial.woff') format('woff'), url('fonts/arial.ttf') format('truetype'), url('fonts/arial.svg#arial') format('svg'); font-weight: normal; font-style: normal; } /* --------------------------------------------- Main Global Layout Settings ------------------------------------------------ */ *{ padding:0; margin:0; outline:none; list-style:none; border: 0 none; } body { background:#FFF url(images/patterns/body-bg7.png); color: #333; font-family: 'Verdana',sans-serif,Arial; font-size: 13px; } pre ,code{ direction:ltr; background:url(images/code-bg.png); font: 11px/19px 'andale mono', 'lucida console', monospace; padding: 3px; display: block; overflow-x: visible; overflow-y: hidden; margin: 0 0 20px 0; color: #666; border-top: 1px solid #E1E1E1; border-left: 1px solid #E1E1E1; border-bottom: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0; } h1, h2, h3,h4, h5, h6 { font-weight:normal;} .alignright {float: right;} .alignleft {float: left;} .aligncenter{ clear:both; margin-left:auto; margin-right:auto; } a { color: #444; text-decoration: none; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } a:hover { color: #000; } .clear {clear: both;} .post-title a, ul.slider-navigation li , .pagenavi a, a.more-link , .main-menu li a , .subscribe-icons a , .flickr_badge_image img { webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } textarea, input[type=text], input[type=password], input[type=email], select { border: 1px solid #ccc; background: #fff; font-size: inherit; } input, select { cursor: pointer; } input[type=text], input[type=password], input[type=email] { cursor: text; } textarea { overflow:auto; } textarea, input { padding: 5px; outline: none; } select { padding: 2px; } option { padding: 0 4px; } input[type=button], button { padding: 4px; cursor: pointer; vertical-align: middle; } input.text_input,textarea.textarea { border: 1px solid #ccc; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; } input.text_input:focus,textarea.textarea:focus { border: 1px solid #999; } ::-moz-selection { background: #F9A386; color: #fff; text-shadow: none; } ::selection { background: #F9A386; color: #fff; text-shadow: none; } /* --------------------------------------------- Main Wrapper Style ------------------------------------------------ */ .background-cover{ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position:fixed; background-repeat:no-repeat; top:0; left:0; z-index:0; overflow: hidden; width: 100%; height:100%; } .wrapper { position:relative; z-index:1; } .container{ width:1045px; margin:0 auto; } /* --------------------------------------------- Header ------------------------------------------------ */ /* Header */ header { background:#FFF; margin: 20px auto 25px; position: relative; width:1045px; -moz-box-shadow: inset 0 0 2px #FFF, 0 0px 5px #cacaca; -webkit-box-shadow: inset 0 0 2px white, 0 0px 5px #CACACA; box-shadow: inset 0 0 2px white, 0 0px 5px #CACACA; } header:after{ display: block; visibility: hidden; clear: both; height: 0; content: "."; } /* Top Menu Styles */ .top-nav { background:#fbfbfb; border-top:3px solid #f88c00; border-bottom:1px solid #ececec; height:30px; } .top-nav .menu-alert{ float:left; color:#666; padding:8px 0; font-style:italic; } .top-nav ul {float: left;} .top-nav ul li { position: relative; display: inline-block; float: left; border-right: 1px solid #F2F2F2; } .top-nav ul li a { display: inline-block; height: 30px; line-height: 30px; color: #838383 ; padding:0 8px; text-shadow:0 1px 1px #FFF; } .top-nav ul li .sub-indicator{} .top-nav ul li a:hover { color: #000; } .top-nav ul ul { background: #fbfbfb; display: none; padding:0; position: absolute; top: 30px; width: 180px; z-index: 99999; float: left; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); } .top-nav ul ul li { background: none !important; border: none !important; z-index: 99999; min-width: 180px; } .top-nav ul ul ul { right: auto; left: 100%; top: 0; z-index: 99999; } .top-nav ul ul a { background: none !important; height: auto !important; line-height: 1em; padding: 10px 10px; width: 160px; display: block !important; margin-right: 0 !important; z-index: 99999; color: #777!important; } .top-nav ul ul li.current-menu-item:after{display: none;} .top-nav ul li:hover > a, .top-nav ul :hover > a , .top-nav ul li.current-menu-item a { color:#000;} .top-nav ul li.current-menu-item:after{ content: " "; display: block; width: 0; height: 0; position: absolute; top: 0px; z-index: 2; right:45%; border: 4px solid transparent; border-top-color: #F88C00 ; } .top-nav ul ul li:hover > a, .top-nav ul ul :hover > a { color: #000 !important; } .top-nav ul li:hover > ul {display: block;} /* Today Date */ .today-date{ float:left; padding:4px 10px; background:#ddd; font-size:11px; color:#333; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin:4px 10px 0 5px; } /* Search */ .search-block { height:30px; overflow: hidden; float:right; margin-left:5px; } .search-block:after{ content: " "; display: block; width: 0; height: 0; position: absolute; top: 14px; z-index: 2; right:30px; border: 4px solid transparent; border-right-color: #F88C00 ; } .search-block #s { background:#FFF; float: right; font: normal 11px tahoma; padding: 9px 12px 8px 12px; width: 90px; color:#C5C5C5; border:0 none; border-left:1px solid #ececec; -o-transition: width .7s , color .4s; -webkit-transition: width .7s , color .4s; -moz-transition: width .7s , color .4s; transition: width .7s , color .4s; } .search-block #s:focus { color:#000; width:150px; } .search-block .search-button { background:#f88c00 url(images/search-button.png) no-repeat center; cursor: pointer; float: right; height:30px; width:30px; text-indent:-999999px; display: block; border:0 none; } .search-block:hover .search-button, .search-block:hover #s { opacity:1; color:#444; } .search-block .search-button:active {} /* Social */ .top-nav .social-icons{float:right; margin:5px 5px 0 0;} .top-nav .social-icons a , .footer-bottom .social-icons a{ filter: url(css/filters.svg#grayscale); filter: gray; -webkit-filter: grayscale(1); } .top-nav .social-icons a:hover ,.footer-bottom .social-icons a:hover{ filter: none; -webkit-filter: grayscale(0); } .header-content{padding:20px 15px;} .logo {float: left;} .logo h1#site-title{font:bold 32pt arial;} /* Main Nav */ #main-nav { margin:0 auto; background:url(images/main-menu-bg.png) repeat-x bottom; height:52px; border-bottom:5px solid #F88C00 ; } #main-nav .menu-alert{ float:left; padding:18px 0 0 10px ; font-style:italic; color:#FFF; } #top-menu-mob , #main-menu-mob{ display:none; } #main-nav .main-menu{margin-left:10px;} #main-nav ul li { font-size:13px; position: relative; display: inline-block; float: left; border:1px solid #787878; border-width:0 0 0 1px; height:47px; margin-top:5px; } #main-nav ul li:first-child, #main-nav ul li:first-child a{border:0 none;} #main-nav ul li:last-child a{border-right:0 none;} #main-nav ul li a { display: inline-block; height: 47px; line-height: 47px; color: #ddd; padding:0 10px; text-shadow:0 1px 1px #000; border-left:1px solid #383838; } #main-nav ul li a .sub-indicator{} #main-nav ul li a:hover {} #main-nav ul ul { display: none; padding:0; position: absolute; top: 42px; width: 180px; z-index: 99999; float: left; background: #848282 !important; -webkit-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.2); -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } #main-nav ul ul li, #main-nav ul ul li:first-child { background: none !important; z-index: 99999; min-width: 180px; border:0 none; border-bottom: 1px solid #222; border-top: 1px solid #383838; font-size:12px; height:auto; margin:0; } #main-nav ul ul li:first-child , #main-nav ul li.current-menu-item ul li:first-child, #main-nav ul li.current-menu-parent ul li:first-child, #main-nav ul li.current-page-ancestor ul li:first-child { border-top:0 none !important;} #main-nav ul ul ul { right: auto; left: 100%; top: 0; z-index: 99999; } #main-nav ul.sub-menu a , #main-nav ul ul li.current-menu-item a, #main-nav ul ul li.current-menu-parent a, #main-nav ul ul li.current-page-ancestor a{ border:0 none; background: none !important; height: auto !important; line-height: 1em; padding: 10px 10px; width: 160px; display: block !important; margin-right: 0 !important; z-index: 99999; color: #ccc !important; text-shadow:0 1px 1px #000 !important; } #main-nav ul li.current-menu-item ul a, #main-nav ul li.current-menu-parent ul a, #main-nav ul li.current-page-ancestor ul a{ color:#eee !important; text-shadow:0 1px 1px #222 !important;} #main-nav ul li:hover > a, #main-nav ul :hover > a { color: #FFF ; } #main-nav ul ul li:hover > a, #main-nav ul ul :hover > a { color: #FFF !important; padding-left:15px !important; padding-right:5px !important; } #main-nav ul li:hover > ul {display: block;} #main-nav ul li.current-menu-item, #main-nav ul li.current-menu-parent, #main-nav ul li.current-page-ancestor{ margin-top:0; height:52px; border-left:0 none !important; } #main-nav ul li.current-menu-item ul, #main-nav ul li.current-menu-parent ul, #main-nav ul li.current-page-ancestor ul{ background:#F88C00 !important;} #main-nav ul li.current-menu-item ul li, #main-nav ul li.current-menu-item ul li:first-child , #main-nav ul li.current-menu-parent ul li, #main-nav ul li.current-menu-parent ul li:first-child, #main-nav ul li.current-page-ancestor ul li, #main-nav ul li.current-page-ancestor ul li:first-child { border-bottom: 1px solid #D57800; border-top: 1px solid #FFA93A ; } #main-nav ul li.current-menu-item a, #main-nav ul li.current-menu-item a:hover, #main-nav ul li.current-menu-parent a, #main-nav ul li.current-menu-parent a:hover, #main-nav ul li.current-page-ancestor a, #main-nav ul li.current-page-ancestor a:hover{ background:#F88C00; text-shadow:0 1px 1px #000; color:#FFF; height:52px; line-height:52px; border-left:0 none !important; } #main-nav ul.sub-menu li.current-menu-item, #main-nav ul.sub-menu li.current-menu-item a, #main-nav li.current-menu-item ul.sub-menu a, #main-nav ul.sub-menu li.current-menu-parent, #main-nav ul.sub-menu li.current-menu-parent a, #main-nav li.current-menu-parent ul.sub-menu a, #main-nav ul.sub-menu li.current-page-ancestor, #main-nav ul.sub-menu li.current-page-ancestor a, #main-nav li.current-page-ancestor ul.sub-menu a{height:auto !important; line-height: 12px;} #main-nav ul li.menu-item-home a{ background-image:url(images/home.png) !important; background-repeat:no-repeat !important; background-position:center -47px; text-indent:-9999px; height: 52px; width: 35px; } #main-nav ul li.menu-item-home.current-menu-item a{ background-position:center 8px; } #main-nav ul li.menu-item-home ul li a, #main-nav ul ul li.menu-item-home a, #main-nav ul li.menu-item-home ul li a:hover{ background-color:transparent !important; text-indent:0; background-image:none !important; height:auto !important; width:auto; } /* Random Article Button */ a.random-article{ background: #494949 url(images/random.png) no-repeat center; width:42px; height:47px; display:block; float:right; text-indent:-99999px; margin:5px 0 0 10px; } a.random-article:hover{ background-color:#777;} /* --------------------------------------------- Breaking News ------------------------------------------------ */ .breaking-news{ background: #FFF; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; box-shadow: 0px 1px 3px 0 #B5B5B5; -moz-box-shadow: 0px 1px 3px 0 #b5b5b5; -webkit-box-shadow: 0px 1px 3px 0 #B5B5B5; width:1000px; height:32px; margin:-25px auto 25px; overflow:hidden; position:relative; } .breaking-news span{ border:1px solid #FBFBFB; background:#FF0000; display:block; float:left; padding:5px 10px 2px; color:#FFF; font-family: arial,Georgia, serif; font-size:14pt; } .breaking-news ul{float:left;} .breaking-news ul li{ padding:8px; display:block; white-space:nowrap; } /* --------------------------------------------- Content Column ------------------------------------------------ */ #main-content{ background: #FFF; margin: 25px auto 25px; position: relative; -moz-box-shadow: inset 0 0 2px #FFF, 0 0px 5px #cacaca; -webkit-box-shadow: inset 0 0 2px white, 0 0px 5px #CACACA; box-shadow: inset 0 0 2px white, 0 0px 5px #CACACA; padding:20px; width:1005px; } .full-width{background-image: none; } .content {float: left;width: 660px;} #crumbs { margin-bottom:10px; clear:both; padding-bottom: 5px; border-bottom: 1px solid #DDD;} div.not-found{padding:20px;} .full-width .content , body.error404 .content{ width:auto; float:none; } /* --------------------------------------------- Homepage Styles ------------------------------------------------ */ /* Global Categories Box Styles */ .cat-box{ margin-bottom:35px; } .cat-box-title{ padding:3px 0; overflow:hidden; } .cat-box-title h2{ float:left; margin-right:10px; text-transform: none; font-size: 22px; font-family: arial,Georgia, serif,; } .stripe-line{ background:url(images/stripe.png) ; height:12px; overflow:hidden; margin-top:5px; } .cat-box-content, #sidebar .widget-container, .post-listing { background: white; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; box-shadow: 0px 1px 3px 0 #b5b5b5; -moz-box-shadow: 0px 1px 3px 0 #b5b5b5; -webkit-box-shadow: 0px 1px 3px 0 #b5b5b5; border: 1px solid #DDD; border-bottom:4px solid #F88C00; } .cat-box li.first-news .inner-content{ padding:20px; overflow:hidden; } p.post-meta{ color:#aaa; margin:5px 0; font-size:85%; } p.post-meta a {color: #aaa;} p.post-meta a:hover { border-bottom: 1px #000 dotted; color:#000; text-decoration:none; } /* Two columns */ .cat-box.column2{ float:left; width:320px; margin-right:20px; } .column2.last-column {margin-left: 0;margin-right: 0; } .column2 li{ background:#f7f7f7; overflow:hidden; padding: 5px 20px; border-top:1px solid #FFF; border-bottom:1px solid #eaeaea; -webkit-transition: all .40s; -moz-transition: all .40s; -o-transition: all .40s; transition: all .40s; } .column2 li:hover{background:#f2f2f2;} .column2 li h3 { line-height:1.5em; font-size:13px; } li.first-news p {line-height:1.8em; padding:0;} .column2 li.first-news{ border-bottom:3px solid #eaeaea; background:#FFF; padding:0; } /* wide-box */ .wide-box li{ background:#f7f7f7; overflow:hidden; padding: 10px 20px; border-top:1px solid #FFF; border-bottom:1px solid #eaeaea; -webkit-transition: all .40s; -moz-transition: all .40s; -o-transition: all .40s; transition: all .40s; width:289px; float:left; height:61px; } .wide-box ul{ background:#f7f7f7; overflow:hidden; } .wide-box li.first-news p.post-meta{margin:10px 0; } .wide-box li.first-news{ border-bottom:3px solid #eaeaea; background:#FFF; padding:0; width:100%; float:none; height:auto; } /* list-box */ .list-box .cat-box-content {padding:20px;} .list-box li{ overflow:hidden; padding: 5px 0; width:288px; float:right; clear:right; } .list-box li.first-news p.post-meta{margin:10px 0; } .list-box li.first-news{ background:#FFF; padding:0; width:310px; float:left; margin-right:20px; } /* News In Pictures */ .pic-box .cat-box-content {padding:20px 20px 8px;} .pic-box li.first-pic{ background:#FFF; padding:0; width:300px; float:left; margin-right:14px; margin-left:0; } .pic-box li{ overflow:hidden; padding: 1px 0 3px; width:70px; float:left; margin-left:6px; } .pic-box .first-pic .post-thumbnail h2{ position:absolute; width: 270px; padding:10px; background: url(images/overlay.png); left: 4px; bottom: 7px; } .pic-box .first-pic .post-thumbnail a{ color:#FFF;} /* Tabbed Categories */ .cat-tabs-wrap{padding:20px;} .cat-tabs-header{ background:#F7F7F7; height:35px; border-bottom: 3px solid #EAEAEA; padding:8px 10px 0; } .cat-tabs-header li{ float:left; margin-right:10px; line-height:30px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; padding:4px 15px; font-family:Arial, Helvetica, sans-serif; font-size:12pt; } .cat-tabs-header li.active{ background:#FFF; box-shadow: 0 -1px 2px #d4d4d4; -moz-box-shadow:0 -1px 2px #d4d4d4; -webkit-box-shadow:0 -1px 2px #d4d4d4; } .cat-tabs-wrap li{ overflow:hidden; padding: 5px 0; width:288px; float:right; clear:right; } .cat-tabs-wrap li.first-news{ background:#FFF; padding:0; width:310px; float:left; margin-right:20px; } .cat-tabs-wrap li.first-news p.post-meta{margin:10px 0;} /* Scrolling Box */ .scroll-box{clear:both;} .scroll-box .cat-box-content{ padding:20px; position:relative; } .scroll-box .scroll-item{ float:left; width:140px; margin-right:10px; padding:3px; height:190px; } .group_items {width:614px;} .group_items .scroll-item:last-child{margin-right:0;} .scroll-nav{ background:#F7F7F7; margin:10px -20px -20px; padding:5px; text-align:center; } .scroll-nav a{ background:url(images/scrolling-nav.png) no-repeat top; width:10px; height:10px; text-indent:-9999px; overflow:hidden; display:inline-block; margin:2px 1px 0; -webkit-transition: all .40s; -moz-transition: all .40s; -o-transition: all .40s; transition: all .40s; } .scroll-nav a:hover{opacity:0.8;} .scroll-nav a.activeSlide{background:url(images/scrolling-nav-active.png) no-repeat top;} /* Recent Posts Box */ .recent-box{clear:both;} .recent-box .cat-box-content{ padding:20px; position:relative; } .recent-box .recent-item{ float:left; width:195px; margin:0 10px 10px 0; padding:2px; height:190px; } .recent-box .recent-item:nth-child(3n+3){margin-right:0;} .recent-box .item-list{ padding:10px 0;} .divider{ background: url(images/stripe.png); height: 10px; overflow: hidden; margin: 10px 0 20px; clear:both; } /* --------------------------------------------- Post Styles ------------------------------------------------ */ /* Pages Head */ .page-head{ padding: 3px 0; overflow: hidden; } .page-head .stripe-line{ margin-top:7px;} h2.page-title{ float: left; margin-right: 10px; text-transform: none,; font-size: 26px; font-family: arial,Georgia, serif; color:#000; } a.rss-cat-icon{ float:right; background:url(images/rss-small-icon.png) no-repeat top; width:16px; height:16px; margin:6px 0 0 8px; text-indent:-99999px; display:block; } .archive-meta{padding:15px 0;} /* Author Page Styles */ .author-bio{ clear:both; overflow:hidden; padding:15px 3px; } #author-avatar{ float:left; margin-right:15px; } #author-avatar img{ background: white; padding: 2px; -moz-border-radius: 1px; -webkit-border-radius: 1px; box-shadow: 0px 0px 2px #B5B5B5; -moz-box-shadow: 0px 0px 2px #b5b5b5; -webkit-box-shadow: 0px 0px 2px #B5B5B5; } /* Single Post Styles */ .post { margin-bottom:20px;} .post-inner{padding:20px;} .single-post-thumb img{width:100%;} .post-title { text-transform: none; font-family: arial,Georgia, serif; margin-bottom:10px; font-size: 28px; } .post-inner p.post-meta{ border-bottom:1px solid #f2f2f2; padding-bottom:5px; margin-bottom:10px; } .post-inner p.post-meta span{ display:inline-block; margin-right:10px; } .item-list { border-bottom:1px solid #f2f2f2; padding:20px 20px 25px; overflow:hidden; clear:both; } .item-list p.post-meta {margin:5px 0;} .page-link{ margin:15px 0 0; padding-top:5px; border-top:1px solid #f2f2f2; } .edit-link{ clear:both; display:block; margin-top:10px; } .post-tag { margin:-10px 0 20px} .post-tag a{ border-color: #dedede #d8d8d8 #d3d3d3; text-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; -moz-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); display: inline-block; text-decoration: none; font-size: 10px; padding: 3px 8px; line-height: 20px; color: #555; text-transform: uppercase; border: 1px solid #DEDEDE; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px ; cursor: pointer; } .post-tag a:hover{ background:#FFF;} .sticky {} /* Post Thumbnail */ .post-thumbnail {margin: 0 15px 10px 0;position: relative; padding:2px;} .post-thumbnail img { background:#FFF; padding: 4px; -moz-border-radius: 1px; -webkit-border-radius: 1px; box-shadow: 0px 0px 2px #B5B5B5; -moz-box-shadow: 0px 0px 2px #b5b5b5; -webkit-box-shadow: 0px 0px 2px #B5B5B5; -webkit-transition: all .40s; -moz-transition: all .40s; -o-transition: all .40s; transition: all .40s; } .post-thumbnail a:hover img{ box-shadow: 0px 0px 2px #666; -moz-box-shadow: 0px 0px 2px #666; -webkit-box-shadow: 0px 0px 2px #666; opacity:0.6; } .post-thumbnail a:hover .overlay-icon{opacity:0.7;} .overlay-icon{ background:url(images/link-overlay.png) no-repeat center; width:100%; height:100%; display:block; position:absolute; opacity:0; top:2px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } /**/ .item-list .post-thumbnail{ float:left; margin-bottom:0; } .cat-box li .post-thumbnail{margin:0 15px 0 0;} .cat-box li .post-thumbnail img{ padding:2px;} .column2 .post-thumbnail{float:left;} .column2 li.first-news .post-thumbnail{ margin: 0 0 10px 0; height:129px; float:none;} .column2 li.first-news .post-thumbnail img{ width:100%; height:100%;} .wide-box li .post-thumbnail{float:left;} .wide-box li.first-news .post-thumbnail{width:240px; height:160px} .wide-box li.first-news .post-thumbnail img{ width:100%; height:100%; } .list-box li .post-thumbnail{float:left;} .list-box li.first-news .post-thumbnail{margin:0 0 15px 0;float:none;width:302px;height:150px;} .list-box li.first-news .post-thumbnail img{ width:100%; height:100%;} .pic-box .first-pic .post-thumbnail{position:relative;} .cat-tabs-wrap li .post-thumbnail{ float:left; margin-bottom:0; } .cat-tabs-wrap li.first-news .post-thumbnail{margin:0 0 10px 0;float:none;width:302px; height:140px;} .cat-tabs-wrap li.first-news .post-thumbnail img{ width:100%; height:100%;} .scroll-box .post-thumbnail img{ width:130px; height:60px; } .recent-item .post-thumbnail{ margin:0 0 10px 0;} .recent-item .post-thumbnail img{ width:185px; height:85px;} .recent-item .post-thumbnail .overlay-icon{ width:193px; height:103px;} /* Share */ .share-post { clear: both; margin:10px -20px -20px; padding: 10px 0px 10px 10px ; background:#F7F7F7; border-top:1px solid #EAEAEA; height:20px; } .mini-share-post { clear: both; margin:10px -20px -20px; padding:10px 10px 10px 25px; height:20px; } .share-post li , .mini-share-post li{ float: left; width: 106px; } .share-post span.share-text{ background:#FF8500 ; margin: -10px 10px -10px -10px ; display:block; float:left; color: #FFF; padding:9px; font-family: arial,Georgia, serif; font-size: 14pt; } /* Post Elements ---------------------- */ .entry {line-height:1.5;} .content iframe { max-width: 100%; } .entry p {padding-top: 1.0em; padding-bottom: 1.0em;} .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin-bottom: 15px; line-height: 1em; font-family: Arial; font-weight: normal; } .entry h1 {font-size:36px;} .entry h2 {font-size:30px;} .entry h3 {font-size:24px;} .entry h4 {font-size:18px;} .entry h5 {font-size:14px;} .entry h6 {font-size:12px;} .entry ol, .entry ul {margin: 0 0 25px 10px;} .entry ul li {list-style: inside disc;} .entry ol li {list-style: inside decimal;} .entry li {margin: 0 0 5px ;} .entry table { border: 1px solid #DFDFDF; background-color: #F9F9F9; width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-family: Arial,"Bitstream Vera Sans",Helvetica,Verdana,sans-serif; color: #333; border-collapse: separate; border-spacing: 0; } .entry table td, .entry table th { border-top: 1px solid white; border-bottom: 1px solid #DFDFDF; color: #555; } .entry table th { text-shadow: 0px 1px 0px #fff; font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif; font-weight: normal; padding: 7px 7px 8px; text-align: left; line-height: 1.3em; font-size: 14px; } .entry table td { font-size: 12px; padding: 4px 7px 4px; vertical-align: top; } .gallery {margin: 0 auto 18px;} .gallery .gallery-item {float: right;margin-top: 0;text-align: center;width: 33%;} .gallery-columns-2 .gallery-item {width: 50%;} .gallery-columns-4 .gallery-item {width: 25%;} .gallery img {border: 2px solid #cfcfcf;} .gallery-columns-2 .attachment-medium {max-width: 92%; height: auto;} .gallery-columns-4 .attachment-thumbnail {max-width: 84%;height: auto;} .gallery .gallery-caption {color: #888;margin: 0 0 12px;} .gallery br + br {display: none;} .attachment img {display: block;margin: 0 auto;} blockquote { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; line-height:22px; background:url(images/quote.png) no-repeat left 18px; padding:0 0 0 60px; margin:0 0 30px 40px; min-height:60px; } /* Related Posts */ #related_posts , #author-box{clear:both;} .block-head{ padding: 3px 0 0; overflow: hidden; } .block-head h3 { float: left; margin-right: 10px; font-size: 22px; font-family: arial,Georgia, serif; } #related_posts .post-listing , #author-box .post-listing { padding:20px; margin-bottom:20px; } #related_posts li { background: url(images/sidebar-bullet.png) no-repeat left 8px; padding: 0 12px 10px 0; line-height: 18px; overflow: hidden; } #related_posts li:hover {margin-right:5px;} #related_posts .related-item{ float:left; width:195px; height:180px; margin:0 10px 10px 0; padding:2px; } #related_posts .related-item:nth-child(3n+3){margin-right:0;} #related_posts .related-item .post-thumbnail{ margin:0 0 10px 0;} .related-item .post-thumbnail img { width: 185px; height: 85px; } /* Post Navigation */ .navigation{ margin:10px 0; clear:both; overflow:hidden; } .nav-previous{float:left;} .nav-next{float:right;} .post-navigation{ clear:both; margin:0 0 20px; overflow:hidden; } .post-navigation div{ display: block; width: 245px; position: relative; font-size: 14px; color: #999; } .post-previous{ float: left; padding-left: 40px; } .post-next{ float: right; text-align: left; padding-right: 40px; } .post-navigation div span{ display: block; font-size: 80%; color: #999; } .post-navigation div a:after{ position: absolute; color: #ccc; font-size: 56px; margin-top: -11px; height: 22px; line-height: 22px; top: 34%; } .post-previous a:after{ content: '?'; left:0px; } .post-next a:after{ content: '?'; right:0px; } /* --------------------------------------------- Sidebar ------------------------------------------------ */ #sidebar { float: right; width: 310px; } .sidebar-left #sidebar{float:left;} .sidebar-left .content{float:right;} /* Widgets Styles */ .widget { clear: both; margin-bottom: 25px; } .widget-top{padding: 5px 0 ;} .widget-top h4{ float: left; margin-right: 10px; font-size: 20px; text-transform: none; font-family: arial,Georgia, serif; } .widget-top h4 a{color: #333;} .widget-top h4 a:hover{color: #000;} .widget-container { padding:10px; clear:both; } .widget-container h3{ font-size:inherit; } .widget-container li { background:url(images/sidebar-bullet.png) no-repeat left 8px; padding: 0 0 5px 12px; line-height: 18px; overflow: hidden; } .widget-container p {padding-bottom: 1.0em;} .widget-container a:hover {text-decoration: none;} .widget-container li span.date, .footer-widget-container li span.date{color: #AAA;margin: 5px 0;font-size: 85%;} .widget-container .post-thumbnail, .footer-widget-container .post-thumbnail{ float:left; margin:0 10px 0 0; } .widget-container .post-thumbnail img , .footer-widget-container .post-thumbnail img{padding:2px;} .text-html-box{margin-bottom:20px;} .widget_rss .widget-title img { width: 11px; height: 11px; } .widget.news-pic .post-thumbnail{margin:3px 7px;} #tabbed-widget .tabs-wrap li:last-child , .comments-avatar .widget-container li:last-child{border-bottom:0 none;} #tabbed-widget .tabs-wrap li , .comments-avatar .widget-container li, .posts-list .widget-container li, .categort-posts .widget-container li{ background:transparent; padding:8px 0 4px; border-bottom:1px solid #f2f2f2; } .facebook-box{text-align:center;} .facebook-box iframe { width:100% !important} .google-box{margin-bottom:-15px; text-align:center;} #wp_tag_cloud div {line-height: 1.6em;} /* Twitter Widget */ #twitter-widget ul{margin:0 -10px ;} #twitter-widget li{ background:url(images/tweet-icon.png) no-repeat 10px 15px; border-bottom:1px solid #f2f2f2; padding:10px 10px 10px 30px; } #twitter-widget li:last-child{border-bottom:0 none;} #twitter-widget .tweet_list .tweet_avatar img{ padding:2px ; margin-left:5px; float: right; background:#FFF; border:1px solid #d6d6d6; } #twitter-widget .loading span{ background:url(images/small-loader.gif) no-repeat top; height: 17px; display: block; } /* Tabbed Widget */ #tabbed-widget .widget-top{ background: #F7F7F7; height: 35px; border-bottom: 3px solid #EAEAEA; padding: 8px 0 0 2px ; margin:-10px -10px 10px; } #tabbed-widget ul.tabs li { float: left; position: relative; margin-left: 3px; line-height:30px; padding:2px; background:transparent; } #tabbed-widget ul.tabs li a { display: inline-block; text-align: center; color: #666; text-shadow: 0px 1px 0px #FFF; padding:5px 12px 1px; line-height:30px; } #tabbed-widget ul.tabs li a:hover {color: #000;} #tabbed-widget ul.tabs li.active a { -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; background:#FFF; box-shadow: 0 -1px 2px #d4d4d4; -moz-box-shadow:0 -1px 2px #d4d4d4; -webkit-box-shadow:0 -1px 2px #d4d4d4; } #tabbed-widget .tabs-wrap.tagcloud a{ padding:5px 8px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #e9e9e9; background: #F7F7F7; text-shadow: 0px 1px 0px white; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -moz-box-shadow: inset 0 0 2px #fff, 0 0 2px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 2px white, 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 2px white, 0 0 2px rgba(0, 0, 0, 0.1); display:inline-block; margin:3px; } #tabbed-widget .tabs-wrap.tagcloud a:hover{background:#ededed;} /* Calender */ #wp-calendar {width: 100%;} #wp-calendar caption { color: #222; font-weight: bold; padding-bottom: 4px; text-align: center; } #wp-calendar tbody {color: #aaa;} #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; padding: 3px 0 2px; text-align: center; } #wp-calendar tbody .pad , footer #wp-calendar tbody .pad{ background: none; border:0 none; } #wp-calendar tfoot #next {text-align: right;} footer #wp-calendar tbody td { background:#333; border-color:#555;} footer #wp-calendar caption { color:#FFF; } /* Author Widget */ .author-avatar img { border: 1px solid #ccc; padding: 4px; background: #fff; float: left; margin: 0 10px 5px 0; } .author-description { font-size: 95%; line-height: 17px; } .author-social { float: left; margin-top: 10px; } .author-social a { opacity: 0.7; margin-left: 2px; } .author-social a:hover {opacity: 1;} /* Flickr Widget */ .flickr-widget .flickr_badge_image { float:left; margin:8px; } .flickr-widget .flickr_badge_image img{ opacity:1; padding:2px; width:50px; height:50px; box-shadow: 0px 0px 2px #B2B2B2; -moz-box-shadow: 0px 0px 2px #b2b2b2; -webkit-box-shadow: 0px 0px 2px #B2B2B2; } .flickr-widget .flickr_badge_image a:hover img{opacity:0.6;} /* Social Icons Widget */ .social-icons{text-align:center;} .social-icons a{ margin:2px; position:relative; } .social-icons a:hover{top:-2px;} /* Search Widget */ .search-widget input{ background: white; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; box-shadow: 0 1px 3px 0 #B5B5B5; -moz-box-shadow: 0 1px 3px 0 #b5b5b5; -webkit-box-shadow: 0 1px 3px 0 #B5B5B5; border: 1px solid #DDD; padding: 10px; clear: both; margin-bottom:20px; width:288px; color:#999; } .search-widget input:hover, .search-widget input:focus{color:#000;} /* Counter Widget */ #sidebar .widget-counter{ margin-bottom:20px; overflow:hidden; background: white; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; box-shadow: 0 1px 3px 0 #B5B5B5; -moz-box-shadow: 0 1px 3px 0 #b5b5b5; -webkit-box-shadow: 0 1px 3px 0 #B5B5B5; clear: both; border: 1px solid #DDD; } .widget-counter.col1 li{ width:100%; border:0 none !important; } .widget-counter.col2 li{ width:50%; border:0 none !important; } .widget-counter li{ line-height:15px; float:left; width:102px; padding:10px 0; } li.twitter-followers { border:1px solid #DDD; border-width:0 1px 0 1px;} .widget-counter li a{ display:block; padding-top:40px; text-align:center; opacity:0.7; } .widget-counter li a:hover{ opacity:1; text-decoration: none; } .rss-subscribers a{ background:url(images/rss-icon.png) no-repeat center top;} .facebook-fans a { background:url(images/facebook-icon.png) no-repeat center top;} .twitter-followers a{ background:url(images/twitter-icon.png) no-repeat center top;} .widget-counter li span{ display:block; font-size:21px; } .widget-counter li a small{color:#777;} /* Login Widget */ #login-form{padding:11px 11px 0;} #login-form #log, #login-form #pwd, .widget-feedburner .feedburner-email{ border-color: #F1F1F1; border-top-color: #DDD; border-left-color: #DDD; background: #F9F9F9; color: #515151; font: 12px Tahoma; padding: 4px 7px; margin-bottom: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; width: 250px; height: 24px; } #login-form #log:hover, #login-form #pwd:hover, .widget-feedburner .feedburner-email:hover{ color:#000;} #login-form #log:focus, #login-form #pwd:focus, .widget-feedburner .feedburner-email:focus{ background:#FFF; color:#000;} #login-form .login-button{ margin-right:20px;} #login-form p{padding-bottom:0;} ul.login-links{ margin-top:15px;} .welcome-text{margin-bottom:10px;} .content .entry #login-form p{ padding:0 } /* FeedBurner Widget */ .widget-feedburner-counter{padding:11px;} /* ADS Widgets */ .widget-container .ads125{ margin:0 -7px -8px 13px; padding-left:0; } .ads125{overflow:hidden;padding-left:22px;margin-bottom:20px;} .ads125 .ad-cell{ width: 125px; height: 125px; display: block; margin:3px 15px 12px 0; float: left; } .widget-container .ads120-90 , .widget-container .ads120-60, .widget-container .ads120-600, .widget-container .ads120-240{ margin:0 -7px -8px 18px; padding-left:0; } .ads120-90, .ads120-60, .ads120-600, .ads120-240{ overflow:hidden; padding-left:27px; margin-bottom:20px; } .ads120-90 .ad-cell, .ads120-60 .ad-cell, .ads120-600 .ad-cell, .ads120-240 .ad-cell{ width: 120px; height: 90px; display: block; margin:3px 15px 12px 0; float: left; } .ads120-60 .ad-cell {height: 60px;} .ads120-600 .ad-cell{height: 600px;} .ads120-240 .ad-cell{height: 240px;} .ads160-600 , .ads250-250{margin-bottom:20px;} .widget-container .ads160-600 , .widget-container .ads250-250{margin-bottom:0 } .ads160-600 .ad-cell{ width: 160px; height: 600px; display: block; margin:0 auto ; } .ads250-250 .ad-cell{ width: 250px; height: 250px; display: block; margin:0 auto ; } .ads300-100{ padding-left:5px; margin-bottom:20px; } .widget-container .ads300-100{ margin:0 -5px -5px; padding-left:0; } .ads300-100 .ad-cell{ margin-bottom:3px; width:300px; height:100px; } .ads300-250{ padding-left:5px; margin-bottom:20px; } .widget-container .ads300-250{ margin:0 -5px; padding-left:0; } .ads300-250 .ad-cell{ width:300px; height:250px; } .ads-one{ padding-left:0 !important; margin:0 !important; } .ads-one .ad-cell{ float:none !important; clear:both !important; margin-right:auto !important; margin-left:auto !important; } /* --------------------------------------------- Footer ------------------------------------------------ */ footer { color: #ddd; background:#333; text-shadow: 0 0 1px #000; padding:20px 0; border-bottom:1px solid #444; border-top: 8px solid #FF8500; margin-top:20px; } footer a{color: #ccc;} footer a:hover{color: #FFF;} /* Footer Widgets */ #footer-widget-area{ width:1045px; margin: 0 auto; } .footer-widgets-box{float:left; margin-right:4%;} .footer-1c .footer-widgets-box{ width: 100% } .footer-2c .footer-widgets-box{ width: 48%;} .footer-3c .footer-widgets-box{ width: 30.66666666666667%;} .footer-4c .footer-widgets-box{ width: 22%;} .narrow-wide-2c #footer-first , .wide-narrow-2c #footer-second {width:32%;} .narrow-wide-2c #footer-second, .wide-narrow-2c #footer-first{ width:64%;} .wide-left-3c #footer-first ,.wide-right-3c #footer-third { width:46%;} .wide-left-3c .footer-widgets-box , .wide-right-3c .footer-widgets-box { width:23%;} .footer-1c .footer-widgets-box, .narrow-wide-2c #footer-second, .wide-narrow-2c #footer-second, .footer-2c #footer-second, .footer-3c #footer-third, .footer-4c #footer-fourth, .wide-right-3c #footer-third, .wide-left-3c #footer-third{margin-right:0;} .footer-widget-top{ border-bottom:1px solid #222; padding:10px 0; } .footer-widget-top h4{ font-size: 22px; font-family: arial,Georgia, serif; } .footer-widget-container{ padding: 10px; border-top:1px solid #444; } .footer-widget-container p {padding-bottom: 1.0em;} .footer-widget-container ul, footer .tabs-wrap ul{ border-bottom:1px solid #444; } .footer-widget-container li, footer #tabbed-widget .tabs-wrap li { padding: 6px 12px 6px 0; line-height: 18px; overflow: hidden; border-bottom: 1px solid #232323 !important; border-top: 1px solid #444; } .footer-widget-container li:first-child , footer #tabbed-widget .tabs-wrap li:first-child { border-top:0 none; } footer #tabbed-widget .widget-top { background:transparent; border-bottom-color:#444; overflow:hidden; } footer #tabbed-widget ul.tabs li a {text-shadow: 0px 1px 0px #000; } footer #tabbed-widget ul.tabs li a:hover { color:#FFF; } footer #tabbed-widget ul.tabs li.active a { color:#FFF; background: #444; box-shadow: 0 -1px 2px #111; -moz-box-shadow: 0 -1px 2px #111; -webkit-box-shadow: 0 -1px 2px #111; } footer #tabbed-widget .tabs-wrap.tagcloud a { background: #444; border: 1px solid #222; text-shadow: 0px 1px 0px #000; -moz-box-shadow: inset 0 0 2px #888, 0 0 2px #222; -webkit-box-shadow: inset 0 0 2px #888, 0 0 2px #222; box-shadow: inset 0 0 2px #888, 0 0 2px #222; } footer #tabbed-widget .tabs-wrap.tagcloud a:hover{ background:#555;} footer .widget-counter li{ border:0 none !important; width: 33.4%; } footer #twitter-widget .loading span{ background:url(images/black-loader.gif) no-repeat top; } /* Footer Bottom */ .footer-bottom { background:#242424; height:30px; line-height:30px; border-top:1px solid #111; color: #ccc; } .footer-bottom .social-icons{ float:right; margin:0 15px ; line-height:0; padding-top:5px; } .footer-bottom a{color: #ccc;} .footer-bottom a:hover{color: #FFF;} #topcontrol{ z-index:2; background: #FF8500 url(images/top_arrow.png) no-repeat center; width: 30px; height: 30px; text-indent: -99999px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; margin: 10px 10px 0 0; } #topcontrol:hover{ background-color:#fb9826 ;} /* --------------------------------------------- Images ------------------------------------------------ */ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img { max-width: 100%; height: auto; } img.centered, img.aligncenter { display: block; margin: 2px auto; border: 1px solid #cbcdcc; padding: 4px; } img.alignright { padding: 4px; margin: 2px 3px 3px 8px; display: inline; border: 1px solid #cbcdcc; } img.alignleft { padding: 4px; margin: 2px 8px 3px 3px; display: inline; border: 1px solid #cbcdcc; } .wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 20px; max-width: 500px !important; padding: 4px; text-align: center; } .wp-caption img {margin: 5px 5px 0;} .wp-caption p.wp-caption-text { color: #888; margin: 5px; } /* --------------------------------------------- Navigation ------------------------------------------------ */ .pagination { overflow: hidden; margin-bottom: 25px; } .pagination a, .pagination span.extend, .pagination span.current { float:left; text-shadow: 0 1px 0 #FFF; margin-right : 3px; color: #777; padding: 6px 10px 3px; } .pagination a:hover {color:#000;} .pagination span.current { color: #FFF; background-color: #F88C00; text-shadow: 0 1px 0 #000; padding:4px 10px 6px; } .pagination .pages{ float:right; display:block; font-size:85%; padding: 7px 0 2px; } /* --------------------------------------------- CommentList ------------------------------------------------ */ #comments-title { text-transform: none; font-size: 22px; font-family: arial,Georgia, serif; color: #999; margin:25px 0 10px; } #comments-title em{color: #333;} .commentlist li{ margin-bottom: 20px; clear:both; position:relative; clear:both; } .comment-avatar { overflow:hidden; width:45px; height:45px; margin:0 10px 5px -30px; background: white; padding: 2px; -moz-border-radius: 1px; -webkit-border-radius: 1px; box-shadow: 0px 0px 3px #B5B5B5; -moz-box-shadow: 0px 0px 3px #b5b5b5; -webkit-box-shadow: 0px 0px 3px #B5B5B5; float:left; } .author-comment{ overflow:hidden; position:relative; } .author-comment cite { color:#3b3b3b; position:relative; display:block; margin-bottom:2px; padding-top:4px; } .commentmetadata { display: block; font-size:85%; clear:both; } .commentmetadata a{color:#3b3b3b;} .commentmetadata a:hover{color:#000;} .comment-wrap{ background: white; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; box-shadow: 0px 1px 3px 0 #B5B5B5; -moz-box-shadow: 0px 1px 3px 0 #b5b5b5; -webkit-box-shadow: 0px 1px 3px 0 #B5B5B5; position:relative; padding:10px; margin-left:20px; } .comment-content{ position:relative; clear:both; display:block; margin-top:10px; overflow:hidden; padding-bottom:5px; } .comment-content p{ line-height:17px; margin-bottom: 10px; } .nocomments {text-align: center;} .commentlist li ul li {margin-left:4px;} .commentlist li.pingback{ padding:5px 10px; border-bottom:1px solid #ddd; } .children{margin-top:15px; margin-left:50px;} .reply a{ position:absolute; bottom:0px; right:0px; background:#ddd; padding:3px 10px; text-shadow:0 1px 1px #FFF; font-size:11px; } .reply a:hover{ background:#333; color:#FFF; text-shadow:0 1px 1px #000; } .bypostauthor {} /* --------------------------------------------- Add Comments Form ------------------------------------------------ */ #respond { margin: 20px 0 10px; overflow: hidden; position: relative; clear: both; } .commentlist li #respond {margin: 10px 0px 20px 70px !important;} #respond h3 { text-transform: none; font-size: 22px; font-family: arial,Georgia, serif; } #commentform { padding: 0 5px; margin-top: 5px; overflow: hidden; } #commentform .required { font-weight: bold; } #commentform label { color: #888; } #commentform p { margin:10px 0; } #commentform textarea, #commentform input { border-color: #F1F1F1; border-top-color: #DDD; border-left-color: #DDD; background: #F9F9F9; color: #515151; font: 12px Tahoma; padding:4px 7px; margin-bottom: 7px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #commentform input { display: block; width: 250px; height:24px; } #commentform textarea { width: 95%; } #commentform input:hover, #commentform textarea:hover {} #commentform input:focus, #commentform textarea:focus {background: #fff;} #commentform .form-allowed-tags , .comment-form-comment label {display: none;} .comment-form-email, .comment-form-url, .comment-form-url, .comment-form-comment {clear: both;} .comment-notes{ margin-bottom:10px; } .form-submit #submit , #login-form .login-button , .widget-feedburner .feedburner-subscribe{ border: 1px solid #D9D9D9; background: #FBFBFB; background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#FBFBFB),color-stop(100%,#EEE )); background: -webkit-linear-gradient(top,#FBFBFB 0,#EEE 100%); background: -moz-linear-gradient(top,#FBFBFB 0,#EEE 100%); background: -o-linear-gradient(top,#FBFBFB 0,#EEE 100%); background: -ms-linear-gradient(top,#FBFBFB 0,#EEE 100%); background: linear-gradient(top,#FBFBFB 0,#EEE 100%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3),inset 0 1px 0 rgba(255, 255, 255, 0.5); color: black; text-shadow: 0 1px 0 white; height: 30px; line-height: 30px; width:auto; font-size: 13px; padding: 0 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: background .40s; -moz-transition: background .40s; -o-transition: background .40s; transition: background .40s; position:relative; } .form-submit #submit:hover, #login-form .login-button:hover , .widget-feedburner .feedburner-subscribe:hover { background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#FFF),color-stop(100%,#f8f8f8)); background: -webkit-linear-gradient(top,#FFF 0,#f8f8f8 100%); background: -moz-linear-gradient(top,#FFF 0,#f8f8f8 100%); background: -o-linear-gradient(top,#FFF 0,#f8f8f8 100%); background: -ms-linear-gradient(top,#FFF 0,#f8f8f8 100%); background: linear-gradient(top,#FFF ,#f8f8f8 100%); } .form-submit #submit:active, #login-form .login-button:active , , .widget-feedburner .feedburner-subscribe:active {top:2px;} input.error, textarea.error{border:1px solid #FF0000 !important;} /* --------------------------------------------- Ads ------------------------------------------------ */ .ads-top { float: right; line-height:0; } .ads-bottom { line-height:0; margin:15px auto 20px; text-align:center; } .ads-post { line-height:0; margin:20px auto ; text-align:center; } .home-ads{ clear:both; margin:20px auto; text-align:center; } /* --------------------------------------------- Tooltip ------------------------------------------------ */ a.ttip, a.tooldown{display:inline-block;} .tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; } .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 0 2px #000000; -webkit-box-shadow: 0 0 2px #000000; -moz-box-shadow: 0 0 2px #000000; } .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; } .tipsy-arrow-n { border-bottom-color: #000; } .tipsy-arrow-s { border-top-color: #000; } .tipsy-arrow-e { border-left-color: #000; } .tipsy-arrow-w { border-right-color: #000; } .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } /* --------------------------------------------- Slider ------------------------------------------------ */ .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative; height:498px;} .flexslider .slides img {width: 100%; height:100%; display: block;} .flex-pauseplay span {text-transform: none;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flexslider { margin: 0 0 20px; position:relative; zoom: 1; width: 1005px; height:498px; background: #000 url('images/black-loader.gif') no-repeat 50% 48%; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); } .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 55%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: 100% 0; right: -30px; } .flex-direction-nav .flex-prev {left: -30px;} .flexslider:hover .flex-next {opacity: 0.8; right: 5px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .disabled {opacity: .3!important; cursor: default;} .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .active {opacity: 1; cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -1px; text-align: center; height:13px;} .flex-control-nav li {margin: 0 ; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {display: block; cursor: pointer; text-indent: -9999px; width:100%; background:#666; height:13px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;} .flex-control-paging li a:hover { background: #000; } .flex-control-paging li a.flex-active { background: #F88C00; cursor: default; } .slider-caption{ position: absolute; width: 75%; padding: 10px; background: #000; right: 0; bottom: 13px; color:#FFF; opacity:0.8; } .slider-caption h1 a{ color:#FFF; text-transform: none; font-size: 35px; font-family: arial,Georgia, serif; } /*small*/ .content .flexslider { width:660px; height:330px;} .content .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative; height:330px;} .content .flexslider .slides img {width: 100%; display: block;} .content .flex-pauseplay span {text-transform: none;} .content .slider-caption h1 a{font-size: 22px;} .content .ei-slider{ height:330px;} .content .ei-slider-loading{line-height:375px;} .content .ei-title h3{font-size: 12px;line-height: 14px;width:435px;} .content .ei-title h1{font-size: 22px;} .ei-slider{ position: relative; width: 100%; max-width: 1005px; height: 498px; margin: 0 auto 35px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); } .ei-slider-loading{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index:999; background: #000 url('images/black-loader.gif') no-repeat 50% 48%; color: #fff; text-align: center; line-height: 520px; } .ei-slider-large{ height: 100%; width: 100%; position:relative; overflow: hidden; } .ei-slider-large li{ position: absolute; top: 0px; left: 0px; overflow: hidden; height: 100%; width: 100%; } .ei-slider-large li img{ width: 100%; } .ei-title{ position: absolute; right: 10%; margin-right: 0; margin-left:2%; bottom: 25%; color:#fff; opacity:0.8; } .ei-title h1, .ei-title h3{ text-align: right; } .ei-title h1{ color: #b5b5b5; text-transform: none; font-size: 35px; font-family: arial,Georgia, serif; background:#000; float:right; padding:5px; margin-bottom:5px; } .ei-title h3{ clear:both; font-size: 14px; line-height: 20px; width:835px; background:#000; padding:5px; } .ei-slider-thumbs{ height: 13px; margin: 0 auto; position: relative; max-width:100%!important; } .ei-title a{ color:#FFF; } .ei-slider-thumbs li{ position: relative; float: left; height: 100%; } .ei-slider-thumbs li.ei-slider-element{ top: 0px; left: 0px; position: absolute; height: 100%; z-index: 10; text-indent: -9000px; background: #F88C00; } .ei-slider-thumbs li a{ display: block; text-indent: -9000px; background: #666 ; width: 100%; height: 100%; cursor: pointer; -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3), 0px 1px 0px 1px rgba(255,255,255,0.5); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3), 0px 1px 0px 1px rgba(255,255,255,0.5); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3), 0px 1px 0px 1px rgba(255,255,255,0.5); -webkit-transition: background 0.2s ease; -moz-transition: background 0.2s ease; -o-transition: background 0.2s ease; -ms-transition: background 0.2s ease; transition: background 0.2s ease; } .ei-slider-thumbs li a:hover{ background-color: #f0f0f0; } .ei-slider-thumbs li img{ position: absolute; bottom: 50px; opacity: 0; z-index: 999; width: 100%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .ei-slider-thumbs li:hover img{ opacity: 1; bottom: 13px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* TABLET : 1024px ----------------------------- */ @media only screen and ( max-width: 1024px ){ .container, header, #main-nav, .breaking-news, #footer-widget-area {width:985px !important;} .flexslider, .ei-slider{ max-width:985px !important; } #main-content{ padding:0; background:transparent; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; } .flex-direction-nav .flex-next {right:5px; opacity: 0.8; } .flex-direction-nav .flex-prev {left:5px; opacity: 0.8;} } /* TABLET : 768px ----------------------------- */ @media only screen and (max-width: 985px) and (min-width: 768px){ header, .container , #main-nav , .breaking-news , #footer-widget-area, .content , .flexslider , #sidebar, .ei-slider, .ei-slider-large li{width:750px !important;} .flexslider , .flexslider .slides > li {height:330px !important;} .flex-direction-nav .flex-next {right:5px; opacity: 0.8; } .flex-direction-nav .flex-prev {left:5px; opacity: 0.8;} .ei-slider, .ei-slider-large li{height:330px;} .ei-slider-large li img{width:100% !important; height:330px !important; margin:0 !important;} .ei-title h3{width:635px;} .logo img{max-height:70px;margin:0 !important; margin-top:0;} #top-menu-mob , #main-menu-mob{display:block;float:left;} .main-menu , .top-menu{ display:none; } #top-menu-mob{ background: #FFF; width: 500px; padding: 5px; border: 1px solid #ccc; height: 26px; color:#000; margin:2px 0 0 120px; } #main-menu-mob{ background: #222; width: 500px; padding: 5px; border: 1px solid #000; color:#DDD; height: 27px; margin:13px 0 0 120px; } .search-block #s { width:150px; border: 1px solid #ECECEC; padding: 8px 12px 7px 12px; } .widget , .search-widget input{ float:left; clear:none; width:359px; margin:0 8px 20px; } .search-widget input{ width:339px;} .widget-counter li { width:119px;} .recent-box .recent-item { margin-right:55px;} .list-box li , .list-box li.first-news, .cat-tabs-wrap li ,.cat-tabs-wrap li.first-news { width:344px;} .list-box li.first-news .post-thumbnail, .cat-tabs-wrap li.first-news .post-thumbnail {width:336px; height:155px;} .cat-box.column2{width:364px;} .cat-box.column2 .first-news .post-thumbnail{ height:140px} .group_items{width:710px;} .scroll-box .scroll-item { margin-right:39px;} .wide-box li { width:335px } #topcontrol, .today-date{display:none;} .footer-widgets-box { width:48% !important; margin-right:4% !important;} #footer-second , #footer-fourth{ margin-right:0 !important;} #tabbed-widget ul.tabs li a { padding: 5px 19px 1px; } .ads-top{ clear:both; float:none; text-align:center; border: 0 none; background:none !important; padding:30px 0 0; } .search-block{ position:absolute; top:75px; right:60px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; z-index:9999; } a.random-article { width: 30px; height: 30px; position: absolute; right: 20px; top: 70px; } .top-nav .social-icons { position:absolute; top:71px; right:50px; z-index:9999; } } /* Phone : 480px ----------------------------- */ @media only screen and (max-width: 767px) and (min-width: 480px){ #topcontrol , .ads-top, .ads-bottom,.home-ads, .ads-post, .today-date,.ei-slider-thumbs li img, .ei-title h3, .slider-caption p{display:none !important;} header, .container , #main-nav , .breaking-news , #footer-widget-area, .content , .flexslider , #sidebar, .ei-slider, .ei-slider-large li,#main-content{width:445px !important;} .flexslider , .flexslider .slides > li ,.flexslider .slides img{max-height:250px !important;} .ei-slider, .ei-slider-large li{height:250px !important;} .ei-slider-large li img{width:100% !important; height:250px !important; margin-left: 0 !important;} .ei-title h1, .slider-caption h1 a{ font-size:22px;} .single-post-thumb img { max-height:210px; } .slider-caption{width:auto;} .logo{float:none;text-align:center;} #top-menu-mob , #main-menu-mob{display:block;float:left;} .main-menu , .top-menu, .breaking-news, .ei-title h3{ display:none; } #top-menu-mob{ background: #FFF; width: 210px; padding: 5px; border: 1px solid #ccc; height: 26px; color:#000; margin:2px 0 0 10px; } #main-menu-mob{ background: #222; width: 210px; padding: 5px; border: 1px solid #000; color:#DDD; height: 27px; margin:13px 0 0 10px; } .widget.news-pic .post-thumbnail {margin: 3px 6px;} .pic-box li.first-pic { margin-right:0; float:none; width:100%} .pic-box .first-pic .post-thumbnail { margin:0 auto; width:294px;} .pic-box li { margin-left:10px} .widget , .search-widget input{clear:none; width:445px;margin:0 0 20px;} .search-widget input{ width:423px;} .recent-box .recent-item , .recent-box .recent-item:nth-child(3n+3) { margin-right:5px;} .recent-box .recent-item:nth-child(2n+2) {margin-right: 0;} .list-box li.first-news .post-thumbnail, .cat-tabs-wrap li.first-news .post-thumbnail {width:336px; height:155px; margin:0 auto 15px;} .cat-box.column2{width:445px; float:none; margin-right:0;} .cat-box.column2 .first-news .post-thumbnail{ height:200px} .group_items{width:402px !important;} .scroll-box .scroll-item { margin:0 27px;} .wide-box li { width:420px } .cat-tabs-wrap li.first-news , .list-box li.first-news{ width:100%; float:none; margin: 0 0 10px 0; border-bottom:1px solid #ddd; padding-bottom:10px } .cat-tabs-wrap li ,.list-box li { width:100%; border-bottom:1px solid #F2F2F2;} .footer-widgets-box { width:100% !important; margin-right:0% !important;} #tabbed-widget ul.tabs li a { padding: 5px 19px 1px; } .search-block{ position:relative; top:0; right:0; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; z-index:9999; width:210px; } .search-block #s , .search-block #s:focus{ width:154px} a.random-article { position:relative; } .top-nav .social-icons { position: relative; top:0; right:0; z-index:9999; } .footer-bottom{ text-align:center; padding:0 20px; height:auto; overflow:hidden;
Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
- The topic ‘How to align post text’ is closed to new replies.