/* general settings */
ul, ol {
list-style: none;
}
body {
background-color: #392842;
font-family: Georgia, serif;
font-size:88%;
}

#body-subpage #upper-part {
height: auto;
background-position: 0px -150px;
}
#body-subpage #wrapper {
height: 175px;
background-position: 0px -150px;
}
#body-subpage #header {
height: 175px;
text-align: left;
position:relative;
top:41px;
}

#upper-part {
background: #083C7B url(/assets/images/layout/bg-ext.jpg) repeat-x left top;/*#b8a088;*/
tedxt-align: center;
}
#lower-part {
color: #ffffff;
background-color: #392842;
}
#wrapper {
position: relative;
background: url(/assets/images/layout/jorid-header.png) no-repeat left top; /* 230px bottom;*/
}
#body-home #wrapper {
min-height: 450px;
}
#body-home #header {
text-align:right;
margin-top:200px;
}
#body-home h2 {
margin-top:53px;
}
#header {letter-spacing: -1px;}

#footer {
min-height: 61px;
clear: both;
color: #ffffff;
background: url(/assets/images/layout/bg-footer.gif) repeat-x top;
}
#footer p {
text-align: center;
margin:0 auto;
padding:21px 0;
}
#footer em {
font-style: normal;
color: #9bc0d7;
padding: 0.75em 3em;
background: url(/assets/images/layout/icons/logo-jorid33.png) no-repeat;
}
#upper-part #articles div, .boxed {
padding:1.5em 1.5em 0.5em 1.5em;
margin-bottom:1.5em;
}
#upper-part #articles div {
background-color: #fff;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}
.boxed {
background-color:#4C3558;
padding-bottom: 0.75em;
margin-right: 1.5em;
}
div.bodxed {
padding: 0.5em 1.5em 1em 0.5em;
}
.curved {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.box {
background:transparent;
}
#articles p {
margin-left: 23px;
}
#articles p.small {
color: #c27b11;
}
.excerpt {
padding-right: 2em;
margin-left: 3em;
border-left: 5px solid #ffffff;
}

#lower-part p {
margin-left: 1.5em;
}

#lower-part .boxed p {
margin-left:0;
}

#lower-part .boxed img {
width:75px;
height:75px;
margin-top:0em;
}

/* text */
#header h1 {color: #ffffff;}
#header h2 {color: #b5c7d6;}
#upper-part h3 {color: #c27b11;}
#lower-part h3, #lower-part h2 {color: #9bc0d7;}
#lower-part h4 {color: #ffffff;}
#header h2 {color: #b5c7d6;font: 1.71em/1.13em Georgia, serif normal;}
#body-subpage #header h1 {padding:0px 0 0 23px;}
#body-subpage #header h2 {padding:0px 0 0 53px;}

/* links */
#upper-part a:link, #upper-part a:visited {
color: #c27b11;
text-decoration: underline;
}
#upper-part a:hover, #upper-part a:focus {
color: #392842;
text-decoration: none;
}
#upper-part h1 a:link, #upper-part h1 a:visited {
color: #ffffff;
text-decoration: none;
}
#upper-part h1 a:hover, #upper-part h1 a:focus {
color: #4A7DC6;
text-decoration: none;
}
#upper-part h3 a:link, #upper-part h3 a:visited {
text-decoration: none;
}
#upper-part h3 a:hover, #upper-part h3 a:focus {
text-decoration: none;
}
#lower-part h3 a:link, #lower-part h3 a:visited {
color: #9bc0d7;
text-decoration: none;
}
#lower-part h3 a:hover, #lower-part h3 a:focus {
color: #c27b11;
text-decoration: none;
}
#footer a:link, #footer a:visited {
color: #ffffff;
text-decoration: underline;
}
#footer a:hover, #footer a:focus {
color: #9bc0d7;
text-decoration: none;
}
a.full-article, .full-article a {
padding-left: 15px;
background: no-repeat 3px 3px;
}
#lower-part a.full-article, #lower-part .full-article a {
background-image: url(../images/layout/icons/full-article-dark.gif);
}
#upper-part a.full-article, #lower-part .col240-box a.full-article, #lower-part .col320-box a.full-article, #lower-part .col400-box a.full-article, #lower-part .col560-box a.full-article, #lower-part .col960-box a.full-article, #upper-part .full-article a, #lower-part .col240-box .full-article a, #lower-part .col320-box .full-article a, #lower-part .col400-box .full-article a, #lower-part .col560-box .full-article a, #lower-part .col960-box .full-article a {
background-image: url(/assets/images/layout/icons/full-article.gif);
}
#upper-part .small a.full-article, #upper-part .small .full-article a, #lower-part .small a.full-article, #lower-part .small .full-article a {
background-position: 3px 3px;
}
#lower-part #links li a {
display: block;
padding-left: 20px;
background: url(/assets/images/layout/icons/globe.gif) no-repeat 0 0.5em;
}
#upper-part a:link, #upper-part a:visited {
color: #c27b11;
text-decoration: underline;
}
#upper-part a:hover, #upper-part a:focus {
color: #392842;
text-decoration: none;
}
#lower-part a:link, #lower-part a:visited {
color: #c27b11;
text-decoration: underline;
}
#lower-part a:hover, #lower-part a:focus {
color: #9bc0d7;
text-decoration: none;
}

/* Customized lists */
ul.linklist {
background: url(/assets/images/layout/line-tan.gif) repeat-x bottom;
padding-left:0;
}
ul.linklist li {
background: url(/assets/images/layout/dotted-tan.gif) repeat-x top;
padding-left:1.5em;
}
#lower-part ul.linklist a:link, #lower-part ul.linklist a:visited {
color: #ffffff;
text-decoration: none;
}
#lower-part ul.linklist a:hover, #lower-part ul.linklist a:focus {
color: #9bc0d7;
text-decoration: none;
}
#lower-part ul.linklist .very-small {
color: #c27b11;
}
#lower-part #categories li a {
display: block;
padding-left: 20px;
background: url(/assets/images/layout/icons/folder.gif) no-repeat 0 center;
}
a.full-article, .full-article a {
padding-left: 15px;
background: no-repeat 3px 3px;
}
#lower-part a.full-article, #lower-part .full-article a {
background-image: url(/assets/images/layout/icons/full-article-dark.gif);
}
ul.linklist img.nothumb {
padding:0 4px;
margin:0;
background:transparent !important;
}
#lower-part #feeds li a {
display: block;
padding-left: 20px;
background: url(/assets/images/layout/icons/rss.gif) no-repeat 0 center;
}
#lower-part #recent-tiles li a, #lower-part #recent-articles li a{
display: block;
}
#lower-part #recent-tiles li img {
margin-right:0.5em;
}
#lower-part #recent-tiles li, #lower-part #recent-articles li, #lower-part #categories li, #lower-part #feeds li, #lower-part #links li {
line-height:2em;
}

img.thumb-link {
width:16px;
height:16px;
border:0;
margin:0 3px 0 0;
padding:0;
background:transparent !important;
position:relative;
top:0.25em;
}

.tagcloud a {
text-decoration:none !important;
color:#eee !important;
}
.tagcloud a:hover {
color:#9bc0d7 !important;
}

a.s4 {font-size:2em;line-height:0.5em;}
a.s3 {font-size:1.5em;line-height:0.75em;}
a.s2 {font-size:1.25em;line-height:0.8em;}
a.s1 {font-size:0.83em;font-weight:bolfder;line-height:1.25em;}

/* menu */
#ajaxmenu {
clear: both;
background: #9bc0d7 url('/assets/images/layout/bg-navbar-blue.gif') repeat-x center bottom;
border-top: 1px solid #fde4a0;
}
#ajaxmenu li {
list-style-type:none;
}
#menu {
margin: 0 auto;
font-weight: bold;
color: #392842;
position: relative;
}
#menu ul {
margin: 0;
padding: 0;
}
#menu ul li {
float: left;
margin: 0;
padding: 0;
}
#menu a {
display: block;
padding: 5px 1.5em 7px;
background: #9bc0d7 url(/assets/images/layout/bg-navbar-blue.gif) repeat-x center bottom;
min-height:;
}
#menu a{
margin: 0;
}
#menu a:link, #menu a:visited {
color: #392842;
text-decoration: none;
background-position: center bottom;
}
#menu a:hover, #menu a:focus {
color: #ffffff;
text-decoration: none;
background-position: 0 -67px;
}
#menu a.active:link, #menu a.active:visited, #menu a.active:hover, #menu a.active:focus {
background-position: 0 -67px;
}
#menu li.active a:link, #menu li.active a:visited, #menu li.active a:hover, #menu li.active a:focus {
background-position: 0 -67px;
}
#ajaxSearch_submit {
background: transparent url(/assets/images/layout/icons/search.gif) no-repeat;
position:relative;
top:5px;
}

/* Flickr box */
#flickr {
margin-bottom: 2.37em;
padding: 1.33em 0 1.58em 68px;
background: url(/assets/images/layout/bg-flickr.gif) no-repeat 0 1.58em;
}
#flickr h3 {
width: 1px;
margin: 0;
padding: 0;
height: 101px;
text-indent: -9999px;
float: left;
}
#flickr a {
margin: 10px 3px 0 3px;
display: block;
float: left;
}
#flickr img {
margin: 0;
padding: 3px;
border: 0;
position: relative;
}
#flickr a:hover {
border: 0;
}
#flickr a:link img, #flickr a:visited img {
background-color: transparent;
}
#flickr a:hover img, #flickr a:focus img {
background-color: #9bc0d7;
}
/* end of flickr form */

img {
margin: 0.22em;
padding: 0.33em;
border: 0;
position: relative;
}

p a.left img {float:left;margin:1.5em 1.5em 1.5em 0;}
p a.right img {float:right;margin:1.5em 0 1.5em 1.5em;}
a.image {
text-decoration:none !important;
font-variant: small-caps;
color:#ffffff !important;
}

.first-article p a:hover, .article p a:hover {
border: 0;
} /* It makes IE use the:hover state ; acts like a 'trigger' */
#upper-part a:link img, #upper-part a:visited img {
background-color: #c27b11;
}
#upper-part a:hover img, #upper-part a:focus img {
background-color: #9bc0d7;
}
#lower-part a:link img, #lower-part a:visited img {
background-color: #ffffff;
}
#lower-part a:hover img, #lower-part a:focus img {
background-color: #9bc0d7;
}
.meme tt {
  background: #8F6D9F;
  padding: 3px;
}
p.intro:first-letter {
padding:5px 5px 8px 5px;
margin: 0;
font-size : 2.75em;
font-weight : bold;
float : left;
color : #ccf;
background: url(/assets/images/layout/zig.png) no-repeat -3px -2px;
dposition:relative;
tdop:-1em;
}
#content ul {
mdargin: 0 15px;
paddding: 0 0 0 40px;
list-style-type: square;
}
#content ol {
margin: 0 15px;
padding: 0 0 0 40px;
list-style-type: decimal;
}

/* ditto paging */
.ditto_paging {
    border-top: 1px dotted #444;
    padding: 10px; 
    font-size: 86%;
    color: #555;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    background-color: #53578A; 
    color: #fff;
} 
#ditto_pages .ditto_off {
    border: 1px solid #555;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #555;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #53578A; 
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: #c27b11;
} 
#ditto_pages a:hover {
    background-color: #d27b11;
    color: #000;
}

.right {float:right;}
.left{float:left;}

.sum-right {
text-align: right;
color:#777;
font-style:italic;
}
.article a.image img {
width:75px;
}
.article p a.left img {
margin-top:0;
}
blockquote {
margin: 1.5em 3em;
pfadding: 1.5em 1.5em 0.5em 0;
font-style: italic;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
blockquote p {
margin: 0 0;
padding: 1em 1.5em 1.5em 0;
text-indent: 15px;
}
#upper-part blockquote {
background: #ffffff url(/assets/images/layout/icons/doublequote.gif) no-repeat top left;
}
#lower-part blockquote {
color:#fff;
background: #504642 url(/assets/images/layout/icons/doublequote-dark.gif) no-repeat top left;
}
.excerpt p {
line-height:1.3em;
font-size:1.15em;
}
#upper-part #articles div {
margin: 0.33em;
}
#upper-part #articles p {
margin: 0.5em 1.5em 1em 53px;
}
#upper-part #articles h3 {
margin: 0;
padding-left: 8px;
}

.phon {font-family:"Helvetica","Lucida Sans Unicode","Arial Unicode MS","Lucida Grande",Arial;color:#eee}

/*{{{ general playlist settings, light gray */
div.playlist {
	position:relative;
	overflow:hidden;	 	
	heigfht:285px !important;
}

div.playlist, div.clips {
	width:260px;	
}

div.clips a {
	display:block;
	background-color:#4C3558;
	padding:12px 15px;
	height:46px;
	width:195px;
	font-size:12px;
	text-decoration:none !important;
	letter-spacing:-1px;
	color:#000;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
border-top-right-radius:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
border-bottom-right-radius:10px;
}

div.clips a.first {
	bdorder-top-width:1px;
}

div.clips a.playing, div.clips a.paused, div.clips a.progress {
	background-color:#8F6D9F;
color: #9bd0f7 !important;
	width:225px;
	border:0;
}
	
div.clips a.progress {
	opacity:0.6;
}

div.clips a.paused {
	background-position:0 0;	
}

div.clips a span {
	display:block;		
	font-size:11px;
	color:#888;
}
div.clips a.playing span, div.clips a.paused span, div.clips a.progress span {
	color:#eee;
}


div.clips a em {
	font-style:normal;
	color:#d00;
}	
div.clips a.playing em, div.clips a.paused em, div.clips a.progress em {
	color:#900;
}

div.clips a:hover {
	background-color:#8F6D9F;
color:#9bd0f7 !important;		
}

div.clips a:hover span {
color:#eee;
}

div.clips a:hover em {
color:#900;
}

div.clips a.playing:hover, div.clips a.paused:hover, div.clips a.progress:hover {
	bacground-color:transparent !important;		 
}
/*}}}*/

/*{{{ go buttons */

a.go {
	display:block;
	width:18px;
	height:18px;
	background:url(/img/playlist/arrow/up.png) no-repeat;
	margin:5px 0 5px 105px;
	cursor:pointer;
}

a.go:hover, a.go.down:hover {
	background-position:0px -18px;		
}

a.go.down {
	background-image:url(/img/playlist/arrow/down.png);	
}

div.petrol a.go {
	background-image:url(/img/playlist/arrow/up_dark.png);		
}

div.petrol a.go.down {
	background-image:url(/img/playlist/arrow/down_dark.png);		
}

a.go.disabled {
	visibility:hidden;		
}

/*}}}*/

div.player {	
	display:block;
	background:#333333 url(/assets/images/layout/play_text.png) no-repeat center center;
	text-align:center;
	color:#fff;
	text-decoration:none !important;
	cursor:pointer;
}
 
/* splash image */
#lower-part a.player img {
display:none;
}

.acenter {
margin:0 auto;
}
div.gallery {
text-align:center;
}

div.gallery div {
margin-bottom:1.5em;
}

div.gallery a.caption {
text-decoration:none !important;
font-variant: small-caps;
color:#ffffff !important;
}
/* article TOC */
#toc ul {margin-left:-1em;font-style:italic;}
#toc h3 {text-align:center;margin-left:-0.5em;}
#toc li.tocH2 {font-weight:bold;margin-left:-1em;padding-bottom:1.5em;list-style:circle;}
#toc li.tocH3 {list-style:square;}
#toc .tocH4 {margin-left:-2em;padding-top:1.5em;}
#toc li a {display:block; text-decoration:none !important;}