/************************************
AURELIUS 
URL: www.qwibbledesigns.co.uk/preview/aurelius/
AUTHOR: Matthew Corner (QwibbleDesigns)
DATE: 31 Jan, 2010
REVISION: 1.0
DESCRIPTION: A premium business and portfolio theme.
************************************/

/* Global Styles */

	body								{background:url(../images/bg.png) repeat-x #FFFFFF; font-size:12px;	font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif; color:#000000;}
	a:focus								{outline:1px dotted;}
	a									{color:#717171; text-decoration:none;}
	a:hover								{text-decoration:none;}
	a span								{font-size:90%;}
	h1									{font-size:25px;}
	h2									{font-size:23px;}
	h3									{font-size:21px;}
	h4									{font-size:19px;}
	h5									{font-size:17px;}
	h6									{font-size:15px;}
	h7									{font-size:19px;}
	ol									{list-style:decimal;}
	ul									{list-style:disc;}
	li									{margin-left:20px; position:relative;}
	p, li, dl								{line-height:18px;}
	p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, img
										{margin-bottom:20px;}
	#wrapper							{margin-top:7px;}
	ul li ul, ol li ol							{margin-bottom:0px;}
	ol									{padding: 0 0 0 5px;}
	
/* Custom Grid */

	.container_12 						{margin-left:auto; margin-right:auto; width:1020px;}
	.float								{display:inline; float:left; position:relative;}
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12
										{display:inline; float:left; position:relative; margin-left:20px; margin-right:20px;}
	.container_12 .grid_1				{width:45px;}
	.container_12 .grid_2 				{width:130px;}
	.container_12 .grid_3 				{width:215px;}
	.container_12 .grid_4 				{width:300px;}
	.container_12 .grid_4_logo			{width:180px; display:inline; float:left; position:relative; margin-left:20px; margin-right:20px;}
	.container_12 .grid_5 				{width:385px;}
	.container_12 .grid_6 				{width:470px;}
	.container_12 .grid_7 				{width:555px;}
	.container_12 .grid_8 				{width:640px;}
	.container_12 .grid_8_iletisim		{}
	.container_12 .grid_9 				{width:725px;}
	.container_12 .grid_10 				{width:810px;}
	.container_12 .grid_11 				{width:895px;}
	.container_12 .grid_12 				{width:980px;}
	
/* Global Classes */

	.hr			{border:none; border-bottom:1px solid #f0f0f0; border-top:1px solid #d6d6d6; clear:both; height:0; line-height:0; width:100%; font-size:0; padding:0 ;margin-bottom :20px;}
	.pr			{border:none; border-bottom:1px solid #f0f0f0; border-top:1px solid #d6d6d6; clear:both; height:0; line-height:0; width:100%; font-size:0; padding:0; margin-bottom :30px;}
	.dotted		{border-style:dashed; border-left:0; border-right:0;}	
	.meta		{font-weight:normal;font-family:'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif; font-size:11px; color:#999999 !important; line-height:16px; text-transform:none; text-shadow:none;}
	.right		{float:right;}
	.left		{float:left;}
	.img_left	{float:left; margin:10px 20px 10px 0;}
	.img_right	{float:right; margin:10px 0 10px 20px;}
	.clear		{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
	.textright 	{text-align:right;}
	/*
	.error,
	.success	{display:none;}
	*/

/* Buttons */

	.button, .button:visited 			{background:#000000 url(../images/alert-overlay.png) repeat-x; display:inline-block; padding:5px 10px 6px; color:#fff; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25); position:relative; cursor:pointer; font-size:13px; font-weight:bold; line-height:1; border:0;}
 	.button:hover						{background-color:#111; color:#fff; text-decoration:none;}
	.button:active						{top:1px;}
	
/* Site Logo */

	h1#logo 								{font-size:48px; font-weight:normal; margin-top:20px; color:#000000;}

/* Site Navigation */

	ul#navigation						{text-transform:uppercase;}
	ul#navigation li 						{float:right; display:inline; margin : 0 0 0 50px;}
	ul#navigation li a						{font-family:arial, sans-serif !important; display:block; padding:44px 0 0; text-decoration:none; color:#000000; font-size:14px; font-weight:bold;}
	ul#navigation li a:hover,
	ul#navigation li a.current				{background:url(../images/triangle.gif) no-repeat center top;}

/* Footer */

	.footer,							
	.footer a							{color:#494949;}
	.footer a:hover						{color:#9d9d9d;}
	
/* Sub Navigation */

	ul.sidebar							{list-style:none; margin:0 0 30px 0; padding:0;}
	ul.sidebar li							{margin:0 0 0 0; padding:0;}
	ul.sidebar a							{width:295px;display:inline-block; padding:10px 0 10px 5px; border-bottom:1px solid #e4e4e4; text-decoration:none; color:#393939; }
	ul.sidebar li:last-child a				{-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;  -webkit-border-bottom-left-radius:5px;  -webkit-border-bottom-right-radius:5px;}
	ul.sidebar li:first-child a			{-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px;  -webkit-border-top-left-radius:5px;  -webkit-border-top-right-radius:5px;}
	ul.sidebar a:hover					{width:280px; background:#f6f6f6; padding:10px 0 10px 20px;}
	
/* Caption */

	h2.caption 							{color:#494949; text-shadow:1px 1px 1px #cfcfcf; font-size:23px; line-height:30px;font-weight:normal; }
	h2.caption span						{color:#000000; font-weight:bold;}
	h2.caption a:hover					{text-decoration : underline;}

/* Homepage QuickNavigation */

	#quicknav							{background:url(../images/link_border.png) repeat-x;}
	a .title 							{color:#000000;}
	.quicknavgrid_3						{width:204px; margin:0px; padding:20px 20px 0; display:inline; float:left; position:relative; margin-left:1px;}
	.quicknav							{background:#FFFFFF;}
	.quicknav:hover						{background:url(../images/link_bg.png) repeat-x;}
	.quicknavhr							{margin-bottom:0;}
	.quicknav.alpha						{margin-left:0; width:205px;}

/* About Us Page Timeline */

	dl.history							{margin:10px 10px;}
	dl.history							{margin:0 0 10px 0; zoom:1}
	dl.history dt						{width:50px; float:left; font-weight:bold;}
	dl.history dd						{width:250px; float:left; padding:0; margin-bottom:20px;}
	
/* Common Scroller Styles */

	.roundabout-holder 					{list-style:none; width:500px; height:300px; margin:0px auto;}
	.roundabout-moveable-item 			{font-size:12px!important; height:300px; width:600px; cursor:pointer; padding:5px; border:1px solid #aaaaaa; -webkit-border-radius:5px; -moz-border-radius:5px; background:#f9f9f9;}
	.roundabout-moveable-item img 		{height:100%; width:100%; background-color:#FFFFFF; margin:0;}
	.roundabout-in-focus 				{cursor:auto;}
	.roundabout-in-focus:hover			{-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; background:#f9f9f9;}
	.roundabout-holder span				{display:none; font-size:12px;}
	.roundabout-in-focus:hover span		{display:inline; position:absolute; bottom:5px; right:5px; padding:8px 20px; background:#f9f9f9; color:#000000; z-index:999; -webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px; font-size : 12px;border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; }
	.roundabout a:active,
	.roundabout a:focus,
	.roundabout a:visited				{outline:none; text-decoration:none;}
	.roundabou li 						{margin:0}
	a img								{border:none; outline:0;}

/* Featured Image Slider */

	#featured							{margin:10px 0 40px 0;}
	
/* Portfolio Image Slider */

	#folio_scroller_container			{margin-top:35px; margin-bottom:40px; height:auto;}
	#folio_scroller_container .roundabout-holder
										{list-style:none; height:400px; margin:0px auto 20px auto;}
	
/* Portfolio Styles */
	
	/* GENEL */
	.portfolio_item				{width:223px; position:relative; margin:0 14px 28px 14px; padding:0;}
	.portfolio_item img			{padding:5px; border: 1px solid #aaaaaa; width:211px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background:#f9f9f9; margin-bottom:0px;}
	.portfolio_item span			{display:none;}
	.portfolio_item:hover img	{-webkit-box-shadow:0px 0px 20px #549E51; -moz-box-shadow:0px 0px 20px #549E51; background:#f9f9f9;}
	.portfolio_item:hover span	{display:inline; position:absolute; bottom:6px; right:6px; padding:10px 15px; background:#f9f9f9; color:#000000; 
								 z-index:999; border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; -webkit-border-top-left-radius: 5px; 
								 -moz-border-radius-topLeft: 5px;}
								 
	/* KELİMELER verb */
	.portfolio_item_kelime				{width:231px; position:relative; margin:0 14px 28px 14px; padding:0;}
	.portfolio_item_kelime p				{padding:5px; border: 1px solid #aaaaaa; height:100px; width:211px; border-radius: 5px; 
										-webkit-border-radius: 5px; -moz-border-radius: 5px; background:#f9f9f9; margin-bottom:0px;
										/* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top, #FFFFFF 0%, #DBE3FF 200%);
										/* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #FFFFFF 0%, #DBE3FF 200%);
										/* Opera */ background-image: -o-linear-gradient(top, #FFFFFF 0%, #DBE3FF 200%);
										/* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(2, #DBE3FF));
										/* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #DBE3FF 200%);
										/* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to bottom, #FFFFFF 0%, #DBE3FF 200%);}
	.portfolio_item_kelime span.anlam 	{display:none;}
	.portfolio_item_kelime:hover p		{-webkit-box-shadow:0px 0px 20px #0000ff; -moz-box-shadow:0px 0px 20px #0000ff; background:#f9f9f9;}
	.portfolio_item_kelime:hover span.anlam 	{display:inline; position:absolute; height:98px; width:201px; z-index:990; border-radius: 5px; 
										-webkit-border-top-left-radius: 5px; -moz-border-radius-topLeft: 5px; padding:7px 15px; 
										text-align: left; margin-left: auto; margin-right: auto; line-height: 20px;
										/* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top, #FFFFFF 0%, #F8FF30 200%);
										/* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #FFFFFF 0%, #F8FF30 200%);
										/* Opera */ background-image: -o-linear-gradient(top, #FFFFFF 0%, #F8FF30 200%);
										/* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(2, #F8FF30));
										/* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #F8FF30 200%);
										/* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to bottom, #FFFFFF 0%, #F8FF30 200%);}	
	
	audio{ display: none; }

	/* ÖZEL */
	.portfolio_item_o				{width:223px; position:relative; margin:0 14px 28px 14px; padding:0;}
	.portfolio_item_o img			{padding:5px; border: 1px solid #aaaaaa; width:211px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background:#f9f9f9; margin-bottom:0px;}
	.portfolio_item_o span			{display:none;}
	.portfolio_item_o:hover img		{-webkit-box-shadow:0px 0px 20px #D24622; -moz-box-shadow:0px 0px 20px #D24622; background:#f9f9f9;}
	.portfolio_item_o:hover span		{display:inline; position:absolute; bottom:6px; right:6px; padding:10px 15px; background:#f9f9f9; color:#000000; 
									z-index:999; border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; -webkit-border-top-left-radius: 5px; 
									-moz-border-radius-topLeft: 5px;}	

	/* GÜNÜN SORUSU */	
	.portfolio_item_gs				{width:641px; position:relative; margin:0 14px 28px 14px; padding:0; margin-left:auto; margin-right:auto; float: center;}
	.portfolio_item_gs img			{padding:5px; border: 1px solid #aaaaaa; width:629px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background:#f9f9f9; margin-bottom:0px;}
	.portfolio_item_gs span			{display:none;}
	.portfolio_item_gs:hover img		{-webkit-box-shadow:0px 0px 20px #549E51; -moz-box-shadow:0px 0px 20px #549E51; background:#f9f9f9;}
	.portfolio_item_gs:hover span	{display:inline; position:absolute; bottom:6px; right:6px; padding:10px 15px; background:#f9f9f9; color:#000000; 
									z-index:999; border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; -webkit-border-top-left-radius: 5px; 
									-moz-border-radius-topLeft: 5px;}	

	/* SORU LİGİ SORUSU CONTAINER */	
	.portfolio_item_sl_container	{position:relative; margin: 0 auto; border: 1px solid #aaaaaa; width:670px; border-radius: 6px; text-align: center;
									background:#ffffff; z-index: 0; clear:both; height: 415px;}
								
		
	/* e-Beyaztahta */	
	.portfolio_item_ebeyaztahta		{position: absolute; width:700px; height: 415px; margin-left: 128px;  z-index: 3; border-radius: 6px; border: 1px solid #c0c0c0;}								

	/* VİDEO DERS */	
	.portfolio_item_video_ders				{width:652px; position:relative; margin:0 14px 28px 14px; padding:0; margin-left:auto; margin-right:auto; float: center;}
	.portfolio_item_video_ders iframe			{padding:5px; border: 1px solid #aaaaaa; width:640px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background:#f9f9f9; margin-bottom:0px;}
	.portfolio_item_video_ders span			{display:none;}
	.portfolio_item_video_ders:hover iframe	{-webkit-box-shadow:0px 0px 20px #549E51; -moz-box-shadow:0px 0px 20px #549E51; background:#f9f9f9;}
	.portfolio_item_video_ders:hover span	{display:inline; position:absolute; bottom:6px; right:6px; padding:10px 15px; background:#f9f9f9; color:#000000; 
											z-index:999; border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; -webkit-border-top-left-radius: 5px; 
											-moz-border-radius-topLeft: 5px;}
											
	/* e-DOKÜMAN */	
	.portfolio_item_edokuman				{width:742px; position:relative; margin:0 14px 28px 14px; padding:0; margin-left:auto; margin-right:auto; float: center;}
	.portfolio_item_edokuman embed			{padding:5px; border: 1px solid #aaaaaa; width:730px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background:#f9f9f9; margin-bottom:0px;}
	.portfolio_item_edokuman span			{display:none;}
	.portfolio_item_edokuman:hover embed	{-webkit-box-shadow:0px 0px 20px #549E51; -moz-box-shadow:0px 0px 20px #549E51; background:#f9f9f9;}
	.portfolio_item_edokuman:hover span	{display:inline; position:absolute; bottom:6px; right:6px; padding:10px 15px; background:#f9f9f9; color:#000000; 
											z-index:999; border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; -webkit-border-top-left-radius: 5px; 
											-moz-border-radius-topLeft: 5px;}											

	/* div with span */
	.with_span				{text-align: justify; overflow: auto; height: 200px; position:relative;}	
	.with_span span			{display:none;}	
	.with_span:hover span	{display:inline; position:absolute; bottom:0px; right:0px; padding:10px 15px; background:#fffbcc; color:#666452; 
							z-index:999; border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; -webkit-border-top-left-radius: 5px; 
							-moz-border-radius-topLeft: 5px; font-size:12px; border-color: #e6db55;}

	
	.portfolio_item_k				{width:223px; position:relative; margin:0 14px 28px 14px; padding:0;}
	.portfolio_item_k img			{padding:5px; border: 1px solid red; width:211px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 
									 background:#f9f9f9; margin-bottom:0px;}
	.portfolio_item_k span			{display:none;}
	.portfolio_item_k:hover img		{-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; background:#f9f9f9;}
	.portfolio_item_k:hover span		{display:inline; position:absolute; bottom:6px; right:6px; padding:10px 15px; background:#f9f9f9; color:#000000; 
									 z-index:999; border-left:1px solid #aaaaaa; border-top:1px solid #aaaaaa; -webkit-border-top-left-radius: 5px; 
									 -moz-border-radius-topLeft: 5px;}
									 
/* Öğretmenler */
	
	.ogretmen_item				{width:62px; position:relative; margin:0 14px 14px 14px; padding:0;}
	.ogretmen_item img			{padding:5px; border: 1px solid #aaaaaa; width:62px; -webkit-border-radius: 5px; -moz-border-radius: 5px; 
								background:#f9f9f9; margin-bottom:0px;}
	.ogretmen_item span			{display:none;}
	.ogretmen_item:hover img		{-webkit-box-shadow:0px 0px 20px #787878; -moz-box-shadow:0px 0px 20px #787878; background:#f9f9f9;}
	.ogretmen_item:hover span	{width:67px; height:67px; display:inline; position:absolute; bottom:0px; right:-11px; padding:2px 2px;
								background:#f9f9f9; color:#000000; z-index:999;	border:0px solid red; -webkit-border-radius: 5px; 
								-moz-border-radius: 5px;}
							
								 
/* Blog Post Styles */

	.post a:hover						{text-decoration:underline;}
	.post .title							{color:#393939; font-size:30px;}
	.post .title a						{color:#393939; text-decoration:none;}
	.post a.button:hover					{text-decoration:none;}
	.post .sub							{font-size:12px; color:#9d9d9d;}
	.post .thumb							{width:619px; height:150px; padding:5px; border: 1px solid #cccccc; -moz-border-radius:5px; -webkit-border-radius:5px;}

/* Comment's List */
	
	.commentlist						{margin:0; padding:0; margin-bottom:20px; float:left; width:100%;}
	.commentlist li						{width:100%; clear:both; float:left; padding:0; list-style-type:none; margin:0; position:relative;}
	.gravatar							{float:left; width:60px; padding:0px 10px 0 0; text-align: center;}
	.gravatar img						{display:block; padding:5px; padding-left:none; margin-bottom:0px;}
	.comment_content					{float:left; width:569px;}
	.commentmetadata					{float:right;}
	.comment-reply-link					{text-decoration:none; font-size:10px;}
	.author_name						{font-weight:bold; font-style:normal; font-size:15px; float:left;}
	.author_name a						{color:#000000;}
	.comment_text						{clear:both; margin-top:10px;}
	.comment-reply-link					{text-align:center; display:block;}
	
/* Contact Form */

	p.error								{margin-left:140px; margin-top:10px;}
	#contact_form ul						{float:left;}
	#contact_form ul li					{margin:10px 0; list-style:none; position:relative; clear:both;}
	#contact_form label					{line-height:35px; width:100px; text-align:right; float:left; margin-right:10px;}
	#contact_form input#name,
	#contact_form input#email,
	#contact_form input#subject,
	#contact_form textarea				{float:left; padding:8px; border:1px solid #CCCCCC; margin-left:10px; background:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px;}
	#contact_form input#name,
	#contact_form input#email,
	#contact_form input#subject			{width:300px;}
	#contact_form textarea				{width:482px;height:150px; resize: none;}
	#contact_form input.button			{float:right;}
	
/* Comment form */

	#comment_form ul					{float:left;}
	#comment_form ul li				{margin:10px 0; list-style:none; position:relative; clear:both;}
	#comment_form label				{line-height:35px; width:100px; text-align:right; float:left; margin-right:10px;}
	#comment_form input,
	#comment_form textarea			{float:left; border:1px solid #CCCCCC; background:#fcfcfc; -moz-border-radius:5px; -webkit-border-radius:5px;}
	#comment_form input				{width:400px;}
	#comment_form textarea			{width:500px; height:150px; resize:none;}
	
/* Contact Page Sidebar */

	.contact ul 						{list-style:none;}
	.contact li 						{margin:0;}

/* Overiding Classes */
/* Must remain at the bottom of the stylesheet */

	.clearfix:after						{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0;}
	* html .clearfix 						{height:1%;}
	.alpha								{margin-left:0;}
	.omega								{margin-right:0;}
	
/* Sonradan Eklenen Kodlar */	

/* Anahtar Bilgi Legend */
div#abl {
	border: 2px solid #a1a1a1;
	padding: 2px 2px;
	background: #dddddd;
	width: auto;
	height: 20px;
	text-align: center;
	line-height: 20px;
	border-radius:6px;
	-moz-border-radius:6px; /* Old Firefox */	
	-moz-box-shadow: 4px 4px 2px #888888; /* Old Firefox */
	box-shadow: 4px 4px 2px #888888;
}

/* Zemin rengi kırmızı olan buton */	
.button_k, .button_k:visited 	{background:#ff0000 url(../images/alert-overlay.png) repeat-x; display:inline-block; padding:5px 10px 6px;
							color:#fff; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
							-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25);
							position:relative; cursor:pointer; font-size:13px; font-weight:bold; line-height:1; border:0;}
.button_k:hover				{background-color:#111; color:#fff; text-decoration:none;}
.button_k:active			{top:1px;}

/* Zemin rengi yeşil olan buton */	
.button_y, .button_y:visited 	{background:#27DD27 url(../images/alert-overlay.png) repeat-x; display:inline-block; padding:5px 10px 6px;
							color:#fff; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
							-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25);
							position:relative; cursor:pointer; font-size:13px; font-weight:bold; line-height:1; border:0;}
.button_y:hover				{background-color:#111; color:#fff; text-decoration:none;}
.button_y:active			{top:1px;}

/* Zemin rengi mavi olan buton */
.button_m, .button_m:visited 	{background:#0000ff url(../images/alert-overlay.png) repeat-x; display:inline-block; padding:5px 10px 6px;
								 color:#fff; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
								 -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25);
								 position:relative; cursor:pointer; font-size:13px; font-weight:bold; line-height:1; border:0;}
.button_m:hover					{background-color:#111; color:#fff; text-decoration:none;}
.button_m:active				{top:1px;}


/* Zemin rengi mavi (dikey) olan buton */
.button_m_d, .button_m_d:visited 	{background:#0000ff url(../images/alert-overlay.png) repeat-x; display:inline-block; padding:5px 10px 6px; height: 40px;
									color:#fff; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
									-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25);
									position:relative; cursor:pointer; font-size:13px; font-weight:bold; line-height:1; border:0;}
.button_m_d:hover					{background-color:#111; color:#fff; text-decoration:none;}
.button_m_d:active					{top:1px;}



/* marquee */
.marquee {
	position:relative;
	margin-top:0.4cm;
	overflow:hidden;	 
	width:100%;
	height:172px;
	border:solid black 0px;
}


/* jQuery Show / Hide Plugin */
#ogrenciyim_s, #ogretmenim_s, #danismanim_s, #veliyim_s  {
	position: relative;
	height:150px;
	width: 940px;
	background-color: #f4f4f4;
	padding:20px;
	margin-top:280px;
	margin-bottom:20px; 
	margin-left:20px;
	margin-right:20px;
	border-bottom:5px solid #eaeaea;
	display:none;
	border-bottom-left-radius:1.5em; 
	border-bottom-right-radius:1.5em; 
	border-top-left-radius:1.5em; 
	border-top-right-radius:1.5em;
	font-family: Cambria, serif;
	font-size: 16px;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.5em;
}

#anahbilgi_s  {
	position: relative;	
	width: 350px;	
	/* background-image: url('/images/abap.png'); */	
	background-color: transparent;
	padding:10px;
	margin-top:0px;
	margin-bottom:0px; 
	margin-left:20px;
	margin-right:0px;
	border:1px solid #eaeaea;
	border-bottom:5px solid #eaeaea;
	border-bottom-left-radius:1.5em; 
	border-bottom-right-radius:1.5em; 
	border-top-left-radius:1.5em; 
	border-top-right-radius:1.5em;
}

/* Anahtar Bilgilerdeki ayıraç */
.abilgiler {
	clear:both;
	border-bottom: 1px solid #f0f0f0;
	border-top: 1px solid #d6d6d6; 
	height: 0;
	line-height: 0;
	width: 100%;
	font-size: 0;
	padding: 0;
	margin-bottom: 5px;
	margin-top: 5px;
	border-style: dashed;
	border-left: 0;
	border-right: 0;
} 

div#abla {
	overflow: scroll;
	height: 520px;
	width: 950px;
}

.tooltip		{margin: 0px;}


/*************** Notifications ***************/

.notification {
	position: relative;
    margin: 0 0 15px 0;
    padding: 0;
    border: 1px solid;
    background-position: 10px 11px !important;
    background-repeat: no-repeat !important;
    font-size: 13px;
    width: 99.8%;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.attention {
	background: #fffbcc url('../images/icons/exclamation.png') 10px 11px no-repeat;
	border-color: #e6db55;
	color: #666452;
}

.information {
	background: #dbe3ff url('../images/icons/information.png');
	border-color: #a2b4ee;
	color: #585b66;
}

.information_ikonsuz {
	background: #dbe3ff;
	border-color: #a2b4ee;
	color: #585b66;
}

.information_error {
	background: #ffcece url('../images/icons/cross_circle.png');
	border-color: #df8f8f;
	color: #665252;
}

.success {
	background: #d5ffce url('../images/icons/tick_circle.png');
	border-color: #9adf8f;
	color: #556652;
}

.notification div {
	display:block;				
	font-style:normal;
	padding: 10px 10px 10px 36px;
	line-height: 1.5em;
}

.notification .close {
	color:#990000;
	font-size:9px;
	position:absolute;
	right:5px;
	top:5px;
}


.attention_sl {	
	border-color: #e6db55;
	color: #666452;
}

.portfolio_item_qrcode img {
  background-color:#FFFFFF;
  background-position:initial initial;
  background-repeat:initial initial;
  border:1px solid #AAAAAA;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  margin-bottom:0;
  padding:5px;
  width:140px;
}

/* jQuery Show / Hide Plugin */	
	#slidingDiv_1 {width:940px; height:250px; background-color: transparent; padding:20px; margin-top:-20px; margin-bottom: 20px; border-bottom:5px solid #eaeaea; display:none;}
	#slidingDiv_2 {width:658px; background: #FFFBCC; border-radius: 10px; border: 1px solid #E6DB55; margin: 5px; padding: 10px; height: 119px; position:relative; float: left;}
	#slidingDiv_cozum_dosyasi {width:700px; height:500px; background-color: transparent; display:none;}
	
	
/*    Generated by http://www.cssportal.com    */

#headerwrap {
    width: 940px;
    float: left;
    margin: 0 auto;
}

#header {
    height: 15px;
    background: #F6D290;
    border-radius: 10px;    
	border: 1px solid #D6D6D6;
    margin: 5px;
	vertical-align:middle;
	padding: 10px;
}

#contentwrap {
    width: 690px;
    float: left;
    margin: 0 auto;
	height: 130px;	
	/* overflow:scroll; */
}

#content {
    background: #FFFFFF;
    border-radius: 10px;
    /* border: 1px solid #ebebeb; */
    margin: 5px;
	height: 120px;
	padding: 10px;
}

#contentsb {
    background: #FFFFFF;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 5px;
	height: auto;
	padding: 10px;
}

#leftcolumnwrap {
    width: 280px;
    float: left;
    margin: 0 auto;
	height: 150px;
}

#leftcolumn {
	background: #8EB2F6;
	border-radius: 10px;
	border: 1px solid #1fb8eb;
	margin: 5px;
	padding: 10px;
	height: 119px;
}




/* Ana Sayfa Sol üstteki ÜYE'ye ÖZEL butonu için */
ul#nav_1 {
    position: fixed;
	vertical-align: middle;
    margin: 0px;	
    padding: 0px;    
	top: 10px;
    left: -30px;
    list-style: none;
    z-index:9999;	
}

ul#nav_1 li {
    width: 130px;
	writing-mode: lr-tb;
}

ul#nav_1 li a {
    display: block;
    margin-left: 0px;
	padding-top:7px;
	padding-right:12px;
	text-align: right;	
    width: 120px;
    height: 25px;    
    
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #E69400;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    /*-moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    
    opacity: 0.4;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	*/
}

/* Ana Sayfa Sol üstteki ÇIKIŞ butonu için */
ul#nav_2 {
    position: fixed;
	vertical-align: middle;
    margin: 0px;	
    padding: 0px;    
	top: 45px;
    left: -30px;
    list-style: none;
    z-index:9999;	
}

ul#nav_2 li {
    width: 130px;
	writing-mode: lr-tb;
}

ul#nav_2 li a {
    display: block;
    margin-left: 0px;
	padding-top:7px;
	padding-right:12px;
	text-align: right;	
    width: 120px;
    height: 25px;    
    
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    /*-moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    
    opacity: 0.4;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	*/
}

/* Kontrol Paneli Sol üstteki ÜYE GİRİŞİ butonu için */
ul#nav_3 {
    position: fixed;
	vertical-align: middle;
    margin: 0px;	
    padding: 0px;    
	top: 10px;
    left: -30px;
    list-style: none;
    z-index:9999;	
}

ul#nav_3 li {
    width: 130px;
	writing-mode: lr-tb;
}

ul#nav_3 li a {
    display: block;
    margin-left: 0px;
	padding-top:7px;
	padding-right:12px;
	text-align: right;	
    width: 120px;
    height: 25px;    
    
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    /*-moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    
    opacity: 0.4;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	*/
}


ul#nav_ozelders {
    position: fixed;
	vertical-align: middle;
    margin: 0px;	
    padding: 0px;    
	top: 10px;
    left: -30px;
    list-style: none;
    z-index:9999;	
}

ul#nav_ozelders li {
    width: 130px;
	writing-mode: lr-tb;
}

ul#nav_ozelders li a {
    display: block;
    margin-left: 0px;
	padding-top:7px;
	padding-right:12px;
	text-align: right;	
    width: 120px;
    height: 25px;    
    
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    /*-moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    
    opacity: 0.4;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	*/
}


/* Kontrol Paneli Sol üstteki ÜYE OL butonu için */
ul#nav_4 {
    position: fixed;
	vertical-align: middle;
    margin: 0px;	
    padding: 0px;    
	top: 45px;
    left: -30px;
    list-style: none;
    z-index:9999;	
}

ul#nav_4 li {
    width: 130px;
	writing-mode: lr-tb;
}

ul#nav_4 li a {
    display: block;
    margin-left: 0px;
	padding-top:7px;
	padding-right:12px;
	text-align: right;	
    width: 120px;
    height: 25px;    
    
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    /*-moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    
    opacity: 0.4;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	*/
}


/* Kontrol Paneli Sol üstteki PROFİLİM butonu için */
ul#nav_5{
    position: fixed;
	vertical-align: middle;
    margin: 0px;	
    padding: 0px;    
	top: 10px;
    left: -30px;
    list-style: none;
    z-index:9999;	
}

ul#nav_5 li {
    width: 130px;
	writing-mode: lr-tb;
}

ul#nav_5 li a {
    display: block;
    margin-left: 0px;
	padding-top:7px;
	padding-right:12px;
	text-align: right;	
    width: 120px;
    height: 25px;    
    
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    /*-moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    
    opacity: 0.4;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	*/
}


/* VBS Sayfasındaki Sol üstteki ÇIKIŞ butonu için */
ul#nav_6 {
    position: fixed;
	vertical-align: middle;
    margin: 0px;	
    padding: 0px;    
	top: 10px;
    left: -30px;
    list-style: none;
    z-index:9999;	
}

ul#nav_6 li {
    width: 130px;
	writing-mode: lr-tb;
}

ul#nav_6 li a {
    display: block;
    margin-left: 0px;
	padding-top:7px;
	padding-right:12px;
	text-align: right;	
    width: 120px;
    height: 25px;    
    
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    /*-moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    
    opacity: 0.4;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	*/
}



/* ÖBS Sayfasındaki Sol üstteki ÇIKIŞ butonu için */
ul#nav_7 {
    position: fixed;
	vertical-align: middle;
    margin: 0px;	
    padding: 0px;    
	top: 10px;
    left: -30px;
    list-style: none;
    z-index:9999;	
}

ul#nav_7 li {
    width: 130px;
	writing-mode: lr-tb;
}

ul#nav_7 li a {
    display: block;
    margin-left: 0px;
	padding-top:7px;
	padding-right:12px;
	text-align: right;	
    width: 120px;
    height: 25px;    
    
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    /*-moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    
    opacity: 0.4;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	*/
}


/* Sol üstteki VBS butonu için */
ul#nav_8 {
    position: fixed;
	vertical-align: middle;
    margin: 0px;	
    padding: 0px;    
	top: 115px;
    left: -30px;
    list-style: none;
    z-index:9999;	
}

ul#nav_8 li {
    width: 130px;
	writing-mode: lr-tb;
}

ul#nav_8 li a {
    display: block;
    margin-left: 0px;
	padding-top:7px;
	padding-right:12px;
	text-align: right;	
    width: 120px;
    height: 25px;    
    
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #9adf8f;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    /*-moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    
    opacity: 0.4;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	*/
}


/* Sol üstteki ÖBS butonu için */
ul#nav_9 {
    position: fixed;
	vertical-align: middle;
    margin: 0px;	
    padding: 0px;    
	top: 80px;
    left: -30px;
    list-style: none;
    z-index:9999;	
}

ul#nav_9 li {
    width: 130px;
	writing-mode: lr-tb;
}

ul#nav_9 li a {
    display: block;
    margin-left: 0px;
	padding-top:7px;
	padding-right:12px;
	text-align: right;	
    width: 120px;
    height: 25px;    
    
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #9adf8f;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    /*-moz-box-shadow: 0px 4px 3px #000;
    -webkit-box-shadow: 0px 4px 3px #000;
    
    opacity: 0.4;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	*/
}



.profile{
	background:#f9f9f9;
	border:2px dashed #red;
	padding:0px;
}

.profile img{
	width:50%;	
}

/* Ahmet ARDUÇ bağlantısına efekt vermektedir., */
a.glow, a.glow:hover, a.glow:focus
{
	text-decoration: none;
	color: #00f;
	text-shadow: none;
	-webkit-transition: 500ms linear 0s;
	-moz-transition: 500ms linear 0s;
	-o-transition: 500ms linear 0s;
	transition: 500ms linear 0s;
	outline: 0 none;
}

a.glow:hover, a.glow:focus
{
	color: #fff;
	text-shadow: -1px 1px 8px #00f, 1px -1px 8px #00f;
}

.textshadow a.backlit:hover, .textshadow a.backlit:focus
{
	color: #336;
}



/******************** Content Box *********************/
/**** _themeforest-46073/index.html den aldıklarım ****/

.content-box {
	border: 1px solid #ccc;
	margin: 0 0 20px 0;
	background: #fff;
}

.content-box-header {
	background: #e5e5e5 url('../images/bg-content-box.gif') top left repeat-x;
	margin-top: 1px;
	height: 40px;
}

.content-box-header h3 {
	padding: 12px 15px 10px;
	float: left;
}

ul.content-box-tabs {
	float: right;
	padding: 12px 15px 0 0 !important;
	margin: 0 !important;
}

ul.content-box-tabs li {
	float: left;
	margin: 0;
	padding: 0 !important;
	background-image: none !important;
}
                
ul.content-box-tabs li a {
	color: #333;
	padding: 8px 10px;
	display: block;
	margin: 1px;
	border-bottom: 0;
}

ul.content-box-tabs li a:hover {
	color: #57a000;
}              
                
ul.content-box-tabs li a.current {
	background: #fff;
	border: 1px solid #ccc;
	border-bottom: 0;
	margin: 0;
}

.content-box-content {
	padding: 20px;
	font-size: 13px;
	border-top: 1px solid #ccc;
}

.column {
	width: 100%;
	float: left;
	height: 400px;
}

.column-left {
	width: 49%;
	float: left;
	height: 400px;
}
 
.column-right {	
	width: 49%;
	float: right;
	height: 400px;
}

/* TOOLTIPS */
/* http://www.menucool.com/tooltip/css-tooltip */

a.tooltips {outline:none; }
a.tooltips strong {line-height:30px;}
a.tooltips:hover {text-decoration:none;} 
a.tooltips span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-35px; margin-left:45px; /* orijinali margin-top:-30px; margin-left:28px; idi */
    width:240px; line-height:16px;
}
a.tooltips:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltips span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}




blockquote {
font-family: Georgia, serif;
font-size: 14px;
font-style: italic;
max-width: 70%;
margin: 0.25em 0;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #383838;
}

blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -20px;
color: #7a7a7a;
}

blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
 
blockquote cite:before {
content: "\2014 \2009";
}

/* İçerik Sayacı 1/2 */
ul#countdown {
	margin: 10px auto;
	padding: 0;
}
ul#countdown li {
	background-color: #333;
	border: 2px solid #fff;
	color: #fff;
	display: inline;
	float: left;
	font: normal bold 36px Arial;
	letter-spacing: 5px;
	margin-left: 5px;
	text-align: center;
	width: 110px;
	border-radius: 6px;
	box-shadow: 0 0 3px #777;
}
ul#countdown span {
	padding-left: 5px;
}
ul#countdown  p.timeRef {
	font: normal normal 12px Arial;
	letter-spacing: 0;
	margin: 0;
	padding-bottom: 5px;
}


/* CSS3 accordion, ana sayfadaki duyurularda kullanılıyor. */
/* http://www.script-tutorials.com/turn-jquery-accordion-into-css3-accordion */
.css3accordion {
	border: 4px solid #353535;
	border-radius: 6px;
	padding: 5px 5px 6px 0;
	background: #030303; /*  */
	height: 220px;
	width: 700px;

	/* CSS3 shadows */
	-webkit-box-shadow: 0 -1px 0 #555 inset, 0 5px 15px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 -1px 0 #555 inset, 0 5px 15px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0 -1px 0 #555 inset, 0 5px 15px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0 -1px 0 #555 inset, 0 5px 15px rgba(0, 0, 0, 0.5);
	box-shadow: 0 -1px 0 #555 inset, 0 5px 15px rgba(0, 0, 0, 0.5);
}

/* hide first level spans */
.css3accordion > span {
	display: none
}

/* main accordion styles and slides */
.css3accordion ol {
	height: 100%;
	list-style: none;
	overflow: hidden;
	position: relative;
}
.css3accordion li {
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 48px;

	/* CSS3 transition for slides */
	-webkit-transition: all 0.9s ease-in-out;
	-moz-transition: all 0.9s ease-in-out;
	-ms-transition: all 0.9s ease-in-out;
	-o-transition: all 0.9s ease-in-out;
	transition: all 0.9s ease-in-out;
}

.css3accordion li a {
	display: block;
	float: left;
	height: 320px;
	position: relative;
	width: 48px;
}

/* slide headers */
.css3accordion h2 {
	font-size: 16px;
	font-weight: normal;
	height: 48px;
	left: 0;
	line-height: 265%;
	margin: 0;
	position: absolute;
	top: 0;
	width: 320px;
	z-index: 1;

	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(-100%) rotate(-90deg);
	-webkit-transform-origin: right top;
	-moz-transform: translateX(-100%) rotate(-90deg);
	-moz-transform-origin: right top;
	-ms-transform: translateX(-100%) rotate(-90deg);
	-ms-transform-origin: right top;
	-o-transform: translateX(-100%) rotate(-90deg);
	-o-transform-origin: right top;
	transform: translateX(-100%) rotate(-90deg);
	transform-origin: right top;
}
.css3accordion h2 span {
	background-color: #353535;
	border-radius: 4px;
	color: #fff;
	display: block;
	margin-top: 5px;
	padding-right: 5%;
	text-align: right;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.css3accordion h2 span:hover {
	background-color: #353535;
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#353535), color-stop(100%,#555555));
	background: -webkit-linear-gradient(left,  #353535 0%,#555555 100%);
	background: -moz-linear-gradient(left,  #353535 0%, #555555 100%);
	background: -ms-linear-gradient(left,  #353535 0%,#555555 100%);
	background: -o-linear-gradient(left,  #353535 0%,#555555 100%);
	background: linear-gradient(left,  #353535 0%,#555555 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#555555',GradientType=1 );
}
/* inner slide content */
.css3accordion li div {
	margin-left: 5px;
	padding-left: 48px;
}

/* 'counter' object */
.css3accordion h2 span:after {
	color: #080808;
	font-weight: bold;
	left: 10%;
	position: absolute;
	text-shadow: -1px 1px 0 #555555;
	top: 10%;

	/* CSS3 rotate for 'counter' */
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
/* 'counter' values */
li.slide11  h2 span:after {
	content: "1";
}
li.slide12  h2 span:after {
	content: "2";
}
li.slide13  h2 span:after {
	content: "3";
}
li.slide14  h2 span:after {
	content: "4";
}
li.slide15  h2 span:after {
	content: "5";
}

/* onclick behavior */
#slide11:target ~ ol li.slide11,
#slide12:target ~ ol li.slide12,
#slide13:target ~ ol li.slide13,
#slide14:target ~ ol li.slide14,
#slide15:target ~ ol li.slide15 {
	width: 400px; /* Slide'ın içinin genişliği */
}
#slide11:target ~ ol li.slide11 span,
#slide12:target ~ ol li.slide12 span,
#slide13:target ~ ol li.slide13 span,
#slide14:target ~ ol li.slide14 span,
#slide15:target ~ ol li.slide15 span {
	background: #353535;
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#353535), color-stop(100%,#555555));
	background: -webkit-linear-gradient(left,  #353535 0%,#555555 100%);
	background: -moz-linear-gradient(left,  #353535 0%, #555555 100%);
	background: -ms-linear-gradient(left,  #353535 0%,#555555 100%);
	background: -o-linear-gradient(left,  #353535 0%,#555555 100%);
	background: linear-gradient(left,  #353535 0%,#555555 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#555555',GradientType=1 );
}


@font-face {
  font-family: 'SomeWeatz with swashes';
  src: url('SomeWeatz_with_swashes.eot'); /* IE9 Compat Modes */
  src: url('SomeWeatz_with_swashes.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('SomeWeatz_with_swashes.woff') format('woff'), /* Modern Browsers */
       url('SomeWeatz_with_swashes.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('SomeWeatz_with_swashes.svg#svgFontName') format('svg'); /* Legacy iOS */
}










.badge-counter {
  position: absolute;
  top: -1px;
  right: 1px;
  min-width: 8px;
  height: 20px;
  line-height: 20px;
  margin-top: -11px;
  padding: 0 6px;
  font-weight: normal;
  color: white;
  text-align: center;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  background: #e23442;
  border: 1px solid #911f28;
  border-radius: 11px;
  background-image: -webkit-linear-gradient(top, #e8616c, #dd202f);
  background-image: -moz-linear-gradient(top, #e8616c, #dd202f);
  background-image: -o-linear-gradient(top, #e8616c, #dd202f);
  background-image: linear-gradient(to bottom, #e8616c, #dd202f);
  -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
}

.badge-counter-green {
  background: #75a940;
  border: 1px solid #42582b;
  background-image: -webkit-linear-gradient(top, #8ec15b, #689739);
  background-image: -moz-linear-gradient(top, #8ec15b, #689739);
  background-image: -o-linear-gradient(top, #8ec15b, #689739);
  background-image: linear-gradient(to bottom, #8ec15b, #689739);
}

.badge-counter-blue {
  background: #3b8de2;
  border: 1px solid #215a96;
  background-image: -webkit-linear-gradient(top, #67a7e9, #2580df);
  background-image: -moz-linear-gradient(top, #67a7e9, #2580df);
  background-image: -o-linear-gradient(top, #67a7e9, #2580df);
  background-image: linear-gradient(to bottom, #67a7e9, #2580df);
}

.container .badge {
  display: inline-block;
  text-align: left;
}

.badge {
  padding: 4px;
  background: rgba(0, 0, 0, 0.04);
  height: 35px;
  border-radius: 23px;
  -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.08), 0 -1px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.08), 0 -1px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.12);
}

.badge-list {
  padding: 0 6px;
  height: 34px;
  background: #f4f5f7;
  border-radius: 18px;
  background-image: -webkit-linear-gradient(top, white, #e1e2eb);
  background-image: -moz-linear-gradient(top, white, #e1e2eb);
  background-image: -o-linear-gradient(top, white, #e1e2eb);
  background-image: linear-gradient(to bottom, white, #e1e2eb);
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.badge-list > li {
  float: left;
  height: 17px;
  margin: 8px 0;
}
.badge-list > li + li {
  border-left: 1px dotted #989ca8;
}

.badge-link {
  float: left;
  position: relative;
  margin-top: -8px;
  padding: 0 14px;
  line-height: 44px;
  font-size: 10px;
  font-weight: bold;
  color: #555;
  text-decoration: none;
  text-shadow: 0 1px white;
}
.badge-link:hover {
  color: #333;
  text-decoration: underline;
}