body {
padding : 0;
margin : 0;
font : veranda, arial, sans-serif;
line-height : 1.5em;
background : #333;
color : #CCC;

}
a {
color : #CCCC66;
background : inherit;
text-decoration : none;
}
a:hover {
color : #FFFF99;
background : inherit;
text-decoration : underline;
}
p {
margin : 5px 0;
}
h1 {
font : bold 1.8em veranda, arial, sans-serif;
padding : 8px 0 4px 0;
margin : 0;
letter-spacing : -1px;
}
h2 {
font : bold 1.6em veranda, arial, sans-serif;
letter-spacing : -1px;
}
h3 {
padding : 4px 0;
margin : 0;
}
ol{
	font : 1.0em veranda, arial, sans-serif;
line-height : 1.2em;
background : #333;
color : #CCC;
}
img {
border : 0;
}
hr {
height : 1px;
border-style : none;
color : #d0d0d0;
background-color : #c0c0c0;
margin : 10px 0;
}
.code {
padding : 3px 5px 3px 35px;
border : 1px solid #666;
list-style-type : decimal-leading-zero;
font-family : Courier;
}
.code code {
font-family : Monaco, "Courier New", Tahoma;
font-size : 1.2em;
}
.code li {
margin : 2px 0;
padding : 0 5px;
background : #333;
}
.code li.t1 {
padding-left : 4ex;
}
.code li.t2 {
padding-left : 8ex;
}
.code li.t3 {
padding-left : 12ex;
}
.code li.t4 {
padding-left : 16ex;
}
.code li.t5 {
padding-left : 20ex;
}
.code li.t6 {
padding-left : 24ex;
}
.code li.t7 {
padding-left : 28ex;
}
.code li.t8 {
padding-left : 32ex;
}
.content {
margin : 0 auto;
width : 1000px;
}
#topbar {
height : 35px;
background : #292929;
width : 100%;

}
#topbar #icons {
float : right;
margin : 10px 0 0;
padding : 0;
}
#topbar #icons img {
padding-right : 4px;
border : 0;
}
.url {
padding : 10px 0;
}
.url a {
color : #454545;
text-decoration : none;
}
.url a:hover {
color : #CCCC66;
}
#top {
padding-top : 0;
background : #333;
height : 85px;
margin-bottom : 25px;
}
#top h1 {
font : bold 2.2em veranda, arial, sans-serif;
padding : 20px 0 0 0;
margin : 0;
letter-spacing : 1px;
color : #cc9933;
}
#top a:hover {
text-decoration : none;
}
#top h2 {
font : 0.9em veranda, arial, sans-serif;
letter-spacing : 0;
color : #ccc;
margin : 0;
padding : 0;
font-weight: bold;
}
#menu {
float : right;
height : 23px;
margin-top : 35px;
}
#menu a {
color : #cccc66;
background : inherit;
text-decoration : none;
padding-left : 10px;
line-height : 23px;
font-weight : bold;
}
#menu a span {
padding-right : 10px;
}
#menu a, #menu a span {
display : block;
float : left;
}
#menu a:hover, #menu .current {
color : #ffff99;
padding-left : 10px;
height : 23px;
}
#menu a:hover span, #menu .current span {
padding-right : 10px;
height : 23px;
cursor : pointer;
}
#menu ul {
list-style : none;
padding : 0;
margin : 0;
}
#menu li {
float : left;
margin : 0 0 0 5px;
}
#main {
width : 100%;
margin : 0;
padding : 0;
}
.right_side {
width: 25%;
float : right;
background : inherit;
overflow : hidden;
}
.right_side .pad {
padding : 0 0 10px 17px;
}
.right_side p {
padding : 0 0 5px 5px;
}
.right_side ul {
padding : 3px 0 12px 5px;
}
.right_side li {
line-height : 18px;
background : inherit;
list-style : square;
padding-left : 0px;
margin-left : 17px;
color : #666;
}
.right_side a {
background : inherit;
text-decoration : none;
}
.right_side a:hover {
text-decoration : none;
}
.right_side h3 {
color : #ccc;
font : bold 1.2em Arial, Sans-Serif;
background : #333;
width: 25%;
height : 30px;
padding-top : 7px;
text-indent : 10px;
}
#left_side {
background : inherit;
margin-bottom : 10px;
width : 75%;
}
#left_side .intro {
background : #333;
color : #fff;
}
#left_side .intro .pad {
padding : 10px;
}
#left_side .intro a {
color : #b4e04a;
text-decoration : none;
}
#left_side .intro a:hover {
color : #cdff56;
text-decoration : underline;
}
#left_side .mpart {
padding : 20px 0 0 0;
}
#left_side h2 {
background : inherit;
padding : 0;
margin : 0;
font : 1.8em veranda, Arial, Sans-Serif;
}
#left_side .mpart h3 {
background : inherit;
padding : 0;
margin : 0 0 15px 0;
font : 0.9em veranda, Arial, Sans-Serif;
color : #a5a5a5;
}
#left_side p {
font : 1.0em veranda, Arial, Sans-Serif;
line-height: 140%;
color : #ccc;
padding : 0;
}
#left_side img {
float : none;
padding : 0 10px 5px 0;
}
#left_side blockquote {
padding-left : 10px;
border-left : 3px solid #a7cc44;
margin : 10px 0 10px 25px;
}
.date {
padding : 7px 35px 0 0;
margin : 10px 0 25px 0;
text-align : right;
height : 32px;
}
.date a {
font : bold 1.2em veranda, arial, sans-serif;
color : #a9bc52;
background : transparent;
}
#left_side .rs {
float : right;
margin : 0 0 0 10px;
border : 1px solid #888;
padding : 5px;
background : inherit;
}
#left_side ul {
list-style-position : inside;
margin-left : 2px;
}
#left_side ul li {
list-style-type : square;
margin-left : 15px;
}
#left_side ul ul li {
list-style : none;
margin-left : 10px;
list-style-type : lower-alpha;
list-style-position : inside;
}
#left_side .greybox {
border : 1px solid #ccc;
background : #f5f5f5;
width : 75%;
padding : 10px;
}
#footer {
clear : both;
width : 100%;
margin : 0 0 6em 0;
padding-top : 5px;
color : #777;
border-top : 1px solid #444;
background : inherit;
}
#footer .right {
float : right;
}
#footer a {
text-decoration : none;
background : inherit;
}

#breadcrumb {height: 10px; padding: 10px 0px; margin-bottom: 20px;}
#breadcrumb a {text-decoration: underline;}
#breadcrumb a:hover {text-decoration: none;}

#calender {	margin: 0px 0px 10px 0px; }
#calender table {width: 100%;	height: 150px; text-align: center;}
#calender table td {width: 14%; padding: 3px 0px; color: #666;}
#calender table .header {font-weight: bold; color: #cc9933;}
#calender table .controls {font-weight: bold; color: #fff;}
#calender table .controls a {text-decoration: none; font-weight: bold;}
#calender table .controls a:hover {text-decoration: none; font-weight: bold;}
#calender table .title {}
#calender table .days td {}
#calender table .days a {text-decoration: underline;}
#calender table .days a:hover {text-decoration: none;}
#calender table td.empty {}
#calender table td.article {border: none;}
#calender table td.article_event {background-color: #eee;}
#calender table td.event {background-color: #ccc;}
#calender table td.event a, #calender table td.article a, #calender table td.article_event a {color : #CCCC66;  text-decoration: none;}
#calender table td.event a:hover, #calender table td.article a:hover, #calender table td.article_event a:hover {color : #FFFF99;  text-decoration: none;}
	
#notification {background-color: #FFFDFB; height: 100%; padding: 15% 10%; text-align: center;}
#notification h1 {margin: 5px 0px; font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-weight: normal; font-size: 25px; color: #728c40; text-transform: uppercase;}
#notification a {color: #4F5F34; text-decoration: underline;}
#notification a:hover {color: #4F5F34; text-decoration: none;}

#screenshot {background-image:url(Common/Screenshot-Background.gif); background-position: top left; background-repeat: repeat-x; margin: 0px auto; padding: 5px; text-align: center; text-align: center; color: #FFFFFF; overflow: visible;}
#screenshot img {background-color: #EFEFD6; border: 1px solid #542700; margin: 6px; padding: 3px;}

.article {
	line-height: 140%;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 10px;
	border: 1px solid #666;
	padding-left:15px;
  	padding-top:15px;
  	padding-right:15px;					
}


.articledate {		font-family:veranda, arial, sans-serif; 
		font-size: x-large; 
		color: #999; 
		font-weight:bold;
		text-transform:uppercase;
		margin-top:10px;		
		margin-bottom:5px;		

}

.article .title {text-transform: uppercase; font : bold 1.0em veranda, arial, sans-serif;}
.article .details {margin: 0; padding: 0; list-style: none; }
.article .details li {margin: 0px 5px 10px 0px; display: inline;  }
.article p {margin: 15px 0px 0px 0px; }
.article img {padding: 3px; margin: 3px; }
.article .introduction {border-bottom: 1px solid #E4E4E4; line-height: 20px; font-size: 115%;  }
.article .link {font-size: 110%; text-align: right;  }
.article .gallery {  }
.article .gallery img {border: 1px solid #EEEEEE; padding: 3px; margin: 3px;  }


#rssfeed {text-align: center;}
#copyright {text-align: center; font-size: small;}

#comments {margin-bottom: 20px;}
#comments .details {margin-bottom: 10px;}
#comments .details dt {background-image: url(Icons/Avatar.jpg); background-position: top left; background-repeat: no-repeat; float: left; height: 55px; width: 55px; margin-right: 5px;}
#comments .details dd {margin: 0;}
#CommentsLeave h2 {font-family:veranda, arial, sans-serif; 
		font-size: x-large; 
		font-weight:bold;
		margin-top:10px;		
		margin-bottom:5px;		} 
#CommentHtmlDisabled p {font-size: small;}
.comment {padding: 5px 0px 0px 15px; 
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border: 1px solid #666;
}
.whisper {background-color: black; padding: 5px 5px; clear: both;}

form {margin: 0; padding: 0;}
form #comment {width: 100%; height: 125px;}
form #whisper {margin-left: 0px;}
form #keywords {width: 32%;}
form #date {width: 32%;}
form #category {width: 32%;}

#paging {text-align: right;}
#paging a {padding: 0px 5px;}

#notification {background : #333; color : #CCC; }
#notification a {color : #CCCC66; background : inherit; text-decoration : none; }
#notification a:hover {color : #FFFF99; background : inherit; text-decoration : underline; }
#notification h1 {font : bold 1.8em veranda, arial, sans-serif;padding : 8px 0 4px 0;margin : 0;letter-spacing : -1px;}


.event {}
.event h1 {}
.event h2 {}
.event h3 {}
.event .details	{margin: 0;	padding: 0;}
.event .details li {margin-right: 5px; list-style: none; display: inline;}

.clear {clear: both;}