/* Sprites */

#blogbar .bar span, #blogbar .bar .logo, #blogbar .bar .user, #blogbar .arrow
{background:url(../images/sprite_v.png?v=2012-09-27a) no-repeat}

.blogsearch
{background:url(../images/sprite_main.png) no-repeat}


#blogbar {display:none; position:fixed; bottom:0; left:0; width:100%; z-index:999; -moz-box-shadow:0 2px 5px #333; -webkit-box-shadow:0 2px 5px #333; box-shadow:0 2px 5px #333; font:normal 12px/16px Arial,Helvetica,sans-serif}
	#blogbar * {font-family:Arial,Helvetica,sans-serif; text-align:left; text-shadow:none; border:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0}
	#blogbar a, #blogbar a:visited, #blogbar a:active, #blogbar a:hover {cursor:pointer; cursor:hand; border:none; color:#999; text-decoration:none; font-style:normal; font-weight:normal; background-color:transparent; outline:none}
	#blogbar a:hover {text-decoration:underline}
	
	#blogbar .bar, #blogbar .bar .menu {background-color:#252525; background-image:-webkit-gradient(linear,left top,left bottom,from(#252525),to(#191919)); background-image:-webkit-linear-gradient(top,#252525,#191919); background-image:-moz-linear-gradient(top,#252525,#191919); background-image:-ms-linear-gradient(top,#252525,#191919); background-image:-o-linear-gradient(top,#252525,#191919); background-image:linear-gradient(top,#252525,#191919); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#252525',EndColorStr='#191919')}
	
	#blogbar .bar {-moz-box-shadow:0 4px 5px #000; -webkit-box-shadow:0 4px 5px #000; box-shadow:0 4px 5px #000; border:0; color:#999; position:relative; height:40px; line-height:40px; margin:0 auto; padding:0; position:static; width:auto}
		#blogbar .bar span {padding:0 15px 0 36px; float:left}
			#blogbar .bar sup {-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-box-shadow:1px 1px 1px pink; -webkit-box-shadow:1px 1px 1px pink; box-shadow:1px 1px 1px pink; background:red; color:#fff; font-size:10px; line-height:14px; margin-left:3px; padding:0 3px 0 4px}
		
		#blogbar .bar .edit {background-position:0 -186px}
		#blogbar .bar .preview {background-position:0 -156px}
		#blogbar .bar .logout {float:right; background-position:0 -80px}
		#blogbar .bar .lists {padding-left:40px}
		#blogbar .bar .add {background-position:0 -40px}
		#blogbar .bar .home {float:right; background-position:0 -119px}
		#blogbar .bar .notice {background-position:7px -226px; padding-left:28px; border:none}
		
		#blogbar .bar .news {float:right; border-left:1px solid #b01111; padding-left:15px; background-position:0 -306px; background-repeat:repeat-x}
			#blogbar .bar .news a {color:#fff; text-shadow:0 1px 1px #b10000; font-weight:bold}
				#blogbar .bar .news sup {-moz-box-shadow:1px 1px 1px #9a0c0f; -webkit-box-shadow:1px 1px 1px #9a0c0f; box-shadow:1px 1px 1px #9a0c0f; background:#fff; color:#ba1016}
		
		#blogbar .bar .info {background-position:0 100px}
		#blogbar .bar .info.user {background-position:0 -306px; background-repeat:repeat-x; padding:0 6px 0 0; color:#fff; text-shadow:0 -1px 1px #b10000}
			#blogbar .bar .info .logo {display:block; float:left; width:36px; height:40px; background-position:0 -266px; text-indent:-9999px; font-size:0; line-height:0}
			#blogbar .bar .info.user .login {padding:0 4px 0 10px; color:#fff}
			#blogbar .bar .info img {width:25px; height:25px; margin:7px 6px 0 5px; border:1px solid #b01111; float:left}

/* show/hide */
#blogbar { height: 40px; box-shadow: none; width: auto; }
#blogbar .bar { box-shadow: 0 2px 5px #333333; margin-right: 20px; display: inline-block; }
#blogbar .bar .closed { display: inline-block; position: relative; }
#blogbar .bar .options { left: -90%; position: absolute; top: 0; display: none; }
#blogbar .bar .arrow { width: 20px; height: 40px; position: absolute; right: -20px; top: 0; background-position: 0 -346px; }
#blogbar .bar .arrow:hover { background-position: 0 -426px; }
#blogbar .opened.arrow { display: none; }			

#blogbar.show { width: 100%; }
#blogbar.show .bar { display: block; left: 0; }
#blogbar.show .bar .options { display: block; position: static; }
#blogbar.show .bar .arrow { background-position: 0 -386px; }
#blogbar.show .bar .arrow:hover { background-position: 0 -466px; }
#blogbar.show .closed { display: none; }
#blogbar.show .opened.arrow { display: block; right: 0; }		


#simplemodal-overlay {background:#000; z-index:9999999 !important}
#simplemodal-container {background:#069cce; border:12px solid #069cce; -moz-border-radius:14px; -webkit-border-radius:14px; border-radius:14px; z-index:99999999 !important}
	#simplemodal-container .modalClose {position:absolute; bottom:10px; left:50%; width:60px; margin:0 5px 0 -30px}
	#simplemodal-container .simplemodal-wrap {background:#fff; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; overflow:hidden !important; overflow-x:hidden; overflow-y:auto}
		
		#modal {padding:10px; width:650px; color:#000; font:normal 12px/16px Arial,Helvetica,sans-serif; text-align:left; overflow:hidden}
		#modal * {font-family:Arial,Helvetica,sans-serif; text-align:left; text-shadow:none; border:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0}
			#modal form {padding:0; margin:0; border:0}
				#modal h3 {margin:0 0 20px; padding:0; color:#333; font:bold 16px/30px Arial,Helvetica,sans-serif; background:#fff}
				#modal a, #modal a:visited, #modal a:active, #modal a:hover {cursor:pointer; cursor:hand; border:none; color:#069cce; text-decoration:none; font-style:normal; font-weight:normal}
				#modal a:hover {text-decoration:underline}
				#modal a.close {color:red; font-weight:bold; position:absolute; right:12px; text-decoration:none; top:10px}
				#modal img {border:0; margin:0; padding:0}
				
				#modal fieldset {margin-bottom:10px; border:0; margin:0}
					#modal div {padding:0 0 10px; margin:0; overflow:hidden}
						#modal label {width:150px; float:left; text-align:right; margin-right:6px; line-height:20px; font-weight:bold; font-size:12px}
						#modal fieldset input {float:left; background:#fff; font-size:12px; height:18px; left:auto; line-height:2; margin:0; padding:4px 6px; width:200px; border:1px solid #999; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
						
						#modal span {line-height:20px; padding:0 5px; float:left; font-size:12px}
						
						#modal .buttons {margin:-10px 0 -5px 155px; text-align:left; float:left}
							#modal .buttons input {cursor:pointer; cursor:hand; margin:0 5px 0 0; text-align:left}
		
		#modal .login fieldset {padding:10px 0 10px 30px}
			#modal .login label {width:100%; text-align:left; font-weight:normal}
		
		#modal .login .buttons {margin:-10px 0 20px 30px}
		
		#modal .login .addition {border-left:1px dotted #ccc; float:right; margin:-130px 0 15px; width:370px}
			#modal .login .addition p {padding:5px 30px; margin:0}
				#modal .login .addition p a {font-weight:bold}
			
			#modal .login .addition p.facebook {height:35px}
				#modal .login .addition p a.fb_button {margin-bottom:20px; text-decoration:none; position:relative}
					#modal .login .addition p a.fb_button span {font-size:11px}
		
		
		#modal .news h3 {margin:0 0 10px 5px}
		
		#modal .news .items {height:290px; overflow:auto}
			#modal .news .item {margin:0 10px 10px 0; padding:5px}
			#modal .news .item.new {background:#eaffc1}
			#modal .news .item:hover {background:#f5f5f5}
				#modal .news h4 {margin:0; padding:0 0 10px}
					#modal .news h4 a {font-size:14px; line-height:18px; font-weight:bold}
				
				#modal .news p {width:90%; margin:0; padding:0; overflow:hidden}
					#modal .news img {width:100px; float:left; margin:0 10px 0 0}
		
		
		#modal .lists .column {padding:0; width:389px; float:left; height:250px; overflow:auto; border:solid #ccc; border-width:1px 1px 1px 0}
		#modal .lists .column.left {width:258px; border-width:1px}
			#modal .lists .wrapper {padding:0 10px; min-height:250px; height:auto !important; height:250px; background:#efefef}
				#modal .lists h4 {margin:0; padding:0; border:0; font:bold 14px/32px Arial,Helvetica,sans-serif; color:#333; background:transparent}
				#modal .lists p {font-size:11px; line-height:15px; margin:0; padding:10px 0}
				
				#modal .lists .left a {display:block; position:relative; color:#333; margin:0 -4px; padding:1px 14px 1px 4px; line-height:16px; text-decoration:none}
				#modal .lists .left a:hover {background:#ddd}
				#modal .lists .left a.active {background:#555; color:#fff}
				#modal .lists .left sup {-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-box-shadow:1px 1px 1px #666; -webkit-box-shadow:1px 1px 1px #666; box-shadow:1px 1px 1px #666; background:red; color:#fff; font-size:10px; line-height:14px; margin-left:3px; padding:0 3px}
					#modal .lists .left a em {display:none; font-style:normal; font-weight:bold; color:red; position:absolute; right:3px; top:1px; font-size:11px}
					#modal .lists .left a:hover em {display:block}
				
				#modal .lists .right div {display:none; padding:10px}
					#modal .lists .right p {text-align:center; padding-top:100px}
					#modal .lists .right a {display:block; overflow:hidden; padding:2px 14px 2px 2px; text-decoration:none; color:#494949; margin:0 0 4px; line-height:16px; position:relative; outline:none}
					#modal .lists .right a.new {background:#eaffc1}
					#modal .lists .right a:hover {background:#f5f5f5}
						#modal .lists .right img {float:left; width:25px; height:25px}
						#modal .lists .right span {float:left; display:block; width:300px; font-size:11px; line-height:16px}
							#modal .lists .right strong {font-size:12px}
							#modal .lists .right em {font-style:normal}
							#modal .lists .right em.delete_item {display:none; font-style:normal; font-weight:bold; color:red; position:absolute; right:0; top:0; font-size:11px; line-height:11px; padding:5px}
							#modal .lists .right a:hover em.delete_item {display:block}
			
			#modal .lists .add {display:none; overflow:hidden}
				#modal .lists .add h4 {padding:0 10px}
				#modal .lists .add ul {margin:0 20px; padding:10px; font-size:14px; line-height:18px}
					#modal .lists .add li {margin:0 0 5px; padding:0}
			
			#modal .lists .buttons {margin:0; padding:0; border:0; position:absolute; left:10px; top:322px; width:260px}
			#modal .lists .buttons.blog {left:270px; width:390px}
				#modal .lists .buttons .text {background:#fff; font-size:12px; height:16px; left:auto; line-height:2; margin:0; padding:4px 6px; width:145px; border:1px solid #999; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}
				#modal .lists .buttons .blur {font-style:italic; color:#999; border-color:#bbb}
				#modal .lists .buttons.blog .text {width:270px}
				#modal .lists .buttons .hidden {visibility:hidden; position:absolute}
				#modal .lists .buttons .button {margin:0 0 -5px 5px; background:#fff; border:0; padding:0}

.ac_results {background-color:#fff; overflow:hidden; padding:8px 8px 3px; z-index:99999}
	.ac_results ul {list-style:none; margin:0; padding:0; width:100%}
		.ac_results li {cursor:default; display:block; font:menu; font-size:12px; line-height:16px; margin:0; overflow:hidden; padding:2px 5px}

.ac_over {background-color:#ddd}

.blogsearch {display:block; width:170px; height:29px; position:relative; top:6px; margin-left:10px; float:left}
	.blogsearch input {background:transparent; width:150px; height:28px; line-height:28px; position:relative; top:1px; left:5px; padding:0; margin:0; border:0; display:block; color:#999}
	
	.ac_results {margin-left:-5px}
		.ac_results strong {font-weight:normal; color:#ba1016}
		.ac_results b strong {font-weight:bold}