/* = friendly CSS reset
-------------------------------------------------------------- */
html, body, br, 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; 
}

/*HTML5 display-role reset for older browsers 
--------------------------------------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block; 
}

/*reset element display
--------------------------------------------------------------*/
:focus, :acive 		{ outline:0 }
body						{ background:#fff}
html.opera,
.opera body			{ background:#fff!important}
table 					{ border-collapse:collapse; border-spacing:0; border:none}
caption, th, td 		{ font-weight:normal; text-align:left }
blockquote:before, 
blockquote:after,
q:before, q:after		{ content:"" }
blockquote, q 		{ quotes:"" "" }
a img 					{ border:0 }
hr							{ background:#ddd; border:none; clear:both; color:#ddd; float:none; height:.1em; width:100%; }
a abbr, a acronym { border:none; }
embed,iframe,object{ max-width:100%}


/*aligment
--------------------------------------------------------------*/
.fr 					{ float:right}
.fl 					{ float:left}
.ac				{ text-align:center}
.ar					{ text-align:right}
.cl,.clear 		{ clear:both}
br.cl,
br.clear			{ display:block; height:0; line-height:1px; content:''}
html 				{ height:100%; }

/*accesibility
--------------------------------------------------------------*/
.container-inline	{display:inline}
.element-invisible	{visibility:hidden; display:inline; width:1px}

/*Layout
--------------------------------------------------------------*/
.hidden { display:none }
#page{ background:#fff; position:relative; overflow:hidden;}
.hide { position:absolute; clip:rect(1px 1px 1px 1px); clip:rect(1px, 1px, 1px,1px); }
.region-center-col img{ max-width:100%; height:auto }


/*Mobile
--------------------------------------------------------------*/
.desktop #rjmedia-toggle-form.hidden { display:block; clear:both; text-align:center }

/* =Typography
-------------------------------------------------------------- */
body {
	-moz-font-smoothing:antialiased; 
	-webkit-font-smoothing:antialiased; 
	color:#333;
	font:normal 80% Helvetica,Arial,Sans-Serif; 
	font-smoothing:antialiased; 
	text-rendering:optimizeLegibility;
	line-height:125%;
}.opera10 body 	{ font-size: 77%; }

i,em,dfn,cite 			{ font-style:italic}
b,strong,strong a	{ font-weight:800}
sub 						{ vertical-align:sub}
sup 						{ vertical-align:super}
del 						{ color:#666; text-decoration:line-through; }
ins, dfn					{ border-bottom:1px solid #ccc; padding-bottom:5px}
sup,sub,small,.small { font-size:90%}
tt,var,pre,kbd,samp,code{ font: normal Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace; }

dfn[title],abbr[title], 
acronym[title] { border-bottom:1px solid #ccc; cursor:help}
abbr, acronym { font-size:85%; letter-spacing:.1em; text-transform:uppercase}

::selection 			{ color:#000; background:#CCD0DB }
::-moz-selection{ color:#000; background:#CCD0DB }


/* =Lists
-------------------------------------------------------------- */
ul { list-style-type:disc; }
ul ul { list-style-type:square }
ul ul ul { list-style-type:circle}

ol { 	line-height:22px; 	list-style-position:outside; list-style-type:decimal}
dt { font-weight:400}

/* =Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	line-height:1.15em;
  word-wrap:break-word;
}

/* =Margins & Paddings
-------------------------------------------------------------- */
hr, 
dl, 
pre,
form,
address, 
blockquote { margin:1.2em 0}
p,table{ margin-bottom:1em}

h1 { margin:.75em 0 .7em}
h2 { margin:.75em 0 .5em}
h3 { margin:.5em 0 .4em}
h4 { margin:.1em 0 .3em}
h5 { margin:0 0 .2em}
h6 { margin:0 0 .1em}

th, td { padding:.3em;}
caption, figcaption{padding-bottom:.5em}
blockquote { padding:0 1em}
blockquote:first-child { margin:.8em 0}
fieldset { margin:1.6em 0;padding:0 1em 1em}
legend { 	padding-left:.8em;padding-right:.8em}
legend+* { margin-top:1em }

option { padding:0 .4em}
dt { margin-bottom:.4em;margin-top:.8em}

ul { margin-left:1.5em}
ol { margin-left:1.65em}
ol ol, 
ul ol { margin-left:2.5em}

/* = Forms
-------------------------------------------------------------- */
textarea 						{ overflow:auto; vertical-align:text-top}
button, input, 
select, textarea { width:auto; overflow:visible; margin:0; font-size:100%; vertical-align:baseline}

label,.field-label { display: -moz-inline-stack; display:inline-block; font-weight:700; padding:2px 0}
legend 							{ padding:2px 5px}
fieldset 							{ border:1px solid #ccc; margin:0 0 1.5em; padding:1em 1.5em}
select 								{ height:auto; width:70%}

input[type='tel'], 
input[type='text'], 
input[type='email'], 
input[type='number'], 
input[type='password'] { cursor:text }


input[type='tel'], 
input[type='text'], 
input[type='email'], 
input[type='number'],
input[type="password"] {
	-moz-border-radius:2px; 
	-webkit-border-radius:2px; 
	background-color:#f8f8f8;
	border:1px solid #ccc; 
	border-bottom-color:#aaa;
	border-radius:2px; 
	margin:0; 
	outline:none; 
	padding:5px 4px; 
	vertical-align:middle; 
	width:70%; 
}

area,
textarea {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	-moz-border-radius:2px; 
	-webkit-border-radius:2px;
	background-color:#f8f8f8;
	border-bottom-color:#aaa;
	box-sizing: border-box; 
	border:1px solid #ccc; 
	border-radius:2px; 
	height:auto; 
	overflow:auto; 
	margin:0; 
	outline:none; 
	padding:4px 6px; 
	width:100%; 
}

area:focus,
input:focus, 
textarea:focus { background:#fff}

select,
button, 
a.button,
input[type='reset'], 
input[type='button'], 
input[type='submit'] {
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background-color:#f8f8f8;
	border:1px solid #ccc;
	border-bottom-color:#aaa;
	border-radius:2px;
	color:#555;
	cursor:pointer;
	display: -moz-inline-stack; 
	display:inline-block;
	font-size:12px;
	font-weight:700;
	margin:0;
	padding:5px 12px;
	text-decoration:none;
	text-shadow:0 1px 0 #fff;
	vertical-align:middle;
	white-space:nowrap;
}

select{ font-size:11px}
button:hover, 
a.button:hover,
input[type='reset']:hover, 
input[type='button']:hover, 
input[type='submit']:hover {
	background-color:#f5f5f5;
	border:1px solid #bbb;
	border-bottom-color:#aaa;
	color:#555;
}


/* = Blocks
-------------------------------------------------------------- */
.region-center-col aside { word-wrap: break-word;}

/*Popular box*/
#rjmedia-popular_content ul.tabs{ width:100%; clear:both; margin:0; display:block; height:27px}
#rjmedia-popular_content ul.tabs li { list-style:none; float:left; font-size:.9em}
#rjmedia-popular_content ul.tabs li a{padding:6px; margin:0 2px 2px 0; display:block; border-bottom:none; text-align:center}

#rjmedia-popular_content .pop-inside{ border:solid 1px #ddd; padding:8px; }
#rjmedia-popular_content .pop-inside ul,
#rjmedia-popular_content .pop-inside ul li { list-style:none; margin:0}
#rjmedia-popular_content .pop-inside ul li p{ margin:0}
#rjmedia-popular_content .pop-inside ul li:last-child,
#rjmedia-popular_content .pop-inside ul li.views-row-last{ border-bottom:none; margin-bottom:0}

#rjmedia-popular_content .pop-inside .pop-inside-each{ display:none; width:100%; margin-bottom: 0}

#rjmedia-popular_content .pop-inside .block,
#rjmedia-popular_content .pop-inside .view-topics{ display:none; width:100%; margin-bottom: 0}

/*columnists_and_features block*/
#rjmedia-columnists_and_features ul.tabs{ width:100%; clear:both; margin:0; display:block; height:27px}
#rjmedia-columnists_and_features ul.tabs li { list-style:none; float:left; font-size:.9em}
#rjmedia-columnists_and_features ul.tabs li a{padding:6px; margin:0 2px 2px 0; display:block; border-bottom:none; text-align:center}
#rjmedia-columnists_and_features .pop-inside{ border:solid 1px #ddd; padding:8px; }
#rjmedia-columnists_and_features .pop-inside .pop-inside-each{ display:none; width:100%; margin-bottom: 0}

/* = Footer
-------------------------------------------------------------- */
#footer{ padding:15px 25px}

#footer .block-menu{ float:left; padding:20px 26px}
#footer .block-menu ul{ padding-left:15px; margin:0 0 10px}
#footer .block-menu ul li{ margin-bottom:5px; list-style:disc}
#footer .block-menu h3 {display: block; clear: both; padding-left: 30px; height:17px}


/* = user pages
-------------------------------------------------------------- */
.not-logged-in.page-user .left_sidebar,
.not-logged-in.page-user .right_sidebar { display:none; visibility:hidden }
.not-logged-in.page-user .main.column { width:50%; margin:5px auto; float:none }
.not-logged-in.page-user .breadcrumbs { margin-bottom:25px }
.not-logged-in.page-user #content { padding-bottom:25px }
.not-logged-in.page-user #content input[type='text'],
.not-logged-in.page-user #content input[type='password']{ width:100% }


/* = drupal
-------------------------------------------------------------- */
ul.primary li a { background-color: #fff; color: #999}
ul.primary li a.active { color: #333 }
.item-list .pager li { padding:.5em .1em}


/* = NDN
-------------------------------------------------------------- */
.ndn_embed .ndn_pauseOverlayContainer .ndn_pauseCarousel { bottom: -13px; }


/* = upickem deals
-------------------------------------------------------------- */

#rjmedia-upickem_deals_widget .snavi { clear:both; padding-top:5px; border-top:solid 1px #ddd; text-align:center }
#rjmedia-upickem_deals_widget .crop { height:135px}
#rjmedia-upickem_deals_widget .inner { overflow: hidden; height:152px; margin-bottom: 2px; position: relative; padding:38px 10px 10px; border:solid 1px #ddd; background:url(../_img/rjdeals-header.jpg) no-repeat 50% 0 }
#rjmedia-upickem_deals_widget .sbox { font-size:.85em; line-height:normal; height:90%; float:left; width:130px; margin-right:10px; padding-right:10px; border-right:solid 1px #ccc;}

#rjmedia-upickem_deals_widget .sprev,
#rjmedia-upickem_deals_widget .snext { display:block;background:url(../_img/icons.png) no-repeat -12px -182px}
#rjmedia-upickem_deals_widget .sprev { float:left; padding-left:10px}
#rjmedia-upickem_deals_widget .snext { float:right; padding-right:10px; background-position: 19px -199px}
#rjmedia-upickem_deals_widget a.xm-disabled { text-decoration:none; color:#ddd}