@charset "utf-8";

*
{
	background-repeat:no-repeat;
	color:#3f3f3f;
	font-family:georgia, "times new roman", times, serif;
	font-size:13px;
	line-height:20px;
	margin:0px;
	outline:none;
	padding:0px;
}

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

a
{
	color:#000000;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

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

#container
{
	background-image:url(../images/container.png);
	background-repeat:no-repeat;
	margin:0px auto;
	overflow:hidden;
	width:972px;
}

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

#header
{
	height:153px;
	overflow:hidden;
	position:relative;
	width:972px;
}

#header h1
{
	height:112px;
	left:12px;
	overflow:hidden;
	position:absolute;
	top:24px;
	width:357px;
}

#header h1 a
{
	display:block;
	height:112px;
	overflow:hidden;
	text-indent:-9999px;
	width:357px;
}

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

#navigation
{
	height:66px;
	overflow:hidden;
	position:absolute;
	right:0px;
	top:0px;
	width:626px;
}

#navigation ul
{
	background-image:url(../images/navigation-ul.png);
	height:66px;
	list-style:none;
	overflow:hidden;
	width:626px;
}

#navigation ul li
{
	display:inline;
	float:left;
	height:66px;
	overflow:hidden;
}

#navigation ul li a
{
	display:inline;
	float:left;
	height:66px;
	overflow:hidden;
	text-indent:-9999px;
}

#navigation ul li a:hover,
#navigation ul li a.on
{
	background-image:url(../images/navigation-ul.png);
}

#navigation ul li.blog
{
	width:129px;
}

#navigation ul li.blog a
{
	width:129px;
}

#navigation ul li.blog a:hover,
#navigation ul li.blog a.on
{
	background-position:0px -66px;
}

#navigation ul li.cityists
{
	margin:0px 0px 0px 1px;
	width:134px;
}

#navigation ul li.cityists a
{
	width:134px;
}

#navigation ul li.cityists a:hover,
#navigation ul li.cityists a.on
{
	background-position:-130px -66px;
}

#navigation ul li.fashion
{
	margin:0px 0px 0px 1px;
	width:131px;
}

#navigation ul li.fashion a
{
	width:131px;
}

#navigation ul li.fashion a:hover,
#navigation ul li.fashion a.on
{
	background-position:-265px -66px;
}

#navigation ul li.tv
{
	margin:0px 0px 0px 1px;
	width:120px;
}

#navigation ul li.tv a
{
	width:120px;
}

#navigation ul li.tv a:hover,
#navigation ul li.tv a.on
{
	background-position:-397px -66px;
}

#navigation ul li.about
{
	width:107px;
}

#navigation ul li.about a
{
	width:107px;
}

#navigation ul li.about a:hover,
#navigation ul li.about a.on
{
	background-position:-517px -66px;
}

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

#search
{
	background-image:url(../images/search.png);
	height:29px;
	overflow:hidden;
	position:absolute;
	right:12px;
	top:91px;
	width:299px;
}

#search form
{
	display:inline;
	float:left;
	height:29px;
	overflow:hidden;
	width:191px;
}

#search form p
{
	height:29px;
	overflow:hidden;
	position:relative;
	width:191px;
}

#search form p input
{
	background:none;
	border:none;
	height:16px;
	line-height:16px;
	left:9px;
	padding:2px 0px;
	position:absolute;
	top:5px;
	width:155px;
}

#search form p button
{
	background:none;
	border:none;
	cursor:pointer;
	height:28px;
	position:absolute;
	right:0px;
	text-indent:-9999px;
	top:0px;
	width:27px;
}

#search ul
{
	display:inline;
	float:right;
	height:25px;
	list-style:none;
	margin:2px 0px;
	overflow:hidden;
	width:108px;
}

#search ul li
{
	display:inline;
	float:left;
	height:25px;
	margin:0px 0px 0px 3px;
	overflow:hidden;
	width:24px;
}

#search ul li a
{
	display:inline;
	float:left;
	height:25px;
	overflow:hidden;
	text-indent:-9999px;
	width:24px;
}

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

#main
{
	display:inline;
	float:left;
	overflow:hidden;
	padding:0px 0px 0px 12px;
	width:624px;
}

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

#content
{
	overflow:hidden;
	width:624px;
}

#content p.subtitle
{
	border:#cccccc solid;
	border-width:1px 0px;
	margin:12px 0px 0px 0px;
	padding:12px 0px;
	text-align:center;
}

#content div.post
{
	border-bottom:#000000 solid 3px;
}

#content div.post div.title
{
	margin:24px 0px;
	text-align:center;
	text-transform:uppercase;
}

#content div.blog div.title
{
	text-align:left;
}

#content div.post div.title h2,
#content div.post div.title h2 a,
#content div.post div.title h3,
#content div.post div.title h3 a
{
	color:#000000;
	font-size:28px;
}

#content div.blog div.title h2,
#content div.blog div.title h2 a,
#content div.blog div.title h3,
#content div.blog div.title h3 a
{
	font-size:18px;
}

#content div.post div.title p strong
{
	color:#58585a;
	display:block;
	font-size:12px;
	margin:5px 0px 3px 0px;
	line-height:15px;
}

#content div.post div.title p small
{
	color:#808183;
	display:block;
	font-size:12px;
	font-style:italic;
	line-height:12px;
	text-transform:none;
}

#content div.post div.image
{
	border:#000000 solid 1px;
	height:418px;
	overflow:hidden;
	width:622px;
}

#content div.post div.content p
{
	margin:12px 0px;
}

#content div.post div.content p a.left
{
	display:inline;
	float:left;
	margin:0px 12px 12px 0px;
}

#content div.post div.content p a img
{
	border:#666666 solid 1px;
}

#content div.post div.social
{
	margin:24px 0px;
	overflow:hidden;
	position:relative;
	width:624px;
}

#content div.post div.social div.links
{
	color:#bfc0c2;
	font-size:12px;
}

#content div.post div.social div.links a
{
	font-size:12px;
	text-transform:uppercase;
}

#content div.post div.social div.links a.on
{
	font-weight:bold;
}

#content div.post div.more
{
	position:absolute;
	right:0px;
	top:0px;
}

#content div.post div.more p a
{
	font-weight:bold;
	text-transform:uppercase;
}

#content div.post div.social div.share p
{
	border-top:#e0e0e0 solid 1px;
	font-size:12px;
	margin:6px 0px 0px 0px;
	overflow:hidden;
	padding:6px 0px 0px 0px;
	width:624px;
}

#content div.post div.social div.share p label
{
	color:#000000;
	display:inline;
	float:left;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	width:60px;
}

#content div.post div.social div.share p a
{
	color:#818286;
	display:inline;
	float:left;
	font-size:12px;
	text-transform:uppercase;
}

#content div.post div.social div.share p span
{
	color:#c0c0c0;
	display:inline;
	float:left;
	font-size:12px;
	text-transform:uppercase;
}

#content div.post div.social div.share p input
{
	background-color:#f2f2f2;
	border:#cecece solid 1px;
	display:inline;
	float:left;
	font-size:11px;
	margin:0px 6px 0px 0px;
	padding:2px 3px;
	width:172px;
}

#content div.post div.social div.share p input.url
{
	width:358px;
}

#content div.post div.social div.share p button
{
	display:inline;
	float:left;
	font-size:11px;
	margin:-1px 0px 0px 0px;
}

#content div.post div.social div.tags p
{
	border-top:#e0e0e0 solid 1px;
	color:#808183;
	font-size:12px;
	margin:6px 0px 0px 0px;
	padding:6px 0px 0px 0px;
}

#content div.post div.social div.tags p a
{
	color:#808183;
	font-size:12px;
}

#content div.post div.comments div.container
{
	border-top:#e0e0e0 solid 1px;
	margin:6px 0px 0px 0px;
	padding:12px 0px 0px 0px;
}

#content div.pagination
{
	margin:24px 0px 0px 0px;
	text-align:center;
}

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

#list div.post
{
	overflow:hidden;
	padding:0px 0px 0px 249px;
	position:relative;
	width:375px;
}

#list div.post div.image
{
	height:235px;
	left:0px;
	position:absolute;
	top:24px;
	width:235px;
}

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

#footer
{
	border-top:#dfe1e0 solid 1px;
	margin:24px 0px;
	padding:12px 0px 0px 0px;
	text-align:center;
}

#footer p
{
	color:#595959;
	font-size:10px;
}

#footer p a
{
	color:#595959;
	font-size:10px;
}

#footer p small
{
	color:#828282;
	font-size:10px;
}

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

#sidebar
{
	border-left:#cccccc solid 1px;
	display:inline;
	float:right;
	margin:12px 0px 0px 0px;
	overflow:hidden;
	padding:0px 12px 0px 11px;
	width:300px;
}

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

#crave
{
	background-image:url(../images/crave.png);
	border-top:#3c3839 solid 1px;
	height:458px;
	margin:12px 0px;
	overflow:hidden;
	padding:42px 0px 6px 0px;
	width:300px;
}

#crave div.container
{
	overflow:hidden;
	padding:0px 7px;
	width:286px;
}

#crave ul
{
	list-style:none;
	overflow:hidden;
	width:292px;
}

#crave ul li
{
	display:inline;
	float:left;
	height:140px;
	margin:0px 6px 6px 0px;
	overflow:hidden;	
	width:140px;
}

#crave ul li a img
{
	border:none;
}

#crave p
{
	text-align:right;
}

#crave p a
{
	color:#ffffff;
	text-transform:uppercase;
}

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

#cityists
{
	background-image:url(../images/cityists.png);
	border-top:#3c3839 solid 1px;
	height:464px;
	margin:12px 0px;
	padding:42px 0px 0px 0px;
}

#cityists div.container
{
	border-top:#3c3839 solid 1px;
	height:439px;
	overflow:hidden;
	overflow-y:scroll;
	padding:12px 7px;
	width:286px;
}

#cityists ul
{
	list-style:none;
}

#cityists ul li a
{
	color:#ffffff;
}

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

#popular
{
	border:#3c3839 solid;
	border-width:1px 0px;
	margin:12px 0px;
	padding:12px 0px;
}

#popular *
{
	color:#ffffff;
}

#popular div.container
{
	background-color:#000000;
}

#popular div.links
{
	background-image:url(../images/popular-links.png);
	background-repeat:repeat-x;
	height:33px;
	line-height:33px;
	text-transform:uppercase;
}

#popular div.links a
{
	display:inline;
	float:left;
	height:33px;
	line-height:33px;
	margin:0px 6px;
	overflow:hidden;
	text-align:center;
	width:87px;
}

#popular div.links a.on
{
	border-bottom:#404040 solid 3px;
	height:30px;
}

#popular div.links a.tags
{
	width:88px;
}

#popular div.links span
{
	background-image:url(../images/popular-links-span.png);
	display:inline;
	float:left;
	height:33px;
	line-height:33px;
	overflow:hidden;
	text-indent:-9999px;
	width:1px;
}

#popular div.panel
{
	padding:12px;
	overflow:hidden;
	width:276px;
}

#popular ul
{
	list-style:none;
}

#popular div.tags
{
	overflow:hidden;
	padding:0px;
	width:300px;
}

#popular div.tags div.scroll
{
	height:439px;
	overflow:hidden;
	overflow-y:scroll;
	padding:12px;
	width:276px;
}

#popular div.tags ul
{
	overflow:hidden;
	width:276px;
}

#popular div.tags ul li
{
	display:inline;
	float:left;
	width:138px;
}

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

#links
{
	background-color:#000000;
	background-image:url(../images/links.png);
	border-top:#3c3839 solid 1px;
	margin:12px 0px;
	padding:54px 0px 0px 0px;
}

#links ul
{
	list-style:none;
	overflow:hidden;
	padding:0px 12px 12px 12px;
	width:276px;
}

#links ul li
{
	display:inline;
	float:left;
	width:138px;
}

#links ul li a
{
	color:#ffffff;
}

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

#newsletter
{
	border-top:#3c3839 solid 1px;
	margin:12px 0px;
	padding:12px 0px 0px 0px;
}

#newsletter div.container
{
	background-image:url(../images/newsletter.png);
	height:140px;
	overflow:hidden;
	position:relative;
}

#newsletter form input
{
	background:none;
	border:none;
	font-size:12px;
	left:38px;
	padding:5px 3px;
	position:absolute;
	top:71px;
	width:220px;
}

#newsletter form button
{
	background:none;
	border:none;
	cursor:pointer;
	height:24px;
	left:47px;
	position:absolute;
	top:102px;
	text-indent:-9999px;
	width:206px;
}

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

body.fashion #main
{
	overflow:hidden;
	padding:0px 12px;
	width:948px;
}

body.fashion #content
{
	padding:12px 0px 0px 0px;
	width:948px;
}

body.fashion #content div.content
{
	text-align:center;
}

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

body.tv #main
{
	overflow:hidden;
	padding:0px 12px;
	width:948px;
}

body.tv #content
{
	padding:12px 0px 0px 0px;
	width:948px;
}

body.tv #content div.post div.promotion div.wrapper
{
	background-image:url(../images/tv-content-post-promotion-p.png);
	background-repeat:repeat-x;
	height:90px;
	margin:12px 0px;
	overflow:hidden;
	padding:4px 0px;
	text-align:center;
}

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