/*
Theme Name: Barelyanimated theme
Theme URI: http://www.johnink.com
Description: Theme for barelyanimated.com
Author: John Ink
Author URI: http://www.johnink.com
Version: 1
 */

a {color:#1978FF;transition:.2s;text-decoration:none;}
/*a:visited{color:#0054BF;}*/
/*.contentbox li:nth-child(n) a:visited{color:#000D1F;}*/
a:hover,.contentbox li:nth-child(n) a:hover{color:#94B212;}
a:active,.contentbox li:nth-child(n) a:active{color:#CFFF00;}
img{border:0;max-width:650px;}
table{border:1px black solid;border-collapse:collapse;}
table th {background-color:#ffbcb5;border:1px black solid;padding:.3em;}
table td {text-align:center}
 
/* classes and ids */

#contentwrapper{width:950px;margin-left:auto;margin-right:auto;}

/* header */

#header{margin-left:10px;margin-bottom:-1.6em;}
#headba{
    font-family: 'Exo 2', sans-serif;
    color:#ff1700;
}
#headcom{
    font-family: 'Exo 2', sans-serif;
    color:#000;
}

#mainbody{
    width:950px;
    font-family:sans-serif;
    margin-left:10px;
    margin-right:10px;
    border-top-right-radius: 10px;
    background-color:#ff1700;
    font-size:16px;
}

/* contentboxes */

.contentbox{
    width:435px;
    background-color: #ffdfdb;/*#ffbcb5;*/
    margin-top:35px;
    border-top-right-radius: 10px;
    height:200px;
}
.contentboxtitle{margin-top:-1em;color:white;font-size:21px;text-decoration:none;transition:.2s;}
.contentboxtitle:hover{color:#ffdfdb;}
.contentboxtitle a:visited{color:white;}
#contentbox1{margin-left: 25px;float:left;}
#contentbox2{margin-right:25px;float:right;}
#contentbox1,#contentbox2{position:relative;}
.baicon{float:right;margin-top:-1em;max-height:165px;padding-right:1em;}
a.contentlinks{text-decoration:none;}

.contentbox li:nth-child(even) a{color:#145FC9;}


.morelink{text-decoration: underline;position:absolute;bottom:0;right:1em;cursor:pointer;color:black;}

#contentpage{
    margin-bottom:2em;
    position:relative;
}

/* vidbox */
#vidbox{
    background-color:#171717;//#323232;
    width:900px;
    padding:25px;
    float:left;
    display:block;
}

#cartoonbox{
    text-align:center;
    width:850px;
    padding:25px;
    margin:0 25px;
    float:left;
}

#youtubebox{
    float:left;
}
#boxad{
    float:right;
    margin-top:2em;
}
img #tempad{}

/* nav buttons */
#nav{
    width:800px;
    height:3em;
    position:relative;
    display:block;
    float:left;
    margin: 1em 0 1em 3em;
    border-top:3px #555 solid;
    text-align:left;
}
.vidnavbuttons{
    padding:.5em;
    height:16px;
    width:86px;
    display:inline-block;
    background-color:#222;
    border: 3px #555 solid;
    position:absolute;
    border-radius:4px;
    margin-top:1.5em;
    transition:.2s;
}
.vidnavbuttons:hover{
    background-color:#151515;
    border: 3px #333 solid;
}
.vidnavbuttons img{max-height:48px;max-width:42px;opacity:0;transition:.2s;}
.vidnavbuttons:hover img{opacity:1;}
.vidnavbuttons a{color:#555;position:absolute;top:-1.5em;}
.toonnav {
    background-color:#eee;
    border: 3px #ccc solid;
}
.toonnav:hover {
    background-color:#ccc;
    border: 3px #aaa solid;
}
#navrand a{top:.5em;left:2em;}
#navprev {left:200px;border-top-left-radius:10px;}
#navrand{left:350px;}
#navnext{right:200px;border-top-right-radius:10px;}

/* blogheader */
#blogwrapper{padding:25px;display:inline-block;width:900px;}
#blogbody{float:right;width:700px;}
#blogheader{margin-top:2em;margin-bottom:2em;float:left;width:900px;}
#bloglogo{float:left;width:145px;height:65px;}
#currentstatus{
    color:#b8981b;
    border-color:#b8981b;
    background-color:#ffeeaa;
    border:3px solid;
    border-radius:15px;
    font-size:12px;
    width:29em;
    padding-left:15em;
    padding-right:15em;
    padding-top:.5em;
    padding-bottom:.5em;
    float:right;
    margin-left:3.4em;
    margin-top:.2em;
    text-align:center;
    float:right;
}
#currentstatus a{color:#666600}

/* blogsidebar */
#blogsidebar{
    margin-top:0;
    margin-left:.5em;
    /*text-align:center;*/
    display:inline-block;
    width:152px;
    float:left;
}
#menu {display:inline-block;margin-top:-1.5em;float:left;}
#menu ul{
    list-style-type:none;
    font-size:30px;
    color:#fff;
    margin-left:-1.3em;
    display:inline-block;
}
#menu a{color:white;}
#menu a:hover{color:#ff9999;cursor:pointer;}

#contentmenu{
    position:absolute;
    background:#000;
    font-size:15px;
    width:600px;
    height:430px;
    margin-left:5em;
    margin-top:-11em;
    display:none;
    border-radius:4px;
    border-top-right-radius: 20px;
    cursor:pointer;
    text-align:center;
}
.contentmenuheader{display:block;text-align:left;padding: 25px 0 0 40px;}
.contentitems{height:150px;width:100px;transition:.4s;vertical-align:text-bottom;display:inline-block;position:relative;text-align:left;}
.poster{width:95px;display:inline-block;transition:.4s;position:absolute;bottom:0px}
div.poster{padding:70px 0;vertical-align:bottom;text-align:center;}
.contentitems:hover{width:110px;}
.poster:hover{width:100px;font-size:105%;}
#facebook{display:inline-block;float:left;}
#stumbleupon{margin-top:20px;margin-left:-4px;float:left;}
#amazon,#googlead{margin-top:40px;float:left;display:inline-block;}


/* blog */
#blogbody{width:700px;}
.blogpost,#comment-wrapper{
    border-radius:3px;
    border-top-right-radius: 10px;
    margin-top:1em;
    margin-bottom:2em;
    background-color:#ffdfdb;
    float:right;
    width:700px;
}
.postheader,.comment-reply-title{
    font-weight:normal;
    margin-top:-1em;
    color:#fff;
    text-decoration:none;
}
.postheader a:hover{color:#ffdfdb}
.postheader a:visited{color:#fff}
.postedon{padding-left:2em;margin-top:-1.8em;font-size:13px;}

.postcontent,
.comment-respond,
.comment,
#comments{padding-left:1em;padding-right:1em;vertical-align:baseline;list-style:none;}
.postcommentlink{float:right}

.postcommentlink a {color:black;font-size:80%;margin:1em;}
#postprev{float:left;margin-top:-1.8em;}
#postprev a {color:white;text-decoration:none}
#postprev a:hover{text-decoration:underline;}
#postnext{float:right;margin-top:-1.5em;}
#postnext a {color:white;text-decoration:none}
#postnext a:hover{text-decoration:underline;}
#fill{visibility:hidden;}

/* footer */
#footer{}
#footer table{border:none;}
#footer td{text-align:left;}

/* comments */
#comment-wrapper{
    margin-left:2em;
}
.comment-notes{font-size:14px;text-indent:1em;}
#comment-wrapper label{display:block;color:#171717}
.comment-reply-title{margin-left:-.75em;font-size:24px;}
.comment-meta.commentmetadata a{text-decoration:none;display:none;}
.comment-body > p{text-indent:2.5em;}
.comment-body div{font-style:italic;color:#171717}
.comment-form{margin-top:-1.6em}


/* wordpress provided */
.alignright{float:right;margin-left:1em;}
.alignleft{float:left;margin-right:1em;}
.wp-caption {padding: 4px;}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}