/** =======================================================================
 *  Erik Dahlström , Vincent Hardy
 *  License terms: see svg-wow.org
 *  CC0 http://creativecommons.org/publicdomain/zero/1.0/
 *  ======================================================================= */

/* =============================================================================
 * Reset
 * ========================================================================== */
* {
    padding: 0px;
    margin: 0px;
    font-family: Tahoma, Arial;
}

*:focus {
    outline: none;
}

body, html {
    padding: 0px;
    margin: 0px;
    height: 100%;
    width: 100%;
    min-width: 200px;
    font:13px/1.231 arial,helvetica,clean,sans-serif;
}

/* =============================================================================
 * Main Layout:
 * - content
 *     +- header
 *     +- body
 *       +-- main (content block)
 *       +-- sidebar
 *     +- footer
 * ========================================================================== */
@media screen and (min-width: 1024px) {
	#content {
	    width: 850px;
	    display: block;
	    margin: auto;
	    text-align: left;
	}
	
	#header {
	}
	
	#body {
	}
	
	#footer {
	    clear: both;
	}
	
	#main {
	    float: left;
	    width: 650px;
	}
	
	#sidebar{
	    float: right;
	    width: 180px;
	    position: relative;
	}
}

@media screen and (max-width: 1024px) {
	#content {
	    width: 83%;
	    display: block;
	    margin: auto;
	    text-align: left;
	}
	
	#header {
	}
	
	#body {
	}
	
	#footer {
	    clear: both;
	}
	
	#main {
	    float: left;
	    width: 70%;
	}
	
	#sidebar{
	}	
}

@media screen and (min-width: 800px) {
	#sidebar{
	    float: right;
	    width: 180px;
	    position: relative;
	}
}

@media screen and (max-width: 800px) {
	#main {
	    width: 100%;
	}

	#sidebar{
		float: none;
		width: 100%;
		display: block;
	}
}


/* =============================================================================
 * Paddings and margins
 * ========================================================================== */

#header, #footer, .blog_post, .after_post, #disqus_thread, .dsq-brlink,
   .interblog {
    padding-left: 20px;
    padding-right: 20px;
}

#header {
    padding-top: 20px;
    padding-bottom: 20px;
}

#footer {
    padding-bottom: 20px;
}

#footer-content {
    padding-top: 20px;
}

.dsq-brlink {
    padding-bottom: 20px;
    display: block;
}

.interblog, .next-page {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

.next-page {
    padding-bottom: 20px;
}

#logo {
    margin-bottom: -25px;
    margin-top: -15px;
    margin-left: -15px;
    width: 339px;
    height: 113px;
    background: url('https://search.webdepozit.sk/webarchiv/public/20170224092941/http://svg-wow.org/res/3.0/images/logo.png') no-repeat;
}

@media screen and (max-width: 400px) {
	* #logo { width: 100%; height: 113px }
	#logo {
	    margin-bottom: -25px;
	    margin-top: -15px;
	    margin-left: -15px;
	    background: url('https://search.webdepozit.sk/webarchiv/public/20170224092941/http://svg-wow.org/res/3.0/images/logo.png') no-repeat;
	    background-position: left center;
	    -o-background-position: left center;
	    -moz-background-position: left center;
	    -webkit-background-position: left center;
	    background-size: 100% auto;
			-o-background-size: 100% auto;
			-moz-background-size: 100% auto;
			-webkit-background-size: 100% auto;
	}	
}

/* =============================================================================
 * Styling
 * ========================================================================== */

p {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

/* Default background */
 body, html {
     background: url('https://search.webdepozit.sk/webarchiv/public/20170224092941/http://svg-wow.org/res/3.0/images/background.png') repeat-x;
     background-color: black;
		 overflow-x: hidden;
     color: white;
     font-family: Tahoma, Arial;
}

/* Content background */
#content {
    -moz-box-shadow:  0px 0px 20px 10px black;
    -webkit-box-shadow:  0px 0px 20px 10px black;
    box-shadow:  0px 0px 20px 10px black;
    border-right: 1px solid #303030;
    border-left: 1px solid #303030;
    background: #2a2a2a url('https://search.webdepozit.sk/webarchiv/public/20170224092941/http://svg-wow.org/res/3.0/images/header.png') no-repeat;
}

/* Default link styling */
a {
    color: rgb(247, 171, 21);
    text-decoration: none;
}

a:hover {
    color: crimson;
}

/* Blog separator */
.interblog {
    border-bottom: 1px solid #808080;
}

/* Page header styling */

#header {
}

#header h1 a {
    color: white;
    text-shadow: 2px 2px 10px black;
}

#header h1:after {
    content: url("https://search.webdepozit.sk/webarchiv/public/20170224092941/http://svg-wow.org/res/3.0/images/logo.png");
    width: 200px;
}

#header ul > li > a {
    color: #808080;
    text-shadow: 0px 0px 5px black;
}

#header ul > li > a:hover {
    color: crimson;
}

#header ul > li {
    display: inline;
    color: #808080;
}

#header ul > li:before {
    content: " | ";
    text-shadow: 0px 0px 5px black;
}

#header ul > li:last-child:after {
    content: " | ";
    text-shadow: 0px 0px 5px black;
}

#header ul {
    padding-left: 0px;
}


/* Footer */
#footer {
    font-size: 12px;
    color: #afafaf;
}

.icon {
    width: 24px;
    height: 24px;
    vertical-align: -6px;
    margin-left: -4px;
}

/* Sidebar */
div#right_sidebar {
    font-size: 11px;
    line-height: 1.5em;
    padding-left: 10px;
    padding-right: 10px;
}

@media screen and (min-width: 800px) {
	div#right_sidebar {
	    float: right;
	    border-left: 1px solid #808080;
	    top: 0px;
    	right: 0px;
	}
}

@media screen and (max-width: 800px) {
	div#right_sidebar {
			float: none;
	}	
}

#right_sidebar div {
    margin: 20px 0;
    padding: 0;
}

#right_sidebar .rss-icon {
    border: none;
}

#right_sidebar h3 {
    border-bottom: 1px dotted;
    color:#f0f0f0; /* #174B65;*/
    font-size:11px;
    font-weight:normal;
    letter-spacing:0.2em;
    margin:0;
    padding:0;
    text-transform:uppercase;
}

#right_sidebar h3 small {
    text-transform:none;
    letter-spacing:0.0em;
}

#right_sidebar a {
    color: #808080;
    text-decoration: none;
}
#right_sidebar a:hover {
    border-bottom: 1px dotted;
    color:rgb(247, 171, 21);
}
#right_sidebar ul, #right_sidebar ol {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:5px;
}

#categories li {
    font-weight: normal;
    color: #808080
}

ul#twitter_update_list li {
    margin-bottom:1em;
}
#twitter {
    margin-left: -6px;
    border: none;
}

.numposts {
	background: rgb(247, 171, 21);
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	padding-right: 4px;
	padding-left: 4px;
	font-size: smaller;
	color: white;
	font-weight: 900;
	text-shadow: 0 0 1px black;
	margin-bottom: 1px;
}





/*
     FILE ARCHIVED ON 9:29:41 Feb 24, 2017 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 6:46:58 Sep 20, 2025.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/