﻿/* 
'===========================================================================

'===========================================================================
*/


/*========================================================*//* COMMON CSS */
html, body { 
	margin: 0;
	padding : 0;
}

* { 
	margin : 0;
	padding : 0;
} 
body {
	font : normal 70% Verdana, Tahoma, arial, sans-serif;
	text-align : center;
	background: repeat-x;
	background-position: top;
}

a {
	color: #800000;
	text-decoration: none;
}
a:hover {
	color: #D90000;
	font-family: Arial;
}

a img { border : none;} 

h1 {
	font: normal large Arial;
	color: #0033CC;
	margin-bottom: 4px;
	font-weight: normal;
	margin-top: 4px;
}

h1 a { 
	padding-left:5px;
	color:#444444; 
}

h2 { 
	font : bold 1.4em Arial, Sans-Serif;
	color : #444444;
	/*margin: 10px 0 5px 0;*/
} 

h3 {
	font: bold small Verdana;
/*margin-bottom : 4px;*/
	color: #000080;
}

h4 { 
	font : bold 1.1em Arial, Sans-Serif;
	border-top : 1px solid #cccccc;
	border-bottom : 1px solid #cccccc;
	color : #444444;
	/*margin-bottom : 4px;*/
} 

h5 { 
	font : normal 1.1em Arial, Sans-Serif;
	border-top : 1px dotted #cccccc;
	border-bottom : 1px dotted #cccccc;
	color : #444444;
	/*margin-bottom : 4px;*/
} 

h6 { 
	font : normal 1.1em Arial, Sans-Serif;
} 

small { 
	padding-left : 0;
} 

p { 
	line-height : 1.4em;
	text-align : justify;
	margin: 10px 0;
}

ol { 
	margin: 15px 10px;
	list-style-type:decimal;
}

ul { margin: 15px 0;} 

li { margin: 0 48px;} 

blockquote {
	background-color:transparent;
	color:#888888;
	margin:0 48px;
	font-style:italic;
}
/*========================================================*//* CONTAINER */
#container {
	background-position: #FFFFFF;
	background: #FFFFFF;
	border: 1px solid #FF0000;
	text-align : left;
	width: 1000px;
	margin : 25px auto;
	padding : 3px;
}



/*===========================================================*//* HEADER */
#header {
	background-position: #FFFFFF url('images/header.gif') no-repeat;
	background: url('../../images/flagbg1.png') no-repeat;
	height : 150px;
	text-align : center;
	margin-bottom : 1px;
	border-bottom : 4px solid #aaaaaa;
	border-bottom-width: 2px;
}

#header .title {
	padding-top: 20px;
	text-align : right;
}

#header .title .sitename a {
	border-bottom : 1px dashed #657382;
	color: #0000FF;
	font : normal 34px arial;
	padding-bottom : 2px;
	text-decoration : none;
	margin-right : 20px;
	background-color : transparent;
	border-style: none;
}

#header .title a:hover { 
	border-color : #f60;
} 

#header .title .slogan {
	font : normal 1.1em Verdana, sans-serif;
	padding-top : 6px;
	margin : 0 20px 10px 0;
	color: #003399;
	background-color : transparent;
}

#headimg1 {
	border: 1px solid #000080;
	height : 100px;
	width : 80px;
	float : left;
	margin : 8px;
	background : url('image1.gif') no-repeat;
}
#headimg2 {
	border: 1px solid #000080;
	height : 100px;
	width : 80px;
	float : left;
	margin : 8px;
	background : url('image2.gif') no-repeat;
}
#headimg3 {
	border: 1px solid #000080;
	height : 100px;
	width : 80px;
	float : left;
	margin : 8px;
	background : url('image3.gif') no-repeat;
}
#headimg4 {
	border: 1px solid #000080;
	height : 100px;
	width : 80px;
	float : left;
	margin : 8px;
	background : url('image4.gif') no-repeat;
}

#headimg5 { 
	height : 100px;
	width : 80px;
	float : left;
	margin : 8px;
	background : url('image5.gif') no-repeat 50% bottom;
	opacity:.50;
	filter:alpha(opacity='50');
} 

/*==================================================*//* NAVIGATION MENU */
div.navigation {
	background-position: transparent url('images/bg_menu.gif');
	float : left; /*background-color : #888888;*/;
	padding: 3px 0 0px 0;
	text-align : left;
	width : 100%;
	border-top : 1px solid #dddddd;
	border-bottom : 1px solid #dddddd;
	background: #000080 none;
	/*opacity:.50;*/
	/*filter:alpha(opacity='50');*/
}

#menu { 
	width : 70%;
	float : left;
} 

#menu a { 
	position : relative;

	font-weight : bold;
	font-size : 110%;
	border-right : 1px solid #888888;
	padding : 2px 10px 2px 10px;
	background-color : transparent;
	color : #ffffff;
	text-decoration:none;
} 

#menu a:hover { color : #ff9900;} 

#subscription { 
	width : 28%;
	float : right;
	text-align : right;
} 

#subscription a { 
	position : relative;
	color : #ffffff;
	font-weight : bold;
	font-size : 110%;
	padding : 2px 20px 2px 10px;
	background-color : transparent;
} 

#subscription a:hover { 
	color : #ff9900;
} 

#subscription img { 
	margin-left : 5px;
	/*vertical-align : bottom; unsupported Value*/
	margin-bottom : 1px;
}

/*=======================================================*//* ADMIN MENU */
#adminmenu { 
	padding : 3px 0 3px 78px;
	text-align : left;
	margin: 0 0 0 0;
	background : #eeeeee url('icon_admin.gif') no-repeat;
	border-bottom : 3px solid #666666;
} 

#adminmenu ul {margin:0px;}

#adminmenu li {
	margin:0px;
	display : inline;
} 

#adminmenu a { 
	color : #333333;
	padding : 3px 10px;
	border-left : 1px dotted #bbbbbb;
} 

#adminmenu a:hover { 
	color : #ff9900;
} 




/*=====================================================*//* MAIN CONTENT */
#content {
	background-position: #ffffff;
	background: #ffffff;
	float : right;
	width: 569px;
	padding : 10px 5px 5px 15px;
	color : #333333;
}



/*========================================================*//* LEFT MENU */
#left {
	background-position: #FFFFFF;
	color: #000080;
	float : left;
	width: 196px;
	padding: 2px;
	border-right : 1px solid #dddddd;
	border-bottom : 1px solid #dddddd;
	margin-bottom: 15px;
	border: 1px solid #000080;
	margin-right: 1px;
}
#left h3 {
	/*color : #303030;*/
	border: 1px solid #c8c8c8;
	padding: 1px 0 1px 1px;
	margin: 10px 0 4px 0;
	text-align: center;
}


/*=======================================================*//* CATEGORIES */
#categories ul {margin:0px;}
#categories li { 
	list-style-type : none;
	border-bottom : 1px dashed #dddddd;
	line-height : 10px;
	margin : 0 5px 0 2px;
	background : url('icon_arrow.gif') no-repeat 0 3px;
	padding : 3px 0 2px 12px;
}

#categories li img { 
	/*vertical-align : bottom; unsupported Value*/
} 

/*============================================================*//* PAGES */
#pages ul {margin:0px;}
#pages li {
	list-style-type : none;
	border-bottom : 1px dashed #dddddd;
	line-height : 10px;
	padding : 4px 0 4px 14px;
	margin : 0 5px 0 5px;
	background : url('icon_page.gif') no-repeat 0 3px;
} 
/*=========================================================*//* CALENDAR */
#calendar { 
	text-align : center;
	margin : 0 0 15px 0;
} 

#calendar h3 { 
	text-align : left;
} 

#calendar .weekend { 
	background-color : #e8e8e8;
} 

#calendar .other { 
	color : #989898;
} 

#calendar a.exist { 
	display : block;
	font-weight : bold;
	background-color : #f1f1f1;
} 

#calendar td { 
	background : white;
	border : 2px solid #f7f7f2;
	padding-top : 2px;
} 

#calendar tr { 
	background : #EAEAEA;
} 

#calendar .calendar { 
	width : 95%;
	margin-bottom : 3px;
} 

#calendarContainer { 
	margin : 0 auto;
} 

.calendar { 
	border : none;
	margin : 0 auto;
} 

.calendar .weekend { 
	background-color : #f1f1f1;
} 

.calendar .other { 
	color : #989898;
} 

.calendar a.exist { 
	display : block;
	font-weight : bold;
	background-color : #f1f1f1;
} 

.calendar td { 
	background : white;
	border : 2px solid #f7f7f2;
	padding-top : 2px;
} 

.calendar tr { 
	background : #eaeada;
} 


/*======================================================*//* BLOG SEARCH */
#blogsearch h3 { 
	text-align : left;
} 

#blogsearch { 
	text-align : center;
} 

#searchbox input#searchfield { 
	border : 1px solid #bbbbbb;
	width : 130px;
	margin-right : 5px;
	font : normal 1em Tahoma, sans-serif;
	padding : 1px 0 1px 2px;
	color : #444444;
} 

#searchbox input#searchbutton { 
	color : #333333;
	font-family : verdana, helvetica, sans-serif;
	font-size : 90%;
	font-weight : normal;
	background-color : #eeeeee;
	border : 1px solid #aaaaaa;
} 

/*=============================================================*//* TAGS */
#tags { 
	text-align : justify;
} 

#tagcloud {
	/*white-space : normal;*/
	margin-left : 3px;
}
#tags ul {
	margin:0px;
}
#tagcloud li {
	margin:0px;
	display : inline;
} 

#tagcloud a { 
	margin-right : 3px;
	/*display : inline;*/
} 

#tagcloud a.biggest {
	font-size: 12px;
	color: #3333CC;
}
#tagcloud a.big {
	font-size: 11px;
	color: #33CC33;
}
#tagcloud a.medium {
	font-size: 10px;
	color: #800080;
}
#tagcloud a.small {
	font-size: 9px;
	color: #FF9900;
}
#tagcloud a.smallest {
	font-size: 8px;
	color: #999999;
}

/*========================================================*//* BLOG ROLL */
#blogroll {
}

#blogroll img { margin : 0 4px 0 0;} 

#blogroll ul { 
	margin:0px;
	padding : 0;
} 

#blogroll li {margin:0px;}

#blogroll ul li {
	list-style-type : none;
	margin : 2px 0 2px 0;
	padding : 0;
	text-align: left;
}

#blogroll ul li ul li a {
	/*rss titles/links for blog rolls*/
	margin-left: 14px;
	color: #000080;
	font: normal 11px Arial;
}
#blogroll a.opml {
	display : block;
	border-top : 1px dotted #dddddd;
	margin-top : 10px;
	padding-top : 3px;
	text-align: center;
}

/*==========================================================*//* AUTHORS */
#authors img { 
	margin : 0 4px 0 0;
} 
#authors ul {margin:0px;}

#authors ul li { 
	list-style-type : none;
	margin : 2px 0 2px 0;
	padding : 0;
} 

/*===========================================================*//* MONTHS */
#months { 
	padding : 0;
	margin-left : 0;
	font-weight : bold;
	color : #666666;
} 
#months li{margin:0px;}

#months ul { 
	list-style-type : none;
	margin : 2px 0 5px 0;
	padding : 0;
} 

#months ul li ul li a { 
	margin-left : 10px;
	font : normal 1em Tahoma, sans-serif;
	padding-bottom : 5px;
} 


/*=====================================================*//* RECENT POSTS */
#recentposts {/*color : #555555;*/} 

#recentposts ul { margin:0px;}

#recentposts li { margin:0px;}

#recentposts ul li { 
	list-style-type : none;
	padding-bottom : 10px;
} 

#recentposts ul li span { 
	display : block;
	text-indent : 5px;
	text-transform : none;
} 
/*==================================================*//* RECENT COMMENTS */
#recentcomments { /*color : #555555;*/} 

#recentposts ul { margin:0px;}

#recentcomments li { margin:0px;}

#recentcomments ul li { 
	list-style-type : none;
	/*padding-bottom : 10px;*/
	text-transform : none;
} 

#recentcomments ul li a.postTitle { 
	line-height : 2em;
} 
/*==========================================================*//* BANNERS */
#banners { 
	text-align : center;
} 

#banners h3 { 
	text-align : left;
	margin-bottom : 10px;
} 


/*=======================================================*//* DISCLAIMER */
#disclaimer {
	color : #484848;
	background : #f0f0f0;
	clear : left;
	border : 1px dashed #c8c8c8;
	width : 180px;
	font: normal 10px Tahoma, sans-serif;
	padding : 5px 5px 5px 5px;
	margin : 0px 5px 15px 10px;
}


/*===========================================================*//* FOOTER */
#footer { 
	background : #f5f5f5;
	border : 1px solid #e3e4e4;
	clear : both;
	width : 100%;
	text-align : center;
	padding : 3px 0 3px 0;
}


/*========================================================*//* PAGESTATS */
/*#pagestats { 
	width : 900px;
	padding : 3px 0 3px 0;
	margin: 0 0 125px 0;
	background-color:#FF0000;
} */


/*============================================================*//* POSTS */
#post {	margin-bottom : 25px;}

#postauthor { 
	/*color : #888888;*/
	/*font : normal 100% Tahoma, sans-serif;*/
	/*float : left;*/
	/*width : 50%;*/
	/*background-color : transparent;*/
} 

#postadmin { 
	/*color : #b8b8b8;*/
	/*background-color : transparent;*/
	/*font : normal 100% Tahoma, sans-serif;*/
	/*float : right;*/
	margin : 7px 0 0 0;*/
} 

#postdate { 
	/*color : #888888;*/
	/*background-color : transparent;*/
	/*font : normal 100% Tahoma, sans-serif;*/
	/*float : left;*/
	/*width : 50%;*/
	/*text-align : right;*/
} 

#postentry {margin: 10px 5px;} 

#postcategories { 
	/*font : normal 100% Tahoma, sans-serif;*/
	/*color : #888888;*/
	/*background-color : transparent;*/
	border-bottom : 1px dotted #d8d8d8;
	padding-bottom : 2px;
	margin-bottom : 2px;
} 

#posttags { /*font : normal 100% Tahoma, sans-serif;*/} 

#postactions { 
	/*font : normal 100% Tahoma, sans-serif;*/
	/*width : 50%;*/
	/*float : left;*/
} 

#postrating { 
	/*width : 50%;*/
	/*float : right;*/
	/*margin-top : -13px;*/
} 
/*=========================================================*//* COMMENTS */
#comments { 
	background-color : #f8f8f8;
	margin : 5px 0 5px 0;
	border : 1px dotted #d8d8d8;
	padding : 5px;
} 

#commentauthor { 
	float : left;
	width : 50%;
} 

#commentdate { 
	float : right;
	width : 50%;
	text-align : right;
} 

#commentgravatar { 
	margin : 4px;
	float : left;
} 

/*=====================================================*//* COMMENT FORM */
.commentForm label { 
	float : left;
	display : block;
	width : 80px;
} 

.commentForm input { width : 130px;} 

.commentForm textarea { 
	width : 100%;
	height : 150px;
} 

.commentForm h1#addcomment { margin : 30px 0 15px 0;} 


/*====================================================*//* RELATED POSTS */
#relatedPosts { margin-bottom : 30px;} 

#relatedPosts a { 
	display : block;
	margin-top : 5px;
	margin-left : 15px;
	margin-bottom : 5px;
	font-size : 1em;
} 

/*===========================================================*//* RATING */
.rating p { 
	display : inline;
	position : relative;
	top : 14px;
	left : 55px;
	font : normal 0.9em Tahoma, sans-serif;
	/*vertical-align : text-top; unsupported Value*/
} 
.star-rating { 
	position : relative;
	width : 125px;
	height : 25px;
	overflow : hidden;
	list-style : none;
	margin : 0;
	padding : 0;
	background-position : left top;
} 
.star-rating li { 
	display : inline;
	/*vertical-align : bottom; unsupported Value*/
} 
.star-rating a, .star-rating .current-rating { 
	position : absolute;
	top : 0;
	left : 0;
	text-indent : -1000em;
	height : 25px;
	line-height : 25px;
	/*outline : none; unsupported Value*/
	overflow : hidden;
	border : none;
} 
.star-rating a:hover, .star-rating a:active, .star-rating a:focus { 
	background-position : left bottom;
} 
.star-rating a.one-star { 
	width : 20%;
	z-index : 6;
} 
.star-rating a.two-stars { 
	width : 40%;
	z-index : 5;
} 
.star-rating a.three-stars { 
	width : 60%;
	z-index : 4;
} 
.star-rating a.four-stars { 
	width : 80%;
	z-index : 3;
} 
.star-rating a.five-stars { 
	width : 100%;
	z-index : 2;
} 
.star-rating .current-rating { 
	z-index : 1;
	background-position : left center;
	margin : 0;
} 
.small-star { 
	width : 50px;
	height : 10px;
} 
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating { 
	background-image : url('star_small.gif');
	line-height : 10px;
	height : 10px;
} 


/*========================================================*//* DIV POSTS */

div.post .entry a[rel] { 
	padding-right : 11px;
	background-repeat : no-repeat;
	background-position : right center;
} 
div.post .entry a[rel=me] { background-image : url('me.gif');
}
 
div.post .entry a[rel~=contact], div.post .entry a[rel~=acquaintance], div.post .entry a[rel~=friend] { background-image : url('contact.gif');
} 

div.post .entry a[rel~=contact][rel~=met], div.post .entry a[rel~=acquaintance][rel~=met], div.post .entry a[rel~=friend][rel~=met] { background-image : url('contactMet.gif');
}
 
div.post .entry a[rel~=colleague], div.post .entry a[rel~=co-worker] { 	background-image : url('colleague.gif');
} 

div.post .entry a[rel~=colleague][rel~=met], div.post .entry a[rel~=co-worker][rel~=met] { 	background-image : url('colleagueMet.gif');
}
 
div.post .entry a[rel~=muse], div.post .entry a[rel~=crush], div.post .entry a[rel~=date], a[rel~=sweetheart] { background-image : url('sweet.gif');
}
 
div.post .entry a[rel~=muse][rel~=met], div.post .entry a[rel~=crush][rel~=met], div.post .entry a[rel~=date][rel~=met], div.post .entry a[rel~=sweetheart][rel~=met] { background-image : url('sweetMet.gif');
} 


/*==========================================================*//* CONTACT */
#contact label { 
	display : block;
	padding-top : 5px;
	margin-bottom : 2px;
} 

#contact input.field { 
	width : 200px;
	background : #ffffff;
	border : 1px solid #bbbbbb;
} 

#contact textarea { 
	display : block;
	overflow : auto;
	width : 75%;
	height : 150px;
	margin : 0;
	border : 1px solid #bbbbbb;
} 
/*==========================================================*//* ARCHIVE */
#archive {font-weight : normal;} 

#archive h2 { 
	border : 1px dotted #c8c8c8;
	background : #f0f0f0;
	font : bold 1.1em Arial, Sans-Serif;
	padding : 0 0 0 3px;
	margin-bottom : 5px;
} 

#archive h2 img { 
	margin-right : 5px;
	margin-top : 3px;
} 

#archive ul { 
	list-style-type : square;
	margin : 0 10px 30px 0;
	padding : 10px;
} 

#archive ul li { margin-right : 20px;} 

#archive table { 
	width : 100%;
	border-collapse : collapse;
	margin-bottom : 30px;
} 

#archive table td, #archive table th { text-align : left;} 

#archive table td { 
	text-align : left;
	border-bottom : 1px dotted #d8d8d8;
	padding : 2px 0;
} 

#archive .date { 
	width : 100px;
	font-weight : normal;
} 

#archive .comments { 
	width : 70px;
	text-align : center;
} 

#archive .rating { 
	width : 70px;
	text-align : center;
} 

#archive li { list-style : none;} 
/*======================================================*//* SEARCH PAGE */
.searchpage ul.paging { 
	list-style-type : none;
	margin : 0;
	margin-bottom : 20px;
	padding : 0;
} 

.searchpage ul.paging li { 
	display : inline;
	border : 1px solid gray;
	background : #f1f1f1;
	margin-right : 5px;
} 

.searchpage ul.paging li a { 
	padding : 5px 8px;
} 

.searchpage ul.paging li.active { 
	background : #f1f1f1;
	border : 1px solid black;
} 

/*========================================================*//*PAGE ADMIN */
#admin { } 
#admin ul {}
#admin li {} 
#admin a {} 
#admin a:hover {} 
/*====================================================*//* SEARCH RESULTS*/
.searchresult { 
	margin-bottom : 20px;
} 

.searchresult a { 
	font-weight : bold;
} 

.searchresult span.text { 
	clear : both;
	display : block;
	margin : 3px 0;
} 

.searchresult span.type { 
	display : block;
} 

.searchresult span.url { 
	color : gray;
} 



/*======================================================*//* CSHARP CODE */
.csharpcode, .csharpcode pre { 
	font-size : small;
	color : black;
	font-family : Consolas, "Courier New", Courier, Monospace;
	background-color : #ffffff;
} 

.csharpcode pre { margin : 0;} 

.csharpcode .rem { color : #008000;} 

.csharpcode .kwrd { color : #0000ff;} 

.csharpcode .str { color : #006080;} 

.csharpcode .op { color : #0000c0;} 

.csharpcode .preproc { color : #cc6633;} 

.csharpcode .asp { background-color : #ffff00;} 

.csharpcode .html { color : #800000;} 

.csharpcode .attr { color : #ff0000;} 

.csharpcode .alt { 
	background-color : #f4f4f4;
	width : 100%;
	margin : 0;
} 

.csharpcode .lnum { color : #606060;} 

/*======================================================*//* CODE FORMAT */
.code { 
	font-size : 12px;
	color : black;
	font-family : Consolas, "Courier New", Courier, Monospace;
	background-color : #f1f1f1;
	line-height : normal;
} 

.code p { padding : 5px;} 

.code .rem { color : #008000;} 

.code .kwrd { color : #0000ff;} 

.code .str { color : #006080;} 

.code .op { color : #0000c0;} 

.code .preproc { color : #0000ff;} 

.code .asp { background-color : #ffff00;} 

.code .html { color : #800000;} 

.code .attr { color : #ff0000;} 

.code .alt { background-color : #f4f4f4;} 

.code .lnum { color : #606060;} 


#right {
	border: 1px solid #000080;
	color: #000080;
	font-size: small;
	float: right;
	width: 200px;
	text-align: center;
}
#headimg0 {
	border: 1px solid #cccccc;
	height : 100px;
	width : 80px;
	float : left;
	margin : 8px;
	background: url('srdemlogo1.gif') no-repeat;
	padding-top: 0px;
}
.donationbox {
	clip: rect(auto, auto, auto, auto);
	text-align: center;
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
}
.margin2v {
	margin-top: 2px;
	margin-bottom: 2px;
}
.votinginfo {
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	text-align: center;
	padding: 1px;
}
.flasher {
	text-decoration: blink;
	color: #FFFF00;
	background-color: #FF0000;
	font-family: Arial;
	font-size: medium;
	font-weight: bold;
}
.superv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #000099;
}
.superv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #000099;
}

