body {
	font-family:Helvetica, Verdana, Arial, sans-serif;
	color: #333333;
	font-size: 12px;
	background-color:#FFFFFF;
	margin:0px 0px 0px 0px;
	background-image:url(/users/06/adem/index_files/bg_stripe.png);
}


p{
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:12px; 
	color:#333333;
}

p.links{padding-left:145px;}

h1{font-size:14px; vertical-align:middle; position:relative; margin-top:4px;} 
h2{font-size:13px; margin:0 0 0 0;}

div.pembepanter-top{height:20px;}

div.pembepanter-links{
	background-image:url(/users/06/adem/index_files/bg_stripe_light.png);
	height:57px;
	text-align:left;
	border-bottom:2px solid #0072FF;
	border-top:2px solid #0072FF;
}


.container{	width:1010px;}
.container2{ width:1110px;}

.main_main {
	float:left;
	margin:10px 0px 0px 5px;
	width:738px;
	vertical-align:top;
	/* background-color:#FFFFFF; */
}

.main_main2 {
	float:left;
	margin:10px 0px 0px 5px;
	width:838px;
	vertical-align:top;
	/* background-color:#FFFFFF; */
}

div.main_top{
	background-image:url(https://sccs.swarthmore.edu/users/06/adem/index_files/boxes/rounded_top.png);
	background-repeat:no-repeat;
	height:6px;
}

.content{
	padding-left:5px;
	background-color:#FFFFFF;
	width:733px;
	vertical-align:top;
	clear:both;
	min-height:620px;
	position:relative;
}

.content2{
	padding-left:5px;
	background-color:#FFFFFF;
	width:833px;
	vertical-align:top;
	clear:both;
	min-height:620px;
	position:relative;
}


.previousnext{
	clear:both;
	padding-top:5px;
	background-color:#dddddd;
	border:#CCCCCC 1px solid;
	width:720px;
	height:24px;
	vertical-align:bottom;
}


.imageframe{
	float:left;
	width:150px;
	margin:0 0 0 20px;
}

.display_images{
	float:left;
	width:130px;	
}

.shadow120{
	position: relative;
	float: left;
    width: 130px;
    height: 130px;
    background-image:url(https://sccs.swarthmore.edu/users/06/adem/index_files/120shadow.png);
}  

.shadow120 img{
	position: relative;
	top: 5px;
	left: 5px;
	border: 1px solid #EEEEFF;
}
.shadow120 img:hover{border: 1px solid #BBDDEE;} 

.shadow{
	font-size:14px;
	line-height:15px;
	float:left;
    width:720px;
	height:27px;
	padding-left:10px;
	background-image:url(/users/06/adem/index_files/730shadow-blue.png);
	background-repeat:no-repeat;
	color:#FFFFFF;
	margin:5px 0 5px 0;
}  

.clearboth{
	float:left;
	width:365px;
	background:inherit;
}

.picturelink{
	float:left;
	width:140px;
	background:inherit;
}

.sidebar_shadow{
    position: relative;
	float: left;
    width: 206px;
    height: 26px;
    background-image:url(/users/06/adem/index_files/sidebarshadow.png);
}  
.sidebar_shadow img{
	position: relative;
	top: 5px;
    left: 5px;
    border: 1px solid #eeeeee;
}  

.sidebar_shadow img:hover{border: 1px solid #BBDDEE;}    

div.main_bottom{
background-image:url(/users/06/adem/index_files/boxes/rounded_bottom.png);
background-repeat:no-repeat;
height:6px;
margin-bottom:5px;
clear:both;
}


div.main_right {
float:left;
width:260px;
vertical-align:top;
margin:10px 0px 0px 5px;
}
		div.small_box_top{
		clear:both;
		background-image:url(/users/06/adem/index_files/boxes/sidebox_top.png);
		height:6px;
		}
		div.small_box_bottom{
		clear:both;
		background-image:url(/users/06/adem/index_files/boxes/sidebox_bottom.png);
		height:6px;
		margin:0px 0px 5px 0px;
		}
		
		div.tags{
		background-image:url(/users/06/adem/index_files/search_bg.png);
		background-repeat:no-repeat;
		clear:both;
		text-align:center;
		height:28px;
		padding:5px 0px 5px 0px;
		}
		
		div.side_links{
		background-color:#FFFFFF;
		clear:both;
		text-align:left;
		padding:0px 0px 0px 20px;
		}
		div.side_links_text{
		background-color:#FFFFFF;
		clear:both;
		text-align:left;
		padding:0px 0px 0px 20px;
		margin:4px 0px 0px 0px;
		}

div.footer{
	clear:both;
	border-top:2px solid #CCCCCC;
	background-color:#FFFFFF;
	height:100%;
	color:#666666;
	margin:2px 0px 0px 0px;
}

ul.links{
list-style:none;
padding:0px;
margin:0px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------
       Page specific links
------------------------------------------------------------------------------------------------------------------------------------------------*/
div.toplinks{font-family:Arial, Helvetica, sans-serif; color:#000000;}
div.toplinks a:link, a:visited, a:active {color:#0072FF;}
div.toplinks a:hover {text-decoration:none;}


/*------------------------------------------------------------------------------------------------------------------------------------------------
       LINKS
------------------------------------------------------------------------------------------------------------------------------------------------*/
a.a:link {text-decoration: none; background-color:#BBDDEE; color: #333333;}
a.a:visited {text-decoration: none; background-color:#EEEEEE; color: #333333;} /* ziyaret edilmis */
a.a:hover {text-decoration: none; background-color:#0072ff; color: #ffffff;}   /*uzerine gelince */
a.a:active {text-decoration: none; background-color:#BBDDEE; color: #333333;} /*normalde gorundugu renk */
a.a img{border:none;}

a.a2:link {text-decoration: none; background-color:#ffffff; color: #333333;}
a.a2:visited {text-decoration: none; background-color:#ffffff; color: #333333;} /* ziyaret edilmis */
a.a2:hover {text-decoration: none; background-color:#0072ff; color: #ffffff;}   /*uzerine gelince */
a.a2:active {text-decoration: none; background-color:#ffffff; color: #333333;} /*normalde gorundugu renk */
a.a2 img{border:none;}

a.darkBlue:link {text-decoration: none; color: #000066;}
a.darkBlue:visited {text-decoration: none; color: #000066;} /* ziyaret edilmis */
a.darkBlue:hover {text-decoration: none; color: #ffffff;}   /*uzerine gelince */
a.darkBlue:active {text-decoration: none; color: #000066;} /*normalde gorundugu renk */

a.blink:link {text-decoration: none; color: #333333;}
a.blink:visited {text-decoration: none; color: #333333;} /* ziyaret edilmis */
a.blink:hover {text-decoration: none; color: #ff7200;}   /*uzerine gelince */
a.blink:active {text-decoration: none; color: #333333;} /*normalde gorundugu renk */

a.blink:link img{border:1px solid #333333;}
a.blink:visited img{border:1px solid #333333;} /* ziyaret edilmis */
a.blink:hover img{border:1px solid #ff7200;}   /*uzerine gelince */
a.blink:active img{border:1px solid #333333;} /*normalde gorundugu renk */

div.tags a:link {text-decoration: none; color: #333333;}
div.tags a:visited {text-decoration: none; color: #333333;} /* ziyaret edilmis */
div.tags a:hover {text-decoration: none; background-color:#0072FF; color: #ffffff;}   /*uzerine gelince */
div.tags a:active {text-decoration: none; color: #333333;} /*normalde gorundugu renk */

div.side_links_text a:link {text-decoration: none; color: #333333;}
div.side_links_text a:visited {text-decoration: none; color: #333333;} /* ziyaret edilmis */
div.side_links_text a:hover {text-decoration: none; background-color:#0072FF; color: #ffffff; font-weight:bold;}   /*uzerine gelince */
div.side_links_text a:active {text-decoration: none; color: #333333;} /*normalde gorundugu renk */

.pagebar{padding: 0.2em 0.5em;  margin-right: 0.1em; border: 1px solid #fff; background: #fff; text-decoration: none; color:#333;}
.pagebar a{border: 1px solid #0072FF; text-decoration: none; padding: 0.2em 0.5em;  color:#333; background:#eee;}
.pagebar a:visited{border: 1px solid #CCC; text-decoration: none; padding: 0.2em 0.5em; color:#666;}
.pagebar a:hover{border-color: #000; color:#FFF; font-weight:bold; background:#0072FF;} 

a.screen, a.screen:visited { color:#0072FF; position:relative; z-index:1; }

a.screen b {
visibility:hidden; /* hide the image */
position:absolute; 
width:0; /* make the image zero size */ 
height:0; /* for Opera bug */
left:0; /* position:the image */
top:0;
border:0; /* with no border */
}

a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}

a.screen:hover b {
visibility:visible; /* make the image visible */ 
/*
width:125px; /* give it the actual size 
height:125px; 
border:1px solid #333333; /* add a border 
*/
cursor:pointer; /* for IE */
}
a.screen:hover b img {
border:0; /* get rid of the default link border */
}



.rounded{display:block}
.rounded *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#eeeeee}
.rounded1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f7f7f7;
  border-right:1px solid #f7f7f7;
  background:#f2f2f2}
.rounded2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#f1f1f1}
.rounded3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f1f1f1;
  border-right:1px solid #f1f1f1;}
.rounded4{
  border-left:1px solid #f7f7f7;
  border-right:1px solid #f7f7f7}
.rounded5{
  border-left:1px solid #f2f2f2;
  border-right:1px solid #f2f2f2}
.roundedfg{
  background:#eeeeee}




.social{
	clear:both;
	font-size: 1.1em;
	line-height: 10pt;
	border:1px solid #0696EB;
	padding:1px;
	margin:15px 0 0 0;
	width:600px;
	background-color:#ffffff;
}
.social p {
	padding:0;
	margin:0;
}
.social p a{
	position:absolute;
	top:0px;
	right:0px;
	padding:3px 5px 0 0;
}

.social a:link {text-decoration: none; color: #333;}
.social a:visited {text-decoration: none; color: #333;} /* ziyaret edilmis */
.social a:hover {text-decoration: none; color: #0072ff;}   /*uzerine gelince */
.social a:active {text-decoration: none; color: #333;} /*normalde gorundugu renk */

.social h3{
	padding:0 3px 0 0;
	margin:0;
	margin:0 5px 0 3px;
	font-size:0.88em;
	font-weight:normal;
}
.social ul{
	text-align:center;
	list-style:none;
	margin:6px 0 4px 0;
	padding:0;
}
.social ul li{
	text-align:center;
	display:inline;
	padding:0 4px 6px 0 ;
}
.social ul li.delicious{
	background:url("http://www.sccs.swarthmore.edu/users/06/adem/index_files/icons/delicious.gif") no-repeat 0 0;
}
.social ul li.digg{
	background:url("http://www.sccs.swarthmore.edu/users/06/adem/index_files/icons/digg.gif") no-repeat 0 0;
}
.social ul li.reddit{
	padding:0 0 0 2px;
	background:url("http://www.sccs.swarthmore.edu/users/06/adem/index_files/icons/reddit.gif") no-repeat 0 0;
}
.social ul li.facebook{
	background:url("http://www.sccs.swarthmore.edu/users/06/adem/index_files/icons/facebook.gif") no-repeat 0 0;
}
.social ul li.stumbleupon{
	background:url("http://www.sccs.swarthmore.edu/users/06/adem/index_files/icons/stumbleupon.gif") no-repeat 0 0;
}
.social ul li a{
	padding:0 0 0 18px;
	margin:0 3px 0 0px;
}

.shadowbox1{
	background-image:url(/users/06/adem/index_files/boxes/nw.png);
	background-repeat:no-repeat;
}
.shadowbox2{
	background-image:url(/users/06/adem/index_files/boxes/n.png);
	background-repeat:repeat-x;
}
.shadowbox3{
	background-image:url(/users/06/adem/index_files/boxes/ne.png);
	background-repeat:no-repeat;
}
.shadowbox4{
	background-image:url(/users/06/adem/index_files/boxes/w.png);
	background-repeat:repeat-y;
}
.shadowbox5center{
	float:left;
	margin:0; padding:0;
}
.shadowbox6{
	background-image:url(/users/06/adem/index_files/boxes/e.png);
	background-repeat:repeat-y;
}
.shadowbox7{
	background-image:url(/users/06/adem/index_files/boxes/sw.png);
	background-repeat:no-repeat;
}
.shadowbox8{
	background-image:url(/users/06/adem/index_files/boxes/s.png);
	background-repeat:repeat-x;
}
.shadowbox9{
	background-image:url(/users/06/adem/index_files/boxes/se.png);
	background-repeat:no-repeat;
}