/*
Theme Name:	CSSMania
Theme URI: 	http://cssmania.com/
Description: CSS Showcase. A complete, elegant and minimalist widget-ready theme for Wordpress 2.8+. Powerful theme options, grid-based layout, microformats, easy color customization, SEO optimized...
Version: 	0.3
Author:		CSSMania
Author URI:	http://cssmania.com
Tags: theme-options, fixed-width, two-columns, green, white, right-sidebar, threaded-comments, translation-ready
*/

/* Import Stylesheets
-----------------------------------------------------------*/
@import url("css/layout_grid24.css");
@import url("css/reset.css");
@import url("css/aristo.css");

@media only all{
	body {
		font: 62.5% Arial, Sans-serif;
		line-height: 1.8em;
		-webkit-text-size-adjust:none;
	}
	p {
		margin-bottom: 1em;
	}
	.content-background {
		font-size: 1.37em;
		line-height: 1.8em;
	}
	#blog, .introlong {
		padding-right: 23px;
	}
	.bold, strong, #content p a, #content li a {
		font-weight: bold;
	}
	.buy{display:inline-block;}
	em, .italic {
		font-style: italic;
	}
	.hide {
		display: none;
	}
	.pleft {
		float: left;
		padding-right: 5px;
		margin-bottom: 0;
	}
	.pright {
		float: right;
	}
	.pcenter {
		text-align: center;
	}
	.block_top {
		margin-top: 40px;
	}
	.block_bottom {
		margin-bottom: 40px;
	}
	.nomargin, #sidebar h2 {
		margin: 0;
	}
	p.nobackground, .nobackground {
		background-image: none;
	}
	.uppercase {
		text-transform: uppercase;
	}
	.lowercase {
		text-transform: lowercase;
	}
	.underline {
		text-decoration: underline;
	}
	.big {
		font-size: 140%}
	.small {
		font-size: 90%}
	.verysmall {
		font-size: 11px;
	}
	a {
		text-decoration: underline;
	}
	a img {
		border: none;
	}
	a.rss {
		padding-left: 17px;
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/icons/rss.png) no-repeat;
	}
	#top_all a.rss {
		margin-left:  20px;
	}
	a.email {
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/icons/mini-mail.png) no-repeat 0 7px;
		padding-left: 15px;
		margin-left: 10px;
	}
	a.print, a.attachment, a.image, a[href$='.zip'], a[href$='.gzip'], a[href$='.rar'], a[href$='.pdf'] {
		padding-left: 20px;
	}
	a.print {
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/icons/print.png) no-repeat 5px;
	}
	a.attachment {
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/icons/attachment.png) no-repeat;
		margin-left: 20px;
	}
	a.image {
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/icons/pictures_16.png) no-repeat;
		margin-left: 20px;
	}
	a[href$='.pdf'] {
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/icons/pdf.png) no-repeat;
	}
	a[href$='.zip'], a[href$='.gzip'], a[href$='.rar'] {
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/icons/zip.gif) no-repeat;
	}
	a#add_site, a.buy,  .edit a, .green {
		font-size: 13px;
		padding: 5px 10px;
	}
	 .pcenter.edit  {
		margin-top:  10px;
	}
	#sidebar a.more {
		 font-weight: bold;
		padding-right: 15px;
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/arrow.gif) no-repeat 100% 2px;
	}
	#sidebar ul li a {
		text-decoration: none;
	}
	#top_all, .header {
		position: relative;
		overflow: hidden;
		font-size: 1.2em;
	}
	#top_all {
		margin-bottom: 40px;
	}
	.header {
		clear: both;
		border-radius-topright: 9px;
		border-radius-topleft: 9px;
		-moz-border-radius-topright: 9px;
		-moz-border-radius-topleft: 9px;
		-khtml-border-top-right-radius: 9px;
		-khtml-border-top-left-radius: 9px;
		-webkit-border-top-right-radius: 9px;
		-webkit-border-top-left-radius: 9px;
	}
	h1#logo a, div#logo a {
		font: 100 normal 55px 'helvetica neue', arial;
		width: 260px;
		height: 90px;
		float: left;
		text-transform: uppercase;
		text-indent: -4000px;
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/logo.png) no-repeat 0 20px;
		padding-bottom: 30px;
	}
	h1#logo a:hover, div#logo a:hover {
		font: 100 normal 55px 'helvetica neue', arial;
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/logo.png) no-repeat 0 -86px;
	}
	#tagline {
		float: left;
		font: 12px 'Quicksand', helvetica neue, arial, sans-serif;
		position: absolute;
		top: 80px;
		padding-left: 90px;
	}
	#top_all #subscribe {
		width: 220px;
		float: left;
		padding-top: 50px;
		margin-left: 40px;
	}
	#top_all #subscribe img#feedburner {
		margin-top: -2px;
	}
	img.photo {
		padding: 3px;
	}
	.menu {
		float: left;
		margin: 0;
	}
	.header .menu, .footer .menu {
		text-transform: lowercase;
	}
	#menu-panel.menu {
		float: right;
		margin-top: 0;
	}
	.menu li, .subnav li  {
		display: inline;
		float: left;
		letter-spacing: 1px;
	}
	.menu li a {
		display: block;
		text-align: center;
		float: left;
		outline: none;
		padding: 20px 25px;
	}
	.header .twitter {
		position: absolute;
		right: 0;
		margin: 20px 65px 0 0;
	}
	.header .menu li a, .footer .menu li a {
		width: 70px;
	}
	#menu-panel.menu li a {
		margin: 0 10px;
		padding: 48px 10px 0;
	}
	#menu-panel.menu li a:active {
		padding-top: 50px;
	}
	header .menu li.current-menu-item a, .menu li.current-menu-item a {
		font-weight: bold;
	}
	 #menu-panel.menu li a.login {
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/icons/login_button.png) no-repeat 0 45px;
		margin: 0;
		padding-left: 35px;
		height: 45px;
	}
	.menu li a:active {
		padding-top: 22px;
		padding-bottom: 18px;
	}
	 .menu li img {
		margin: -3px 8px 0 0;
		float: left;
	}
	.subnav {
		padding: 20px 0 0;
		margin-bottom: 20px;
		display: block;
		clear: both;
		overflow: hidden;
	}
	.subnav li.current_page_item a {
		padding: 10px;
	}
	.splash {
		padding: 0 4%;
		width: 92%;
		overflow: hidden;
		clear: both;
	}
	.splash .title, .splash h2, .splash h3 {
		font-size: 3em;
		letter-spacing: 1px;
		margin: 0px 0 20px;
	}
	.splash p {
		font-size: 1.5em;
		margin: 0;
	}
	#mighty {
		width: 100%}
	#content, #sidebar {
		padding-bottom: 70px;
	}
	#sidebar {
		font-size: .95em;
	}
	#sidebar {
		float: right;
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/sidebar-bg.png) no-repeat 0 0;
	}
	#sidebar #side-cnt {
		margin-left: 40px;
	}
	.single {
		border: none;
	}
	.item {
		float: left;
		width: 330px;
		margin: 0 20px 0 0;
		height: 286px;
	}
	.item2 {
		margin: 0 0 26px 0;
	}
	.item .thumb a {
		padding: 4px;
		width: 320px;
		height: 217px;
		display: block;
	}
	.item .fav {
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/fav.png) no-repeat;
	}
	.item .new {
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/new.png) no-repeat;
	}
	.item p {
		margin: 0;
	}
	.infoentry {
		position: absolute;
		z-index: 2;
		width: 320px;
		height: 55px;
		margin: -60px 5px 0px;
		text-shadow: 0 1px 0 #fff }
	html>body .infoentry {
		*margin-left: -267px;
	}
	.infoentry p {
		padding: 0px;
		height: 49px;
		color: #6ba215;
		line-height: 0;
	}
	.infoentry p a {
		display: inline !important;
		padding: 0 !important;
		width: auto !important;
		float: none !important;
		letter-spacing: 0 !important;
	}
	.infoentry a {
		padding: 15px;
		float: left;
	}
	.infoentry .title_site a {
		width: 210px;
	}
	.infoentry em a  {
		border: none;
	}
	 .infoentry h2 {
		margin: 0;
		font-size: 14px;
	}
	.csm_wpfp a {
		width: 48px;
		float: right;
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/icons/favorite-add-color.png) no-repeat 25px 15px;
		border: none;
	}
	.csm_wpfp a.wpfp-remove {
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/icons/favorite.png) no-repeat 25px 15px;
	}
	.item .csm_wpfp a {
		text-indent: -4000px;
	}
	a.wpfp-loading {
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/loading.gif) no-repeat 25px 20px;
	}
	#content .wpcf7 #rememberme {
		width: auto;
	}
	.individual-entry .csm_wpfp a, .individual-entry .csm_wpfp a.wpfp-remove {
		background-position: 300px 10px;
		text-align: center;
		margin: 0 25px 25px;
		padding: 30px 10px 10px;
		width: 600px;
		float: left;
	}
	.page_info {
		border: 1px solid #d4dfb5;
		background: #ecf6d1;
		padding: 1em;
		font-size: 75%;
		line-height: 1.6em;
		;
		margin-right: 38px;
		margin-bottom: 2em;
		display: block;
	}
	.banner_screenshots {
		padding-bottom: 55px;
	}
	.color_thumb {
		float: left;
		margin: 0px 20px 20px 0px;
		padding: 20px;
		width: 78px;
		text-align: center;
	}
	.title .color {
		float: left;
		width: 60px;
		height: 60px;
		margin-right: 10px;
	}
	h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
		letter-spacing: 1px;
	}
	h1.title, #blog h1, .bigbanner {
		font-size: 2.7em;
		padding-bottom:  10px;
	}
	h2, #content h3, #content h4, #content h5, #content h6 {
		margin: 1em 0 .5em;
	}
	h2 {
		font-size: 1.7em;
	}
	h3 {
		font-size: 1.4em;
	}
	h4 {
		font-size: 1.3em;
	}
	h2.uppercase {
		margin-top: 15px;
		padding-bottom: 20px;
	}
	.item h2 {
		letter-spacing: 0px;
	}
	#sidebar h2 {
		text-transform: uppercase;
		font-size: 1.2em;
		margin: 20px 0 0;
		padding-bottom: 2px;
	}
	#latest {
		width: 680px;
	}
	#content h3, .splash dt {
		 font-size: 1.3em;
	}
	.splash dt {
		margin-bottom: 20px;
	}
	.splash dd {
		margin-bottom: 10px;
	}
	#content h3.line-middle {
		 font-size: 1.5em;
	}
	#content h4, #content h5, #content h6 {
		 font-size: 1.2em;
	}
	#content h5, #content h6 {
		font-size: 1em;
	}
	.intro {
		padding-bottom: 1em;
	}
	.intro, .introlong, blockquote {
		font-size: 1.2em;
		line-height: 1.6em;
	}
	blockquote {
		display: block;
		margin: 20px 0 20px 20px;
		padding: 0 0 0 20px;
		 font:  300 oblique 1.4em/1.5em helvetica neue,  helvetica,  arial,  sans-serif;
	}
	.destdcha, .destizda {
		width: 32%;
		display: block;
		padding-left: 1em;
	}
	.destdcha {
		float: right;
		margin: 0 0 20px 20px;
	}
	.destizda {
		float: left;
		margin: 0 20px 20px 0;
	}
	#blog li {
		padding-bottom: 1em;
		margin-left: 2em;
	}
	.entry li, .single li {
		clear: both;
	}
	#blog ul li {
		list-style: circle;
	}
	ol li {
		list-style: decimal;
	}
	.meta {
		text-transform: uppercase;
	}
	.meta span {
		float: right;
		padding-left: 20px;
	}
	#blog ul#topics li {
		float: left;
		padding: .5em;
		margin: 0 1em 1em 0;
		width: 130px;
		list-style: none;
	}
	#blog #topics li ul li {
		font-size: 90%}
	#blog #content ul#topics li a {
		text-decoration: none;
	}
	#tagcloud a {
		line-height: 2em;
	}
	#content .cat-item {
		list-style: none;
		padding: .2em 25px .5em 0;
		width: 150px;
		margin-bottom: 5px;
		float: left;
		margin-right: 20px;
	}
	#content li .children li {
		margin-left: 0;
		padding-left: 0;
		border-bottom: 1px dotted #ccc;
	}
	#content .cat-item li span {
		float: right }
	#sidebar li {
		list-style: none;
		margin: 0;
		padding: 5px 0;
		display: block;
	}
	#sidebar li a {
		text-decoration: none;
		padding: 0 10px 0px 20px;
		width: 150px;
		float: left;
	}
	#sidebar .widget_links li {
		float: left;
		margin: 0 15px 0 0;
	}
	.widget, #sidebar form {
		overflow: hidden;
		clear: both;
	}
	.view {
		margin-top: 20px;
	}
	#sidebar ul.children li {
		font-size: 90%;
		list-style: circle;
		margin-left: 25px;
		border: none;
		background: none;
	}
	#content #smart-archives-block li {
		float: left;
		width: 50%;
		border-bottom: 1px solid #eee;
	}
	#content #smart-archives-block li, #content .year_arch li {
		list-style: none;
		padding: 10px 0;
		margin: 0;
	}
	#sidebar ul.months, #sidebar ul.months li {
		display: inline;
		padding-right: 5px;
		border: none;
		background: none;
	}
	#content #smart-archives-block li a,  #content #smart-archives-block li span {
		margin: 0 3px;
	}
	#maptopic p  {
		margin-right: 40px;
	}
	#maptopic tr ul li  {
		list-style: circle;
		margin: 10px 20px;
	}
	.round, .item .thumb a, textarea, input, .users_accounts strong a, .tabs li, .data_user li, img.photo {
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.biground, .alignleft a, .alignright a, .edit a, .color_thumb, .subnav li.current_page_item a {
		-moz-border-radius: 9px;
		-khtml-border-radius: 9px;
		-webkit-border-radius: 9px;
		border-radius: 9px;
	}
	.megaround {
		-moz-border-radius: 16px;
		-khtml-border-radius: 16px;
		-webkit-border-radius: 16px;
		border-radius: 16px;
	}
	#spo {
		margin: 20px 0;
		overflow: hidden }
	#spo img.alignleft {
		margin: 0 5px 0 0;
	}
	#spo img.alignright {
		margin: 0;
	}
	#spo .mini_spo .ad2.even, #spo .mini_spo .ad3.even, #spo .mini_spo .ad4.even, #spo .mini_spo .ad5.even {
		float: right;
		margin-right: 0;
	}
	#wp-calendar {
		width: 100%;
		text-align: center;
	}
	#wp-calendar th, #wp-calendar caption, #wp-calendar td a {
		font: 110%/1.7em palatino, georgia, times, serif;
		font-weight: bold;
	}
	table {
		margin: 0 0 40px;
		width: 100%}
	#blog th {
		width: 25%}
	#blog th h3 {
		margin: 10px 20px;
		padding: 0;
		text-align: left;
	}
	#blog td {
		padding: 10px 20px;
	}
	.twitter {
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/icons/twitter.png) no-repeat 0 0px;
		padding-left: 50px;
		margin-left: 10px;
		height: 32px;
	}
	.facebook {
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/icons/facebook_favicon.png) no-repeat 0 0;
		padding-left: 20px;
		margin-left: 10px;
	}
	#sidebar p.youare, #sidebar p.twitter {
		background-position: 0 7px;
	}
	.navigation {
		font-size: 1.1em;
	}
	.navigation a {
		text-transform: uppercase;
		letter-spacing: 1px;
		margin: 0 3px;
		padding: 3px 10px;
		text-decoration: none;
		font-weight: bold;
		font-size: .8em;
	}
	#paging {
		margin-top: 35px;
	}
	#paging, #feature {
		clear: both;
		display: block;
		width: 672px;
	}
	#paging .previous a, #paging .next a, #feature .submit {
		display: block;
		float: left;
		width: 288px;
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/pages.png) no-repeat;
		height: 40px;
		margin: 0 20px 32px 0;
		font-size: 16px;
		text-decoration: none;
		text-transform: uppercase;
		padding: 18px 20px 0 16px;
	}
	#paging .previous a {
		background-position: 0 -57px;
		text-align: right;
	}
	#paging .next a {
		margin: 0;
		float: right;
	}
	#paging .no-previous, #paging .no-previous:hover {
		background-position: -328px -66px;
		cursor:  default;
	}
	#paging .no-next, #paging .no-next:hover {
		background-position: 0 -66px;
		cursor:  default;
	}
	#feature {
		padding: 32px 0 0 0;
	}
	#feature p {
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/featured.png) no-repeat;
		width: 322px;
		margin: 0 25px 0 0;
		height: 60px;
		text-indent: -99999px;
		float: left;
	}
	#feature .submit {
		background: none;
		float: left;
		margin: 0;
		text-decoration: underline;
		text-align: center;
	}
	#entry-header {
		height: 88px;
		display: table;
		width: 672px;
	}
	.entry-title {
		float: left;
	}
	#small-paging {
		float: right;
		margin-top: -54px;
	}
	#entry-header #small-paging {
		margin-top: -20px;
	}
	#small-paging .previous, #small-paging .next {
		display: block;
		float: left;
		width: 36px;
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/buttons.png) no-repeat;
		height: 35px;
		color: #fff;
		text-decoration: none;
		text-indent: -9999px;
	}
	#small-paging .previous span, #small-paging .next span {
		text-indent: -9999px;
	}
	#small-paging .previous  {
		 background-position:  0 0;
		 position:  absolute;
		 top:  50%;
		 left:  40px }
	#small-paging .next  {
		 background-position:  -36px 0;
		 position:  absolute;
		 top:  50%;
		 right:  40px;
	}
	#small-paging .previous:hover {
		background-position: 0px -35px;
	}
	#small-paging .next:hover {
		background-position: -36px -35px;
	}
	p.breadcrumb {
		font-size: 14px;
		margin: 10px 0 40px 0;
		clear: both;
	}
	p#mini.breadcrumb {
		margin: -45px 0 20px;
	}
	p.breadcrumb a {
		text-decoration: none;
	}
	#content p.breadcrumb a, #content .info-list li a {
		font-weight: normal;
	}
	.wp-pagenavi {
		overflow: hidden;
		clear: both;
		display: block;
		width: 672px;
		margin: 20px 0;
		line-height: 3em }
	.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi span.current {
		padding: 8px 16px;
		margin: 0 .3em;
		text-decoration: none;
	}
	.wp-pagenavi a, .wp-pagenavi a:link {
		width: auto;
		text-decoration: none;
		font-weight: bold;
	}
	.wp-pagenavi span.pages {
		padding: 3px 12px 3px 0;
		display: block;
		padding: 5px;
	}
	.wp-pagenavi span.current {
		font-weight: bold;
		width: auto;
	}
	.wp-pagenavi span.extend {
		width: auto;
	}
	#photo_author {
		position: relative;
		margin-bottom: 40px;
	}
	 #sidebar #photo_author img {
		width: 220px;
	}
	img.left, img.alignleft {
		float: left;
		margin: 0.5em 1em 0.5em 0;
	}
	img.right, img.alignright, img#feedburner  {
		float: right;
		margin: 0.5em 0 0.5em 1em;
	}
	img.center, img.aligncenter {
		margin: 0 auto 1em auto;
		display: block;
		text-align: center;
	}
	.splash img.right, .splash img.left {
		margin-top: 0;
	}
	img.line {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	img#wpstats {
		width: 0;
		height: 0;
		padding: 0;
		border: none;
		overflow: hidden;
	}
	#promo_down {
		padding-bottom: 40px;
	}
	.footer {
		position: relative;
		clear: both;
		overflow: hidden;
		font-size: 2.3em;
		padding-bottom: 40px;
		margin-bottom: 40px;
	}
	.footer .menu li a {
		width: 275px;
		text-align: left;
		padding: 40px 0 0px 50px;
		line-height: 1.2em;
	}
	.footer .menu li#palette_icon a {
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/icons/palette_32_green.png) no-repeat 0 50px;
	}
	.footer .menu li#adv_icon a {
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/icons/chart_32_green.png) no-repeat 0 50px;
	}
	.footer .menu li#api_icon a {
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/icons/application_32_green.png) no-repeat 0 50px;
	}
	.splash .pright a {
		padding-right: 20px;
	}
	a#toplink {
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/arrow_white_top.png) no-repeat 12px;
		padding-left: 30px;
		padding-right: 0;
	}
	.footer p {
		margin: 0;
	}
	.wordpress {
		background: url(http://www.cssmania.com/wp-content/themes/cssmania/images/icons/wordpress.png) no-repeat 0;
		padding-left: 20px;
		font-weight: bold;
		text-decoration: none;
	}
	.rate {
		text-align: center;
	}
			  @font-face {
			  font-family: 'Quicksand';
			  src: url(fonts/Quicksand_Light.otf) format('opentype');
			  font-style: normal;
	}
		@font-face {
			  font-family: 'Museo Sans 300';
			  src: url(fonts/MuseoSans-300.otf) format('opentype');
		 font-style: normal;
	}
	#palettes a img {
		height: 20px;
		width: 220px;
	}
	.bitly  {
		clear:  both;
		 float:  left;
		 margin:  30px 25px 0;
		 width:  640px;
	}
	 .bitly li  {
		width:  45%;
		 float:  left;
	}
	 .bitly li li  {
		float:  left;
		 width:  45%;
	}
	 .bitly li.visitors,  .bitly li.referrers  {
		width:  100%;
	}
	 #worldmap  {
		margin-top:  10px;
	}
	#mobile-navigation{display:none;}
}
@media only all and (max-width: 1180px){
	#small-paging{
		width:80%;
		float:none;
		overflow:hidden;
		margin:-20px auto 20px;
	}
	#small-paging .previous,
	#small-paging .next{
		position:static;
	}
	#small-paging .next{float:right;}
}
@media only all and (max-width: 980px){
	#content .banner_screenshots{display:none;}
	.item {
		position:relative;
		width: 48%;
		margin: 0 2% 0 0;
		padding:0 0 19px;
		height: auto;
		
		-webkit-background-size:100%;
		-moz-background-size:100%;
		-ms-background-size:100%;
		-o-background-size:100%;
		background-size:100%;
	}
	.item .thumb a {
		width:100%;
		height:auto;
		
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	.item .thumb a img{
		width:100%;
		display:block;
	}
	.infoentry {
		width:98%;
		height:40px;
		margin-top:-45px;
	}
	.infoentry .title_site {
		width: 70%;
		float:left;
		overflow:hidden;
	}
	.infoentry .title_site a {
		padding-top:8px;
		padding-bottom:8px;
		overflow:hidden; 
		white-space:nowrap; 
		text-overflow:ellipsis; 
	}
	.csm_wpfp{
		float:right;
		width:30%;
	}
	.csm_wpfp a {
		width:90%;
		padding:0 5%;
		display:block;
		min-height:40px;
		background-position:50% 8px;
	}
	#latest {
		width:100%;
	}
	.menu li a {
		padding-left:10px;
		padding-right:10px;
	}
	.footer .menu li {
		width: 33.3%;
	}
	.footer .menu li a,
	#search #search_form .field,
	.infoentry .title_site a {
		width:100%;
		
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	.splash {
		width:100%;
		padding:0;
	}
	.splash p{
		font-size:1.25em;
	}
	#promo_down .container_24 > .pleft{
		float:none;
	}
	.wp-pagenavi {
		width:100%;
	}
	.splash .pright a {
		padding-right: 10px;
	}
	#content form#search_form{
		width:100%;
		
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */	
	}
	#content form#search_form input.field{
		width:75%;
		
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	#blog th h3{margin:0;}
	#blog td{padding:5px;}
	.block_bottom .grid_7{
		width:46%;
		margin:0 2%;
	}
	.block_bottom .grid_7 + p{
		float:left;
		width:46%;
		margin:0 2%;
	}
	.block_bottom .grid_7 + p img{
		max-width:100%;
		height:auto;
	}
	.container_24 .wpcf7-form .pright{
		right:0;
	}
	.individual-entry .csm_wpfp{
		float:none;
		display:block;
		width:100%;
	}
	.individual-entry .csm_wpfp{
		width:100%;
		clear:both;
		overflow:hidden;
		padding:15px 0 0;
		
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	div.individual-entry, #jobs-list{
		width:96%;
		display:block;
		overflow:hidden;
	}
	div.individual-entry .thumbnail, div.individual-entry .author {
		width:46%;
		margin:3% 3% 0;
	}
	div.individual-entry .details, div.individual-entry .related-entries {
		width:42%;
		margin:3% 3% 0;
	}
	#entry-header,
	#paging, #feature {width:100%;}
	.individual-entry .csm_wpfp a, .individual-entry .csm_wpfp a.wpfp-remove{
		width:80%;
		margin:0 auto;
		float:none;
		display:block;
		background:none;
	}
	#paging .previous a, #paging .next a{
		margin:0 auto 5px;
		text-align:center;
		float:none;
	}
	#paging{margin:;}.individual-entry.favusers{margin:0;}
	div.individual-entry .thumbnail img{
		display:block;
		max-width:100%;
	}
	div.individual-entry .votes .rating{margin-bottom:10px;}
}
@media only all and (max-width: 767px){
	.header .twitter{
		margin-right:10px;
	}
	.header .menu li a, .footer .menu li a{
		min-width:40px;
		width:auto;
	}
	table#stats {
		display: block;
		overflow: auto;
	}
	.container_24 .wpcf7-form .pright{
		position:static;
		top:0;
		width:100%;
		float:none;
	}
	.content-background .wpcf7 p button {
		width:100%;
	}
	.wpcf7-form  input[type="text"], textarea{
		width:100%;
		margin-right:0;
		
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	.container_24 .wpcf7-form .clear{width:100%;}
	div.individual-entry, #jobs-list{
		overflow:hidden;
		display:block;
	}
	#sidebar{display:none;}
}
@media only all and (max-width: 600px){
	div.individual-entry .thumbnail, div.individual-entry .author,
	div.individual-entry .details, div.individual-entry .related-entries,
	.bitly {
		width:80%;
		margin-left:auto;
		margin-right:auto;
		float:none;
	}
	h1#logo a, div#logo a{
		float:none;
		display:block;
		margin:0 auto;
	}
	#top_all #subscribe {
		padding-top:0;
	}
	#menu-panel.menu li a.login  {margin-top:-48px;}
	.footer .menu li {
		width:100%;
		float:none;
	}
	.footer .menu li#palette_icon a{background-position:0 35px}
	.footer .menu li#adv_icon a{background-position:0 35px}
	.footer .menu li#api_icon a{background-position:0 35px}
	.header{display:none;}
	#mobile-navigation{
		display:block;
		width:100%;
		font-size:20px;
		margin:0 0 20px;
		
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	#top_all #subscribe {margin-left:0;}
	#content #smart-archives-block li{
		width:100%;
		float:none;
	}
	#cat_columns table,
	#cat_columns tbody,
	#cat_columns tr,
	#cat_columns td,
	#cat_columns th{
		display:block;
		width:100%;
		overflow:hidden;
	}
}
@media only all and (max-width: 450px){
	.item {
		position:relative;
		width: 100%;
		margin: 0;
	}
	.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi span.current{
		padding-left:5px;
		padding-right:5px;
	}
}