﻿@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,400italic,300italic,500,500italic,700,700italic,900,900italic,100italic,100);
@import url(http://fonts.googleapis.com/css?family=Paprika);

body 
{
	margin:0px;
	font-family: 'Roboto', sans-serif;
}
#license
{
	width:100%;
	background-color:#777;
	color:#fff;
	font-size:11pt;
	line-height:20pt;
}
#top
{
	background-color:#f5f5f5;
	width:100%;
	height:140px;
	
}
.middle_container
{
	margin:0 auto 0px;
	width:1000px;
	height:100%;
	max-width:100%;
}
#logo h1
{
	font-weight:normal;
	color:#1975ff;
	margin:0px;
	font-family: 'Paprika',Georgia,cursive;
	margin-left:5px;
	font-size:2.6em;
}
#logo h4
{
	font-weight:300;
	color:#333;
	margin:0px;
	margin-left:10px;
	font-size:1.3em;
}
#logo .lefts
{
	float:left;
	margin:10px 0px;
}
#logo .rights
{
	float:right;
	margin:10px 0px;
}
#logo img
{
	width:230px;
	float:left;	
	height:130px;
	margin:5px 5px 5px 0px;
}
#menu
{
	width:100%;
	background-color:#e3e3e3;
	height:40px;
}
#content
{
	width:100%;
	height:auto;
	
}
#left
{
	text-align:left;
	vertical-align:top;
	background-color:#fff;
}
#left h1
{
	font-weight:300;
	border-bottom:solid 1px #1975ff;
	color:#1975ff;
	margin:0px 5px 0px 5px;
}
#left p
{
	margin:5px 5px 5px 15px;
	font-size:0.8em;	
	color:#444;
	line-height:16pt;
}
#left p a
{
	color:#1975ff;	
	text-decoration:none;
	font-weight:bold;
}
#left .list
{
	margin:5px 10px;
	font-size:0.8em;	
	color:#444;
	line-height:16pt;
}
#left h3
{
	font-weight:300;
	color:#1975ff;
	margin:5px 5px;
}
#left h2,h4,h5,h6
{
	font-weight:300;
	color:#1975ff;
	margin:5px 5px;
}
#left .tbl
{
	width:85%;
	text-align:center;
	margin:5px 5px 5px 50px;
	border-left:solid 1px #75acff;
	border-top:solid 1px #75acff;
	
}
#left .tbl th
{
	background-color:#75acff;
	line-height:20pt;
	color:#fff;
	font-size:0.9em;
	font-weight:300;
}
#left .tbl td
{
	line-height:20pt;
	font-size:0.7em;
	text-align:left;
	padding-left:10px;
	border-right:solid 1px #75acff;	
	border-bottom:solid 1px #75acff;
}
#left .tbl td a
{
	color:#111;
	text-decoration:none;
}
#left .tbl td a:hover
{
	color:#75acff;
	text-decoration:underline;
}
#search
{
	padding:5px 0px;
	text-indent:20px;
	font:0.9em;
	background-color:#f0f0f0;
	border:solid 1px #bbb;
}
#search .searchbox
{
	font-family: 'Roboto', sans-serif;
	font-size:0.8em;
	color:#666;
	padding:4px 6px;
	width:270px;
	border:solid 1px #ccc;
	margin:0px;
}
#search .btnsearch
{
	font-family: 'Roboto' , sans-serif;
	font-size: 0.9em;
	background-color:#5e9eff;
	color:#fff;
	border:0px;
	line-height:25px;
	width:70px;
	margin:0px;
}
#archive
{
	width:200px;
	vertical-align:top;
	background-color:#fafafa;
	border-left:solid 1px #ddd;
	border-right:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
}
#archive h3
{
	font-weight:300;
	color:#1975ff;
	margin:5px;
	font-size:1.1em;
	border-bottom:solid 1px #1975ff;
}
.list
{
	font-size:0.8em;
	line-height:16pt;
	margin:0px;
	padding-left:30px;
	padding-right:5px;
	list-style-type:square;
}
.list a
{
	color:#555;
	text-decoration:none;
}
.list a:hover
{
	color:#1975ff;
	text-decoration:underline;
}	
#archive img
{
	height:38px;
	width:38px;
	margin-top:5px;
	margin-left:5px;
	opacity:0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}
#archive img:hover
{
	height:38px;
	width:38px;
	margin-left:5px;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
.readmore
{
	float:right;
	margin-right:15px;
}
.readmore a
{
	color:#1975ff;
	font-size:0.8em;
	text-decoration:none;
}
.readmore a:hover
{
	text-decoration:underline;
}
#scroller
{
	vertical-align:top;
	width:200px;
	background-color:#fff;
}
#scroller h3
{
	font-weight:300;
	color:#111;
	margin:5px;
	font-size:1.1em;
	text-align:right;
	border-bottom:solid 1px #111;
}
#scroller h4
{
	font-weight:500;
	color:#1975ff;
	margin:5px;
	font-size:0.9em;
}
#scroller .index_list
{
	font-size:0.73em;
	margin:0px;
	list-style-type:square;
	padding-left:25px;
}
#scroller .index_list a
{
	color:#666;
	text-decoration:none;	
}
#scroller .index_list a:hover
{
	color:#1975ff;
	text-decoration:underline;	
}
#special
{
	width:100%;
	height:199px;
	max-height:100%;
}
#special #art_scroll
{
	width:69.5%;
	background-color:#fff;
	float:left;
	border:solid 1px #ccc;
}
#special #art_scroll h3
{
	font-weight:300;
	color:#1975ff;
	margin:5px;
	font-size:1.1em;
	border-bottom:solid 1px #1975ff;
}
#special #art_scroll h4
{
	font-size:0.95em;
	margin:10px 0px 5px 10px;
}
#special #art_scroll h4 a
{
	font-weight:700;
	color:#1975ff;
	text-decoration:none;	
}
#special #art_scroll h4 a:hover
{
	color:#444;	
}
#special #art_scroll h5
{
	font-weight:400;
	color:#666;
	padding-left:30px;
	font-size:0.8em;
	margin:0px;
}
#special #art_scroll h5 a
{
	color:#1975ff;
	text-decoration:none;
}
#special #art_scroll p
{
	font-size:9pt;
	color:#555;
	margin:5px;
}
#special #art_scroll img
{
	width:100px;
	height:80px;
	float:left;
	margin:5px;
}
#special #brouchers
{
	width:30%;
	background-color:#fff;
	float:left;
}
#special #brouchers img
{
	width:293px;
	margin:3px;	
	height:194px;
}
#sisters
{
	width:100%;
	background-color:#efefef;
}
#sisters h3
{
	font-weight:300;
	color:#444;
	margin:0px 0px 5px 0px;
	font-size:1.1em;
	border-bottom:solid 1px #333;
}
#sisters img
{
	margin:10px;
	width:80px;
	height:70px;
	border:solid 1px #efefef;
}
#sisters img a
{
	border:solid 1px #aaa;
}
#sisters img:hover
{
	border:solid 1px #aaa;
}
#bottom
{
	width:100%;
	color:#bbb;
	height:auto;
	padding-top:10px;
	text-align:center;
	vertical-align:middle;
	font-size:0.8em;
	line-height:14pt;
	background-color:#444;
}
#bottom a
{
	color:#fff;
}
.labels
{
	font-size:0.9em;
	text-align:right;
	padding-right:5px;
	vertical-align:middle;
	line-height:24pt;
}
.txtback
{
	line-height:24pt;
	text-align:left;
	width:500px;
}
.txtbox
{
	font-family: 'Roboto', sans-serif;
	font-size:0.9em;
	width:90%;
	line-height:16pt;
}
.validate
{
	font-size:0.8em;
	text-align:left;
	padding-left:5px;
	font-style:italic;
}
.button
{
	font-family: 'Roboto', sans-serif;
	background-color:#1975ff;
	color:#efefef;
	height:30pt;
	width:100px;
	border:0px;
	border-radius:2px;
	box-shadow: 2px 2px 5px #888888;
	font-size:1em;
	padding:3px 5px;
}
.message
{
	color:Green;
	font-family: 'Roboto', sans-serif;
	font-size:0.9em;
}
#backtotop {
	cursor : pointer;
	display : none;
	margin : 0px 0px 0px 300px;
	position : fixed;
	bottom : 10px;
	font-size : 90%;
	padding	: 10px;
	width : 100px;
	text-align : center;
	background-color : #111;
	border-radius : 8px;
	-webkit-border-radius : 8px;
	-moz-border-radius : 8px;
	filter : alpha(opacity=60);
	-khtml-opacity : 0.6;
	-moz-opacity : 0.6;
	opacity	: 0.6;
	color : #FFF;
	font-size : 14px;
	z-index	: 1000;
	border:solid 1px #fff;
}
#backtotop:hover
{
	filter : alpha(opacity=90);
	-khtml-opacity : 0.9;
	-moz-opacity : 0.9;
	opacity	: 0.9;
}
#left #issue
{
	line-height:16pt;
	border-bottom:solid 1px #1975ff;
}
#issue img
{
	width:120px;
	height:100px;
	margin-right:5px;
	float:left;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
#issue img a
{
	opacity:0.8;
	border:none;
	text-decoration:none;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
#issue img:hover
{
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
#issue .img1
{
	height:15px;
	width:15px;
}
#issue .showhidecss
{
	font-size:0.84em;
	font-weight:normal;
	color:#1975ff;
	text-decoration:none;
	margin-right:20px;
}
#issue .artNameDetails
{
	font-family:Verdana;
	font-size:10pt;
	color:#000;
	text-align:left;
	vertical-align:middle;
	padding-left:5px;
	line-height:16pt;
	background-color:#fff;
	text-transform:capitalize;
}
#issue .artNameDetails a
{
	color:#000;
	text-decoration:none;
}
#issue .artNameDetails a:hover
{
	color:#1975ff;
	text-decoration:none;
}
#issue .postimg
{
	width:60px;
	height:40px;
}
#issue .tdpub
{
	width:120px;
	height:auto;
	text-align:center;
	padding:7px;
}
#issue h4
{
	color:#000;
	background-color:#f0f0f0;
	margin:0px;
	padding:5px;
}
#issue h4 a
{
	color:#111;
	text-decoration:none;
} 
#issue h4 a:hover
{
	color:#1975ff;
}
#issue p
{
	margin:0px;
	font-size:0.84em;
	line-height:15pt;
	color:#777;
}
#issue p a
{
	font-weight:normal;
	color:#1975ff;
	text-decoration:none;
	margin-right:20px;
}
#issue p a:hover
{
	color:#f00;
}
#issue p b
{
	color:#444;
}
.citation
{
	font-size:0.8em;
	margin:5px 20px;
	background-color:#efefef;
	border:dashed 1px #bbb;
	padding:5px;
}
.keywords
{
	padding:0px 10px 0px 30px;
	margin:0px;
	list-style:none;
	
}
.keywords li
{
	float:left;
	margin-top:0px;
}
.keywords li a
{
	color:#1975ff;
	font-size:0.8em;
	margin:0px 10px 10px 0px;
	padding:3px 5px;
	text-decoration:none;
	background-color:#e8f1ff;
	border:solid 1px #75acff;
}
.keywords li a img
{
	background-color:#e8f1ff;
	border:solid 1px #75acff;
	padding:0px 5px 5px 0px;
}
.keywords li a:hover
{
	background-color:#75acff;
	color:#fff;
}
.references
{
	padding:0px 10px 0px 30px;
	margin:0px 0px 0px 10px;
}
.references li
{
	font-size:0.8em;
	list-style-type:lower-roman;
}
.author
{
	width:160px;
	height:180px;
	border:solid 1px #666;
	margin:10px 0px 5px 0px;
}
.artimg
{
	float:right;
	width:180px;
	height:140px;
	margin:5px;
}
#comments
{
	width:98%;
	margin:10px;
	border:solid 1px #bbb;
	background-color:#efefef;
}
#comments h3
{
	margin:5px 10px;
	font-weight:300;
	border-bottom:solid 1px #bbb;
}
#comments p
{
	font-size:0.9em;
	margin:0px;
	padding-left:10px;
	color:#333;
}
#comments p b
{
	color:#1975ff;
}
#comments p i
{
	font-style:normal;
	font-size:0.75em;
	padding-left:40px;
	color:#444;
}
.CLeft
{
	text-align:left;
	padding-left:5px;
	width:220px;
	vertical-align:top;
	font-size:11pt;
}
.CRight
{
	padding-right:5px;
	font-size:11pt;
}
.photo
{
	width:120px;
	height:130px;
	
	border: 3px solid grey;
    	-webkit-border-radius: 15px;   
  	  box-shadow: 10px 11px 17px #BFB9B9;
}

.tblad
{
	width:85%;
	text-align:center;
	margin:5px 5px 5px 50px;
  	  border-left:solid 1px #75acff;
	border-top:solid 1px #75acff;
}
#left .tblad th
{
	background-color:#75acff;
	line-height:20pt;
	color:#fff;
	font-size:0.9em;
	font-weight:bold;
}
#left .tblad td
{
	line-height:20pt;
	font-size:0.8em;
	font-weight:bold;
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	border-right:solid 1px #75acff;	
	border-bottom:solid 1px #75acff;
}
#left .tblad td a
{
	color:#111;
	text-decoration:none;
}
#left .tblad td a:hover
{
	color:#75acff;
	text-decoration:underline;
	text-decoration:bold;
}



#left .tblch
{
	
	text-align:center;
	margin:5px 5px 5px 50px;
	border-left:solid 0px #75acff;
	border-top:solid 0px #75acff;
	
}
#left .tblch th
{
	background-color:#75acff;
	line-height:20pt;
	color:#fff;
	font-size:0.9em;
	font-weight:300;
}
#left .tblch td
{
	line-height:20pt;
	font-size:0.7em;
	text-align:left;
	padding-left:10px;
	border-right:solid 0px #75acff;	
	border-bottom:solid 0px #75acff;
}
#left .tblch td a
{
	color:#111;
	text-decoration:none;
}
#left .tblch td a:hover
{
	color:#75acff;
	text-decoration:underline;
}
.PostPublication
{
	height:auto;
	display:table;
	width:96%;
	margin:5px 5px 8px 0px;
	background-color:#f4f4f4;
	border:solid 2px #eee;
	padding:10px;
	color:Black;
	 
}
.PostPublication a
{
	text-decoration:none;
	color:Black;
}
.image
{
	 border: 3px solid grey;
    -webkit-border-radius: 15px;   
    box-shadow: 10px 11px 17px #BFB9B9;
 }

 .divBox
 {
 	background-color: #e3e3e3;
 	height: 25px;
 	padding-top: 5px;
 	padding-bottom: 5px;
 	box-shadow: 3px 5px 10px #B1A5A5;
 	border-radius: 6px; text-align: center;    
 	font-weight: normal;    
 	color: #1975ff; 
 	font-size: 20px;
 }