body { background-color:#2f2f2f; margin: 0px; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 16px; color: #626262; }

* { padding: 0px; margin: 0px; }

img { border:0; }

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

a:hover { color: #464646;  text-decoration:none; }

a:focus, a:active { outline: none; }

h1 { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 20px; color: #4c4c4c;margin: 5px 0 10px 20px;}
h2 { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 16px; color: #707070;margin: 5px 60px 10px 20px;}
h2 a, h2 a:hover { text-decoration:underline; }
h2 a.rss:hover { color: #d57809; }
h2 a.twitter:hover { color: #33ccff; }
h3 { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 20px; color: #4c4c4c;margin: 5px 0 10px 20px;}
h3.left,h1.left { float:left; }

p { margin: 7px 20px 18px 20px; }

input, select, textarea { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 3px;	color: #626262; font-size: 14px; width: 300px; background-color: #212121; border: 1px solid #2c2c2c; }

#wrapper { margin: 0 auto; width:874px; max-width:874px; padding:0; }

#main { background: url(images/black/main_bg.gif) repeat-y left top; width:830px; padding: 0 22px 0 22px; }

#header { background: url(images/black/header_bg.gif) no-repeat left top; width:830px; height:105px; }
	#header a.design-sector { background: url(images/black/design-sector_logo.png) no-repeat left top; text-indent:-9999px; width: 252px; height: 58px; display: block; position: absolute; margin: 27px 0 0 40px; border: none; }
	#header a.rssflag { float:right; position: relative; margin: 5px -24px 0 0; border: none; opacity: .8;filter: alpha(opacity=80); }
	#header a.themeflag { float:right; position: relative; margin: 30px -24px 0 0px; border: none; opacity: .8;filter: alpha(opacity=80); }
		#header a:hover.rssflag, #header a:hover.themeflag { opacity: 1;filter: alpha(opacity=100); }
		
	#header #note { overflow:hidden; background: url(images/black/note_bg.png) no-repeat left top; width:295px; height:55px; float:right; margin: 14px 60px 0 0; padding: 15px 20px 20px 20px; }
	#header #note #post { font-size:10px; color:#5d5d5d; }
	#header #note #post strong { float:left; font-size:11px; }
	#header #note #post p { clear:both; margin:0; padding: 4px 0 4px 0; }
	#header #note #date { font-size:9px; color:#434343; font-style:italic; float:right; }
		
#content { background: url(images/black/content_bg.gif) repeat-y left top; width:800px; padding: 10px 15px 10px 15px; }

#filter-menu { float:right; margin:7px 0 0 0; }
#contained { position:relative; overflow:hidden;clear:both; }
	#filter-container, #search-container {  margin: 5px 0 5px 0; background: url(images/black/black_50bg.png) left top; border-top: 1px solid #2c2c2c; border-bottom: 1px solid #2c2c2c; padding:10px; }
		#filter-container span, #search-container span { display:block;float:left;width:80px; }
		#filter-container a, #search-container a { padding:3px; margin: 0 5px 0 0; }
		#filter-container p, #search-container p {  margin: 7px 20px 7px 20px; }
				#filter-container p.dark, #search-container p.dark { margin: 7px 20px 7px 75px; font-style:italic; font-size:12px; color:#414141; }

#love { float:right; }
.heart-icon { margin: 0 0 -5px 0; }

#nav { clear:both; padding: 15px 0 10px 40px; }
	#nav a { padding:3px; margin: 0 4px 0 0; }
	#nav span { padding:3px; margin: 0 4px 0 0; color:#4e4e4e; }
	
#footer { background: url(images/black/footer_bg.gif) repeat-y left top; width:770px; height:62px; padding: 18px 52px 0 52px; text-align:right; }
	#footer span { float:left; }
	#footer a.elatus { background: url(images/elatus_logo.png) no-repeat left top; text-align:left; text-indent:-9999px; width: 26px; height: 29px; display: block; float:right; margin: -6px 0 0 25px; position:relative; border: none; opacity: 1;filter: alpha(opacity=100); }
	#footer a:hover.elatus { opacity: 0.8;filter: alpha(opacity=80); }

#big-foot { background: url(images/black/big_foot_bg.gif) no-repeat left top; width:830px; height:270px; padding: 22px; margin:5px 0 5px 0; }
	#big-foot-menu { height:40px; width: 820px; background-color:#111111;padding: 0 0 0 10px; }
		#big-foot-menu ul { margin: 0; padding: 0; list-style-type: none;}
		#big-foot-menu li { margin: 0 10px 0 0; padding: 0; list-style-type: none; float:left; }
			#big-foot-menu li a { padding:7px 5px 5px 5px; display:block; font-size:18px; }	
				#big-foot-menu li.active a { border-bottom: solid 3px #2f2f2f; }	
	#big-foot-content { padding: 0 8px 0 8px; }
		#big-foot-content strong { margin:10px 0 6px 7px; display: block; }
		#most-loved, #most-viewed, #most-random { width:271px; float:left; }
		#big-foot-content ul { z-index:1; margin: 0; padding: 0; list-style-type: none;}
			#big-foot-content li { z-index:2;clear:both; margin: 0; padding: 0; list-style-type: none;}
				#big-foot-content li a { cursor:pointer; z-index:3; position:relative; background-color:#1c1c1c; width:256px; height:23px; margin: 0 1px 0 1px;  padding:5px 4px 3px 9px; display:block; border-bottom: 1px dotted #303030; }
				#big-foot-content li a:hover { z-index:20; background-color:#121212; border-bottom: 1px dotted #404040; }
				#big-foot-content li a small { display:none; }
				#big-foot-content li a:hover small { display:inline; position: absolute;border:2px solid #000000; background-color:#121212;  top:-3.5em; left:21.3em; width:206px; height:127px; }
					#big-foot-content li.left a:hover small { top:-3.5em; left:-16.6em; }
				#big-foot-content li a small img { width: 206px; height:127px; }
					#big-foot-content li a strong { margin: 0; color: #f1f1f1; display:block; width:211px; float:left; overflow:hidden; }
					#big-foot-content li a span {  height:18px; display:block; float:right; color: #626262; margin:0; font-weight:bold; font-size:14px;padding: 2px 0 0 28px ; background: url(images/big_foot_heart.png) no-repeat 0 -26px;; }
					#big-foot-content li a:hover span { background: url(images/big_foot_heart.png) repeat-y left top; }
	
.entry { float:left;width:242px;height:163px;position:relative;margin: 12px; }

	.entry a.info { line-height:1em; display:block;background: url(images/infoblack_bg.png) no-repeat left top;position:absolute;z-index:3;width:224px;height:35px; padding: 5px 0 0 12px;margin: 120px 3px 0 3px;border:0;font-size:14px; }

		.entry a.info strong { float:left;margin:0; padding:0; font-family: Arial, Verdana; font-size: 12px; font-weight: bold; color: #ffffff; }
		.entry a.info br { clear:both; }
		.entry a.info span { margin:0; padding:0; font-family: Arial, Verdana; font-size: 10px; font-weight: normal; color: #707070; }
		.entry a.info span.love-count { background: url(images/love_small_heart.png) no-repeat left top; padding: 0 0 0 16px; float:right; font-family: Arial, Verdana; font-size: 10px; font-weight: normal; color: #707070;margin: 0 10px 0 0; }
	.entry a.shadow { text-indent:-9999px;display:block;background: url(images/entry_shadow.png) no-repeat left top;position:absolute; width:236px;height:157px;margin:3px;z-index:2;border:0; }
						
	.entry .screen { background-color: #313131; padding:2px;width:236px;height:157px;position:relative;z-index:1;border: 1px solid #161616; }
	.entry .screen-new { background-color: #cc30a5; padding:2px;width:236px;height:157px;position:relative;z-index:1;border: 1px solid #9e147c; }
	
#bigentry-container { clear:both; }
	
.bigentry { background-color: #313131; padding:2px;width:794px;border: 1px solid #161616;margin:5px 0 10px 0; clear:both; }

.left-bigentry { margin: 0 0 7px 20px; float:left; }

.right-bigentry { margin: 0 20px 7px 0; float:right; text-align:right; }
	.right-bigentry a { padding:3px; margin: 0 4px 0 4px; }
	.right-bigentry span { padding:3px; margin: 0 4px 0 4px; color:#4e4e4e; }

#contact { margin: 50px auto 20px auto; width:600px; }
#contact ul { padding:0 ; margin:0;  list-style:none;}
#contact ul li {clear:both; background:none;padding: 0 0 5px 0;margin: 0 0 5px 0; }
#contact ul label { display:block; float:left; width:180px; padding:3px 3px 3px 20px;margin: 0 20px 0 0;}

.boxg {	color:#000000; background-color: #324e32; border: 2px dotted #174e17; padding: 5px 5px 5px 5px; margin: 10px 10px 10px 10px; }
.boxr {	color:#000000; background-color: #493737; border: 2px dotted #452020; padding: 5px 5px 5px 5px; margin: 10px 10px 10px 10px; }

.tool-tip { color: #fff; width: 210px; z-index: 13000; }
.tool-title { font-family: Arial, Verdana; font-size: 12px; font-weight: bold; color: #ffffff; padding: 8px 8px 0px; background: url(images/bubble.png) top left; }
.tool-text { font-family: Arial, Verdana; font-size: 10px; font-weight: normal; color: #707070; padding: 2px 8px 8px; background: url(images/bubble.png) bottom right; }

#loading { background: url(images/black/ajax_loader_small.gif) no-repeat left top; width:16px; height:16px; padding:0; margin:12px 0 0 20px; display:none; float:left; }

.clear { clear:both; }