@import url('https://fonts.googleapis.com/css?family=Kalam|Roboto:400,400i,700');

body {
	font-size: 12pt;
	line-height: 1.3em;
	font-family: 'Kalam|Roboto',  sans-serif;
	color: #1A3349; 
	background: #000000;
	background-image: url("/images/bg.jpg");
	background-repeat: repeat-y;
    background-position-x: center;
} 

.center {
    margin: auto;
    text-align: center;
}


#content {
    width: 700px;
    align-content: center;
}

#contenta {
    width: 1000px;
    align-content: center;
}





/* Header Text Formats */
	
h1 {
        font-family: 'Kalam|Roboto', sans-serif;;
        line-height: 1.4em;
        font-size: 25pt; 
        margin: 0px;
}

h2 {
        font-size: 16pt; 
        font-weight: bold;
        margin: 0px;
}
/**/





/* Links */
a {
text-decoration: none;
    /* transition colors on links */
	-moz-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

a:link, a:visited {
    color: #cccccc;
}

a:hover {
	color: #3eabff;
}
/**/







/* border and background styles */
.sidebar,
.news,
.comments,
.container {
    padding: 20px;
    border-radius: 10px;
    background: #567692;
}








/* HEADER */
#header {
    font-family: 'Kalam|Roboto', sans-serif;;
    color: #356EA2;
    font-size: 40pt;
    line-height: 1em;
    text-align: center;
    margin: 10px auto;
}
    
    .title a:link,
    .title a:visited {
          color: #448ACA;  
    }
    
    .title a:hover {
        color: #3eabff;
    }

.header_nav {
    font-family: 'Kalam|Roboto', sans-serif;
    font-size: 20pt;
    text-align: center;
}

.header_nav li {
    list-style: none;
    display: inline-block;
    	margin:  5px;
	    line-height: normal;
}

        .header_nav a:link,
        .header_nav a:visited {
            color: #356EA2;
        }
                
        .header_nav a:hover {
            color: #448ACA;
        }
        
        







/* PAGE AND PAGE NAVIGATION */	
.page {
	width: 100%; 
	padding: 20px;
    border-radius: 10px;    
    background-color: #759FC5;
	margin: 10px auto 30px auto;
}

.page img {
    max-width: 100%;
}

.comic_nav {
    font-family: 'Kalam|Roboto', cursive;
    font-size: 18pt;
    color: #3D4E5D;	
    padding: 10px;
    
}
.comic_nav ul  {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .comic_nav li {
            display: inline;
            margin: 8px 20px;
        }
    .comic_nav a:link,
    .comic_nav a:visited {
        color: #1A3349;
        }

    .comic_nav a:hover{
            color: #3eabff;
    }

.dropdown {
    font-family: 'Kalam|Roboto', cursive;
    font-size: 18pt;
    color: #3D4E5D;	
    padding: 10px;
    margin-right: 40px;
}
.dropdown ul  {
            list-style: none;
            padding: 0;
            margin: 0;
	
        }
        .dropdown li {
            display: inline;
            margin: 8px 20px;
        }
    .dropdown a:link,
    .dropdown a:visited {
        color: #1A3349;
        }

    .dropdown a:hover{
            color: #3eabff;
    }








/* SIDEBAR CSS */

.sidebar {
    width: 200px; 
    float: left;
    font-size: 10pt;
    text-align: center;
    position: relative;
    padding: 15px;
}


.sidebar ul {
    list-style: none;
    margin-left: -35px;
}
	
.sidebarlinks a {
      font-size: 20px;
      	 display: inline-block;
      	 line-height: 1.5em;
}









/* -----UNDER PAGE RIGHT CONTENT CSS ----- */
.under_page_right_content {
    width: 462px;
    float: right;
}



/* News */	

.news {
    text-align: left;
    width: 100%;
    clear: right;
    margin-bottom: 20px;
    padding: 10px 20px 20px 20px;
}

.news .newsTitle {
        font-family: 'Kalam|Roboto', cursive;
        font-size: 25pt; 
        line-height: 1.4em;
        padding: 5px 20px;
}

.news .newsDate {
    font-family: 'Kalam|Roboto', cursive;
    font-size: 15pt; 
    text-align: right;
    font-style: normal;
}
.news .newsText {
    padding-left: 20px;
    font-style: normal;
}



/* UNDER NEWS/SIDEBAR */
.comments {
    width: 100%;
    margin: 5px auto;
}

.aux {
    font-family: 'Kalam|Roboto', sans-serif;
    font-size: 14pt;
    margin-left: auto;
}

.aux li {
    list-style: none;
    display: inline-block;
    	margin:  5px;
	    line-height: normal;
}
		
        .aux a:link,
        .aux a:visited {
            color: #cccccc;
        }
              
        .aux a:hover {
            color: #448ACA;
        }
.archive {
	margin-left: 25px;
}
#footer {
    font-size: 9pt;
    font-style: normal;
    color: #356EA2;
    text-align: center;
    margin: 10px auto;
}
 
 
        


/* SIDE PAGE CONTENT CSS */

.container {
	width: 100%
	height: auto;
	overflow: hidden;
	word-wrap: break-word;
    margin-bottom: 25px;
    }
    
.container img {
    max-width: 100%;
}





/* SPIDERFOREST HEADER */

.menDiv {
	width: 100%;
	background: 
	-moz-linear-gradient(left, rgba(128,86,219,0) 1%, rgba(128,86,219,1) 16%, rgba(128,86,219,1) 86%, rgba(128,86,219,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(128,86,219,0) 1%,rgba(128,86,219,1) 16%,rgba(128,86,219,1) 86%,rgba(128,86,219,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(128,86,219,0) 1%,rgba(128,86,219,1) 16%,rgba(128,86,219,1) 86%,rgba(128,86,219,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008056db', endColorstr='#008056db',GradientType=1 ); /* IE6-9 */ !important;
	margin: 0;
}


.sfdrop {
    background: #e5e1ff !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 10px;
}

    .sfdrop a {
        display: inline-block;
        margin: 5px;
    }



/* MISC CSS */

blockquote {
    padding-left: 20px;
    font-style: normal;
    margin: 10px;
}