/* Index.php Design */

/* #################################################### */
/* #################################################### */

/* @import url(http://fonts.googleapis.com/css?family=Niconne); */

#content_startup1 { /* Sticky Notes */
min-width:750px;
width:80%;
height:275px;
border-bottom:1px solid #151515;
margin:0 auto;
}
#content_startup2 { /* Recent Articles */
min-width:750px;
width:95%; /* wannabe responsive ^^ */
min-height:275px;
border-bottom:1px solid #151515;
margin:0 auto;
/* background-color:rgba(150,150,0,0.1); */
}

/* #################################################### */
/* #################################################### */

/* RecentArticles - Index.php */
#recentArticles_Title {
width:100%;
padding-top:20px;
padding-bottom:15px;
display:block;
font-size:28px;
font-family:CS_Font;
color:#fff;
letter-spacing:2px;
text-shadow:0 0 2px #fff, 0 0 3px #aaa;
/* background-color:red; */
}
.recentArticlesLine {
width:98%;
height:1px;
background:linear-gradient(to right, rgba(255,50,50,0.1) 0%, rgba(150,0,0,0.8) 50%, rgba(255,50,50,0.1) 100%);
border:none;
position:relative;
}
.recentArticle {
/* width:500px; */
min-width:375px;
width:45%;
height:150px;
position:relative; top:15px;
background-color:rgba(100,0,0,0.1);
border:1px solid #444;
display:inline-block;
text-align:left;
margin:0 10px;
margin-bottom:30px;
transition:0.4s;
}
.recentArticle:hover {
background-color:rgba(100,0,0,0.2);
border:1px solid #777;
box-shadow:0 0 2px #000, 0 0 4px #000, 0 0 7px #000;
}
.recentArticleDate {
color:#bbb;
display:inline;
padding:2px;
position:absolute; right:1px; top:1px;
font-family:times;
font-size:15px;
background-color:#111;
}
.recentArticleName {
font-size:25px;
font-family:CS_Font;
color:#fff;
border-bottom:1px solid #444;
padding:7px;
padding-right:0;
overflow:auto;
position:relative;
}
.recentArticleDesc {
font-size:17px;
color:#fff;
border-bottom:1px solid #444;
padding:7px;
padding-right:0;
height:65px;
}
.recentArticleTags {
font-size:15px;
color:#aaa;
padding:7px;
padding-right:0;
}
/* End RecentArticles - Index.php */

/* #################################################### */
/* #################################################### */

/* Infobox */
.infobox01_container {
position:absolute; top:0px; left:6%;
width:226px;
transform:rotate(-4deg);
transition:0.3s;
transition-delay:0.3s;
/* background-color:red; */
}
.infobox03_container {
position:absolute; top:0px; right:6%;
width:226px;
transform:rotate(5deg);
transition:0.3s;
transition-delay:0.3s;
/* background-color:blue; */
}
.infobox_stats {
position:relative; left:5px;
text-align:left;
float:left;
}
.infobox_stats > span {
/* background:linear-gradient(to bottom, rgba(100,0,0,0.25) 0%, rgba(100,0,0,0.1) 50%, rgba(100,0,0,0.25) 100%); */
background-color:rgba(0,0,0,0.25);
border-radius:5px;
padding:4px;
}
.infobox01_container:hover, .infobox02_container:hover, .infobox03_container:hover {
/* transform:rotate(0deg); */
}

.infobox {
width:220px;
height:225px;
position:relative; left:3px;
display:block;
}
.triangle-l {
border-color:transparent transparent transparent #222;
border-style:solid;
border-width:13px;
height:0;
width:0;
transform:rotate(-45deg);
position:absolute; left:-10px; top:18px;
z-index:1;
}
.triangle-r {
border-color:transparent #222 transparent transparent;
border-style:solid;
border-width:13px;
height:0;
width:0;
transform:rotate(45deg);
position:absolute; right:-10px; top:18px;
z-index:1;
}
.infobox_content {
height:100%;
width:100%;
/* background-color:#333; */
background:linear-gradient(to bottom, rgb(20,20,20) 0%, rgba(25,25,25,0.85) 5%, rgba(25,25,25,0.75) 75%, rgba(25,25,25,0.5) 100%);
box-shadow:0 0 10px #000;
position:relative;
border-radius:0 0 7px 7px;
z-index:10;
}
.infobox_content h3 {
background-color:#222;
position:relative; top:10px; left:-15px;
width:250px;
box-shadow:0 3px 4px #111;
font-size:20px;
padding-top:1px;
padding-bottom:1px;
border-radius:1px;
font-family:CS_Font;
}
.infobox_content span {
 
}

.rc_info {
float:left;
text-align:left;
position:relative; left:5px; top:5px;
line-height:20px;
}

.rc_info p {

}

/* #################################################### */
/* #################################################### */