/*
	Theme Name: Magazine Child Theme
	Theme URL: http://www.studiopress.com/themes/magazine
	Description: Magazine is a 2 or 3-column Widget-ready child theme created for the Genesis Framework.
	Author: StudioPress
	Author URI: http://www.studiopress.com
	Version: 1.0.1
	
	Template: genesis

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/
/* pumpkin #f2ba38 [picframes] */
/* peach #ecd591   [body]   */

body {
	background: url(/wp-content/themes/magazine/images/sy-window-background.png);
/*	background-repeat: repeat-y;  */
	background-repeat: no-repeat;
	background-color: #ecd591;
	background-position: top center;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0 auto 0;
	padding: 0;
	line-height: 20px;
	}
	
/***** Hyperlinks ********************/

a, a:visited {
	color: #DD9900; /* was B2265D */
	text-decoration: underline;
	font-weight: bold;
	}
	
a:hover {
	color: #DD9900; /* was B2265D */
	text-decoration: underline;
	font-weight: bold;
	}
	
a img {
	border: none;
	}
	
a:focus, a:hover, a:active {
	outline: none;
	}

/* Override nRelate styles */
.nr_inner a {
	color: #B88008 !important;
}
.nr_inner a:hover {
	color: #a07000 !important;
}

/***** Wrap ********************/

#wrap {
	background: #EAEAEA;
	width: 990px; /* was 960 */
	margin: 10px auto 10px;
	position: relative;
/*	-moz-box-shadow: 0 1px 3px #333333; 
	-webkit-box-shadow: 0 1px 3px #333333; */
	border-left:solid;
	border-left-width:4px;
	border-left-color:#f2ba38;
	border-right:solid;
	border-right-width:4px;
	border-right-color:#f2ba38;
	border-bottom:solid;
	border-bottom-width:4px;
	border-bottom-color:#f2ba38;
}

/***** Header  ********************/

#header {
	background: url(/wp-content/themes/magazine/images/sy-banner-background.png);
/*	background: #111111; */
	width: 990px;  /* was 960 */ 
	height: 112px; /* was 90  */
	color : #FFFFFF;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

#title-area {
	width: 460px;
	float: left;
	margin: 0; 
	padding: 15px 0 0 0;
	overflow: hidden;
	}
	
#title-area #title {
	color: #FFFFFF;
	font-size: 30px;
	font-family: Tahoma, Arial, Verdana;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0 20px;
	text-decoration: none;
	line-height: 36px;
	}
	
#title-area #title a {
	color: #FFFFFF;
	margin: 0; 
	padding: 0;
	text-decoration: none;
	}
	
#title-area #title a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#title-area #description {
	color: #FFFFFF;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	margin: 0; 
	padding: 0 0 0 20px;
	}

#header .widget-area {
	width: 488px;
	float: right;
	margin: 0; 
	padding: 0;
	}
	
#header .widget-area p {
	margin: 0;
	padding: 0 0 5px 0;
	}
	
#header .widget-area .ul {
	margin: 0;
	padding: 0 0 15px 0;
	}
	
#header .widget-area ul li {
	list-style-type: square;
	margin: 0;
	padding: 0;
	}

/***** Image Header - Partial Width ********************/

.header-image #header #title-area {
	background: url(images/logo.png) left top no-repeat;
	}

.header-image #title-area, .header-image #title-area #title, .header-image #title-area #title a {
	display: block; 
	float: left;
	width: 420px;
	height: 90px;
	margin: 0; 
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	}
	
.header-image #title-area #description {
	display: block;
	width: 0; 
	height: 0;
	overflow: hidden;
	}

/***** Image Header - Full Width ********************/

.header-full-width #title-area, .header-full-width #title-area #title, .header-full-width #title-area #title a {
	width: 960px;
	}
	
/***** Header Right Navigation ********************/

#header ul.nav, #header ul.menu {
	width: auto;
	float: right;
	list-style: none;
	color: #FFFFFF;
	font-weight: bold;
	margin: 55px 0 0 0;
	padding: 0;
	}
	
#header ul.nav li, #header ul.menu li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#header ul.nav li a, #header ul.nav li a:visited, #header ul.menu li a, #header ul.menu li a:visited {
	background: #444444;
	color: #FFFFFF;
	display: block;
	font-size: 12px;
    margin: 0 5px 0 0;
	padding: 8px 10px 7px 10px;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	}

#header ul.nav li a:hover, #header ul.nav li a:active, #header ul.nav .current_page_item a, #header ul.nav .current-cat a, #header ul.nav .current-menu-item a, #header ul.menu li a:hover, #header ul.menu li a:active, #header ul.menu .current_page_item a, #header ul.menu .current-cat a, #header ul.menu .current-menu-item a {
	background: #666666;
	color: #FFFFFF;
	}

#header ul.nav li a .sf-sub-indicator, #header ul.menu li a .sf-sub-indicator {
	display: block;
	width: 10px;
	height: 10px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top: 11px;
	right: 5px;
	}
	
#header ul.nav li li a, #header ul.nav li li a:link, #header ul.nav li li a:visited, #header ul.menu li li a, #header ul.menu li li a:link, #header ul.menu li li a:visited {
	background: #666666;
	color: #FFFFFF;
	width: 148px; 
	font-size: 12px;
	margin: 0;
	padding: 6px 10px 6px 10px;
	border-left: 1px solid #888888;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;
	text-transform: none;
	position: relative;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-khtml-border-radius: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	}
	
#header ul.nav li li a:hover, #header ul.nav li li a:active, #header ul.menu li li a:hover, #header ul.menu li li a:active {
	background: #888888;
	}

#header ul.nav li li a .sf-sub-indicator, #header ul.menu li li a .sf-sub-indicator {
	top: 10px;
	}

#header ul.nav li ul, #header ul.menu li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0;
	padding: 0;
	}

#header ul.nav li ul a, #header ul.menu li ul a { 
	width: 150px;
	}

#header ul.nav li ul ul, #header ul.menu li ul ul {
	margin: -33px 0 0 169px;
	}

#header ul.nav li:hover ul ul, #header ul.nav li:hover ul ul ul, #header ul.nav li.sfHover ul ul, #header ul.nav li.sfHover ul ul ul, #header ul.menu li:hover ul ul, #header ul.menu li:hover ul ul ul, #header ul.menu li.sfHover ul ul, #header ul.menu li.sfHover ul ul ul {
	left: -999em;
	}

#header ul.nav li:hover ul, #header ul.nav li li:hover ul, #header ul.nav li li li:hover ul, #header ul.nav li.sfHover ul, #header ul.nav li li.sfHover ul, #header ul.nav li li li.sfHover ul, #header ul.menu li:hover ul, #header ul.menu li li:hover ul, #header ul.menu li li li:hover ul, #header ul.menu li.sfHover ul, #header ul.menu li li.sfHover ul, #header ul.menu li li li.sfHover ul {
	left: auto;
	}

#header ul.nav li:hover, #header ul.nav li.sfHover, #header ul.menu li:hover, #header ul.menu li.sfHover { 
	position: static;
	}

/***** Primary Navigation ********************/

#nav {
	background:url(/wp-content/themes/magazine/images/sy-sunburst-nav.png) repeat-x 0px 0px;
	color: #000000;
	font-weight: bold;
	margin: 0 auto 0;
	padding: 0;
	text-transform: uppercase;
	}
	
#nav .wrap {
	width: 960px;
	margin: 0 auto 0;
	padding: 0;
	overflow: hidden;
	}

#nav ul {
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#nav li {
	float: left;
	list-style: none;
	background:url(/wp-content/themes/magazine/images/sy-sunburst-nav-background.png) no-repeat 0px .2em;
	margin: 0;
	padding: 0;
	}
	
#nav li a {
	background:url(/wp-content/themes/magazine/images/sy-sunburst-navline.png) no-repeat 0px .2em;
	color: #808080;
	display: block;
    margin: 0;
	padding: 7px 22px 8px 20px;
	text-decoration: none;
	position: relative;
	}

#nav li a:hover {
    background:url(/wp-content/themes/magazine/images/sy-sunburst-nav-background-hover.png) no-repeat 0px .2em;
	color: #FFFFFF;
	}
	
#nav li a .sf-sub-indicator {
	display: block;
	width: 10px;
	height: 10px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top: 10px;
	right: 10px;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #777777;
	color: #FFFFFF;
	width: 148px; 
	font-size: 11px;
	margin: 0;
	padding: 5px 10px 5px 10px;
	border-left: 1px solid #222222;
	border-right: 1px solid #222222;
	border-bottom: 1px solid #222222;
	position: relative;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #222222;
	}

#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0 0 0 -1px;
	padding: 0;
	}

#nav li ul a { 
	width: 150px;
	}

#nav li ul ul {
	margin: -31px 0 0 169px;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfHover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul {
	left: auto;
	}

#nav li:hover, #nav li.sfHover { 
	position: static;
	}
	
/***** Primary Navigation Extras ********************/
	
#nav li.right {
	float: right;
	margin: 0;
	padding: 4px 10px 0 0;
	}

#nav li.right a {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	}
	
#nav li.right a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}

#nav li.rss a {
	background: url(images/rss.png) no-repeat left center;
	margin: 0 0 0 10px;
	padding: 3px 0 3px 16px;
	}
	
#nav li.search {
	padding: 0 5px 0 0;
	}
	
#nav li.twitter a {
	background: url(images/twitter-nav.png) no-repeat left center;
	padding: 3px 0 1px 20px;
	}
	
/***** Secondary Navigation ********************/

#subnav {
	background: #333333;
	color: #FFFFFF;
	text-transform: uppercase;
	margin: 0 auto 0;
	padding: 0;
	}
	
#subnav .wrap {
	width: 960px;
	margin: 0 auto 0;
	padding: 0;
	overflow: hidden;
	}

#subnav ul {
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#subnav li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#subnav li a {
	color: #FFFFFF;
	display: block;
	font-size: 12px;
    margin: 0;
	padding: 6px 10px 5px 10px;
	text-decoration: none;
	position: relative;
	}

#subnav li a:hover, #subnav li a:active, #subnav .current_page_item a {
	background: #777777;
	color: #FFFFFF;
	}
	
#subnav li a .sf-sub-indicator {
	background: none;
	display: block;
	width: 10px;
	height: 10px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top: 10px;
	}
	
#subnav li li a, #subnav li li a:link, #subnav li li a:visited {
	background: #333333;
	color: #FFFFFF;
	width: 158px; 
	font-size: 11px;
	margin: 0;
	padding: 4px 10px 4px 10px;
	border-left: 1px solid #777777;
	border-right: 1px solid #777777;
	border-bottom: 1px solid #777777;
	position: relative;
	}
	
#subnav li li a:hover, #subnav li li a:active {
	background: #777777;
	}

#subnav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 180px;
	margin: 0;
	padding: 0;
	}

#subnav li ul a { 
	width: 160px;
	}

#subnav li ul ul {
	margin: -29px 0 0 179px;
	}

#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfHover ul ul, #subnav li.sfHover ul ul ul {
	left: -999em;
	}

#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfHover ul, #subnav li li.sfHover ul, #subnav li li li.sfHover ul {
	left: auto;
	}

#subnav li:hover, #subnav li.sfHover { 
	position: static;
	}

/***** Inner ********************/

#inner {
	width: 940px;
	margin: 10px auto 10px;
	padding: 0;
	}

/***** Tabs ********************/

.ui-tabs {
	clear: both;
	width: 590px;
	margin: 0 0 10px 0;
	padding: 10px;
	overflow: hidden;
	}
	
#content .ui-tabs .post {
	background: #F7F7F7;
	margin: 0 0 5px 0;
	padding: 15px;
	overflow: hidden;
	}

.ui-tabs .ui-tabs-hide { /* hide tabs */
     display: none;
	}

.ui-tabs .ui-tabs-panel {
	width: 560px;
	margin: 0; 
	padding: 0;
	}

.ui-tabs ul.ui-tabs-nav {
	list-style-type: none;
	margin: 5px 0 0 0; 
	padding: 0;
	font-size: 12px;
	clear: both;
	}
	
.ui-tabs ul.ui-tabs-nav li {
	display: inline;
	text-align: center;
	margin: 0 5px 0 0; 
	padding: 0;
	}
	
.ui-tabs ul.ui-tabs-nav li a {
	background: #DDDDDD;
	color: #111111;
	margin: 0; 
	padding: 7px 10px 5px 10px;
	text-decoration: none;
	text-transform: uppercase;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	}
	
.ui-tabs ul.ui-tabs-nav li a:hover {
	background: #F7F7F7;
	color: #111111;
	}
	
.ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a {
	background: #F7F7F7;
	color: #111111;
	}
	
.ui-tabs .image {
	margin: 0 10px 0 0;
	padding: 0;
	}
	
.ui-tabs .more-link {
	background: #444444;
	color: #FFFFFF;
	float: right;
	margin: 15px 0 0 0; 
	padding: 2px 7px 2px 7px;
	text-decoration: none;
	text-transform: uppercase;
	}
	
.ui-tabs .more-link:hover {
	background: #B2265D;
	}

/***** Homepage ********************/
	
#featured-top {
	width: 590px;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	}

#featured-bottom {
	width: 590px;
	float: left;
	margin: 0;
	padding: 0;
	}
	
.featured-bottom-left {
	width: 290px;
	float: left;
	margin: 0;
	padding: 0;
	}
	
.featured-bottom-right {
	width: 290px;
	float: right;
	margin: 0;
	padding: 0;
	}
	
#content #featured-top h2, #content #featured-top h2 a, #content #featured-bottom h2, #content #featured-bottom h2 a {
	color: #111111;
	font-size: 18px;
	font-family: Tahoma, Arial, Verdana;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 0;
	}
	
#content #featured-top h2 a:hover, #content #featured-bottom h2 a:hover {
	color: #B2265D;
	text-decoration: none;
	}
	
#content #featured-top .ui-tabs h2,#content #featured-top .ui-tabs h2 a {
	font-size: 20px;
	margin: 0 0 5px 0;
	}
	
#content #featured-bottom h2, #content #featured-bottom h2 a {
	font-size: 14px;
	margin: 0 !important;
	}
	
#content #featured-top h4 {
	color: #111111;
	font-size: 16px;
	font-family: Tahoma, Arial, Verdana;
	font-weight: normal;
	padding:0;
	}
#content #featured-top .gridded h4 {
	color: #111111;
	font-size: 16px;
	font-family: Tahoma, Arial, Verdana;
	font-weight: normal;
	padding-left:10px;
	padding-right:10px;
	padding-top:6px;
	padding-bottom:6px;
	background-color:#f7ca70;
	}
#content #featured-top .left_even, #content #featured-top .left_alt_odd {
	background-color:#fdeac6; /* fdeac6 */
	padding:7px;
/*	margin-right:-2px; */
	}
#content #featured-top .left_even img, #content #featured-top .left_alt_odd img {
	border: 5px solid #f2ba38; /* photo frame in gridded widgets */
	}
#content #featured-top .right_odd, #content #featured-top .right_alt_even {
	background-color:#fdeac6;
	padding:7px;
	}
#content #featured-top .right_odd img, #content #featured-top .right_alt_even img {
	border: 5px solid #f2ba38; /* photo frame in gridded widgets */
	}
#content #featured-top .left_odd, #content #featured-top .left_alt_even {
	background-color:#fefefe;
	padding:7px;
/*	margin-right:-2px; */
	}
#content #featured-top .left_odd img, #content #featured-top .left_alt_even img {
	border: 5px solid #f2ba38; /* photo frame in gridded widgets */
	}
#content #featured-top .right_even, #content #featured-top .right_alt_odd {
	background-color:#fefefe;
	padding:7px;
	}
#content #featured-top .right_even img, #content #featured-top .right_alt_odd img {
	border: 5px solid #f2ba38; /* photo frame in gridded widgets */
	}
#content #featured-bottom h4 {
	color: #111111;
	font-size: 16px;
	font-family: Tahoma, Arial, Verdana;
	font-weight: normal;
	padding-left:10px;
	padding-right:10px;
	padding-top:6px;
	padding-bottom:6px;
	background-color:#f2ba38;
	}

#featured-top .wrap, #featured-bottom .wrap {
	margin: 0;
	padding: 0;
	}
	
#featured-top p, #featured-bottom p {
	margin: 0;
	padding: 0 0 5px 0;
	}

#featured-top .widget, #featured-bottom .widget {
	margin: 0 0 10px 0;
	padding: 0;
	}
	
#featured-top .widget-wrap h4, #featured-bottom .widget-wrap h4 {
	margin: 0;
	padding: 0; 
	}

#content #featured-top img, #content #featured-top p img, #content #featured-bottom img, #content #featured-bottom p img {
	background: none !important;
	max-width: none;
	}
	
#featured-bottom .user-profile {
	overflow: hidden;
	}
	
#featured-bottom .user-profile p {
	padding: 10px;
	}

#featured-bottom .widget_tag_cloud div {
	padding: 10px 10px 14px 10px;
	}
	
#featured-bottom .user-profile .avatar {
	background: #F7F7F7;
	float: left;
	margin: 0;
	padding: 4px;
	border: 1px solid #DDDDDD;
	}
	
.more-from-category a {
	font-weight: bold;
	}
	
.more-from-category a:hover {
	text-decoration: underline;
	}
	
/***** Homepage Featured Post/Page ********************/

#featured-top .featuredpost, #featured-top .featuredpage, #featured-bottom .featuredpost, #featured-bottom .featuredpage {
	margin: 0 0 10px 0;
	padding: 0;
	}
	
#featured-top .featuredpost .post, #featured-top .featuredpage .page, #featured-bottom .featuredpost .post, #featured-bottom .featuredpage .page {
	margin: 0;
	padding: 10px 0 0 0;
/*	border-bottom: 1px solid #DDDDDD; */
	overflow: hidden;
	clear: both;
	}
	
#featured-top .featuredpost .avatar, #featured-top .featuredpage .avatar, #featured-bottom .featuredpost .avatar, #featured-bottom .featuredpage .avatar {
	margin: 0;
	padding: 4px;
	border: 1px solid #DDDDDD;
	}
	
#featured-top .featuredpost img, #featured-top .featuredpage img  {
	background: #FFFFFF;
	margin: 0 0 5px 0;
	padding: 4px;
	border: 1px solid #DDDDDD;
	}
#featured-bottom .featuredpost img, #featured-bottom .featuredpage img {
	background: #FFFFFF;
	margin: 0 0 5px 0;
	padding: 0px;
	border: 5px solid #f2ba38; /* photo frame in lower widgets */
	}
	
#featured-top .more-from-category, #featured-bottom .more-from-category {
	margin: 0;
	padding: 5px 0 0 0;
	}

/***** Breadcrumb ********************/

.breadcrumb {
	background: #F7F7F7;
	font-size: 11px;
	margin: 0 0 20px 0;
	padding: 5px 10px 5px 10px;
	text-transform: uppercase;
	border: 1px solid #DDDDDD;
	}
	
/***** Taxonomy Description ********************/

.taxonomy-description {
	background: #F7F7F7;
	margin: 0 0 30px 0;
	padding: 10px;
	border: 1px solid #DDDDDD;
	}
	
#content .taxonomy-description p {
	margin: 0;
	padding: 0;
	}

/***** Content-Sidebar Wrapper ********************/

#content-sidebar-wrap {
	width: 790px;
	margin: 0;
	padding: 0;
	float: left;
	}

.sidebar-content #content-sidebar-wrap, .content-sidebar #content-sidebar-wrap {
	width: 940px;
	margin: 0 0 10px 0;
	}

.sidebar-sidebar-content #content-sidebar-wrap, .sidebar-content-sidebar #content-sidebar-wrap {
	float: right;
	}

/***** Content ********************/

#content {
	background: #FFFFFF;
	width: 440px;
	margin: 0 0 10px 0;
	padding: 9px !important;
	border: 1px solid #C0C0C0;
	float: left;
	}

.sidebar-content #content, .sidebar-sidebar-content #content {
	float: right;
	}
	
.sidebar-content #content, .content-sidebar #content {
	width: 590px;
	margin: 0;
	padding: 0;
	}
	
.full-width-content #content {
	width: 920px;
	margin: 0 0 10px 0;
	padding: 0;
	}

#content blockquote {
	background: #d0d0d0; /* was #f7f7f7 */
	margin: 0 15px 15px 15px;
	padding: 10px 20px 0 15px;
	border: 1px solid #DDDDDD;
	}

#content .post {
	margin: 0 0 40px 0;
	padding: 10px;
	}
	
#content .page {
	margin: 0;
	padding: 10px;
	}

#content .post p {
	margin: 0;
	padding: 0 0 10px 0;
	}
	
#content .archive-page {
	float: left;
	width: 50%;
	margin: 0;
	padding: 20px 0 20px 0;
	}

.clear {
	clear: both;
	}
	
/***** Headlines ********************/

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #header .widget-area h4 {
	color: #111111;
	font-family: Tahoma, Arial, Verdana;
	font-weight: normal;
	text-decoration: none;
	margin: 0 0 5px 0;
	padding: 0;
	}

#content h1 {
	font-size: 22px;
	margin: 0 0 10px 0;
	}
	
#content h2 {
	font-size: 20px;
	margin: 0 0 10px 0;
	}
	
#content h2 a, #content h2 a:visited {
	color: #111111;
	text-decoration: none;
	}
	
#content h2 a:hover {
	color: #B2265D;
	text-decoration: none;
	}
	
#content h3 {
	font-size: 18px;
	}
	
#content h4, #header .widget-area h4 {
	font-size: 16px;
	}
	
#header .widget-area h4 {
	color: #FFFFFF;
	}
	
#content h5 {
	font-size: 14px;
	}
	
#content h6 {
	font-size: 12px;
	}
	
/***** Unordered/Ordered Lists ********************/

#content .post ul, #content .page ul, #content .post ol, #content .page ol {
	margin: 0;
	padding: 0 0 15px 0;
	}
	
#content .post ul li, #content .page ul li, #content .post ol li, #content .page ol li {
	margin: 0 0 0 20px;
	padding: 0;
	}
	
#content .post ul li, #content .page ul li {
	list-style-type: square;
	}

#content .post ul ul, #content .page ul ul, #content .post ol ol, #content .page ol ol {
	padding: 0;
	}
	
/***** Post Info ********************/
	
.post-info {
	margin: 0 0 15px 0;
	padding: 0;
	}
	
.post-info p {
	margin: 0;
	padding: 0;
	}
	
/***** AdSense ********************/
	
.adsense {
	padding: 10px 0 10px 0;
	border-top: 1px solid #DDDDDD;
	}
	
/***** Post Meta ********************/
	
.post-meta {
	margin: 0;
	padding: 5px 0 0 0;
	border-top: 1px solid #DDDDDD;
    clear: both;
	}
	
/***** Author Box ********************/
	
.author-box {
	background: #F7F7F7;
	margin: 0 0 40px 0;
	padding: 10px;
	border: 1px solid #DDDDDD;
	overflow: hidden;
	}
	
.author-box p {
	margin: 0;
	padding: 0;
	}
	
.author-box img {
	background: #FFFFFF !important;
	float: left;
	margin: 0 10px 0 0;
	padding: 4px;
	border: 1px solid #DDDDDD;
	}
	
/***** Post Icons ********************/
	
.time {
	background: url(images/icon-time.png) no-repeat top left;
	margin: 0 0 0 3px;
	padding: 0 0 2px 18px;
	}
	
.post-comments {
	background: url(images/icon-comments.png) no-repeat top left;
	margin: 0 0 0 3px;
	padding: 0 0 2px 18px;
	}
	
.categories {
	background: url(images/icon-categories.png) no-repeat top left;
	margin: 0 0 0 3px;
	padding: 0 0 2px 20px;
	/* SPECIAL */
	display: none;
	}
	
.tags {
	background: url(images/icon-tags.png) no-repeat top left;
	margin: 0 0 0 3px;
	padding: 0 0 2px 18px;
	/* SPECIAL */
	display: none;
	}

/***** Images ********************/

#content .entry-content .post-image {
	padding: 4px;
	border: 1px solid #DDDDDD;
	}

#content .post-image {
	margin: 0 10px 10px 0;
	padding: 4px;
	border: 1px solid #DDDDDD;
	}

img.centered  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	padding: 0;
	}
	
img.alignnone {
	padding: 0;
	margin: 0 0 10px 0;
	display: inline;
	}
	
img.alignleft {
	padding: 0;
	margin: 0 10px 10px 0;
	display: inline;
	}

img.alignright {
	padding: 0;
	margin: 0 0 10px 10px;
	display: inline;
	}
	
.aligncenter {
	display: block;
	margin: 0 auto 10px;
	}
	
.alignleft {
	float: left;
	margin: 0 10px 0 0;
	}

.alignright {
	float: right;
	margin: 0 0 0 10px;
	}

.wp-caption {
	background: #F7F7F7;
	text-align: center;
	padding: 5px 0 0 1px;
	border: 1px solid #DDDDDD;
	}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0;
	}

.wp-caption p.wp-caption-text {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	}
	
img.wp-smiley, img.wp-wink {
	float: none;
	border: none;
	margin: 0;
	padding: 0;
	}

/***** Post Navigation ********************/

.navigation {
	width: 100%;
	margin: 0;
	padding: 20px 0 20px 0;
	overflow: hidden;
	}
	
.navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

.navigation li {
	display: inline;
	}

.navigation li a {
    background: #111111;
	color: #FFFFFF;
	padding: 5px 8px 5px 8px;
	border: 1px solid #111111;
	}

.navigation li a:hover, .navigation li.active a {
	background: #B2265D;
	color: #FFFFFF;
	border: 1px solid #B2265D;
	text-decoration: none;
	}

.navigation li.disabled {
	margin: 0;
	padding: 5px 8px 5px 8px;
	border: 1px solid #B2265D;
	}

/***** Primary & Secondary Sidebars ********************/

#sidebar {
	width: 320px;
	float: right;
	margin: 0;
	padding: 0;
	display: inline;
	}
	
#sidebar-alt {
	width: 140px;
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	}
	
#sidebar-bottom-left {
	width: 145px;
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	}
	
#sidebar-bottom-right {
	width: 145px;
	float: right;
	margin: 0;
	padding: 0;
	display: inline;
	}

.sidebar-content #sidebar, .sidebar-sidebar-content #sidebar {
	float: left;
	}
	
.content-sidebar-sidebar #sidebar-alt {
	float: right;
	}

#sidebar .widget, #sidebar-alt .widget {
	background: #FFFFFF;
	margin: 0 0 10px 0;
/*	padding: 9px; */
	padding-top:0px;
	padding-left:9px;
	padding-right:9px;  /* was 9px */
	padding-bottom:0px; /* was 4px */
	border: 1px solid #D8D8D8;  /* was #C0C0C0 */
	}
	
#sidebar h2, #sidebar h2 a, #sidebar-alt h2, #sidebar-alt h2 a {
	color: #B2265D;
	font-size: 12px;
	font-family: Tahoma, Arial, Verdana;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}

#sidebar h2 a:hover, #sidebar-alt h2 a:hover {
	color: #B2265D;
	text-decoration: underline;
	}

#sidebar h4, #sidebar-alt h4 {
	color: #111111;
	font-size: 14px;
	font-family: Tahoma, Arial, Verdana;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 0;
	}
	
#sidebar .widget p, #sidebar-alt .widget p, #sidebar .textwidget p, #sidebar-alt .textwidget p {
	margin: 0;
	padding: 0;
	}

#sidebar img, #sidebar a img, #sidebar-alt img, #sidebar-alt a img {
	border: none;
	margin: 0;
	padding: 0;
	}

#sidebar ul, #sidebar ol, #sidebar-alt ul, #sidebar-alt ol {
	list-style-type: none;
	margin: 5px 0 5px 0;
	padding: 0;
	}

#sidebar ul ul, #sidebar ol ol, #sidebar-alt ul ul, #sidebar-alt ol ol {
	margin: 0;
	padding: 0 0 0 15px;
	}

#sidebar li, #sidebar-alt li {
	background: url(images/sidebar-list.png) no-repeat top left;
	margin: 0;
	padding: 0 0 0 18px;
 	word-wrap: break-word;
	}
	
#sidebar embed, #sidebar object, #sidebar-alt embed, #sidebar-alt object {
	width: 300px; 
	height: 225px;
	margin: 0; 
	padding: 0;
	}
	
/***** Sidebar(s) Category Dropdown ********************/
	
#cat {
	background: #F7F7F7;
/*	color: rgb(223,153,0); /* was #B2265D */
	color: #b70;
	font-family: Tahoma, Arial, Verdana;	
	font-size: 11px;
	margin: 10px 0 5px 0;
	padding: 3px;
	display: inline;
	border: 1px solid #DDDDDD;
	}
	
#sidebar #cat {
	width: 298px;
	}
	
#sidebar-alt #cat {
	width: 128px;
	}

/***** Sidebar(s) Featured Post/Page ********************/

#sidebar .featuredpost, #sidebar .featuredpage, #sidebar-alt .featuredpost, #sidebar-alt .featuredpage {
	margin: 0 0 15px 0;
	padding: 9px;
	}
	
#sidebar .featuredpost .post, #sidebar .featuredpage .page, #sidebar-alt .featuredpost .post, #sidebar-alt .featuredpage .page {
	margin: 0;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #DDDDDD;
	clear: both;
	}
	
#sidebar .featuredpost .avatar, #sidebar .featuredpage .avatar, #sidebar-alt .featuredpost .avatar, #sidebar-alt .featuredpage .avatar {
	margin: 0;
	padding: 4px;
	border: 1px solid #DDDDDD;
	}
	
#sidebar .featuredpost img, #sidebar .featuredpage img, #sidebar-alt .featuredpost img, #sidebar-alt .featuredpage img {
	margin: 0;
	padding: 4px;
	border: 1px solid #DDDDDD;
	}

/***** Sidebar(s) User Profile ********************/

#sidebar .user-profile, #sidebar-alt .user-profile {
	overflow: hidden;
	}

#sidebar .user-profile .avatar, #sidebar-alt .user-profile .avatar {
	background: #F7F7F7;
	float: left;
	margin: 0;
	padding: 4px;
	border: 1px solid #DDDDDD;
	}
	
#sidebar .user-profile p, #sidebar-alt .user-profile p {
	margin: 0;
	padding: 10px 10px 0 10px;
	}

#sidebar .user-profile .posts_link, #sidebar-alt .user-profile .posts_link {
	margin: 0;
	padding: 0 0 10px 10px;
	}
	
/***** Search Form(s) ********************/

.searchform {
	margin: 0;
	}

#header .searchform {
	float: right;
	padding: 40px 0 0 0;
	}
	
#sidebar .searchform {
	padding: 0;
	}
	
#nav .searchform {
	float: right;
	padding: 0;
	}
	
.s {
	background: #F7F7F7 !important;
	color: #222222;
	font-family: Tahoma, Arial, Verdana;	
	font-size: 12px;
	margin: 0 5px 0 0;
	padding: 4px 0 4px 5px;
	border: 1px solid #DDDDDD;
	}
	
#header .s, #nav .s, #sidebar .s {
	width: 230px;
	}
	
#sidebar-alt .s {
	width: 80px;
	}

/***** eNews & Updates Widget ********************/

.enews {
	background: url(images/enews.png) no-repeat top right;
	margin: 0;
	padding: 0 0 5px 0;
	}
	
#sidebar .enews p {
	margin: 0;
	padding: 0;
	}

.enews #subscribe {
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
	
#sidebar .enews #subscribe {
	padding: 0;
	}
	
.enews #subbox {
	background: #F7F7F7 !important;
	width: 240px;
	color: #222222;
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	padding: 4px 0px 4px 5px;
	margin: 5px 8px 0px 0px;
	border: 1px solid #DDDDDD;
	}

/***** Latest Tweets Widget ********************/

.latest-tweets {
	background: url(images/twitter.png) top right no-repeat;
	margin: 10px 0 0 0;
	padding: 0;
	}

/***** Calendar ********************/

#wp-calendar {
	margin: 0;
	padding: 0;
	width: 100%;
	}

#wp-calendar caption {
	color: #333333;
	font-size: 12px;
	font-family: Tahoma, Arial, Verdana;
	font-style: italic;
	font-weight: normal;
	margin: 0;
	padding: 2px 5px 0 0;
	text-align: right;
	}

#wp-calendar th {
	color: #333333;
	}

#wp-calendar thead {
	margin: 10px 0 0 0;
	font-weight: bold;
	background: #F7F7F7 !important;
	color: #F7F7F7 !important;
	}

#wp-calendar td {
	background: #F7F7F7;
	font-weight: normal;
	text-align: center;
	margin: 0;
	padding: 2px;
	}

#wp-calendar tfoot td {
	background: none;
	margin: 0;
	padding: 0;
	}
	
/***** Buttons ********************/

#submit, .searchsubmit, .enews #subbutton, .gform_footer .button {
	background: #111111 !important;
	color: #FFFFFF;
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: normal !important;
	text-decoration: none;
    margin: 0;
	padding: 2px 5px 2px 5px !important;
	border: 1px solid #111111;
	}

#submit:hover, .searchsubmit:hover, .enews #subbutton:hover, .gform_footer .button:hover {
	background: #B2265D !important;
	border: 1px solid #B2265D;
	}
	
/***** Contact Form ********************/

.gform_wrapper input, .gform_wrapper textarea, .gform_wrapper select {
	background: #F7F7F7 !important;
	color: #333333 !important;
	font-family: Tahoma, Arial, Verdana !important;
	font-size: 12px !important;
	padding: 4px 0 4px 5px !important;
	border: 1px solid #DDDDDD;
	}

.gform_footer input.button {
	color: #FFFFFF !important;
	}
	
.gform_wrapper .ginput_complex label {
	font-size: 12px !important;
	}
	
.gform_wrapper li, .gform_wrapper form li {
	margin: 0 0 10px 0 !important;
	}
	
.gform_wrapper .gform_footer {
	border: none !important;
	}

/***** Footer ********************/

#footer {
	background: #f2ba38;
/*	background-color:#a9a9a9; /* other header colors are #fcf1d8 and #f7d692 and #f2ba38 */ 
	width: 960px;
	height: 20px;
	color: #FFFFFF;
	margin: 0 auto 0;
	padding: 10px 0 10px 0;
	clear: both; 
	}

#footer a, #footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
#footer p {
	margin: 0;
	padding: 0;
	}

#footer .gototop {
	width: 200px;
	float: left;
	margin: 0;
	padding: 0 0 0 10px;
	}
	
#footer .gototop a {
	margin: 0;
	padding: 2px 0 2px 18px;
	background: url(images/footer-top.png) no-repeat left center;
	}
	
#footer .creds {
	width: 730px;
	float: right;
	margin: 0;
	padding: 0 10px 0 0;
	text-align: right;
	}

/***** Comments ********************/
	
#respond {
	margin: 0 0 15px 0;
	padding: 0;
	}

#author, #email, #url {
	background: #F7F7F7 !important;
	width: 250px;
	color: #333333;
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	padding: 3px 0 3px 3px;
	margin: 5px 5px 0 0;
	border: 1px solid #DDDDDD;
	}
	
#comment {
	background: #F7F7F7 !important;
	width: 98%;
	height: 150px;
	color: #333333;
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	padding: 3px 0 3px 3px;
	margin: 5px 0 5px 0;
	border: 1px solid #DDDDDD;
	}
	
.comment-list, .children {
	margin: 0;
	padding: 0;
	}
	
.ping-list {
	margin: 0 0 40px 0;
	padding: 0;
	}
	
.comment-list ol, .ping-list ol {
	margin: 0;
	padding: 10px;
	}

.comment-list li, .ping-list li {
	font-weight: bold;
	margin: 15px 0 5px 0;
	padding: 10px 5px 10px 10px;
	list-style: none;
	}
	
.comment-list li ul li { 
	margin-right: -6px;
	margin-left: 10px;
	}

.comment-list p, .ping-list p {
	font-weight: normal;
	text-transform: none;
	margin: 10px 5px 10px 0;
	padding: 0;
	}

.comment-list li .avatar { 
	background: #FFFFFF;
	float: right;
	border: 1px solid #DDDDDD;
	margin: 0 5px 0 10px;
	padding: 4px;
	}

.comment-list cite, .comment-list cite a, .ping-list cite, .ping-list cite a {
	font-weight: bold;
	font-style: normal;
	}

.commentmetadata {
	font-size: 11px;
	font-weight: normal;
	}

#respond:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

.nocomments {
	text-align: center;
	}

#comments .navigation {
	display: block;
	margin: 10px 0 0 0;
	}

.thread-alt, .thread-even {
	background: #F7F7F7;
	}

.even, .alt, .depth-1 {
	border: 1px solid #DDDDDD;
	margin: 0;
	padding: 0;
	}
#sidebar h4 {
	background-color:#f4c248; /* other header colors are #fcf1d8 and #f7d692 and #f2ba38 */
	color: #a97f1e; /* was #606060 */
	font-size:18px; 
	padding-left:10px;
	padding-top:4px;
	padding-bottom:4px;
	margin-left:-9px;
	margin-right:-9px;
}
.sidebar_h4_widget {
	background-color:#f4c248; /* other header colors are #fcf1d8 and #f7d692 and #f2ba38 */
	color: #a97f1e; /* was #606060 */
	font-size:18px; 
	padding-left:10px;
	padding-top:4px;
	padding-bottom:4px;
	margin-left:-9px;
	margin-right:-9px;
}
.featuredpost .widget-wrap h4 {
	background-color:#00ff00;
	margin-left:-10px;
}
.byline a {
	color: #DD9900 !important; /* sky 2019-12-23 */
	text-decoration:underline;
}
.POINT_COUNTERPOINT_COLUMN {
	padding: 12px;
	background-color: #fcf1d8;
	width: 221px;
}
.POINT_COUNTERPOINT_TABLE {
	width: 577px;
}
.POINT_COUNTERPOINT_WIDE_COLUMN {
	padding: 12px;
	background-color: #fcf1d8;
	width: 420px;
}
.POINT_COUNTERPOINT_SPAN_BOTH_COLUMNS {
	padding: 12px;
	background-color: #fcf1d8;
}
.POINT_COUNTERPOINT_WIDE_TABLE {
	width: 900px;
}
.pointelle_slider {
	/**** Fix FOUC at launch of home page sky@red7.com ****/
	display:none; 				
	/**** fix horiz overflow when width is automatic ("0") ****/
	width: 590px;		
	overflow: hidden;
}
.pointelle_slides {
/**** fix horiz overflow when width is automatic ("0") ****/
	width: 590px;
}
#pointelle_slider_recent {
/**** fix horiz overflow when width is automatic ("0") ****/
	width: 590px;
}
div.pointelle-excerpt p {
/**** fix horiz overflow when width is automatic ("0") ****/
	width: 570px;
}
.pointelle_slider h2, .pointelle_slider h4, .pointelle_slider div, .pointelle_slider span, .pointelle_slider a {
/**** fix horiz overflow when width is automatic ("0") ****/
	width: 570px;
}


/* *************************************************************************************** */
/* @media only screen and (max-width: 768px) { } */
/* Any screen BELOW 1024px width will see this design */
/* *************************************************************************************** */
@media only screen and (max-width: 1023px) {
	#header {
		background: url(/wp-content/themes/magazine/images/sy-banner-background-600.jpg);
		width: 		590px;  /* was 960 */ 
		height: 		112px; /* was 90  */
		color : 		#FFFFFF;
		margin: 		0;
		padding: 	0;
		overflow: 	hidden; 
	}
	#header .wrap table {
		background: url(/wp-content/themes/magazine/images/sy-banner-background-600.jpg);
		width:		590px;
		max-width:	590px;
	}
	body {
		background: none;
		/* background-repeat: none;  */
		background-color: #ecd591; /* honey -> #ecd591 */
		/* background-position: top center; */
		color: #333333;
		font-size: 12px;
		font-family: Arial, Tahoma, Verdana;
		/* margin: 0 auto 0; */
		padding: 0;
		line-height: 20px;
	}
	#wrap {
		margin:		0px auto;
		width:		590px;
		max-width:	590px;
		background-color: #fcf1d8;
	}
	#nav .wrap {
		width:		590px;
		max-width:	590px;
		margin: 		0 auto 0;
		padding: 	0;
		overflow: 	hidden;
		background-color: #fcf1d8;
	}
	#content-sidebar-wrap {
		width: 		590px;	/* was 790px */
		max-width:	590px;	/* constrain */
		margin: 		0;
		padding: 	0;
		float: 		left;
	}
	.sidebar-content #content-sidebar-wrap, .content-sidebar #content-sidebar-wrap {
		width: 		600px; /* was 940px */
		margin: 		0 0 10px 0;
	}
	.sidebar-sidebar-content #content-sidebar-wrap, .sidebar-content-sidebar #content-sidebar-wrap {
		float: 		left;
		margin-left:		20px;
	}
	#inner {
		width: 		590px;
		margin: 		10px auto 10px;
		padding: 	0;
	}
	#content {
		background:	#FFFFFF;
		width: 		590px;
		margin: 		0 0 10px 0;
		padding: 	0 !important;
		border: 		1px solid #C0C0C0;
		float: 		left;
	}
	#footer {
		background: #f2ba38;
		width: 590px;
		height: 40px;
		color: #FFFFFF;
		margin: 0 auto 0;
		padding: 10px 0 10px 0;
		clear: both; 
		line-height:	11pt;
	}
	#sidebar {
		width: 			320px;
		float: 			left;
		margin-left:		15px;
		padding: 		0;
		display: 		inline;
	}
	.gridded {
		max-width:570px;
	}
	.pointelle_slider {
		width: 590px;
		overflow: hidden;
	}
	.pointelle_slides {
		width: 590px;
	}
	#pointelle_slider_recent {
		width: 590px;
	}
	div.pointelle-excerpt p {
		width: 570px;
	}
	.pointelle_slider h2, .pointelle_slider h4, .pointelle_slider div, .pointelle_slider span, .pointelle_slider a {
		width: 570px;
	}
	/**** next/back are in wrong positions in AUTO mode on small screens, so nix them ****/
	#pointelle_nav_prev {
		display: none !important;
	}
	#pointelle_nav_next {
		display: none !important;
	}
}

/* *************************************************************************************** */
/* 375px iPhone 6 */
/* 480px iPhone earlier landscape */
/* any screen BELOW 600px width will see this design */
@media only screen and (max-width: 599px) {
	#header {
		background: url(/wp-content/themes/magazine/images/sy-banner-background-480.jpg);
		width: 		365px;  /* was 960 */ 
		max-width:	365px;
		height: 		84px;   /* was 90  */
		color : 		#FFFFFF;
		margin: 		0;
		padding: 	0;
		overflow: 	hidden; 
	}
	#header .wrap table {
		background: url(/wp-content/themes/magazine/images/sy-banner-background-480.jpg);
		width:		365px;
		max-width:	365px;
	}
	body {
		background: none;
		/* background-repeat: none;  */
		background-color: #ecd591; /* honey -> #ecd591 */
		/* background-position: top center; */
		color: #333333;
		font-size: 12px;
		font-family: Arial, Tahoma, Verdana;
		/* margin: 0 auto 0; */
		padding: 0;
		line-height: 20px;
	}
	#wrap {
		margin:		0px auto;
		width:		365px;
		max-width:	365px;
	}
	#nav .wrap {
		width:		365px;
		max-width:	365px;
		margin: 		0 auto 0;
		padding: 	0;
		overflow: 	hidden;
	}
	#featured-top {
		width:		365px;
		max-width:	365px;
	}
	#featured-bottom {
		width:		365px;
		max-width:	365px;
	}
	#content-sidebar-wrap {
		width: 		365px;	/* was 790px */
		max-width:	365px;	/* constrain */
		margin: 		0;
		padding: 	0;
		float: 		left;
	}
	.sidebar-content #content-sidebar-wrap, .content-sidebar #content-sidebar-wrap {
		width: 		365px; /* was 940px */
		margin: 		0 0 10px 0;
	}
	.sidebar-sidebar-content #content-sidebar-wrap, .sidebar-content-sidebar #content-sidebar-wrap {
		float: 		left;
		margin-left:		20px;
	}
	.sidebar-content #content, .content-sidebar #content {
		width: 		365px; /* was 940px */
	}
	#inner {
		width: 		365px;
		margin: 		10px auto 10px;
		padding: 	0;
	}
	#content {
		background:	#FFFFFF;
		width: 		365px;
		margin: 		0 0 10px 0;
		padding: 	0 !important;
		border: 		1px solid #C0C0C0;
		float: 		left;
	}
	#footer {
		background: #f2ba38;
		width: 		365px;
		height: 		60px !important;
		color: 		#FFFFFF;
		margin: 		0 auto 0;
		padding: 	10px 0 10px 0;
		clear: 		both; 
		line-height:	11pt;
	}
	#sidebar {
		width: 			298px;
		float: 			left;
		margin-left:		5px;
		padding: 		0;
		display: 		inline;
	}
	.gridded {
		max-width:		365px !important;
	}
	.gridded table {
		max-width:		365px !important;
	}
	.gridded table tbody tr td {
		height:			40px;
		text-align: 		middle;
/*		background: 		url('/wp-content/themes/magazine/images/column-headers/column-header-290x40.gif');	 */
		background-repeat: no-repeat !important; 
		background-color: #f7ca70;
		padding-left: 	10px !important;
		padding-bottom:	7px !important;
	}
	.gridded table tbody tr td span {
		font-size:		13px !important; 
		line-height:		14px !important;
		padding-left: 	0px !important;
	}
	#sidebar .widget, #sidebar-alt .widget {
		background: 		#FFFFFF;
		margin: 			0 0 10px 0;
		padding-top:		0px;
		padding-left:	0px;
		padding-right:	0px;  /* was 9px */
		padding-bottom:	0px; /* was 4px */
		border: 1px solid #D8D8D8;  /* was #C0C0C0 */
	}
	.meteor-slides-widget {
		max-width: 365px;
	}
	.pointelle_slider {
		width: 365px;
		overflow: hidden;
	}
	.pointelle_slides {
		width: 365px;
	}
	#pointelle_slider_recent {
		width: 365px;
	}
	div.pointelle-excerpt p {
		width: 310px;
	}
	.pointelle_slider h2, .pointelle_slider h4, .pointelle_slider div, .pointelle_slider span, .pointelle_slider a {
		width: 310px;
	}
	/**** next/back are in wrong positions in AUTO mode on small screens, so nix them ****/
	#pointelle_nav_prev {
		display: none !important;
	}
	#pointelle_nav_next {
		display: none !important;
	}
}

/* *************************************************************************************** */
/* BELOW 375 (old iPhones at 320px, for example */
@media only screen and (max-width: 374px) {
	#header {
		background: url(/wp-content/themes/magazine/images/sy-banner-background-480.jpg);
		width: 		310px;  /* was 960 */ 
		max-width:	310px;
		height: 		84px;   /* was 90  */
		color : 		#FFFFFF;
		margin: 		0;
		padding: 	0;
		overflow: 	hidden; 
	}
	#header .wrap table {
		background: url(/wp-content/themes/magazine/images/sy-banner-background-480.jpg);
		width:		310px;
		max-width:	310px;
	}
	body {
		background: none;
		/* background-repeat: none;  */
		background-color: #ecd591; /* honey -> #ecd591 */
		/* background-position: top center; */
		color: #333333;
		font-size: 12px;
		font-family: Arial, Tahoma, Verdana;
		/* margin: 0 auto 0; */
		padding: 0;
		line-height: 20px;
	}
	#wrap {
		margin:		0px auto;
		width:		310px;
		max-width:	310px;
	}
	#nav .wrap {
		width:		310px;
		max-width:	310px;
		margin: 		0 auto 0;
		padding: 	0;
		overflow: 	hidden;
	}
	#featured-top {
		width:		310px;
		max-width:	310px;
	}
	#featured-bottom {
		width:		310px;
		max-width:	310px;
	}
	#content-sidebar-wrap {
		width: 		310px;	/* was 790px */
		max-width:	310px;	/* constrain */
		margin: 		0;
		padding: 	0;
		float: 		left;
	}
	.sidebar-content #content-sidebar-wrap, .content-sidebar #content-sidebar-wrap {
		width: 		310px; /* was 940px */
		margin: 		0 0 10px 0;
	}
	.sidebar-sidebar-content #content-sidebar-wrap, .sidebar-content-sidebar #content-sidebar-wrap {
		float: 		left;
		margin-left:		20px;
	}
	.sidebar-content #content, .content-sidebar #content {
		width: 		310px; /* was 940px */
	}
	#inner {
		width: 		310px;
		margin: 		10px auto 10px;
		padding: 	0;
	}
	#content {
		background:	#FFFFFF;
		width: 		310px;
		margin: 		0 0 10px 0;
		padding: 	0 !important;
		border: 		1px solid #C0C0C0;
		float: 		left;
	}
	#footer {
		background: #f2ba38;
		width: 		310px;
		color: 		#FFFFFF;
		margin: 		0 auto 0;
		padding: 	10px 0 10px 0;
		clear: 		both; 
		line-height:	11pt;
	}
	#sidebar {
		width: 			304px;
		float: 			left;
		margin-left:		5px;
		padding: 		0;
		display: 		inline;
	}
	.gridded {
		max-width:		310px !important;
	}
	.gridded table {
		max-width:		310px !important;
	}
	.gridded table tbody tr td {
		height:			40px;
		text-align: 		middle;
/*		background: 		url('/wp-content/themes/magazine/images/column-headers/column-header-290x40.gif');	 */
		background-repeat: no-repeat !important; 
		background-color: #f7ca70;
		padding-left: 	10px !important;
		padding-bottom:	7px !important;
	}
	.gridded table tbody tr td span {
		font-size:		13px !important; 
		line-height:		14px !important;
		padding-left: 	0px !important;
	}
	#sidebar .widget, #sidebar-alt .widget {
		background: 		#FFFFFF;
		margin: 			0 0 10px 0;
		padding-top:		0px;
		padding-left:	0px;
		padding-right:	0px;  /* was 9px */
		padding-bottom:	0px; /* was 4px */
		border: 1px solid #D8D8D8;  /* was #C0C0C0 */
	}
	#sidebar h4 {
		width: 			308px;
	}
	#SY_SEARCH {
		width:			317px !important;
	}
	#SY_SOCIAL {
		width:			317px !important;
	}
	.meteor-slides-widget {
		max-width: 310px !important;
	}
	.pointelle_slider {
		width: 310px;
		overflow: hidden;
	}
	.pointelle_slides {
		width: 310px;
	}
	#pointelle_slider_recent {
		width: 310px;
	}
	div.pointelle-excerpt p {
		width: 300px;
	}
	.pointelle_slider h2, .pointelle_slider h4, .pointelle_slider div, .pointelle_slider span, .pointelle_slider a {
		width: 300px;
	}
	.pointelle_slider h2, .pointelle_slider h4, .pointelle_slider div, .pointelle_slider span, .pointelle_slider a:hover {
		width: 300px;
	}
}

/* @media only screen and (max-width: 320px), only screen and (max-device-width: 320px) { } */

