/*
 *  Project	: www.4fakulte.com
 *  Authors	: Caner Ergun - caner@prodestek.net / Ali Akman - ali@prodestek.net
 *  File	: Common
 *  Info	: Album Stil Dosyası
*/


@import url(font/style.css); 


body						{ font-family:"Lucida Sans","Lucida Sans Unicode",Arial, sans-serif; font-size:12px; color:#f5f3f3 }
a							{ color:#63caff; outline-width:0; text-decoration:none } 
a:hover						{ text-decoration:underline } 

body						{ background:#1a1a1a url(file/album/bulut.jpg) no-repeat center top }

.zemin						{ background:url(file/album/dotted.png)}

.footer						{ background:#141414 url(file/album/footer.png) repeat-x left top}
.footer .nokta				{ background:url(file/album/dotted.png); height:399px }

.container					{ min-height:720px; width:970px; margin:0 auto}


.header 					{ overflow:hidden;  height:120px; width:100%}
.header div					{ float:right; font-size:11px; padding-right:2px}
.header ul					{ padding:14px 0 0 0}
.header ul li				{ margin-left:15px; }
.header ul li.first a		{ color:#cccccc}

.header ul li.first 		{ background:url(file/album/border.jpg) no-repeat right 1px; padding-right:8px; margin-right:3px}
.header div li				{ float:left; }
.header span				{ display:block; padding:22px 0 0 12px}

.bant						{ border-top:1px solid #2f2f2f; margin-bottom:35px;border-bottom:1px solid #2f2f2f}
.bant ul li a				{ color:#fadc4e; color:#fefefe; font:normal 12px tahoma; }
.bant ul li.active a		{ color:#f0c058!important}
.bant ul li a:hover			{ text-decoration:none}
.bant ul li 				{ float:left; padding:0 32px 0 25px; height:16px}
.bant 						{ overflow:hidden; padding:7px 8px 8px 8px}
.bant ul li.album			{ background:url(file/album/album.nav.png) no-repeat left 1px; padding-top:3px}
.bant ul li.video			{ background:url(file/album/video.nav.png) no-repeat left top; padding-top:3px}

.body						{ overflow:hidden; width:100%; padding-bottom:40px;}

.sidebar,.content			{ float:left}
.sidebar					{ width:145px; padding-top:44px; margin-right:52px;}
.content					{ width:773px}

.sidebar ul li								{ border-top:1px solid #343232;}
.sidebar ul li a 							{ color:#cfcfcf; font-family:arial;   padding:5px 4px 5px 16px; display:block; font-size:11px; }
.sidebar ul li:first-child 					{ border-top:0}
.sidebar ul li ul   					 	{ display:none; }
.sidebar ul li ul li  					 	{ border-top:1px solid #343232!important}
.sidebar ul li a:hover						{ background-color:#232323!important; text-decoration:none}	
.sidebar ul li a.sub						{ background:url(file/album/solok.png) no-repeat 4px 8px}
.sidebar ul li a.show 						{ background:#2683d2 url(file/album/altok.png) no-repeat 5px 10px!important; cursor:default; color:white;}
.sidebar ul li ul							{ padding:0; margin:0}
.sidebar ul li ul li a						{ padding-left:20px}
.sidebar ul li li li a						{ padding-left:26px}
.sidebar ul li li li li a					{ padding-left:32px}
.sidebar ul li li li li li a				{ padding-left:38px}

.sidebar ul									{ margin-bottom:80px;}
.sidebar .S120								{ width:120px; margin:0 auto;}

.kapak										{ }
.kapak .k-body								{ overflow:hidden;border:1px solid #2e2c2c; padding:15px}
.kapak .k-sidebar, .kapak .k-content		{ float:left}
.kapak .k-content							{ width:511px; min-height:412px; border-right:1px solid #2d2b2b; padding-right:15px}
.kapak .k-content .kc-image					{ width:511px; min-height:328px; overflow:hidden;margin-bottom:14px}
.kapak .k-content .kc-image img				{ display:block }
.kapak .k-content .kc-image p				{ position:relative; font-style:italic; text-align:justify; font-size:10px; opacity:.68; filter: alpha(opacity=68); -moz-opacity: 0.68; padding:5px 12px 5px 5px; margin:-40px 0 0 0; background:black; height:50px }


.kc-other									{ height:59px; overflow:hidden;}
.kc-other *									{ float:left}
.kc-other img								{ width:84px;}
.kc-other li a 								{ opacity:.68; filter: alpha(opacity=68); -moz-opacity: 0.68;}
.kc-other li a:hover 						{ opacity:.99; filter: alpha(opacity=100); -moz-opacity:1;}
.kc-other li								{ margin-right:8px}
.kc-other span 								{ width:22px; height:59px; background:#323232 url(file/album/clip.png) no-repeat left top}
.kc-other span.prev							{ background-position:6px 25px;  margin-right:7px }
.kc-other span.prev:hover					{ background-position:-15px 25px }
.kc-other span.next							{ background-position:-56px 25px }
.kc-other span.next:hover					{ background-position:-35px 25px }
.kc-other span:hover						{ background-color:#2E2E2E}


.kc-other .thumbs   { overflow: hidden; width:460px; }

.kc-other .thumbs ul { }

.kapak .k-sidebar							{ width:200px; padding-left:12px}
.kapak .k-sidebar p							{ color:#dcd9d9; height:120px; font-size:12px;}
.kapak .k-sidebar p span					{ display:block; margin:9px 0 0 0; font-size:10px; color:#5e5e5e; }
.kapak .k-sidebar ul						{ border-top:1px solid #2d2b2b; border-bottom:1px solid #2d2b2b; padding:8px 0 4px 1px ; margin:14px 0 14px 0}
.kapak .k-sidebar ul li a					{ font:normal 11px arial}
.kapak .k-sidebar ul li 					{ margin-bottom:6px; padding:0 0 0 23px; }
.kapak .k-sidebar ul li.album 				{ background:url(file/album/album.png) no-repeat left top}
.kapak .k-sidebar ul li.video 				{ background:url(file/album/video.png) no-repeat left top; padding-top:2px}


.k-header									{ overflow:hidden; margin-bottom:10px}
.k-header .pager							{ float:right}
.k-header .k-caption						{ padding:0 1px 0 1px}
.k-header .k-caption h1						{ color:white; font:normal 20px georgia}
.k-header .k-caption span					{ color:#909090; font:normal 11px arial}


.albumler 	{opacity:.68; filter: alpha(opacity=68); -moz-opacity: 0.68;o overflow:hidden; padding-bottom:80px; 	}
.albumler:hover	{opacity:.99; filter: alpha(opacity=100); -moz-opacity:1;	}
.albumler div ul	{overflow:hidden; width:100%;	}
.albumler div ul li {width:131px; height:135px; background:#282828; float:left; margin:0 0 24px 24px; border:1px solid #2e2d2d}
.albumler div ul li:hover {background-color:#191818;}
.albumler div ul li a {display:block; padding:6px; color:#a1a1a1;  font:normal 10px/11px arial}
.albumler div ul li a:hover {text-decoration:none}
.albumler div ul li span {display:block;  margin:6px -1px 0 -1px; padding:3px 2px 0 2px;border-top:1px solid #343434;}
.albumler div ul li.atla {margin-left:0}
.albumler h2{ text-align:center;color:#e3dddd; font-size:22px; border-bottom:1px solid #282828; padding:14px 0; margin:0 0 40px 0 }


.pager								{ padding:14px 0 0 0}
.pager div span						{display:none}
.pager em							{font:bold 11px arial; letter-spacing:1px; color:#747373; margin:4px 7px 0 0}
.pager *							{float:left}
.pager b							{display:none}
.pager a.back,.pager a.next,
.pager div							{background-image:url(file/album/pager-click-ico.png); background-repeat:no-repeat; height:23px}
.pager div							{background-position:-118px 0;  width:13px}
.pager div:hover					{background-position:-52px 0}


.pager div.show span				{display:block}
.pager div.show						{width:113px;background-position:-132px 0}
.pager div.show input.text			{width:25px; border:0; background:#191818; color:#7c7676;margin:5px 0 0 71px; text-align:center; font:normal 9px verdana}
.pager div.show input.submit		{border:none;background:none; height:23px; width:15px; margin:0 0 0 2px }
.pager div.show input.submit:hover	{background:url(file/album/pager-click-ico.png) -246px 0}


.pager a.back,.pager a.next			{width:25px;margin-right:3px}
.pager a.back						{background-position:-66px 0}
.pager a.back:hover					{background-position:0 0}
.pager a.next						{background-position:-92px 0}
.pager a.next:hover					{background-position:-26px 0}

.pager a.b-disabled					{background-position:-288px 0!important; cursor:default}
.pager a.n-disabled					{background-position:-262px 0!important; cursor:default}








hr{display:none}





/*
 * CSS3 Ortak Gruplar
 * @ -moz-border-radius		: mozilla	.....................( -moz-border-radius-topleft )
 * @ -webkit-border-radius	: safari	.....................( -webkit-border-top-left-radius )
 * @ -border-radius:		: chrome	.....................( -border-top-right-radius )
 * @  border-radius			: opera		.....................(  border-bottom-left-radius)
*/
.radius 		{ -moz-border-radius:6px; -webkit-border-radius:6px; -border-radius:6px; border-radius:6px }
.radius3 		{ -moz-border-radius:3px; -webkit-border-radius:3px; -border-radius:3px; border-radius:3px }
.radiusUpLr		{ -moz-border-radius-topright:6px; -moz-border-radius-topleft:6px;	 -webkit-border-top-left-radius:6px;	-webkit-border-top-right-radius:6px; -border-top-left-radius:6px; -border-top-right-radius:6px; border-top-left-radius:6px; border-top-right-radius:6px  }
.radiusUpL 		{ -moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px; -border-top-left-radius:6px; border-bottom-left-radius:6px;}
.radiusUpR 		{ -moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;-border-top-right-radius:6px; border-bottom-right-radius:6px;}
.radiusBoLr		{ -moz-border-radius-bottomright:6px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px;	-webkit-border-bottom-right-radius:6px; -border-bottom-left-radius:6px; -border-bottom-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px}
.radiusBoL 		{ -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -border-bottom-left-radius:6px; border-bottom-left-radius:6px;}
.radiusBoR 		{ -moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;-border-bottom-right-radius:6px; border-bottom-right-radius:6px;}
.radiusUpRBoL	{ -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px;-border-bottom-left-radius:6px; border-radius-bottom-left:6px; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px;-border-top-left-radius:6px; border-top-right-radius:6px;}
.radiusUpLBoR	{ -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px;-border-bottom-right-radius:6px; border-radius-bottom-right:6px; -moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px;-border-top-left-radius:6px; border-top-left-radius:6px;}



/*
 * Footer */
.footer .infooter								{ width:960px; height:236px; background:url(file/for_.png) no-repeat 420px bottom; padding-top:163px; margin:0 auto;overflow:hidden}
.footer a										{ color:#2292df;}
.footer .sutun									{ overflow:hidden; width:100%; height:160px}
.footer .sutun .one,.footer .sutun .two,
.footer .sutun .tre,.footer .sutun .for			{ float:left}

.footer h4										{color:#696969; font:normal 19px trebuchet ms; margin-bottom:9px}
.footer .sutun .one								{width:260px; margin-right:64px}
.footer .sutun .two								{width:200px; margin-right:67px}
.footer .sutun .tre								{width:120px; margin-right:67px}
.footer .sutun .for								{width:155px;}

.footer .sutun .one span						{ color:#727272; font:normal 12px trebuchet ms}
.footer .sutun .one input.text					{ display:block; margin:14px 0 11px 0; background:#2A2A2A	; border:none; font:normal 11px verdana; width:157px; padding:0 5px 0 5px; height:24px; color:#606060; }
.footer .sutun .one input.submit				{ background:#98af6b; color:white; font:normal 11px tahoma; height:19px; padding-bottom:3px; width:50px; border:0}

.footer .sutun .two a							{ color:#727272; font-size:11px;}
.footer .sutun .two a span						{ color:#2292df}
.footer .sutun .two li							{ margin-bottom:15px}

.footer .sutun .tre li							{ margin-bottom:6px}
.footer .sutun .tre li a:hover					{ background:#2292df; color:white; text-decoration:none}

.footer .sutun .for address						{ color:#727272; font-style:normal; margin-bottom:14px}
.footer .sutun .for p 							{ font:normal 13px trebuchet ms; color:#9D9D9D; }
.footer .sutun .for p b							{ font:normal 11px arial; color:#B9B9B9; }


.footer .licanse								{ padding:32px 0 0 0} 
.footer .licanse span a							{ font:bold 10px tahoma; color:#4A3C2F; margin-right:20px}
.footer .licanse span a:hover					{ text-decoration:none; color:#555}
.footer .licanse p								{ color:#767575; padding-top:2px; font-size:9px}

.footer .sutun .for span img{ width:26px}
.footer .sutun .for span{padding:14px 0 0 0; display:block}

/*
 * Tools */
.hidden											{ display:none}

a.no:hover										{ text-decoration:none}
a.no											{ cursor:default; color:#4A608C}
