teknoliste | Siteni Ekle

css4

TASARIM ÜSTÜ

<!DOCTYPE html> <html class="no-js" lang="en-US"> <head> 	<FCK:meta charset="UTF-8" /> 	<title>GreenChilli</title> 	<link rel="icon" href="http://demo.mythemeshop.com/greenchilli/files/2012/10/favicon.png" type="image/x-icon" /> 	 <link rel="apple-touch-icon" href="apple-touch-icon.png"> <FCK:meta name="viewport" content="width=device-width, initial-scale=1.0" /> <FCK:meta name="apple-mobile-web-app-capable" content="yes" /> <FCK:meta name="apple-mobile-web-app-status-bar-style" content="black" /> 	<link rel="stylesheet" type="text/css" media="all" href="http://demo.mythemeshop.com/greenchilli/wp-content/themes/greenchilli/style.css" /> 	<link rel="pingback" href="http://demo.mythemeshop.com/greenchilli/xmlrpc.php" /> 			 	 <link href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:400,700" rel="stylesheet" type="text/css">  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script src="http://demo.mythemeshop.com/greenchilli/wp-content/themes/greenchilli/js/modernizr.min.js"></script> <script src="http://demo.mythemeshop.com/greenchilli/wp-content/themes/greenchilli/js/customscript.js" type="text/javascript"></script> <style type="text/css"> #header h1, #header h2 {text-indent: -999em; min-width:286px; } #header h1 a, #header h2 a {background: url(http://demo.mythemeshop.com/greenchilli/files/2012/10/logo.png) no-repeat; min-width: 188px; display: block; min-height: 70px; line-height: 70px; } body {background-color:#EBEBEB;} .nav-previous a, .nav-next a, .comment_cont span, #navigation ul ul a:hover, .flex-control-nav li a:hover, #navigation ul a:hover,.flex-control-nav li .active,#tabber ul.tabs li a.selected,#tabber ul.tabs li.tab-recent-posts a.selected,.readMore a,.currenttext, .pagination a:hover,.mts-subscribe input[type="submit"], .date_container, #commentform input#submit,.comment_cont span {background-color:#8FC400; } .tagcloud a {border-color:#8FC400; } .single_post a, a:hover, #logo a, .textwidget a, #commentform a, #tabber .inside li a, .copyrights a:hover, a,.f-widget .popular-posts li a:hover, .comment-meta a,.pp_date {color:#8FC400; } .comment_cont span:after{border-right-color:#8FC400;} </style>   	<link rel="alternate" type="application/rss+xml" title="GreenChilli » Feed" href="http://demo.mythemeshop.com/greenchilli/feed/" /> <link rel="alternate" type="application/rss+xml" title="GreenChilli » Comments Feed" href="http://demo.mythemeshop.com/greenchilli/comments/feed/" /> <link rel='stylesheet' id='wp-postratings-css'  href='http://demo.mythemeshop.com/greenchilli/wp-content/plugins/wp-postratings/postratings-css.css?ver=1.63' type='text/css' media='all' /> <script type='text/javascript' src='http://demo.mythemeshop.com/greenchilli/wp-includes/js/jquery/jquery.js?ver=1.8.3'></script> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://demo.mythemeshop.com/greenchilli/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://demo.mythemeshop.com/greenchilli/wp-includes/wlwmanifest.xml" />          </head>   <body id ="blog" class="home blog main cat-7-id cat-30-id"> 	<header class="main-header"> 		<div class="container"> 			<div id="header"> 										<h1 id="logo"> 							<a href="http://cevapverin.tr.gg/" _fcksavedurl="http://cevapverin.tr.gg/">CevapVerin</a> 						</h1> 				<form method="get" id="searchform" class="search-form" action="http://demo.mythemeshop.com/greenchilli" _lpchecked="1"> 	<fieldset> 		<input type="text" name="s" id="s" value="" onfocus_fckprotectedatt="%20onfocus%3D%22if(this.value%3D%3D'Sitede%20Ara')this.value%3D''%3B%22" x-webkit-speech onwebkitspeechchange_fckprotectedatt="%20onwebkitspeechchange%3D%22transcribe(this.value)%22">  	</fieldset> 	</fieldset> </form>              			</div>             <div class="secondary-navigation"> 					<nav id="navigation" > 													<ul id="menu-main-navigation" class="menu"><li id="menu-item-1225" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1225"><a href="http://demo.mythemeshop.com/greenchilli/home/" _fcksavedurl="http://demo.mythemeshop.com/greenchilli/home/">Home</a></li> <li id="menu-item-1186" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1186"><a href="http://demo.mythemeshop.com/greenchilli/category/apple/" _fcksavedurl="http://demo.mythemeshop.com/greenchilli/category/apple/">Apple</a></li> <li id="menu-item-1185" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1185"><a href="http://demo.mythemeshop.com/greenchilli/category/google/" _fcksavedurl="http://demo.mythemeshop.com/greenchilli/category/google/">Google</a></li> <li id="menu-item-1188" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1188"><a href="http://demo.mythemeshop.com/greenchilli/category/facebook/" _fcksavedurl="http://demo.mythemeshop.com/greenchilli/category/facebook/">Facebook</a></li> <li id="menu-item-1187" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1187"><a href="http://demo.mythemeshop.com/greenchilli/category/mobiles/" _fcksavedurl="http://demo.mythemeshop.com/greenchilli/category/mobiles/">Mobiles</a></li> <li id="menu-item-1265" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1265"><a href="http://#" _fcksavedurl="http://#">Options Panel</a> <ul class="sub-menu"> 	<li id="menu-item-1262" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1262"><a href="http://demo.mythemeshop.com/greenchilli/general-settings/" _fcksavedurl="http://demo.mythemeshop.com/greenchilli/general-settings/">General Settings</a></li> 	<li id="menu-item-1261" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1261"><a href="http://demo.mythemeshop.com/greenchilli/styling-options/" _fcksavedurl="http://demo.mythemeshop.com/greenchilli/styling-options/">Styling Options</a></li> 	<li id="menu-item-1264" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1264"><a href="http://demo.mythemeshop.com/greenchilli/single-post-settings/" _fcksavedurl="http://demo.mythemeshop.com/greenchilli/single-post-settings/">Single Post Settings</a></li> 	<li id="menu-item-1263" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1263"><a href="http://demo.mythemeshop.com/greenchilli/options-panel/ad-management/" _fcksavedurl="http://demo.mythemeshop.com/greenchilli/options-panel/ad-management/">Ad Management</a></li> </ul> </li> <li id="menu-item-1184" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1184"><a href="http://demo.mythemeshop.com/greenchilli/category/product-reviews/" _fcksavedurl="http://demo.mythemeshop.com/greenchilli/category/product-reviews/">Reviews</a></li> </ul>											</nav> 				</div>  		</div>         	</header> <div class="main-container"><div id="page"> 	<div class="content"> 		<article class="article"> 			<div id="content_box">

TASARIM ALTI

</article> <aside class="sidebar c-4-12"> <div id="sidebars" class="g"> 	<div class="sidebar"> 	<ul class="sidebar_list"> 		<li class="widget widget-sidebar">        	 			<div class="mts-subscribe">                                  <h3>Subscribe</h3>                 <form style="" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit_fckprotectedatt="%20onsubmit%3D%22window.open('http%3A%2F%2Ffeedburner.google.com%2Ffb%2Fa%2Fmailverify%3Furi%3Dhttp%3A%2F%2Ffeeds.feedburner.com%2Fmythemeshop'%2C%20'popupwindow'%2C%20'scrollbars%3Dyes%2Cwidth%3D550%2Cheight%3D520')%3Breturn%20true%22" _lpchecked="1"> 				<input type="text" value="Your email Address..." onblur_fckprotectedatt="%20onblur%3D%22if%20(this.value%20%3D%3D%20'')%20%7Bthis.value%20%3D%20'Your%20email%20Address...'%3B%7D%22" onfocus_fckprotectedatt="%20onfocus%3D%22if%20(this.value%20%3D%3D%20'Your%20email%20Address...')%20%7Bthis.value%20%3D%20''%3B%7D%22"  name="email"> 				<input type="hidden" value="http://feeds.feedburner.com/mythemeshop" name="uri"><input type="hidden" name="loc" value="en_US"><input type="submit" value="Subscribe"> 				</form>                  <div class="result"></div>                              </div> 		 		</li><li class="widget widget-sidebar"><h3>Sponsor</h3><div class="ad-300"><a href="http://mythemeshop.com/" _fcksavedurl="http://mythemeshop.com/"><img src="http://demo.mythemeshop.com/greenchilli/wp-content/themes/greenchilli/images/300x250.gif" _fcksavedurl="http://demo.mythemeshop.com/greenchilli/wp-content/themes/greenchilli/images/300x250.gif" width="300" height="250" alt="" /></a></div></li>		<li class="widget widget-sidebar">		<h3>Son Konular</h3>		<ul> 					<li> 				<a href="http://demo.mythemeshop.com/greenchilli/2012/05/16/facebook-buys-lightbox-an-android-photo-sharing-app/" _fcksavedurl="http://demo.mythemeshop.com/greenchilli/2012/05/16/facebook-buys-lightbox-an-android-photo-sharing-app/" title="Eget Malesuada Nunc Delis Sed Augue Aenean">Eget Malesuada Nunc Delis Sed Augue Aenean</a> 						</li> 					<li> 				<a href="http://demo.mythemeshop.com/greenchilli/2012/05/05/how-twitter-works-all-you-need-to-know-about-twitter/" _fcksavedurl="http://demo.mythemeshop.com/greenchilli/2012/05/05/how-twitter-works-all-you-need-to-know-about-twitter/" title="Class Aptent Taciti Aociosqu Ad Litora Torquent Per Conubia Nostra">Class Aptent Taciti Aociosqu Ad Litora Torquent Per Conubia Nostra</a> 						</li> 					<li> 				<a href="http://demo.mythemeshop.com/greenchilli/2012/05/03/4-killer-social-media-marketing-strategies/" _fcksavedurl="http://demo.mythemeshop.com/greenchilli/2012/05/03/4-killer-social-media-marketing-strategies/" title="Vestibulum Ante Ipsum Primis In Faucibus Orci Luctus Et Ultrices">Vestibulum Ante Ipsum Primis In Faucibus Orci Luctus Et Ultrices</a> 						</li> 					<li> 				<a href="http://demo.mythemeshop.com/greenchilli/2012/05/01/why-facebooks-ipo-could-be-bad-news-for-users-privacy/" _fcksavedurl="http://demo.mythemeshop.com/greenchilli/2012/05/01/why-facebooks-ipo-could-be-bad-news-for-users-privacy/" title="Why Facebook’s IPO Could Be Bad News For Users’ Privacy">Why Facebook’s IPO Could Be Bad News For Users’ Privacy</a> 						</li> 					<li> 				<a href="http://demo.mythemeshop.com/greenchilli/2012/04/17/porttitor-lectus-tincidunt-elementum-nascetur-montes/" _fcksavedurl="http://demo.mythemeshop.com/greenchilli/2012/04/17/porttitor-lectus-tincidunt-elementum-nascetur-montes/" title="Porttitor Lectus Tincidunt Elementum Nascetur Montes">Porttitor Lectus Tincidunt Elementum Nascetur Montes</a> 						</li> 					<li> 				<a href="http://demo.mythemeshop.com/greenchilli/2012/04/14/a-post-with-everything-in-it/" _fcksavedurl="http://demo.mythemeshop.com/greenchilli/2012/04/14/a-post-with-everything-in-it/" title="A Post with Everything In It">A Post with Everything In It</a> 						</li> 				</ul> 		</li><li class="widget widget-sidebar"><h3>Sponsorlar</h3><div class="ad-125"><ul><li class="oddad"><a href="http://mythemeshop.com/" _fcksavedurl="http://mythemeshop.com/"><img src="http://demo.mythemeshop.com/greenchilli/wp-content/themes/greenchilli/images/125x125.gif" _fcksavedurl="http://demo.mythemeshop.com/greenchilli/wp-content/themes/greenchilli/images/125x125.gif" width="125" height="125" alt="" /></a></li><li class="evenad"><a href="http://mythemeshop.com/" _fcksavedurl="http://mythemeshop.com/"><img src="http://demo.mythemeshop.com/greenchilli/wp-content/themes/greenchilli/images/125x125.gif" _fcksavedurl="http://demo.mythemeshop.com/greenchilli/wp-content/themes/greenchilli/images/125x125.gif" width="125" height="125" alt="" /></a></li></ul></div></li><li class="widget widget-sidebar"><h3>Facebookta Takip Et</h3>		<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fcevapverinfan&width=292&colorscheme=light&show_faces=true&stream=false&header=false&height=260" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height: 260px;" allowTransparency="true"></iframe> 		</li>	</ul> 	</div> </div> </aside>	</div> </div> </div> 	<footer> 		<div class="container"> 			<div class="footer-widgets">                 <div class="footer-w-container">		<div class="f-widget f-widget-1"> 			<div class="widget"><h3>Etiketler</h3><div class="tagcloud"><a href='http://demo.mythemeshop.com/greenchilli/tag/facebook/' _fcksavedurl='http://demo.mythemeshop.com/greenchilli/tag/facebook/' class='tag-link-30' title='1 topic' style='font-size: 8pt;'>Facebook</a> <a href='http://demo.mythemeshop.com/greenchilli/tag/featured/' _fcksavedurl='http://demo.mythemeshop.com/greenchilli/tag/featured/' class='tag-link-32' title='1 topic' style='font-size: 8pt;'>featured</a> <a href='http://demo.mythemeshop.com/greenchilli/tag/social-media-2/' _fcksavedurl='http://demo.mythemeshop.com/greenchilli/tag/social-media-2/' class='tag-link-234' title='1 topic' style='font-size: 8pt;'>Sosyal Medya</a> <a href='http://demo.mythemeshop.com/greenchilli/tag/tag-1/' _fcksavedurl='http://demo.mythemeshop.com/greenchilli/tag/tag-1/' class='tag-link-243' title='5 topics' style='font-size: 22pt;'>Tag 1</a> <a href='http://demo.mythemeshop.com/greenchilli/tag/tag-2/' _fcksavedurl='http://demo.mythemeshop.com/greenchilli/tag/tag-2/' class='tag-link-244' title='4 topics' style='font-size: 19.6666666667pt;'>Tag 2</a> <a href='http://demo.mythemeshop.com/greenchilli/tag/tag-3/' _fcksavedurl='http://demo.mythemeshop.com/greenchilli/tag/tag-3/' class='tag-link-245' title='3 topics' style='font-size: 16.75pt;'>Tag 3</a></div> </div>		</div> 		<div class="f-widget f-widget-2"> 			<div class="widget"><h3>Tema Hakkında</h3>			<div class="textwidget">CevapVerin Tarafından Bedava-Sitem'e Uyarlandı.Footer Kısmında Değişiklik Yapmayınız.İyi günlerde kullanınız.Footer Kısımı Dışındaki Her Yeri İstediğiniz Gibi Değiştirme Hakkına Sahipsiniz.Sosyal Medya Kısmı Dahil.</div> 		</div>		</div> 		<div class="f-widget last"> 			<div class="widget">        	 			<div class="mts-subscribe">                                                   <form style="" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit_fckprotectedatt="%20onsubmit%3D%22window.open('http%3A%2F%2Ffeedburner.google.com%2Ffb%2Fa%2Fmailverify%3Furi%3D'%2C%20'popupwindow'%2C%20'scrollbars%3Dyes%2Cwidth%3D550%2Cheight%3D520')%3Breturn%20true%22" _lpchecked="1"> 				<input type="text" value="Your email Address..." onblur_fckprotectedatt="%20onblur%3D%22if%20(this.value%20%3D%3D%20'')%20%7Bthis.value%20%3D%20'Your%20email%20Address...'%3B%7D%22" onfocus_fckprotectedatt="%20onfocus%3D%22if%20(this.value%20%3D%3D%20'Your%20email%20Address...')%20%7Bthis.value%20%3D%20''%3B%7D%22"  name="email"> 				<input type="hidden" value="" name="uri"><input type="hidden" name="loc" value="en_US"><input type="submit" value="Subscribe"> 				</form>                  <div class="result"></div>                              </div> 		 		</div><div class="widget"><div class="social-profile-icons"><ul class=""><li class="social-dribbble"><a title="Dribbble" href="#" _fcksavedurl="#" >Dribbble</a></li><li class="social-email"><a title="Email" href="#" _fcksavedurl="#" >Email</a></li><li class="social-facebook"><a title="Facebook" href="#" _fcksavedurl="#" >Facebook</a></li><li class="social-gplus"><a title="Google+" href="#" _fcksavedurl="#" >Google+</a></li><li class="social-linkedin"><a title="LinkedIn" href="#" _fcksavedurl="#" >Linkedin</a></li><li class="social-pinterest"><a title="Pinterest" href="#" _fcksavedurl="#" >Pinterest</a></li><li class="social-rss"><a title="RSS" href="#" _fcksavedurl="#" >RSS</a></li><li class="social-stumbleupon"><a title="StumbleUpon" href="#" _fcksavedurl="#" >StumbleUpon</a></li><li class="social-twitter"><a title="Twitter" href="#" _fcksavedurl="#" >Twitter</a></li><li class="social-youtube"><a title="YouTube" href="#" _fcksavedurl="#" >YouTube</a></li><li class="social-flickr"><a title="Flickr" href="#" _fcksavedurl="#" >Flickr</a></li><li class="social-lastfm"><a title="Lastfm" href="#" _fcksavedurl="#" >Lastfm</a></li><li class="social-tumblr"><a title="Tumblr" href="#" _fcksavedurl="#" >Tumblr</a></li><li class="social-vimeo"><a title="Vimeo" href="#" _fcksavedurl="#" >Vimeo</a></li></ul></div></div>		</div> </div>                 <div class="copyrights"> <div class="row" id="copyright-note"> <span><a href="http://demo.mythemeshop.com/greenchilli/" _fcksavedurl="http://demo.mythemeshop.com/greenchilli/" title="Just another MyThemeShop Playground site">GreenChilli</a> Copyright © 2013.<a href="http://cevapverin.tr.gg/" _fcksavedurl="http://cevapverin.tr.gg/">CevapVerin</a> Tarafından Bedava-Sitem'e Uyarlanmıştır.</span> <div class="top">Theme by <a href="http://mythemeshop.com/" _fcksavedurl="http://mythemeshop.com/">MyThemeShop</a>. <a href="#top" _fcksavedurl="#top" class="toplink">Yukarıya Çık ↑</a></div> </div>  </div>  			</div> 		</div> 	</footer>   <script type="text/javascript">
jQuery(document).ready(function(e) {
    (function($){
		$('#searchform input').attr('placeholder','Sitede Ara');
		$('.comment-author').parent('div').addClass('commentContainer');
	}(jQuery));
});
</script> <script type='text/javascript'>
/* <![CDATA[ */
var ratingsL10n = {"plugin_url":"http://demo.mythemeshop.com/greenchilli/wp-content/plugins/wp-postratings","ajax_url":"http://demo.mythemeshop.com/greenchilli/wp-admin/admin-ajax.php","text_wait":"Please rate only 1 post at a time.","image":"","image_ext":"gif","max":"0","show_loading":"0","show_fading":"0","custom":"0"};
var ratings_mouseover_image=new Image();ratings_mouseover_image.src=ratingsL10n.plugin_url+"/images/"+ratingsL10n.image+"/rating_over."+ratingsL10n.image_ext;;
/* ]]> */
</script> <script type='text/javascript' src='http://demo.mythemeshop.com/greenchilli/wp-content/plugins/wp-postratings/postratings-js.js?ver=1.63'></script>

CSS KODU

h1#title{display: none;}  h2#title span {display: none;}  div.header{display: none;}  li.nav_element{list-style-type: none;}  li.nav_element{display: none;}  /* Theme Name: GreenChilli Theme URI: http://mythemeshop.com/themes/greenchilli Author: MyThemeShop Author URI: http://mythemeshop.com/ Description: GreenChilli is a free premium responsive WordPress theem by MyThemeShop Version: 1.0  */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {     margin: 0;     padding: 0;     border: 0;     font-size: 100%;     font: inherit;     vertical-align: baseline; } html {     overflow-x: hidden;     -webkit-font-smoothing: antialiased; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after {     content: '';     content: none; } table {     border-collapse: collapse;     border-spacing: 0; } button, input, select, textarea { margin: 0 } :focus { outline: 0 } a:link { -webkit-tap-highlight-color: #FF5E99 } img, video, object, embed { height: auto } iframe { max-width: 100% } blockquote {     font-style: italic;     font-weight: normal;     font-family: Georgia,Serif;     font-size: 15px;     padding: 0 10px 20px 27px;     position: relative;     margin-top: 25px; } blockquote:after {     position: absolute;     content: '"';     font-size: 40px;     color: #D0D9E0;     width: 50px;     top: -5px;     left: 0;     font-family: arial; } blockquote p { margin-bottom: 10px } strong, b { font-weight: bold } em, i, cite {     font-style: italic;     font-family: georgia; } small { font-size: 100% } figure { margin: 10px 0 } code, pre {     font-family: monospace,consolas,sans-serif;     font-weight: normal;     font-style: normal; } pre {     margin: 5px 0 20px 0;     line-height: 1.3em;     padding: 8px 10px;     overflow: auto; } code {     padding: 0 8px;     line-height: 1.5; } mark {     padding: 1px 6px;     margin: 0 2px;     color: black;     background: #FFD700; } address { margin: 10px 0 } .wp-caption {     background: #fff;     border: 1px solid #f0f0f0;     max-width: 96%; /* Image does not overflow the content area */     padding: 5px 3px 10px;     text-align: center; } .sticky { } .gallery-caption { } .bypostauthor { } .wp-caption-text { } /*-[ Framework ]--------------------*/ body {     line-height: 1;     font: 14px/22px arial, sans-serif;     color: #686868;     background-color: #EBEBEB; } ::-moz-selection {     background: #222;     color: white;     text-shadow: none; } ::selection {     background: #222;     color: white;     text-shadow: none; } #page, .container {     position: relative;     margin-right: auto;     margin-left: auto; } h1, h2, h3, h4, h5, h6 {     font-weight: bold;     margin-bottom: 12px;     font-family: 'Open Sans Condensed', sans-serif;     color: #222; } h1 {     font-size: 28px;     line-height: 44px; } h2 {     font-size: 24px;     line-height: 40px; } h3 {     font-size: 22px;     line-height: 38px; } h4 {     font-size: 20px;     line-height: 24px; } h5 {     font-size: 18px;     line-height: 34px; } h6 {     font-size: 16px;     line-height: 24px; } .sub-title { font-size: 12px } p { margin-bottom: 20px } a {     text-decoration: none;     color: #2DB2EB;     -webkit-transition: background-color, color 0.2s linear;     -moz-transition: background-color, color 0.2s linear;     transition: background-color, color 0.2s linear; } a:hover { color: #00A8FF } a:link, a:visited, a:active { text-decoration: none } /*-[ Main container ]---------------*/ .main-container {     width: 960px;     margin: 0 auto;     max-width: 100%; } #page, .container {     max-width: 960px;     min-width: 240px;     overflow: visible; } .main-header .container {     background: #fff;     border-left: 1px solid #ccc;     border-right: 1px solid #ccc; } #page {     border-left: 1px solid #ccc;     border-right: 1px solid #ccc;     width: 100%;     background: #fff;     padding-top: 25px;     min-height: 100px;     float: left;     clear: both;     margin-left: -1px;     border-top: 0; } /*-[ Header ]-----------------------*/ body > header {     float: left;     width: 100%;     position: relative; } .main-header {     position: relative;     float: left;     width: 100%;     z-index: 99; } #header {     position: relative;     width: 100%;     max-width: 920px;     margin: 0 auto;     background-color: #FFF;     padding: 0 0 0 0%;     overflow: hidden; } #header h1, #header h2 {     font-size: 38px;     display: block;     float: left;     display: inline-block;     line-height: 50px;     margin: 30px 0 0; } #logo a {     color: #2DB2EB;     text-transform: uppercase; } #header #searchform {     display: inline-block;     max-width: 250px;     float: right;     clear: none;     padding: 37px 0 !important; } #header #searchform fieldset { width: 100% } #header #searchform label { display: none } #searchform #s { background: url(images/search2.png) 7px 7px no-repeat; text-indent: 15%; max-width: 283px;} #header #searchform #s {     border: 1px solid #cccccc;     width: 95.6%; } #searchform input { padding: 12px 3% 12px 0;} .widget-header {     float: right;     max-width: 76%;     margin-bottom: 12px; } /*-[ Navigation ]-----------------*/ .main-navigation {     display: block;     float: left;     width: 100%;     margin-top: -1px; } .main-navigation #navigation ul ul { border-bottom: 1px solid #eee } .main-navigation #navigation ul ul::after { border-color: transparent transparent rgba(238, 238, 238, 0.92) } .main-navigation #navigation {     border: 1px solid #EEE;     width: 958px;     max-width: 100%;     border-top: 0; } .main-navigation #navigation ul li li {     background: #fff;     border: 1px solid #eee;     border-bottom: 0; } .main-navigation #navigation ul li li a {     color: #5a5a5a;     text-shadow: 0 0; } .main-navigation li a {     font-size: 14px;     line-height: 1.2em;     padding: 13px;     color: #5a5a5a;     text-decoration: none;     text-transform: uppercase;     border-right: 1px solid #eee;     font-family: 'Open Sans Condensed', sans-serif; } .main-navigation li ul li a { margin-left: 0 } .main-navigation .children { width: 100% } .main-navigation .children li .sf-sub-indicator, .secondary-navigation .children li .sf-sub-indicator { display: none } .secondary-navigation {     display: block;     margin: 0 auto;     max-width: 962px;     width: 100%; } .secondary-navigation ul li { } .secondary-navigation a {     font-size: 14px;     color: #999;     text-align: left;     text-decoration: none;     margin: 0 12px 0 15px;     display: block;     width: 100%;     padding: 10px 0px;     text-align: center;     font-weight: normal; } .secondary-navigation a:hover { color: #fff !important } .secondary-navigation a .sub {     font-size: 11px;     font-weight: normal;     font-family: arial;     color: #9B9B9B; } .sf-js-enabled li a.sf-with-ul { padding-right: 10px } .sf-js-enabled li  ul.sf-with-ul { padding-right: 20px } #navigation .sf-sub-indicator {     display: block;     width: 11px;     overflow: hidden;     position: absolute;     right: -13px;     top: 10px; } #navigation {     margin: 0px auto 0px auto;     font-size: 13px;     float: left;     width: 100%;     background: #222; } #navigation select { display: none } #navigation ul {     width: 960px;     margin: 0 auto; } #navigation .menu { } #navigation ul li {     float: left;     position: relative; } #navigation ul .header-search { float: right } #navigation > ul > li:last-child { border-right: none } #navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited {     overflow: hidden;     display: block; } #navigation > ul > .current a {     background: transparent;     color: #5a5a5a !important; } #navigation ul li li {     background: #222222;     border: 1px solid #ccc;     border-bottom: 0; } #navigation ul ul {     position: absolute;     width: 190px;     padding-top: 0;     z-index: 400;     font-size: 12px;     color: #798189;     border-bottom: 1px solid #eee;     left: 15px !important; } #navigation ul ul li { padding: 0 } #navigation ul ul a, #navigation ul ul a:link, #navigation ul ul a:visited {     text-align: left;     padding: 9px 20px;     position: relative;     width: 150px;     border-left: 0;     background: transparent;     border-right: 0;     -moz-border-radius: 0;     -webkit-border-radius: 0;     border-radius: 0;     border-bottom: 1px solid   rgba(255, 255, 255, 0.05);     margin: 0; } #navigation ul ul a:hover { color: #fff } #navigation ul ul li:first-child a { } #navigation ul ul li:last-child a { border-bottom: none } #navigation ul ul {     opacity: 0;     left: -999em; } #navigation ul li:hover ul {     left: auto;     opacity: 1; } #navigation ul ul ul { top: -10px } #navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li:hover ul ul ul ul {     left: -999em;     opacity: 0; } #navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li li li li:hover ul {     opacity: 1;     left: 195px; } #page-header:after, #navigation ul ul:after {     border-color: transparent transparent #D8D8D8;     border-color: transparent transparent rgba(218, 218, 218, 0.92);     border-style: solid;     border-width: 0px;     content: "";     display: block;     height: 0;     position: absolute;     width: 0; } #navigation ul ul:after {     left: 10px;     top: -5px; } #navigation ul ul ul:after {     border-color: transparent #282E33 transparent transparent;     border-color: transparent rgba(14,19,22,0.92) transparent transparent;     left: -12px;     top: 3px; } /*-[ Content ]--------------------*/ .article {     width: 63%;     padding-left: 20px;     float: left;     margin-bottom: 10px; } .single #content_box {     background: #f8f8f8;     float: left;     width: 100%; } .post {     float: left;     width: 100%; } .single_post {     padding: 3%;     float: left;     width: 94%; } .single_page {     padding: 22px;     padding-top: 0; } .post-content {     font-size: 14px;     line-height: 22px;     padding-top: 5px;     padding-bottom: 15px;     margin-bottom: 0; } .post-single-content {     font-size: 14px;     line-height: 22px; } .readMore {     float: right;     color: #7B7A79; } .readMore a {     color: #fff;     padding: 7px 10px;     float: left; } .readMore a:hover {     background: #222;     color: #fff; } .ss-full-width {     background: white;     padding: 20px;     margin-bottom: 30px;     overflow: hidden;     padding-top: 0; } .ss-full-width #content_box {     padding-right: 0;     padding-left: 0; } .post.excerpt {     clear: both;     margin-bottom: 20px;     overflow: hidden;     padding-bottom: 15px;     background-color: #eee;     padding: 3%;     width: 94%; } .homepageimg {     max-width: 185px;     max-height: 215px; } .home_post_container { } .wp-post-image { float: left } #featured-thumbnail {     width: 100%; } .featured-thumbnail img {     margin-bottom: 0;     width: 100%; } .date_con_handler .featured-thumbnail {     border: 0.4em solid #ccc;     overflow: hidden; } .home_post_container { overflow: hidden } .title {     text-transform: uppercase;     margin-bottom: 5px;     font-size: 24px;     line-height: 28px;     clear: both; } .single-title {     float: left;     padding: 0 0 0 0;     width: 100%; } .title a { color: #000 } .page h1.title { margin-bottom: 0 } .post-info {     border-top: 1px solid #ccc;     border-bottom: 1px solid #ccc;     padding: 0.8em 0;     display: block;     font-size: 13px;     color: #555; } .single-postmeta {     clear: both;     float: left;     margin-bottom: 10px; } .home article header, .archive article header {     margin-bottom: 10px;     float: left;     margin-right: 3%; } article header {     margin-bottom: 25px;     overflow: hidden; } .post-info a { text-transform: capitalize } .single .post-info {     border: 0;     float: left;     padding-top: 0; } .date_con_handler {     position: relative;     overflow: visible !important; } .date_container {     position: absolute;     top: 1em;     width: 61px;     height: 61px;     color: #fff;     font-weight: bold;     text-align: center;     font-size: 18px;     line-height: 29px;     font-family: 'Open Sans Condensed', sans-serif;     margin-left: -79px; } .single article header { margin-bottom: 10px } .article img.left, .article img.alignleft, .wp-caption.alignleft {     margin: 0.3em 1.571em 0.5em 0;     display: block;     float: left; } .article img.right, .article img.alignright, .wp-caption.alignright {     margin: 0.3em 0 0.5em 1.571em;     display: block;     float: right; } .article img.center, .article img.aligncenter, .wp-caption.aligncenter {     margin: 0.3em auto 0.5em auto;     display: block; } .article img.aligncenter, .article img.alignnone {     margin-top: 1em;     margin-bottom: 1em;     display: block; } .article img.alignnone { clear: both } .article ul {     margin: 1.5em 0 1.571em 1.571em;     list-style-type: circle; } .article ol {     margin: 1.5em 0 1.571em 1.571em;     list-style-type: decimal; } /*-[ Tweets Widget ]---------------------------*/ .tweets li { margin-bottom: 15px!important } .twitter-follow {     background: url(images/small_twitter.png) no-repeat center left;     padding: 5px 0 5px 20px;     float: right; } /*-[ Form Input ]------------------*/ input, textarea, select {     padding: 8px 12px;     font-size: 12px;     color: #5E656D; } textarea {     overflow: auto;     resize: vertical; } select { padding: 12px 20px } input:focus, textarea:focus { } ::-webkit-input-placeholder {     color: #585F65;     text-shadow: 0 1px 1px rgba(255,255,255,0.4); } ::-moz-input-placeholder {     color: #585F65;     text-shadow: 0 1px 1px rgba(255,255,255,0.4); } ::-ie-input-placeholder {     color: #585F65;     text-shadow: 0 1px 1px rgba(255,255,255,0.4); } ::-o-input-placeholder {     color: #585F65;     text-shadow: 0 1px 1px rgba(255,255,255,0.4); } ::input-placeholder {     color: #585F65;     text-shadow: 0 1px 1px rgba(255,255,255,0.4); } /*-[ Tables ]--------------------*/ table {     width: 100%;     text-align: left;     margin-bottom: 25px;     border: 2px solid #F1F4F6; } thead {     background: #F7F8F9;     font-size: 14px;     color: #585F65; } table th, table td {     padding: 7px 15px;     text-align: left; } thead th { padding: 14px } tbody th {     font-weight: normal;     border-bottom: 1px solid #F5F7F9; } /*-[ Line ]---------------------*/ hr {     border: none;     border-bottom: 1px solid #E5E5E5;     border-bottom: 1px solid rgba(0,0,0,0.1);     width: 297px;     margin: 35px 0;     clear: both;     position: relative; } /*-[ Search Form ]------------------*/ #searchform {     float: left;     clear: both;     width: 100%; } nav #searchform { float: right } nav #searchform fieldset {     padding: 5px 0 5px 15px;     border: 0;     border-left: 1px solid #eee; } #searchform fieldset { float: left } #searchform input { border: 0 } .sbutton {     padding: 8px 12px 10px 12px;     border: 1px solid #e8e5de!important; } .sidebar #searchform label {     color: #444;     padding-top: 10px;     float: left;     font-weight: bold; } .sidebar #s {     width: 95.8%;     background-color: #fff;     border: 1px solid #CCC;     float: left;     padding: 12px 3% 12px 0; } .footer-widgets fieldset, #sidebars fieldset { width: 100% ;} .footer-widgets #s {     width: 95.6%;     border: 1px solid #CCC;     background-color: #fff !important; } .footer-widgets label { display: none } .footer-widgets #searchform { padding-left: 0 !important } .footer-widgets .sbutton, #sidebars .sbutton {     float: right;     background-color: #f9f7f2;     text-align: center; } .sidebar .sbutton { padding-top: 10px } /*-[ Read More ]-------------------*/ .read-more {     margin: 0 0 0 10px;     font-family: 'Open Sans Condensed', sans-serif;     line-height: 1.4em;     background: none;     padding: 0;     font-size: 16px; } /*-[ Top Ad in Post ]-------------------------------------*/ .topad {     margin-bottom: 10px;     clear: both; } /*-[ Bottom Ad in post ]-----------*/ .bottomad {     float: left;     clear: both; } /*-[ Sidebar ]---------------------*/ #sidebars p { line-height: 20px } .sidebar.c-4-12 {     float: right;     width: 33.4%;     max-width: 300px;     padding-right: 16px; } .widget {     margin-bottom: 20px;     overflow: hidden; } #sidebars .widget {     background: white;     padding: 10px 0; } #sidebars .widget:first-child { padding-top: 0 } .widget .title {     font-weight: bold;     text-transform: uppercase;     color: #545E68;     font-size: 12px; } .widget li {     display: block;     overflow: hidden;     list-style-type: none;     padding-left: 18px;     background: url(images/arrow.png) 0 5px no-repeat;     margin-bottom: 10px; } .widget h3 {     font-size: 20px;     line-height: 18px;     margin: 5px 0 15px 0;     text-transform: uppercase; } /*-[ Footer ]-------------------*/ body > footer {     overflow: hidden;     width: 100%; } body > footer .footeText {     width: 960px;     margin: 22px auto;     text-align: center;     color: #fff;     font-size: 14px;     font-weight: bold; } body > footer .footeText a {     color: #fff;     border-bottom: 2px solid #ee3f02; } body > footer .widget { padding: 10px 0 0 0 } body > footer .sidebar .widget .title {     font-size: 135%;     color: #D4D8DB; } footer .widget { margin-bottom: 20px;} footer .widget li a { color: #666 } footer .widget li a:hover { color: #222 } footer {     position: relative;     overflow: hidden;     display: block;     clear: both; } footer .container {     background-color: #eee;     border: 1px solid #ccc; } footer p { color: #8D8D8D } .footer-widgets {     overflow: hidden;     width: 100%;     padding-top: 1em;     margin: 0; } .footer-widgets h3 {     font-size: 20px;     padding-bottom: 15px;     border-bottom: 1px solid #ccc;     text-transform: uppercase; } .f-widget {     width: 31%;     float: left;     position: relative;     margin-bottom: 0;     margin-right: 3%; } .copyrights {     float: left;     width: 100%;     clear: both;     border-top: 1px solid #ccc;     padding: 20px 0;     color: #333; } .footer-w-container, #copyright-note {     width: 920px;     margin: 0 auto;     clear: both;     max-width: 100%; } #copyright-note a { } #sidebars .wp-post-image, footer .wp-post-image {     margin-bottom: 0;     margin-top: 5px;     margin-right: 10px; } .postsby { margin-bottom: 25px } .textwidget a:hover { color: #222!important } /*-[ Related Posts ]---------------------------*/ .related-posts {     clear: both;     float: left;     padding: 20px 3% 0;     width: 94%; } .postauthor p { padding-top: 0px } .related-posts ul {     margin-left: 0;     padding: 0;     margin: 0;     overflow: hidden;     margin-top: 0; } .related-posts h5 {     line-height: 20px;     padding-left: 80px;     color: #919191;     text-transform: uppercase;     font-size: 13px; } .related-posts h3 {     font-size: 18px;     text-transform: uppercase;     margin: 0;     color: #222;     margin-top: 10px; } .relatedthumb img {     width: 50px;     height: 50px;     margin-top: 3px;     margin-bottom: 0; } .postauthor-top {     border-top: 1px solid #E7E7E7;     margin-bottom: 15px; } .related-posts li {     width: 46%;     float: left;     list-style: none;     margin-right: 4%;     margin-bottom: 15px; } .related-posts a { color: #868686 } .rthumb {     float: left;     margin-right: 10px; } .related-posts .last { margin-right: 0 } .tags {     margin: 20px 0 20px 0;     width: 100%;     float: left; } .tagtext { margin-right: 5px } .postauthor {     margin: 0px 0 0px 0;     padding: 0 3% 3% 3%;     min-height: 125px;     float: left;     clear: both;     width: 94%; } .postauthor h4 {     text-transform: uppercase;     font-weight: bold;     font-size: 18px;     border-top: 1px solid #E7E7E7;     padding-top: 20px;     margin-top: 20px; } .postauthor h5 {     text-transform: capitalize;     font-size: 14px;     padding: 0;     margin: 0;     line-height: 24px;     font-family: Arial, sans-serif; } .postauthor img {     float: left;     margin: 5px 25px 15px 0; } .postauthor h4 a { color: #473636 } .clear { clear: both } .left { float: left } .right { float: right } .last { margin-right: 0 } /*-[ Tag widget ]------------------------------*/ .tagcloud a {     font-size: 14px!important;     padding: 2px 10px;     border-top: 1px solid #CACACA!important;     border-left: 3px solid #00A8FF;     margin-bottom: 10px;     float: left;     margin-right: 7px;     background: #F7F7F7;     color: #615F5F;     border-right: 1px solid #CACACA!important;     border-bottom: 1px solid #CACACA!important;     -webkit-transition: all 0.2s linear;     -moz-transition: all 0.2s linear;     transition: all 0.2s linear; } .tagcloud a:hover { background: #fff } /*-[ Social Profile Widget ]--------------------------*/ .social-profile-icons { overflow: hidden } .social-profile-icons ul li {     background: none;     border: none;     float: left;     list-style-type: none;     margin: 0 5px 10px;     padding: 0;     text-indent: -999em; } .social-profile-icons ul li a {     display: block;     width: 32px;     height: 32px;     -webkit-transition: all 0.25s linear;     -moz-transition: all 0.25s linear;     transition: all 0.25s linear; } .social-profile-icons ul li a:hover { opacity: 0.7 } .social-dribbble a { background: url(images/social-dribbble.png) no-repeat } .social-email a { background: url(images/social-mail.png) no-repeat } .social-facebook a { background: url(images/social-facebook.png) no-repeat } .social-gplus a { background: url(images/social-googleplus.png) no-repeat } .social-linkedin a { background: url(images/social-linkedin.png) no-repeat } .social-pinterest a { background: url(images/social-pinterest.png) no-repeat } .social-rss a { background: url(images/social-rss.png) no-repeat } .social-stumbleupon a { background: url(images/social-stumbleupon.png) no-repeat } .social-twitter a { background: url(images/social-twitter.png) no-repeat } .social-youtube a { background: url(images/social-youtube.png) no-repeat } .social-flickr a { background: url(images/social-flickr.png) no-repeat } .social-lastfm a { background: url(images/social-lastfm.png) no-repeat } .social-tumblr a { background: url(images/social-tumblr.png) no-repeat } .social-vimeo a { background: url(images/social-vimeo.png) no-repeat } /*-[ Subscribe Widget ]------------------------*/ .mts-subscribe {     max-width: 300px;     float: left;     width: 100%; } .mts-subscribe input[type="text"] {     color: #888;     border: 1px solid #CCC;     -webkit-transition: all 0.25s linear;     -moz-transition: all 0.25s linear;     transition: all 0.25s linear;     -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;     box-sizing: border-box;     width: 70%;     float: left;     padding: 11px 3%;     border-right: 0;     text-indent: 5%; } .mts-subscribe input[type="submit"] {     background: #2DB2EB;     cursor: pointer;     color: white!important;     padding: 12px 0;     border: 0;     -webkit-transition: all 0.25s linear;     -moz-transition: all 0.25s linear;     transition: all 0.25s linear;     float: left;     text-align: center;     width: 30%;     height: 39px; } .mts-subscribe input[type="submit"]:hover { background: #222 } /*-[ Ad Widgets ]------------------------------*/ .ad-125 ul {     float: left;     width: 100%;     margin: 0;     list-style: none;     max-width: 100%; } .ad-125 li {     float: left;     border: none;     list-style: none!important;     padding-left: 0;     background: none;     margin-bottom: 15px; } .ad-300 img { background: #FAFAFA } .ad-125 .evenad { float: right!important } footer .ad-300 img, footer .ad-125 img {     padding: 0;     background: #FAFAFA;     border: 0; } /*-[ Calender Widget ]-------------------------*/ #wp-calendar { width: 300px } #wp-calendar td { text-align: center } #wp-calendar caption {     font-size: 16px;     padding-bottom: 10px;     font-weight: bold; } #wp-calendar #prev {     text-align: left;     padding-left: 12px; } /*-[Comments]--------------*/ .post_meta_custom {     float: right;     display: block;     clear: both;     position: relative; } .post_meta_custom .comment_cont {     margin-right: 15px;     display: block;     float: left;     margin-top: 7px; } .post_meta_custom .readMore {     right: 0;     overflow: hidden;     float: right; } .comment_cont span {     position: relative;     color: #fff;     padding: 10px;     width: 100%; } .comment_cont span:hover {     background: #222222;     border-color: #222; } comment_cont a:hover .comment_cont span, .comment_cont span:hover:after { border-right-color: #222 !important } .comment_cont span:after {     right: 100%;     border: solid transparent;     content: " ";     height: 0;     width: 0;     position: absolute;     pointer-events: none; } .comment_cont span:after {     border-color: rgba(140, 195, 0, 0);     border-width: 10px;     top: 50%;     margin-top: -10px; } .total-comments {     font-size: 18px;     color: #473636;     font-weight: bold;     text-transform: uppercase; } .cnumber { color: #2DB2EB } #comments {     padding: 3%;     margin-top: 30px;     float: left;     clear: both;     width: 94%; } #commentsAdd {     padding: 10px 3%;     width: 94%;     float: left;     clear: both;     margin-bottom: 20px; } #comments .avatar {     margin: 11%;     width: 78%;     float: none;     clear: both;     display: block; } .comment time { padding-left: 10px } ul.children .commentImageLeft {     width: 60px;     height: 90px;     border-left: 1px solid #c1bbb6;     border-bottom: 1px solid #c1bbb6;     position: absolute;     top: -50px;     left: -70px; } input.text-input, #commentform input { padding: 11px } input#author, input#email, input#url {     width: 300px;     border: 1px solid #F4F4F4;     background: #fff;     font-size: 14px;     float: right;     max-width: 85%; } input#author:hover, input#email:hover, input#url:hover, #comment:hover { border-color: #8E8E8E } input#author, input#email, input#url, #comment {     -webkit-transition: all 0.25s ease-in-out;     -moz-transition: all 0.25s ease-in-out;     transition: all 0.25s ease-in-out;     border-color: #BEBEBE;     float: left; } .contactform input[type="text"] { width: 380px } #cancel-comment-reply-link {     float: right;     line-height: 24px;     margin-top: 0; } .contact-submit, #cancel-comment-reply-link {     padding: 7px 20px;     color: white;     cursor: pointer;     background: #222; } #commentform input#submit {     font-size: 16px;     line-height: 25px;     font-weight: bold;     color: #fff;     text-decoration: none;     float: left;     cursor: pointer;     display: inline-block;     border: none;     font-family: 'Open Sans Condensed', sans-serif;     padding: 5px 10px;     -webkit-transition: all 0.2s linear;     -moz-transition: all 0.2s linear;     transition: all 0.2s linear; } #commentform input#submit:hover {     background: #222;     color: #fff; } ol.commentlist { margin-left: 0 } .commentlist li {     list-style: none;     margin: 0 0 10px 0;     padding-left: 0;     float: left;     width: 100%; } .comment-author {     background: #DDD;     float: left;     min-height: 130px;     width: 19%;     text-align: center; } .commentlist p {     margin-bottom: 1em;     line-height: 21px; } .fn {     font-size: 14px;     line-height: 1.375em;     font-weight: bold;     font-family: arial; } .fn a {     color: #473636 !important;     text-transform: uppercase;     font-weight: bold; } .comment-meta {     font-size: 12px;     float: left;     width: 75%;     padding: 3%; } .comment-meta a:hover { color: #222 } .reply {     margin-top: 10px;     padding-bottom: 15px;     overflow: hidden;     width: 100%;     float: right; } .reply a {     float: right;     padding: 0 14px;     color: #BDBDBD;     font-size: 12px; } .commentContainer {     border: 1px solid #CCC;     background: #eee;     overflow: hidden; } .commentContainer:last-child { padding-top: 0 !important } .commentlist .children {     margin-left: 5%;     margin-bottom: 0;     margin-top: 0;     float: left;     width: 95%; } .commentlist .children li {     margin-bottom: 0;     padding-bottom: 0;     margin-top: 10px; } .avatar { float: left } #reply-title { text-transform: uppercase } #respond h3 {     margin-top: 18px;     font-size: 18px;     margin: 0;     padding: 0 0 20px 0;     border-top: 1px solid #E7E7E7;     padding-top: 10px; } .cancel-comment-reply a {     float: right;     margin-top: -8px;     font-size: 14px; } .comment-awaiting-moderation {     font-style: italic;     font-weight: bold; } /*-[ Comment Form ]----------------------------*/ #commentform textarea {     width: 96.4%;     font-family: inherit;     border: 1px solid #BEBEBE;     background: #fff;     font-size: 14px;     padding: 5px 10px 10px 10px;     line-height: 25px;     font-family: georgia;     font-style: italic; } .form-allowed-tags { display: none } #commentform p {     margin-bottom: 15px;     float: left;     width: 100%;     clear: both; } #commentform p label {     float: left;     padding-bottom: 5px;     padding-top: 5px;     width: 100%;     display: block;     clear: both; } .required {     display: none;     color: red;     float: left;     font-size: 18px;     padding: 5px;     padding-top: 9px; } .comment-notes .required {     padding-left: 0;     padding-top: 3px; } .comment-notes { display: none } /*-[ pagination ]------------------*/ .pagination {     clear: both;     overflow: hidden;     margin-bottom: 20px;     float: left;     width: 94.8%;     font-family: arial;     background-color: #FFF;     padding: 2.8%; } .pagination ul {     list-style: none;     margin: 0; } .pagination ul li { float: left } .currenttext, .pagination a:hover {     color: #fff;     margin: 0 5px 0 0;     display: inline-block;     float: left;     line-height: 1.2em;     text-decoration: none;     padding: 8px 12px; } .pagination a, .pagination2 {     margin: 0 5px 0 0;     display: inline-block;     float: left;     line-height: 1.2em;     text-decoration: none;     color: #333;     background: #ccc;     padding: 8px 12px; } .pagination2 { clear: both } .top { float: right } .toplink { color: #333!important } .pnavigation2 {     display: block;     width: 100%;     overflow: hidden;     padding: 10px 0;     float: left;     margin-bottom: 10px; } .nav-previous { float: left } .nav-next { float: right } .nav-previous a, .nav-next a {     color: #fff;     padding: 5px 10px; } .nav-previous a:hover, .nav-next a:hover {     background: #222;     color: #fff; } /*-[ Notifications ]---------------------------*/ .message_box { margin: 15px 0 } pre {     overflow: auto;     background: #F7F7F7 url('images/code.png') 10px 2px no-repeat;     padding: 2em 1em 1em 1em;     border: 1px solid #DDD;     margin: 15px 0; } #page .content {     float: left;     width: 100%; } /*----------------------------------------------- /* Responsive /*---------------------------------------------*/ @media screen and (max-width:960px) {  	#header h1, #header h2 { margin-left: 2% } 	#header #searchform { margin-right: 2% } 	.f-widget { 	    width: 28%; 	    padding-left: 2%; 	} 	#copyright-note span { 	    margin-left: 2%; 	    display: inline-block; 	    float: left; 	} 	#copyright-note .top { margin-right: 2% } 	#page, .container { 	    max-width: 96%; 	    margin: 0 auto; 	    float: none; 	    overflow: hidden; 	} 	.article { width: 60% } 	.sidebar.c-4-12 { } 	.related-posts li { margin-right: 10px } 	img, embed { 	    max-width: 100%; 	    height: auto!important; 	} 	.ad-300 img { max-width: 100% } 	.ad-125 li { max-width: 40% } 	.ad-125 img { 	    padding: 0; 	    background: #FAFAFA; 	    border: 0; 	} 	.mts-subscribe input[type="text"] { width: 70% } 	.date_container { display: none } } @media screen and (max-width:900px) {  	.home_post_container .title a { font-size: 88% } 	.article { } 	.js #navigation select { 	    border: 0 !important; 	    margin-right: 0 !important; 	} 	.widget-header { max-width: 70% } 	nav #searchform { display: none } } @media screen and (max-width:865px) {  	.sidebar.c-4-12 { } 	#page, .container { max-width: 100% } 	.date_container { display: none } 	.js #navigation > ul { display: none } 	.secondary-navigation { } 	.js #navigation select { 	    display: inline-block !important; 	    max-width: 100%; 	    border: none; 	    width: 100%; 	    color: #fff; 	    background: #222; 	    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4); 	    font-size: 12px; 	    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset , 0 1px 1px rgba(255, 255, 255, 0.9); 	    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset , 0 1px 1px rgba(255, 255, 255, 0.9); 	    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset , 0 1px 1px rgba(255, 255, 255, 0.9); 	    float: left; 	} 	#navigation { margin: 0 !important } 	.secondary-navigation { width: 100% } 	.main-navigation #navigation { 	    text-align: center; 	    border: none; 	} 	#navigation ul { 	    float: none; 	    display: inline-block; 	} } @media screen and (max-width:760px) {  	#header { margin: 0 } } @media screen and (max-width:720px) {  	.article { padding-left: 0 !important } 	.home article header, .archive article header { width: 28.7% } 	.home_post_container { } 	.article { width: 99.8% } 	#content_box { 	    padding-right: 0px; 	    padding-left: 0px!important; 	} 	.sidebar.c-4-12 { 	    float: left; 	    width: 94%; 	    margin-left: 3%; 	    margin-right: 3%; 	} 	.f-widget { width: 44% } 	.f-widget-2 { margin-right: 0 } 	.ad-125 li { max-width: 45% } 	.footer-widgets #s { width: 70% } 	#comments { margin-right: 0 } } @media screen and (max-width:600px) {  	#logo { width: 100% } 	#logo a { 	    text-align: center; 	    margin: 0 auto !important; 	    background-position: center !important; 	} 	#header #searchform { 	    display: block; 	    clear: both; 	    margin: 0 auto; 	    float: none; 	    overflow: hidden; 	} 	.secondary-navigation { width: 100% } 	.widget-header { 	    max-width: 96%; 	    float: left; 	} } @media screen and (max-width:550px) {  	.main-navigation { width: 100% } 	.main-header #s { width: 85% } 	.sbutton { float: right } 	read-more { font-size: 16px } 	.f-widget { width: 95% } 	footer #s { width: 65% } } @media screen and (max-width:460px) {  	#page { padding-top: 0 } 	.related-posts { padding-top: 0 } 	.related-posts li { width: 100% } } @media screen and (max-width:415px) {  	#navigation { 	    margin-top: 0; 	    margin-bottom: 0; 	} 	.secondary-navigation { 	    width: 102%; 	    height: 35px; 	} 	.js #navigation select { 	    width: 100%; 	    margin-right: 0; 	} } @media screen and (max-width:400px) {  	article header { overflow: hidden } 	.main-header #s { width: 78% } 	#tabber ul.tabs li a { width: 70px } 	#commentform textarea { width: 90% } 	.home_post_container { float: left } 	.home article header, .archive article header { width: 100% } } @media screen and (max-width:300px) {  	nav fieldset, .js #navigation select { 	    width: 100%; 	    float: left; 	} 	.main-header #s { width: 70% } }  h1#title { 	display: none; } h2#title span { 	display: none; } div.header { 	display: none; } li.nav_element { 	list-style-type: none; } li.nav_element { 	display: none; } #ad-a87f,#ad-c81e,#ad-a87f,#ad-cfcd,#ad-c9f0,#ad-c4ca,#ad-8f14,#ad-e4da,#ad-d3d9,#ad-1679,#ad-45c4,#ad-eccb { 	margin:auto; } #webme_footer_textlink_dont_hide { margin-left: 350px; } #webme_sky_ad { top: 200px; }  #webme_footer_textlink_dont_hide { color: #000000; position: absolute; left: 000px; in: 0px; padding: 9px 27px 8px 130px; background: url(http://salihtoy.com/wp-content/uploads/2013/05/fobs.png); }  table iframe { margin-left: 250px }