/*
Main CSS for the SilverPress Magazine theme for Wordpress
Theme URI: http://www.silverpress.com/
Version: 1.3.2011
Copyright (C) 2010-2011 SilverPress.com
*/

/* 
IMPORTANT INFORMATION
Do NOT edit this file if you want to customize the theme. To customize the CSS of 
this theme we strongly recommend that you do create an empty custom.css file and add any
custom CSS tags to that file. Why? Because you can then very easily update the theme at
any time without messing up your customization, and you'll have full control of your changes.

Example:

.custom .featured-case h1 {
	color: #999;
}

To learn more about this visit our support pages at http://www.silverpress.com/support/
*/

/* --------------------------------------------------------------------------------------- */

/* main elements */

/* Containers */
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last) */
.alpha {
	margin-left: 0 !important;
}
.omega {
	margin-right: 0 !important;
}
/* Grid >> Global */
.grid_1, 
.grid_2, 
.grid_3, 
.grid_4, 
.grid_5, 
.grid_6, 
.grid_7, 
.grid_8, 
.grid_9, 
.grid_10, 
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10.0px;
	margin-right: 10.0px;
}
/* Grid >> 2 Columns */

.container_12 .grid_1 {
	width:60px;
}
.container_12 .grid_2 {
	width:140px;
}
.container_12 .grid_3 {
	width:220px;
}
.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}
.container_12 .grid_6 {
	width:460px;
}
.container_12 .grid_7 {
	width:540px;
}
.container_12 .grid_8 {
	width:620px;
}
.container_12 .grid_9 {
	width:700px;
}
.container_12 .grid_10 {
	width:780px;
}
.container_12 .grid_11 {
	width:860px;
}
.container_12 .grid_12 {
	width:940px;
}
/* Prefix Extra Space >> 2 Columns */
.container_12 .prefix_1 {
	padding-left:80px;
}
.container_12 .prefix_2 {
	padding-left:160px;
}
.container_12 .prefix_3 {
	padding-left:240px;
}
.container_12 .prefix_4 {
	padding-left:320px;
}
.container_12 .prefix_5 {
	padding-left:400px;
}
.container_12 .prefix_6 {
	padding-left:480px;
}
.container_12 .prefix_7 {
	padding-left:560px;
}
.container_12 .prefix_8 {
	padding-left:640px;
}
.container_12 .prefix_9 {
	padding-left:720px;
}
.container_12 .prefix_10 {
	padding-left:800px;
}
.container_12 .prefix_11 {
	padding-left:880px;
}
/* Suffix Extra Space >> 2 Columns */
.container_12 .suffix_1 {
	padding-right:80px;
}
.container_12 .suffix_2 {
	padding-right:160px;
}
.container_12 .suffix_3 {
	padding-right:240px;
}
.container_12 .suffix_4 {
	padding-right:320px;
}
.container_12 .suffix_5 {
	padding-right:400px;
}
.container_12 .suffix_6 {
	padding-right:480px;
}
.container_12 .suffix_7 {
	padding-right:560px;
}
.container_12 .suffix_8 {
	padding-right:640px;
}
.container_12 .suffix_9 {
	padding-right:720px;
}
.container_12 .suffix_10 {
	padding-right:800px;
}
.container_12 .suffix_11 {
	padding-right:880px;
}
/* Push Space >> 2 Columns */
.container_12 .push_1 {
	left:80px;
}
.container_12 .push_2 {
	left:160px;
}
.container_12 .push_3 {
	left:240px;
}
.container_12 .push_4 {
	left:320px;
}
.container_12 .push_5 {
	left:400px;
}
.container_12 .push_6 {
	left:480px;
}
.container_12 .push_7 {
	left:560px;
}
.container_12 .push_8 {
	left:640px;
}
.container_12 .push_9 {
	left:720px;
}
.container_12 .push_10 {
	left:800px;
}
.container_12 .push_11 {
	left:880px;
}
/* Pull Space >> 2 Columns */
.container_12 .pull_1 {
	right:80px;
}
.container_12 .pull_2 {
	right:160px;
}
.container_12 .pull_3 {
	right:240px;
}
.container_12 .pull_4 {
	right:320px;
}
.container_12 .pull_5 {
	right:400px;
}
.container_12 .pull_6 {
	right:480px;
}
.container_12 .pull_7 {
	right:560px;
}
.container_12 .pull_8 {
	right:640px;
}
.container_12 .pull_9 {
	right:720px;
}
.container_12 .pull_10 {
	right:800px;
}
.container_12 .pull_11 {
	right:880px;
}
/* Clear Floated Elements */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* general reset*/
* {font-size: 100.01%;}
html {font-size: 62.5%;}
body {
	color:#000;
	font:1.3em Arial, Helvetica, sans-serif;
	background:#fff url(images/bg-header.png) repeat-x;
	min-width:970px;
}
a {
	text-decoration:none;
	color:#1E598E;
}
a:hover {text-decoration:underline; color:#ca0002;}
header, footer, article, section, hgroup, nav, figure { display: block; }
.align-left {
	float:left;
	margin:2px 8px 0 1px;
	display:inline;
}
.align-right {
	float:right;
	margin:2px 1px 0 8px;
	display:inline;
}
/* wrapper */
#wrapper {
	overflow:hidden;
	width:100%;
	position:relative;
}
/* header */
#header {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("http://www.magjournal.com/wp-content/uploads/2011/04/magento1-470x212.png");
    background-position: 420px 50%;
    background-repeat: no-repeat;
    margin-bottom: 16px;
    position: relative;
    z-index: 2;
}
/* panel */
#header .panel {
	background:#4a4a4a;
	color:#fff;
	overflow:hidden;
	width:940px;
	margin:0 0 13px;
	padding:5px 5px 6px 15px;
	position:relative;
}
/* slogan */
.panel .slogan {
	float:left;
	font-weight:bold;
	padding-top:5px;
	font-size:12px;
	text-transform:uppercase;
}
/* search */
.panel .search {
	float:right;
	background:#fff;
}
.search fieldset {
	float:left;
}
.search .text {
	float:left;
	border:0;
	padding:4px 0 4px 8px;
	width:178px;
	background:none;
	color:#999;
	height:16px;
	font-size:11px;
}
#main .search .text {border:1px solid #000;}
.search .submit {
	float:left;
	background:url(images/bg-submit.gif) no-repeat;
	width:29px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	line-height:0;
	font-size:0;
	border:0;
	padding:0;
	cursor:pointer;
}
/* navigation */
.panel .navigation {
	float:right;
}
.panel .navigation ul {
	overflow:hidden;
	float:left;
}
.navigation li {
	float:left;
	background:url(images/divider.gif) no-repeat;
	margin-left:-3px;
	padding:5px 13px 4px 10px;
	font-size:11px;
}
.navigation a {
	float:left;
	color:#fff;
}
/* logo */
.logo {
	background:url(images/logo.png) no-repeat;
	width:343px;
	height:45px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	margin:0 0 13px 10px;
}
.logo a {
	display:block;
	height:100%;
	position:relative;
}
/* nav */
#nav {
	position:relative;
	z-index:2;
}
#nav ul {
	position:relative;
	width:960px;
	margin:0;
	background:#2b2b2b;
	font-weight:bold;
	font-size:12px;
}
#nav ul:after {
	display:block;
	clear:both;
	content:"";
}
#nav li {
	float:left;
	position:relative;
}
#nav a {
	float:left;
	color:#fff;
	padding:4px 10px 5px;
	height:16px;
	line-height:16px;
}
#nav a:hover,
#nav .current-menu-item a {
	text-decoration:none;
	background-image:url('images/menu-active-bg.png');
	background-repeat:no-repeat;
	color:#000;
}
#nav ul ul {
	width:243px;
	background:#dcdcdc;
	position:absolute;
	top:25px;
	left:0;
	margin:0;
	font-weight:normal;
	display:none;
}
#nav ul ul li {
	margin:0;
	float: none;
	padding:11px 10px 4px 11px;
	border-top:1px solid #cdcdcd;
}
#nav ul ul li:first-child,
#nav ul ul li.first-child {
	border:0;
}
#nav ul ul a {
	color:#444;
	float: none;
	padding:0;
}
#nav ul ul a:hover {
	background:none;
	text-decoration:underline;
	color:#444;
}
#nav ul ul ul {
	left:243px;
	position:absolute;
	top:0;
	display:none;
	width:243px;
}
* html #nav ul ul ul {
	left:232px;
}
#nav ul li:hover ul,
#nav ul li.hover ul {
	display:block;
}
#nav ul li:hover ul ul,
#nav ul li.hover ul ul {
	display:none;
}
#nav ul li:hover a,
#nav ul li.hover a {
	background:#eaeaea;
	background-image:url('images/menu-active-bg.png');
	background-repeat:no-repeat;
	color:#000;
}
#nav ul li:hover ul a,
#nav ul li.hover ul a {
	background:none;
	color:#444;
}
#nav ul ul li:hover ul,
#nav ul ul li.hover ul {
	display: block;
}
/* breadcrumbs */
.breadcrumbs {
	padding:7px 5px 7px 15px;
	list-style:none;
	width:939px;
	overflow:hidden;
	background:#eaeaea;
	font-size:11px;
	position:relative;
	z-index:1;
}
.breadcrumbs li {
	float:left;
	margin-right:10px;
}
.breadcrumbs a {
	color:#242424;
	background:url(images/arrow.gif) 100% 4px no-repeat;
	padding-right:17px;
	font-weight:bold;
}
/* featured */
#featured {
	background:url(images/separator2.gif) 1px 100% no-repeat;
	padding-bottom:9px;
	position:relative;
	z-index:1;
}
#featured .holder {
	background:url(images/divider2.gif) 470px 0 repeat-y;
	margin:0;
}
/* featured-case */
#featured .featured-case {
	width:470px;
	margin-left:-10px;
	position:relative;
}
.featured-case h1,
/* content */
#content h1 {
	font: bold 2.4em/34px Arial, Helvetica, sans-serif;
	color:#000;
	margin-bottom:8px;
}
.featured-case .photo {
	display:block;
	margin-bottom:16px;
}
.featured-case .info,
#content .info {
	color:#777;
	font-size:.9em;
	margin-bottom:5px;
	font-style:italic;
}
#featured .more {
	font-weight:bold;
	padding-right:19px;
	display:inline-block;
	background:url(images/bg-more.gif) 100% 0 no-repeat;
}
/* area */
#featured .area {
	position:relative;
	border-top:1px solid #d3d3d3;
	width:730px;
	margin:11px -10px 0 -10px;
	padding:12px 0 5px;
	overflow:hidden;
}
/* place-holder */
#featured .place-holder {
	width:468px;
	overflow:hidden;
	float:left;
}
.place-holder img {
	display:block;
}
/* google-area2 */
#featured .google-area2 {
	float:right;
	width:234px;
	overflow:hidden;
}
.google-area img,
.google-area2 img,
.google-area3 img {
	display:block;
}
/* news */
#featured .news-holder {
	margin-bottom:-10px;
}
#featured .news {
	background:url(images/separator.gif) repeat-x;
	padding:12px 0 0;
}
#featured .news:first-child,
#featured .first-child {
	background:none;
	padding-top:0;
}
.news h2 {
	color:#0058a6;
	font: 1.5em/24px Arial, Helvetica, sans-serif;
	margin:0 -5px 6px 0;
	width:225px;
}
.news .photo {
	display:block;
	margin-bottom:10px;
}
.news .info {
	color:#777;
	font-size:.7em;
}
/* google-aera */
#featured .google-area {
	width:200px;
	overflow:hidden;
	margin:0 auto 13px;
}
/* navbar */
#featured .navbar {
	background:#ededed;
}
.navbar .holder {
	background:url(images/bg-navbar-holder.gif) 0 0 no-repeat !important;
	width:220px;
}
.navbar .frame {
	background:url(images/bg-navbar-frame.gif) 0 100% no-repeat;
	overflow:hidden;
	height:1%;
	padding:11px 0 8px 9px;
	width:203px;
}
/* tabset */
.navbar .tabset {
	overflow:hidden;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:-1px;
	margin-right:-3px;
	width:206px;
}
.tabset li {
	float:left;
}
.tabset a {
	float:left;
	color:#000;
	padding:7px 12px 8px 11px;
}
.tabset a:hover {
	color:#000;
	background-color: #fff;
	text-decoration:none;
}
.tabset a.active {
	color:#595959;
	background:#fff;
}
.tabset a.active:hover {
	color:#595959;
}
/* tab-content */
.navbar .tab-content {
	background:#fff;
}
.tab-content .empty {
	display:block;
	padding:10px;
}
.navbar .list {
	overflow:hidden;
	width:100%;
}
.navbar .list li {
	background:url(images/separator3.gif) repeat-x;
	margin-top:-6px;
	padding:15px 0 10px 10px;
	height:1%;
}
.navbar .list a {
	color:#0058a6;
}
/* main */
#main {
	padding:8px 0 72px;
}
/* article */
#main .article {
	background:url(images/separator4.gif) repeat-x;
	padding:12px 0 10px;
	width:631px;
	margin-right:-11px;
	position:relative;
}
#main .article:after {
	display:block;
	clear:both;
	content:"";
}
#main img.alignright {
	float:right;
}
#main img.alignleft {
	float:left;
}
#content .article p {
	margin:0;
}
article h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 5px 0 3px 0;
}
article ul {
	padding-left: 15px;
	margin-bottom: 15px;
}
article ul li {
	list-style-type: disc;
}
#content .article:first-child,
#content .first-child {
	background:none;
}
.article h3 {
	font-weight:bold;
	font-size:1.1em;
	letter-spacing:-1px;
	margin-bottom:3px;
}
.article h3 a span {text-transform:uppercase;}
.article h2 {
	font: 19.8px Arial, Helvetica, sans-serif;
	margin-bottom:3px;
	font-weight:bold;
}
.article .more {
	font-weight:bold;
}
#content .attachment-post {
	display:block;
	margin:0 -5px 8px 0;
	position:relative;
}
#content p, p {
	margin-bottom:15px;
	font-size:13px;
	line-height:18px;
}
/* intro */
#content .intro {
	font-weight:bold;
}
/* info-list */
#content .info-list {
	padding:15px 0 13px 13px;
}
.info-list li {
	padding-bottom:10px;
}
.info-list strong {
	font-weight:bold;
}
/* comments */
#comments {
	border-top:3px solid #c2c2c2;
	padding:16px 0 0;
	width:480px;
	margin-right:-20px;
	position:relative;
}
#comments .title {
	display:block;
	color:#000;
	font-size:1.3em;
	letter-spacing:-1px;
	margin-bottom:10px;
}
.comments {
	border:solid #c2c2c2;
	border-width:1px 0;
	margin:20px 0 11px;
	padding:0;
}
.comments li {
	height:1%;
	padding:13px 10px 0 0;
}
.comments li:after {
	display:block;
	clear:both;
	content:"";
}
.comments .even {
	background:#ebebeb;
}
.comments .avatar {
	float:left;
	border:solid #fff;
	border-width:3px 3px 3px 0;
	margin-right:9px;
}
.comments .txt {
	float:left;
	width:411px;
}
#content .comments p {
	margin-bottom:8px;
}
#content .comments .info {
	margin:0 0 1px -4px;
	font-size:1em;
}
.comments .url {
	font-size:1.1em;
}
.comments .date {
	font-size:.9em;
}
#comments h2 {
	font-size:18px;
	margin-bottom:10px;
}
#comments input,
#comments textarea,
#comments select {
    margin-bottom:10px;
    margin-top:2px;
	padding:3px;
}
#comments label {
	font-weight:bold;
}
/* paging */
#comments .paging {
	overflow:hidden;
	width:100%;
	font-size:.9em;
}
.paging ul {
	float:right;
	overflow:hidden;
	margin-left:4px;
}
.paging li {
	float:left;
	background:url(images/divider5.gif) 0 3px no-repeat;
	padding:0 11px 0 8px;
	margin-left:-3px;
}
.paging a {
	float:left;
	color:#99bcdb;
}
.paging span {
	float:right;
}
/* aside-holder */
#main .aside-holder {
	background:url(images/divider3.gif) repeat-y;
	margin-top:15px;
	padding-top:5px;
	font-size:.9em;
}
.aside-holder h4 {
	font-size:1.3em;
	color:#000;
	font-weight:bold;
	line-height:12px;
	padding-bottom:7px;
}
.aside-holder ul li {
	padding-bottom: 5px;
	font-size: 1.1em;
}
/* widget */
#sidebar .widget {
	padding:0 0 15px 10px;
	width:144px;
	margin-right:-14px;
}
.widget p {
	font-size:1.1em;
}
.widget .rss {
	margin-top:4px;
	display:inline-block;
	padding:0 0 4px 22px;
	background:url(images/ico-rss.gif) no-repeat;
}
.widget ul {
/*	letter-spacing:-1px;*/
}
.aside h4 {
	margin:0 0 0 12px;
}
/* place-holder */
.aside .place-holder {
	width:173px;
	margin:0 -35px 0 -12px;
	position:relative;
}
/* google-area3 */
.aside .google-area3 {
	width:152px;
	margin:16px -12px 0 0;
	position:relative;
}
/* footer */
#footer {
	background-color: #f0f0f0;
	padding: 20px;
	margin-bottom: 25px;
}
#footer .area {
	width:951px;
	margin:0 -8px 10px;
	border:solid #e4e4e4;
	border-width:3px 0 1px;
	overflow:hidden;
	padding:12px 0 8px 5px;
}
/* logo2 */
#footer .logo2 {
	float:left;
	background:url(images/logo2.gif) no-repeat;
	width:168px;
	height:16px;
	text-indent:-9999px;
	overflow:hidden;
	margin-top:5px;
}
.logo2 a {
	display:block;
	height:100%;
}
/* items */
#footer .items {
	background:url(images/divider4.gif) repeat-y;
	float:right;
	padding:2px 0 4px 3px;
}
.items ul {
	float:left;
	width:148px;
	padding-left:11px;
}
/* add */
#footer .add {
	text-align:center;
	font-size:.9em;
}
/* addnav */
#footer .addnav {
	display:inline;
}
#footer .addnav ul {
	display: inline;
}
.addnav li {
	display:inline;
	padding:0 9px;
}
#comm {
	width:98% !important;
}
div.navigation a {color:#0058A6;}

article strong {font-weight:bold;}
.aside .textwidget {
	line-height:16px;
	padding:0 0 12px 12px;
}
.container_12 .grid_2 .widget ul {
	padding:0 0 10px 13px;
}
#sidebar .widget ul {
	padding-left:0;
}
.frontpage-right-ads {
	padding-left:15px;
}