/* ========== Reset ========== */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, tt, var, 
b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td 
				     {margin:0; padding:0; border:0; outline:0; outline:none; vertical-align:baseline; background:transparent;}

/* ========== General ==========  */
body					{background:#000 url(/assets/images/backgrounds/bg-default.jpg) top center no-repeat fixed; font-family:Arial; font-size:12px; color:#ccc; line-height:18px;}
a					{color:#0066ff; text-decoration:none;}
a:hover				{color:#d24d03; text-decoration:underline;}

.clear					{clear:both;}

#bodybg				{position:fixed; top:0; left:0; width:100%; height:100%;}
.bg-off				{display:none;}

#shadebg				{position:fixed; top:0; left:0; width:100%; height:100%; background:url(/images/pagewidth-bg.png) bottom center repeat-x fixed;}
#pagewidth				{position:relative; width:900px; margin:0 auto 0 auto;}

#header				{position:relative; width:900px; height:115px; margin:0 0 15px 0;}
#header	.logo			{position:absolute; bottom:0; left:0; width:260px; height:95px; }

.menu ul, .sysmenu ul		{list-style:none;}
.menu li, .sysmenu li		{float:left; margin:0 0 0 15px;}
.menu a, .sysmenu a		{display:block; padding:7px; color:#fff;}
.menu a:hover, .sysmenu a:hover, .menu li.active a, .sysmenu li.active a	{color:#d24d03; background:#fff; text-decoration:none;}
.sysmenu				{position:absolute; top:20px; right:0; font-size:14px;}
.menu				{position:absolute; top:80px; right:0; font-size:22px;} 

#content				{position:relative; width:900px; margin:15px 0 0 0;}
#contenttop			{position:relative; width:900px; height:20px; background:url(/images/copy-bg-top.png) top left no-repeat;}
#contentbottom			{position:relative; width:900px; height:20px; background:url(/images/copy-bg-bottom.png) top left no-repeat;}

#contentcopy			{position:relative; width:840px; padding:10px 30px 10px 30px; background:url(/images/copy-bg.png) top left repeat-y;}

.contentcopy-news		{position:relative; float:left; width:550px;}
.contentcopy-news h1		{font-weight:normal; font-size:22px; color:#fff; padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px dotted #3a3c45;}

.contentcopy-news h2		{color:#fff; margin:0 0 10px 0; font-size:18px;}
.contentcopy-news i.meta 	{display:block; margin:5px 0 5px 0; font-size:11px; font-weight:normal; color:#3a3c45;}
.contentcopy-news .pages	{font-size:16px; text-transform:lowercase; margin:20px 0 20px 0;}

.annoucement			{margin:0 0 25px 0; padding:15px; border:1px dotted #d24d03;}
.annoucement h1			{font-size:14px; border:0; color:#d24d03; margin:0;}

.news 				{}
.newsSub				{margin:0 0 25px 0; }
.dPages				{font-size:22px; text-transform:lowercase;  margin:25px 0 10px 0; color:#3a3c45;}	
.dPages span, .dPages a 	{ margin:0 5px 0 5px;}

.archivesNav 			{position:absolute; top:27px; left:40%; z-index:900000; font-size:15px; font-weight:bold;}
.archivesNav a 			{color:#000;}

.archivesComics			{position:relative; float:left; width:100px; height:100px; margin:0 5px 0 5px; font-size:10px; line-height:14px;}
.archivesComics img 		{margin:0 0 5px 0; border:1px dotted #666; padding:4px; width:90px; height:40px; opacity: .5; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; -khtml-opacity: .5; -moz-opacity: .5;}
.archivesComics img:hover 	{border:1px dotted #d24d03; opacity:1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -khtml-opacity:1; -moz-opacity:1;}
.archivesComics h2 		{margin:0; font-size:10px; font-weight:normal;}
.archivesComics a 			{margin:0;}

.tarrotPages 			{position:relative; float:left; width:295px; text-align:center; font-family: 'IM Fell DW Pica SC'; margin:25px 0 10px 90px; }
.tarrotPages a 			{color:#d24d03;}
.tarrotPages a:hover 		{color:#fff; text-decoration:none;}

.tarrotCards 			{position:relative; float:left;  width:330px; height:550px; margin:0 0 0 90px; padding:0 0 0 320px; clear:both;}
.tarrotCards h1 			{margin:0 0 20px 0; font-weight:normal; font-size:24px; color:#fff;}
.tarrotCards img 			{position:absolute; top:0; left:0; padding:10px; border:1px dotted #666;}

.tarrotDiscuss 			{margin:20px 0 0 0;}

.tarrotCards  .share-item 	{margin:20px 0 0 0;}

.contentcopy-side			{position:relative; float:left; width:260px; margin:0 0 0 30px; }
.contentcopy-side h1		{font-weight:normal; font-size:20px; color:#fff; padding:0 0 10px 0;}

.side-twitter  			{margin:0 0 20px 0;}


.contentcopy-slide 		{position:relative;  width:840px; text-align:center; background:#000; margin:1px 0 1px 0; overflow:hidden;}

.navigation				{position:relative; padding:15px 0 15px 0; font-size:18px; background:#fff; font-weight:bold;  text-align:right; text-transform:lowercase; }
.navigation a 			{margin:0 10px 0 10px; color:#000;}
.navigation a:hover 		{text-decoration:none; color:#d24d03;}
.navigation a.last, .navigation a.first	{font-size:13px; color:#666;}
.navigation a.last:hover, .navigation a.first:hover	{color:#000;}

.contentcopy-comics .share	{position:relative; float:left; margin:-30px 0 0 15px;  z-index:9500;}
.share-item 				{position:relative; float:left; }

.contentcopy-comics .forumLink	{position:relative; float:left; margin:-33px 0 0 300px; font-size:14px; font-weight:bold;  z-index:9500;}
.contentcopy-comics .forumLink a {color:#000;}

.news .share			{min-height:25px; width:100%;}
.news .share-item			{position:relative; float:left; }

.comic-logo				{position:absolute; z-index:9000; color:#000; text-align:right; font-weight:bold; font-size:14px; }
.comic-logo-chris			{top:22px; left:40px; width:210px; height:17px; padding:5px 0 0 0;  background:url(/images/logo-andchris.png) no-repeat;}
.comic-logo-ord			{top:12px; left:40px; width:130px; height:25px; padding:18px 0 0 0; background:url(/images/logo-ord.png) no-repeat;}	

.contentcopy-slide-prev a, .contentcopy-slide-next	a {position:absolute; top:0; display:block; width:50%; height:100%;}
.contentcopy-slide-prev	a 	{left:0;}
.contentcopy-slide-next	a 	{right:0;}

.product-front 			{margin:0 0 25px 0;}
.product-front img			{display:block; width:228px; height:168px; color:#3a3c45; padding:15px; border:1px dotted #3a3c45;}
.product-front h2			{font-size:14px; margin:10px 0 5px 0;}
.product-front p 			{font-size:11px; line-height:13px; color:#3a3c45;}		
.product-front b 			{display:block; margin:5px 0 5px 0; color:#3a3c45;}
.product-front a 			{text-transform:uppercase; font-weight:bold; font-size:11px;}

.coupon-front 			{}
.coupon-front img			{display:block; width:228px; padding:15px; border:1px dotted #3a3c45;}

#features				{position:relative; width:900px; height:270px;}
.feature 				{position:relative; float:left; width:290px; height:260px;} 
.feature a 				{color:#000;}

#feature_ord			{margin:0 1px 0 1px; z-index:19000;}
#feature_chris			{margin:0 13px 0 13px; z-index:9000;}
#feature_city			{margin:0 1px 0 1px; z-index:29000;}

.feature-thumb			{position:absolute; top:6px; left:6px; z-index:1000;}
.feature-logo			{position:absolute; top:210px; left:12px; z-index:9000;}
.feature-copy			{position:absolute; top:210px; right:12px; text-align:right; color:#000; z-index:9000;}
.feature-mask			{position:absolute; top:-10px; left:-10px; width:310px; height:270px; z-index:5000;}
.feature-mask  a 			{display:block; width:100%; height:100%;}

#feature_ord .feature-logo	{width:70px; height:43px; background:url(/images/logo-ord.png) no-repeat;}	
#feature_chris .feature-logo	{width:130px; height:22px; background:url(/images/logo-andchris.png) no-repeat;}
#feature_city .feature-logo	{width:77px; height:48px; background:url(/images/logo-cof.png) no-repeat;}

#feature_ord .feature-mask 	{background:url(/images/feature-box-1.png) no-repeat;}
#feature_chris .feature-mask 	{background:url(/images/feature-box-2.png) no-repeat;}
#feature_city .feature-mask 	{background:url(/images/feature-box-3.png) no-repeat;}

#footer				{position:relative; float:left; width:840px; text-align:right; margin:10px 0 0 0; padding:10px 0 0 0; font-size:11px; color:#3a3c45; border-top:1px dotted #3a3c45;}
#footer .menu			{position:absolute; top:5px; left:0; font-size:12px;}
#footer .menu li 			{margin:0;}
#footer .menu a 			{display:block; padding:5px 10px 0 0; color:#3a3c45;}
#footer .menu a:hover, #footer  .menu li.active a	{color:#d24d03; background:transparent; text-decoration:none;}

#Frame				{background:#fff; padding:10px;}
#Frame #Search			{margin:0 10px 0 0;}


/*Store*/
.content_store			{position:relative; float:left; min-height:380px; padding:0 0 20px 0;}
.content_store	p		{float:left; width:200px;}
.dl_credits				{float:right; font-size:10px; color:#888;}
.dl_specs				{float:left; margin:20px 0 0 0; width:140px;}
.dl_specs	h2			{font-weight:normal;}
.dl_specs	i			{float:right; font-size:10px; color:#888;}

.store_images			{position:relative; float:right; width:304px; height:384px;}
.store_images img 		{margin:2px;}

.store_grid				{position:relative; float:left; width:160px; height:220px; margin:0 10px 20px 10px; font-size:11px; line-height:14px; color:#666;}
.store_grid img 			{margin:0 0 5px 0; border:1px dotted #666; padding:4px; width:150px; height:150px; opacity: .8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -khtml-opacity: .8; -moz-opacity: .8;}
.store_grid img:hover 		{border:1px dotted #d24d03; opacity:1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -khtml-opacity:1; -moz-opacity:1;}
.store_grid h2 			{margin:0 0 5px 0; font-size:12px;}
.store_grid h2 a			{color:#fff;}
.store_grid b			{color:#fff;}
.store_grid a 			{margin:0; color:#d24d03; text-transform:uppercase;}
.store_grid p 			{position:absolute; bottom:0; left:0;}



.download_grid    		{position:relative; float:left; margin:0 5px 0 0; padding:5px; width:170px; height:200px; background:#000;}
.download_grid  h2 a 	{font-size:12px; color:#ccc; padding:5px;}
a.icon-download 		{padding-left:17px; background:url(/images/icon_download.png) 0 40% no-repeat; margin:0 10px 0 0; font-size:11px; color:#999;}