﻿/**



 * Photoshopedia



 *



 * @author Alexei <alexaholic_at_gmail_dot_com>



 */







/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- GENERAL -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/



a {



	text-decoration: none;







	outline: none;



}







a:link, a:visited { color: #01ade1; }



a:hover, a:active { color: #01ade1; }







a img { border: none; }







body, html {



	height: 100%; padding: 0;







	margin: 0;







	border: none;



}







body {



	font: 12px/1.5em Verdana, Arial, sans-serif;







	text-align: center;



	color: #2d2d2d;







	background: #fff url( ../ui/body-back.png ) repeat-x 0 0;



}







embed, object {



	margin: 0;







	border: none;



}







h1, h2, h3, h4 {



	padding: 0;







	margin: 0 0 10px;







	font-weight: normal;



	line-height: 1.2;



}







h1 { font-size: 20px; }



h2 { font-size: 18px; }



h3 { font-size: 16px; }



h4 { font-size: 14px; }







input, textarea, table {



	font-family: inherit;



	font-size: inherit;



	color: inherit;



}







label {



	font-weight: normal;



}







p {



	padding: 0;







	margin: 5px 0 10px;



}







ul, ol {



	margin: 10px 0; padding: 0 0 0 20px;



}



.afs {



    display:none;



}





/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- SPECIFIC -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/



.autoclear:after {



	height: 0;



	display: block;



	visibility: hidden;



	clear: both;



	content: "";



}.autoclear { display: inline-block; }.autoclear { display: block; }



/*\*/ * html .autoclear { height: 1%; } /**/







/*-*-*-*-*-*-*-*-*-*- MESSAGES -*-*-*-*-*-*-*-*-*-*/



.msg-error, .msg-notice, .msg-success {



	padding: 5px;







	margin: 0 0 5px; 







	text-align: left;







	border:1px solid #dddddd;



}



.msg-error {



	color: #d12f19;







	background-color: #fbe3e4;



	border-color: #fbc2c4;



}



.msg-notice {



	color: #817134;







	background-color: #f5f3f1;



	border-color: #fbc487;



}



.msg-success {



	color:#529214;







	background-color: #e6efc2;



	border-color: #c6d880;



}



	ul.msg-error, ul.msg-notice, ul.msg-success {



		list-style: none;



	}



	.msg-error a   { color: #d12f19; }



	.msg-notice a  { color: #817134; }



	.msg-success a { color: #529214; }







	.msg-error p, .msg-notice p, .msg-success p {



		margin-bottom: 0;



	}







ul.menu, ul.menu li {



	padding: 0;







	margin: 0;







	list-style: none;







	border: none;



}







.no-style { margin: 0; padding: 0; }







ul.no-style, ul.no-style li { list-style: none; }







.left  { float: left;  }



.right { float: right; }







.form {}



	.messages {



		padding: 0 0 8px;



	}



		.messages ul {



			padding: 10px;



		}







	.form-item {



		padding: 6px 0;



	}











/*-*-*-*-*-*-*-*-*-*- DOCUMENT -*-*-*-*-*-*-*-*-*-*/



#doc {



	width: 100%;







	background: transparent url( ../ui/doc-back.png ) repeat-x 0 100%;



} /*-*-* /DOCUMENT *-*-*/



	/*-*-*-*-*-*-*-*-*-*- PAGE -*-*-*-*-*-*-*-*-*-*/



	#pg {



		width: 982px;







		margin: 0 auto;







		text-align: left;



	} /*-*-* /PAGE *-*-*/



		/*-*-*-*-*-*-*-*-*-*- HEADER -*-*-*-*-*-*-*-*-*-*/



		#hd {



			height: 200px;



		} /*-*-* /HEADER *-*-*/



			/*-*-*-*-*-*-*-*-*-*- SITE NAME -*-*-*-*-*-*-*-*-*-*/



			#hd .site-name {



				width: 403px; height: 101px;



				padding: 31px 0 0 0;







				margin: 0;



				float: left;







				background: transparent url( ../img/photoshopedia.png ) no-repeat 0 40px;



			} /*\*/ * html #hd .site-name { width: 410px; height: 132px; } /**/



				#hd .site-name a {



					width: 0; height: 0;



					padding: 101px 0 0 403px;







					margin: 0;



					display: block;







					overflow: hidden;







					line-height: 150px;



				} /*\*/ * html #hd .site-name a { width: 403px; height: 101px; } /**/







/* hidden elements */

		 

			 

			 #hd .love {

				width: 54px; height: 48px;

                margin-top: 55px;

				margin-right: 15px;

				float: right;

				



			} /*\*/ * html #hd .love { height: 54px; } /**/

				#hd .love a img { display: block; }

                {

					width: 0; height: 0;

					padding: 0px 0 0 0px;

					margin: 0;

					overflow: hidden;

					line-height: 150px;

				} /*\*/ * html #hd .love a { width: 302px; height: 119px; } /**/	

			 

			 

			 

			 #hd .twitter {

				width: 63px; height: 45px;

                margin-top: 55px;

				margin-right: 10px;

				float: right;

				background: transparent url( ../ui/twitter.png ) no-repeat 0 0;

			} /*\*/ * html #hd .twitter { height: 126px; } /**/

				#hd .twitter a {

					width: 0; height: 0;

					padding: 45px 0 0 63px;

					margin: 0;

					display: block;

					overflow: hidden;

					line-height: 150px;

				} /*\*/ * html #hd .twitter a { width: 302px; height: 119px; } /**/	





			#hd .rss-feed {

				width: 47px; height: 46px;

                margin-top: 55px;

				margin-right: 15px;

				float: right;

				background: transparent url( ../ui/rss.png ) no-repeat 0 0;

			} /*\*/ * html #hd .rss-feed { height: 126px; } /**/

				#hd .rss-feed a {

					width: 0; height: 0;

					padding: 46px 0 0 47px;

					margin: 0;

					display: block;

					overflow: hidden;

					line-height: 150px;

				} /*\*/ * html #hd .rss-feed a { width: 302px; height: 119px; } /**/

				

			

				

				







			/*-*-*-*-*-*-*-*-*-*- PRIMARY MENU -*-*-*-*-*-*-*-*-*-*/



			#hd ul.menu {



				padding: 18px 13px 0;



			}



				#hd .menu li {



					padding: 0 14px;







					float: left;



				}



				#hd .menu li.alpha { padding-left: 0;  }



				#hd .menu li.omega { padding-right: 0; }



					#hd li a {



						height: 20px;



						padding: 10px;







						display: block;







						text-transform: lowercase;



						font-size: 14px;



						line-height: 20px;



					} /*\*/ * html #hd li a { height: 40px; display: inline-block; } /**/



					#hd li a:link, #hd li a:visited {



						color: #fff;



					}



					#hd li a:hover, #hd li a:active, #hd li a.active {



						color: #fff;







						background-color: #535353;



					}







		/*-*-*-*-*-*-*-*-*-*- BODY -*-*-*-*-*-*-*-*-*-*/



		#bd {



			padding: 34px 18px;



		} /*-*-* /BODY *-*-*/



			/*-*-*-*-*-*-*-*-*-*- CONTENT -*-*-*-*-*-*-*-*-*-*/



			#ct {



				width: 640px;



				min-height: 126px;







				float: left;



			} /*\*/ * html #ct { height: 126px; } /**/ /*-*-* /CONTENT *-*-*/







				#ct .block {



					padding: 0 0 12px;



				}



					#ct .row {}



						#ct .row .cell {



							width: 200px; height: 150px;



							margin: 10px;







							float: left;



						}



						#ct .row .cell.alpha { margin-left: 0;  }



						#ct .row .cell.omega { margin-right: 0; }







				h1,.head {



					height: 37px;



					padding: 0 10px;







					font-size: 20px;



					line-height: 37px;



					color:#fff;







					background: #76d6f3 url( ../ui/block-head-back.png ) repeat-x 0 0;



				}







				.pages {



					padding: 20px 0 0;







					font-size: 14px;



					line-height: 24px;



					color: #737373;



				}



					.pages a {



						padding: 2px 6px;







						line-height: 20px;







						background-color: #fff;



						border: 1px solid #737373;



					}



						.pages a:link, .pages a:visited {



							color: #737373;



						}



						.pages a:hover, .pages a:active {



							color: #01ade1;



						}







				/*-*- Single Resource -*-*/



				.entry {}



					.entry-pic {



						margin-bottom: 13px;



					}



						.entry-pic img {



							display: block;



						}



					.entry-options {



						width: 200px;



						margin: 0; padding: 0;







						float: right;



					}



						.entry-options li {



							height: 50px;







							margin: 0 0 20px !important;







							color: #fff;







							background: #48c8ef no-repeat 0 0;



						} /** * html .entry-options li { margin-top: -20px; } /**/



						.entry-options li.preview {



							background-image: url( ../ui/button-preview.png );



						}



						.entry-options li.download {



							background-image: url( ../ui/button-download.png );



						}



							.entry-options li a {



								width: 100%; height: 0;



								padding-top: 50px;







								display: block;



								overflow: hidden;







								line-height: 150px;



							} /*\*/ * html .entry-options li a { height: 50px; float: right; } /**/







					.rating {



						width: 396px;



						padding-bottom: 15px;







						float: left;







						text-align: center;



					}



						.rating-message {



							color: #f95200;



						}



					



					.entry .body h2 {



						width: 396px;







						text-align: center;



						font-size: 20px;



					}



					.entry .author {



						width: 396px;







						text-align: center;



						font-size: 16px;



					}







					.entry .details {



						margin-bottom: 20px;







						font-size: 16px;



						line-height: 20px;



					}







			/*-*-*-*-*-*-*-*-*-*- SIDEBAR -*-*-*-*-*-*-*-*-*-*/



			#sb {



				width: 280px;







				float: right;



			} /*-*-* /SIDEBAR *-*-*/



				#sb .block {



					margin-bottom: 15px;



				}







				#sb .block .body img {



					display: block;



				}







				#block-filter {



					padding: 15px 15px 10px;







					background: #47c7ee url( ../ui/block-filter-back.png ) repeat-y 0 0;



				}



					#block-filter .head {



						height: 20px;



						padding: 0;







						margin-bottom: 8px;







						line-height: 20px;







						background: none;



					}



					#block-filter select {



						height: 26px; width: 100%;







						font-size: 18px;



						color: #737373;







						border: 1px solid #858585;



					}







				#block-tags {



					padding: 12px;







					background: #47c7ee url( ../ui/block-tags-back.png ) repeat-y 0 0;



				}



					#block-tags .head {



						height: auto;



						padding: 0;







						line-height: 1;



						color: #686868;







						background: none;



					}







					#block-tags .tags {



						margin: 0;



					}



						#block-tags .tags a:link, #block-tags .tags a:visited,



						#block-tags .tags a:hover, #block-tags .tags a:active {



							color: #fff;



						}







		/*-*-*-*-*-*-*-*-*-*- FOOTER -*-*-*-*-*-*-*-*-*-*/



		#ft {



			height: 150px;



			padding: 0 18px;







			text-align: center;



		} /*-*-* /FOOTER *-*-*/



			#ft .menu {



				width: 500px;



				padding: 14px 0 0;



				



				margin: 0 auto;







				text-align: center;



				font-size: 14px;



				line-height: 1;



			}



				#ft .menu li {



					padding: 0 6px;







					float: left;







					border-right: 1px solid #fff;



				}



				#ft .menu li.omega {



					border-right: none;



				}



					#ft .menu li a:link, #ft .menu li a:visited,



					#ft .menu li a:hover, #ft .menu li a:active,



					#ft .menu li a:focus {



						color: #fff;



					}







			#ft-bar {



				height: 122px;







				text-align: left;



			}



				#ft-bar p, #ft-bar h3 {



					margin: 0;



				}



				#ft-bar .desc {



					width: 49%; height: 97px;







					float: left;



					margin: 25px 0 0;







					color: #bababa;



					line-height: 16px;







					background-color: #3c3c3c;



				}



					#ft-bar .desc p {



						padding: 5px;



					}







				#ft-bar .info {



					width: 49%; height: 97px;







					float: right;



					margin: 25px 0 0;







					color: #b5b5b5;



				}



					#ft-bar .info .menu {



						width: auto;



						padding: 15px 0 5px;







						float: right;



						margin: 0;







						font-size: 12px;



						line-height: 12px;



					}



						#ft-bar .info .menu li {



							padding: 0 5px;







							float: left;







							border-color: #b5b5b5;



						}



						#ft-bar .info .menu li.alpha {



							padding-left: 0;



						}



						#ft-bar .info .menu li.omega {



							padding-right: 0;



						}



							#ft-bar .info .menu li a:link, #ft-bar .info .menu li a:visited,



							#ft-bar .info .menu li a:hover, #ft-bar .info .menu li a:active,



							#ft-bar .info .menu li a:focus {



								color: #b5b5b5;



							}







					#ft-bar .info p {



						float: right;



					}



					#ft-bar .site-name {



						width: 181px; height: 29px;



						padding: 11px 0 0;







						margin: 0;



						float: right;







						background: transparent url( ../img/photoshopedia_s.jpg ) no-repeat 0 11px;



					} /*\*/ * html #ft-bar .site-name { height: 40px; } /**/



						#ft-bar .site-name a {



							width: 0; height: 0;



							padding: 29px 0 0 181px;







							margin: 0;



							display: block;







							overflow: hidden;







							line-height: 150px;



						} /*\*/ * html #ft-bar .site-name a { width: 181px; height: 29px; } /**/


/*
.paginare.active{

	border:1px solid #666;

	padding-top:2px;

	padding-bottom:2px;

	padding-left:6px;

	padding-right:6px;

	color:#01ade1;

}
*/

ul.paginare li{
	list-style:none;
}

ul.paginare li a{
    text-decoration: none;
	border: solid 1px #01ade1;
	color: #000;
	display: block;
    float: left;
    padding: 3px 8px;
    margin-right: 5px;
	margin-bottom: 5px;
	margin-top:	10px;
	list-style:none;
}

ul.paginare li a:hover{
	color: #fff;
	background-color:#01ade1;
	list-style:none;
}

ul.paginare li.active{
	text-decoration: none;
	border: solid 1px #01ade1;
	display: block;
    float: left;
    padding: 3px 8px;
    margin-right: 5px;
	margin-bottom: 5px;
	margin-top:	10px;
	list-style:none;
	background:#01ade1;
	color:#fff;
}

.paginare.first_page a{
	text-decoration: none;
	border: solid 1px #01ade1;
	color: #000;
	display: block;
    float: left;
    padding: 3px 8px;
    margin-right: 5px;
	margin-bottom: 5px;
	margin-top:	10px;
}

.paginare.first_page a:hover{
	color: #fff;
	background-color:#01ade1;
}

.paginare.prev_page a{
	text-decoration: none;
	border: solid 1px #01ade1;
	color: #000;
	display: block;
    float: left;
    padding: 3px 8px;
    margin-right: 5px;
	margin-bottom: 5px;
	margin-top:	10px;
}

.paginare.prev_page a:hover{
	color: #fff;
	background-color:#01ade1;
}

.paginare.next_page a{
	text-decoration: none;
	border: solid 1px #01ade1;
	color: #000;
	display: block;
    float: left;
    padding: 3px 8px;
    margin-right: 5px;
	margin-bottom: 5px;
	margin-top:	10px;
}

.paginare.next_page a:hover{
	color: #fff;
	background-color:#01ade1;
}

.paginare.last_page a{
	text-decoration: none;
	border: solid 1px #01ade1;
	color: #000;
	display: block;
    float: left;
    padding: 3px 8px;
    margin-right: 5px;
	margin-bottom: 5px;
	margin-top:	10px;
}

.paginare.last_page a:hover{
	color: #fff;
	background-color:#01ade1;
}

