@charset "utf-8";
/* CSS Document */

body {
	background-color: #021947;
	background-image: url(images/bkg-top.gif);
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
	left: auto;
	right: auto;
	color: #fff;
}
#wrapper {
	width: 960px;
	left: auto;
	top: 0px;
	right: auto;
	padding: 0px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#top_header {
	height: 70px;
	margin: 0px;
	padding: 0px;
}
a {
	color: #bed9a9;
}
.post ul{
margin: 12px;
padding: 0;
}
.post ul li{
margin: 0 0 12px 0;
font-size: .9em;
line-height: 1em;
}
body:nth-of-type(1) .post ul li{
list-style-type:none;
padding: 0 0 0 45px;
position:relative;
}
body:nth-of-type(1) .post ul li:before{
/*fill it with a blank space*/
content:"\00a0";

/*make it a block element*/
display: block;

/*adding an 8px round border to a 0x0 element creates an 8px circle*/
border: solid 9px #bed9a9;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
height: 0;
width: 0;

/*Now position it on the left of the list item, and center it vertically
(so that it will work with multiple line list-items)*/
position: absolute;
left: 7px;
top: 40%;
margin-top: -8px;
}
body:nth-of-type(1) .post ul li:after{
/*Add another block-level blank space*/
content:"\00a0";
display:block;

/*Make it a small rectangle so the border will create an L-shape*/
width: 3px;
height: 6px;

/*Add a white border on the bottom and left, creating that 'L' */
border: solid #021947;
border-width: 0 2px 2px 0;

/*Position it on top of the circle*/
position:absolute;
left: 14px;
top: 40%;
margin-top: -4px;

/*Rotate the L 45 degrees to turn it into a checkmark*/
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
}

#info {
	height: 200px;
	background-image: url(images/info-logo.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#content {
	height: auto;
}
#footer {
	background-color: #103959;
	height: 30px;
	color: #FFF;
	text-align: center;
	padding: 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}
.date {
	font-size: 10px;
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	padding: 0px;
	margin: 0px;
}
.post {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.subtext {
	font-size: .9em;
	display: block;
	padding-left: 150px;
	padding-right: 150px;
}
div.figure {
	float: left;
	border: thin silver solid;
	margin: 0.5em;
	padding: 0.5em;
}
div.figure p {
	font-size: smaller;
	text-align: center;
	font-style: italic;
	text-indent: 0px;
	width: 208px;
}
h1 {
	font-family: 'Muli', sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bed9a9;
	color: #FFF;
	letter-spacing: .5em;
	text-transform: uppercase;
	font-weight: lighter;
	font-size: 2em;
	white-space: normal;
	display: inline;
}
h2 {
	font-size: 24px;
	color: #FFF;
	text-transform: uppercase;
}
h3 {
	font-size: 24px;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	padding: 10px;
	margin: 10px;
	margin-bottom: 5px;
	background: #bed9a9;
	text-shadow: 0px 2px 3px #555;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	margin-top: -20px;
}
.fltrgt {
	float: right;
}
.fltlft {
	float: left;
	padding-right: 10px;
	margin: 0px;
}
img.thumb {
	width: 130px;
	float: right;
    border: 10px solid #bed9a9;
	padding: 0px;
	margin: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
}
/* Iconize 0.5 */

/* websites (pictures and movies) */
a[href *="youtube.com/watch?"], a[href *="sevenload.com/videos/"], a[href *="metacafe.com/watch/"] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_film.gif) no-repeat center right;
}
a[href *="flickr.com/photos/"], a[href *="zooomr.com"], a[href *="imageshack.us"], a[href *="bubbleshare.com"], a[href *="sevenload.com/bilder/"] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_pic.gif) no-repeat center right;
}
/* extensions */

a[href$='.doc'], a[href$='.rtf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_doc.gif) no-repeat center right;
}
a[href$='.txt'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_txt.gif) no-repeat center right;
}
a[href$='.xls'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_xls.gif) no-repeat center right;
}
a[href$='.rss'], a[href$='.atom'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_feed.gif) no-repeat center right;
}
a[href$='.opml'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_opml.gif) no-repeat center right;
}
a[href$='.phps'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_phps.gif) no-repeat center right;
}
a[href$='.phps'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_phps.gif) no-repeat center right;
}
a[href$='.torrent'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_torrent.gif) no-repeat center right;
}
a[href$='.vcard'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_vcard.gif) no-repeat center right;
}
a[href$='.exe'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_exe.gif) no-repeat center right;
}
a[href$='.dmg'], a[href$='.app'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_dmg.gif) no-repeat center right;
}
a[href$='.pps'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_pps.gif) no-repeat center right;
}
a[href$='.pdf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_pdf.gif) no-repeat center right;
}
a[href$='.xpi'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_plugin.gif) no-repeat center right;
}
a[href$='.fla'], a[href$='.swf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_flash.gif) no-repeat center right;
}
a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'], a[href$='.bzip'], a[href$='.ace'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_archive.gif) no-repeat center right;
}
a[href$='.ical'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_ical.gif) no-repeat center right;
}
a[href$='.css'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_css.gif) no-repeat center right;
}
a[href$='.ttf'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_ttf.gif) no-repeat center right;
}
a[href$='.jpg'], a[href$='.gif'], a[href$='.png'], a[href$='.bmp'], a[href$='.jpeg'], a[href$='.svg'], a[href$='.eps'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_pic.gif) no-repeat center right;
}
a[href$='.mov'], a[href$='.wmv'], a[href$='.mp4'], a[href$='.avi'], a[href$='.mpg'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_film.gif) no-repeat center right;
}
a[href$='.mp3'], a[href$='.wav'], a[href$='.ogg'], a[href$='.wma'], a[href$='.m4a'] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_music.gif) no-repeat center right;
}
/* messenger */
a[href ^="aim:"] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_aim.gif) no-repeat center right;
}
a[href ^="msnim:"] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_msn.gif) no-repeat center right;
}
a[href ^="xmpp:"] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_jabber.gif) no-repeat center right;
}
a[href *="icq.com"] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_icq.gif) no-repeat center right;
}
a[href *="edit.yahoo.com/config/send_webmesg?"] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_yim.gif) no-repeat center right;
}
a[href ^="callto:"] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_call.gif) no-repeat center right;
}
a[href ^="skype:"] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_skype.gif) no-repeat center right;
}
a[href ^="gg:"] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_gadugadu.gif) no-repeat center right;
}
/* email */
a[href ^="mailto:"] {
	padding: 5px 20px 5px 0;
	background: transparent url(icons/icon_mailto.gif) no-repeat center right;
}
/* use this class to make sure that images won't get iconized */

.imageLink {
	padding-right: 0px !important;
	background: none !important;
}
/* Dark Menu Styles Begin */
/* Main Dark Menu Unordered List First Level Style */
ul.dark_menu {
	list-style: none;
	padding: 0;
	font-family: Arial;
	font-size: 14px;
	line-height: 14px;
	float: right;
}
/* Clears all floated List Items */
ul.dark_menu:after {
	content: "";
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* First Level List Items Style */
ul.dark_menu li {
	float: left;
	margin: 0 0 0 10px;
	position: relative;
}
/* First List Item in First Level Style */
ul.dark_menu li:first-child {
	margin: 0;
}
/* List Items Links Style */
ul.dark_menu li a, ul.dark_menu li a:link {
	color: #021947;
	text-decoration: none;
	display: block;
	padding: 10px 26px;
	/* Text Shadow */
                    text-shadow: 0 1px 0 #949494;
	/* Gradient Background */
                    background: #bed9a9; /* Old browsers */
	background: -moz-linear-gradient(top, #bed9a9 0%, #a3bc8f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bed9a9), color-stop(100%, #a3bc8f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bed9a9 0%, #a3bc8f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bed9a9 0%, #a3bc8f 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #bed9a9 0%, #a3bc8f 100%); /* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bed9a9', endColorstr='#a3bc8f', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #bed9a9 0%, #a3bc8f 100%); /* W3C */
	/* Border Radius */
                    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/* Box Shadows */
                    -webkit-box-shadow: inset 0 1px 0 #564b46, 0 1px 1px #181514;
	-moz-box-shadow: inset 0 1px 0 #564b46, 0 1px 1px #181514;
	box-shadow: inset 0 1px 0 #564b46, 0 1px 1px #181514;
	/* Transition Effect */
                    -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
/* List Items Links Hover State Style */
                    ul.dark_menu li a:hover {
	color: #73635e;
	/* Text Shadow */
                        text-shadow: 0 1px 1px #000;
	/* Gradient Background */
                        background: #aac495; /* Old browsers */
	background: -moz-linear-gradient(top, #aac495 0%, #aac495 99%, #798b6a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aac495), color-stop(99%, #aac495), color-stop(100%, #798b6a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #aac495 0%, #aac495 99%, #798b6a 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #aac495 0%, #aac495 99%, #798b6a100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #aac495 0%, #aac495 99%, #798b6a 100%); /* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aac495', endColorstr='#798b6a', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #aac495 0%, #aac495 99%, #798b6a 100%); /* W3C */
	/* Transition Effect */
                        -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
/* List Items Links Active and Selected State Style */
                    ul.dark_menu li a.selected, ul.dark_menu li a:active {
	color: #fff;
	background: #aac495;
	/* Text Shadow */
                        text-shadow: 0 1px 1px #000;
	/* Box Shadows */
                        -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.6), 0 1px 0 #5e524f;
	-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.6), 0 1px 0 #5e524f;
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.6), 0 1px 0 #5e524f;
	/* Transition Effect */
                        -webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
/* Sub Menu Unordered List Second Level Style */
                    ul.dark_menu li ul {
	display: none;
}
/* Before Second Level Unordered List Style */
                    ul.dark_menu li ul:before {
	content: " ";
	position: absolute;
	display: block;
	z-index: 1500;
	left: 0;
	top: -10px;
	height: 10px;
	width: 100%;
}
/* Sub Menu Unordered List Second Level Style
                        When Parent List Item is Hovered */
                    ul.dark_menu li:hover ul {
	position: absolute;
	display: block;
	z-index: 1000;
	left: 0;
	top: 44px;
	padding: 5px 0;
	list-style: none;
	background: #a1bc8c;
	/* Box Shadows */
                        -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.6), 0 1px 0 #5e524f;
	-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.6), 0 1px 0 #5e524f;
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.6), 0 1px 0 #5e524f;
	/* Border Radius */
                        -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
/* Second Level Menu List Items Style */
                        ul.dark_menu li ul li {
	float: none;
	margin: 0 10px;
	border-bottom: 1px solid #191614;
	border-top: 1px solid #3a3230;
}
/* First List Item in Second Level Menu Style */
                        ul.dark_menu li ul li:first-child {
	margin: 0 10px;
	border-top: 0 none;
}
/* Last List Item in Second Level Menu Style */
                        ul.dark_menu li ul li:last-child {
	border-bottom: 0 none;
}
/* Second Level List Items Links Style */
                        ul.dark_menu li ul li a, ul.dark_menu li ul li a:link {
	color: #fff;
	display: block;
	background: transparent none;
	padding: 10px 20px 10px 5px;
	white-space: nowrap;
	/* Text Shadow */
                            text-shadow: 0 1px 2px #000;
	/* Box Shadows */
                            -webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
	-moz-box-shadow: 0 0 0 rgba(0,0,0,0);
	box-shadow: 0 0 0 rgba(0,0,0,0);
	/* Border Radius */
                            -webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
/* Second Level List Items Links Hover State Style */
                        ul.dark_menu li ul li a:hover {
	text-decoration: underline;
	background: #2a2523;
}
/* Quote Box - Css3 */
/* HTML --
<div id="tiltshadows">
    <article>
        <h2>Rounded Corners with a "Tilting" Shadow</h2>
        <p>CONTENT HERE---CONTENT HERE</p>
    </article>
</div>END of #tiltshadows 

<div id="roundandshadow">
    <h2>Rounded Corners with a Shadow</h2>
    <p>CONTENT HERE---CONTENT HERE</p>
</div>END of #roundandshadow  

<div id="text">
    <h2>Opacity</h2>
    <p>CONTENT HERE---CONTENT HERE</p>
</div>END of #text

<div id="opacity">
</div>END of opacity
*/

#tiltshadows {
	width: 75%;
	margin: 1em auto;
	position: relative;
	z-index: 3;
}
article {
	background: #388c78;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 10px;
	color: #FFF;
	text-shadow: 0 1px 0 #103959;
	line-height: 1.7em;
	display: block;
	margin-top: 20px;
	min-height: 170px;
}
article:before, article:after {
	-webkit-box-shadow: 0 15px 10px rgba(0,0,0, .7);
	-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	position: absolute;
	bottom: 15px;
	z-index: -1;
	width: 50%;
	height: 20%;
	content: "";
	background: rgba(0, 0, 0, 0.7);
}
article:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	right: 10px;
	left: auto;
}
article:before {
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	right: auto;
	left: 10px;
}
#roundandshadow {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 10px;
	color: #695539;
	text-shadow: 0 1px 0 #ffffff;
	line-height: 1.7em;
	text-align: center;
	display: block;
	width: 700px;
	margin: 0 auto;
	-webkit-box-shadow: 0 15px 10px #000000;
	-moz-box-shadow: 0 15px 10px #000000);
	box-shadow: 0 15px 10px #000000;
}
#text {
	text-shadow: 0 1px 0 #fff;
	color: #695539;
	text-shadow: 0 1px 0 #fff;
	line-height: 1.7;
	text-align: center;
	display: block;
	margin: 60px auto 0;
	width: 700px;
}
#opacity {
	background: #695539;
	opacity: 0.3;
	filter: alpha(opacity=30);  /* for IE */
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 10px;
	width: 700px;
	margin: -224px auto 0;
	height: 210px;
}