/*
Theme Name: TotallySevere
Theme URI: http://www.totallysevere.com/
Description: I am Totally Severe, dude.
Version: 1.0 (okay, I totally stopped counting)
Author: Sarah
Author URI: http://www.totallysevere.com
*/


*
{
 margin: 0px; padding: 0px;
}

html{height: 100%; margin: 0px; padding: 0px;}


body
{
background-color:#FFF;
 margin:0;
   padding:0;
   height:100%;

}

#page{
color:#000;
margin: 0 auto; background-color:#FFF; 
 min-height:100%;
position:relative;

}

#wrapper
{
  margin: 0 auto;
  overflow: hidden;
}

#content
{margin: 0 auto;
  padding-bottom:60px;
  width:100%;
  display:table;
}

#header{height:175px; clear:both;}
#header a{color:#888888; letter-spacing:2px;}
#navigationtop{
	background-color:#000000;
	vertical-align: middle;
	padding:10px;
	position:fixed;
 	top: 0;
 	left: 0;
 	z-index: 9999;
	width: 100%;}
#navigationtop a:hover{color: #FF1CAE;}
#center-header{margin:0 auto; width:90%;}

span.navi a:link, span.navi a:active, span.navi a:visited {
	color:#FFF;
	text-align:center;
	letter-spacing:3px;
	font-size:16px;
    display: block;
    float: left;
    margin-right: 25px;
    text-transform: uppercase;
	font-family:"Times New Roman", Times, serif;}
	
span.navi2 a:link, span.navi2 a:active, span.navi2 a:visited {
	color:#FF1CAE;
	text-align:center;
	letter-spacing:3px;
	font-size:16px;
    display: block;
    float: left;
    margin-right: 25px;
    text-transform: uppercase;
	font-family:"Times New Roman", Times, serif;}
	
	
span.navi3 a:link, span.navi3 a:active, span.navi3 a:visited {
	color:#FFF;
	text-align:center;
	letter-spacing:3px;
	font-size:16px;
    margin-right: 25px;
    text-transform: uppercase;
	font-family:"Times New Roman", Times, serif;}

#sidebar
{
  width: 150px;
  margin-left: 79%;
}

#sidebar ul
{
  list-style: none;
}

#sidebar ul ul
{
  list-style-image: url(../../../../../dot.gif);
  list-style-type: circle;
  margin-left: 20px;
}

a:link {color:#903; text-decoration: none;}
a:visited {color: #903;}
a:hover {color: #ff0099; text-decoration: none;}

.firsttabdealie{display:block; margin-left:100px; width: 15%;}
.tabdealie{display:block; width: 15%;}

#footer {background-color:#000;
position:absolute;
   bottom:0;
   width:100%;
   height:60px;
   display:table;}


#foot-center{vertical-align: middle;
	padding:10px; width:90%; height:100%; margin:auto 0;}


.logo{padding:44px 0 6px 160px; display:block;}

.fullimage{margin-left:-105px;}

hr{border:dashed #888; border-width:1px 0 0; height:0;}

.tiny {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #7A7A7A;
	letter-spacing: normal;}

.white {
font-family: 'Droid Sans', sans-serif; color:#999;
text-align:left; 
font-size: 0.8em;
 line-height: 1.4em;
}



h2 {
font-size:18px;
letter-spacing:10px; 
font-family: 'Old Standard TT', serif; 
font-weight:normal; 
color:#999; 
line-height:20px;
text-transform: uppercase;
padding-bottom:12px;}
 
h2 a:link, h2 a:visited
{font-family: 'Old Standard TT', serif; 
color: #999;
text-decoration: none;
}
 
h2 a:hover{color: #8B3A62;}

.pagetitle{padding-top:60px;}

h3{font-size:14px;
font-family: 'Old Standard TT', serif; 
font-weight:normal; 
color:#999;
text-transform: uppercase;}

.grande {
	font-family: "Times New Roman", Times, serif;
	font-size: 43px;
	letter-spacing: 10px;
}

.graphic {
	border:1px;
	border-color: #000000;
	border-style: solid;
}

a:active {
	color: #33CC00;
}

#bottom_tag {padding: 10px 0 10px 0; clear:both;
}
#bottom_tag a, #bottom_tag a:active, #bottom_tag a:visited {#888888!important}
#bottom_tag a:hover {color: #FFF; background-color:#eb369a;}
span.bnavi a:link, span.bnavi a:active, span.bnavi a:visited{font-family: 'Homenaje', sans-serif; text-transform: uppercase; font-weight:lighter;
				margin-right:25px; font-size:20px; display:block; float:left; color:#888888}

#images-first{
	width: 100%;
    max-height: 100%;
    left: 0;
    margin: 0 auto;}

.graphic1{
height:300px;
  width:100%;
  padding-top:300px;
  }
  
.graphic2{
 height:200px;
  width:100%;
  margin-top:-16px;
}

.graphic3{
 height:400px;
  width:100%;
  margin-top:-16px;
}

.date {font-family: 'Old Standard TT', serif; margin-top:-5px; font-size:4vmax;}
.date-month{font-family: 'Old Standard TT', serif; font-size: 2vmax; letter-spacing: 1vw; text-transform: uppercase;}
.initial-cap {font-family: 'Old Standard TT', serif; font-size:6vmax;}
.circle {
    position: absolute;
    left: 0;
	font-size:2vmax;
	letter-spacing:1.5vw;
	border-right:1px solid #333;} 
  
.circle-container{
 position: relative;
    padding-bottom: 15%;
    float: left;
    margin: 1%;
	max-width:70px; }

.post-text{ max-width: 700px;
 margin: 25px auto 0px auto;}
 
 .post-text-inner{ max-width: 700px;
 margin: 80px auto 0px auto;}

.post
{
width:100%;

}
 
 .post p
{
font-family: 'Droid Sans', sans-serif; color:#999;
margin-bottom: 1em;
}

.post li
{
  margin-left: 20px;
}
 
.post ul
{
  list-style-type: bullet;
  margin-bottom: 10px;
}
 
.entry
{
font-family: 'Droid Sans', sans-serif; color:#999;
text-align:left; 
font-size: 0.8em;
 line-height: 1.4em;
 float: right;
 padding:10px;
 position: relative;
  width: 75%;
  padding-right: 20px;
  padding-bottom:60px;
}
 
 .navigation{ margin-top: -80px; 
 margin-bottom: 10px; 
 font-family: 'Droid Sans', sans-serif; color:#999; 
 font-size: 1em;
 clear:both;
 height:90px;}

ol.commentlist{ width: 90%; margin: 0 auto;}
ol.commentlist li{
  margin-bottom: 1.5em;
  border: 0px ;
  padding: 5px;
  background-color: #DBDBDB;}
 
ol.commentlist li.alt{background-color: #E8E8E8;}
ol.commentlist a{color: #000000;}

.alignleft{float: left;}
.alignright{float: right;}

.clear{clear:both;}

.archive{border:0; padding:3px;}
/*.archive:hover{zoom: 1;filter: alpha(opacity=50);opacity: 0.5;}*/
.color-box {width:22px; height:30px; display:block; float:left;}
.isotope,.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;}

#filters input {margin:8px 0 0 4px;}
iframe{font-family:Arial, Helvetica, sans-serif; font-size:12px}
li{list-style: none;}

.profile{
	width: 250px;
	height: 250px;
	display: block;
	float: left;
	padding:5px;
}
.profile-wrapper{width:570px;}

/* Oh hello */
