/*
Theme Name: Carrie's Portfolio
Theme URI: http://portfolio.carrieoliva.com
Description: Carrie makes a portfolio!
Version: 1.0
Author: Carrie Oliva
Author URI: http://carrieoliva.com.com
Tags: portfolio, dark
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body{
background:#111;
color:#FFFFFF;
font-family:"century gothic",Arial, Helvetica, sans-serif;
height:100%;
font-size:.9em;
}
a{
color:#00A8FF;
text-decoration:none;
}


h2{
font-family:Georgia, garamond, "Times New Roman", Times, serif;
margin-bottom:25px;
font-size:1.5em;
font-weight:normal;
}
.full{
clear:both;
width:100%;
border-top:#ff0066 1px solid;
border-bottom:#ff0066 1px solid;
background-image:url(images/fullbg.jpg);
}

.home{
height:300px;
}

.page{
height:125px;
}
.fullbottom{
margin-top:54px;
border-top:solid 1px #333;
height:234px;
width:100%;
}
.borderline{
height:1px;
border-top:solid 1px #00a8ff;
margin-top:-18px;
}

.borderlinegrey{
height:1px;
border-top:solid 1px #333;
margin-top:-18px;
}

.borderlinepink{
height:1px;
border-top:dotted 1px #CC3366;
margin-top:-18px;
}

#navigation ul li {
	position:relative;
	float: left;
	margin-left:36px;
	height:25px;
	list-style-type:none;
	
	
}

#navigation li a {
	font-size:1.4em;
	color:#FFFFFF;
	list-style-type:none;
	text-decoration:none;
		
}
#navigation li a:hover {
	color:#FF0066;
	list-style-type:none;
	padding:0 0 5px 0;
	border-bottom:3px solid;
}
#navigation ul li ul {
	display:none;
}
#navigation ul{
padding:0;
margin:0;
}

#navigation li{
padding:0;
}

.projectHolder{
margin-bottom:18px;
width:460px;
float:left;
}
.projectholderborder{
border:1px solid #333;
padding:18px;
}

.projects{
float:left;
width:464px;
min-height:100px;
margin-top:27px;
margin-right:27px;
}

.projectsborder{
border:solid 1px #333;
padding:18px;
height:480px;
}

.projectsborder h2 a{
font-weight:bold;
color:#00A8FF;
text-decoration:none;

}

.projectsborder p{
margin-top:18px;
}
.projectsborder p a{
font-weight:bold;

text-decoration:none;
}

.projectsborder h2{
margin-bottom:9px;
border-bottom:1px dotted #ff0066;margin-top:10px;
padding-bottom:8px;
font-family:"century gothic",Arial, Helvetica, sans-serif;
}
.projectsborder p{
margin-bottom:0px;
}

.projectsborder p a:hover{
color:#00CCFF;
text-decoration:none;
font-weight:bold;

}
.space{
width:32px;
height:5px;
float:left;
}

#portfoliostuff{
margin:18px auto;
width:986px;
padding:0;
height:auto;
}

.rightportfolio{
margin-top:-8px;}

.rightportfolio a{
color:#00CCfF;
text-decoration:none;
font-size:1.5em;
}

.rightportfolio a:hover{

text-decoration:none;
font-size:1.5em;
}

.text{
margin-top:18px;
font-size:.9em;
}

/*  BODY STRUCTURE  */

#header{
width:960px;
margin:auto;
height:105px;
overflow:hidden;
padding-top:5px;
}

#logo{
width: 300px;
float:left;
margin-top:7px;
}

#navigation{
margin-top:39px;
height: 30px;
float:right;
}

.content{
width:960px;
min-height:100%;
margin:auto;
clear:both;
overflow:hidden;
}

.leftcontent{
float:left;
width:290px;
padding-right:40px;
margin-top:35px;
}

.rightcontent{
float:right;
width:290px;
margin-top:6px;
}
.left{
float:left;
width:640px;
padding-right:40px;
margin-top:35px;
}

.right{
float:right;
width:276px;
margin-top:35px;
}

#footer{
width:100%;
clear:both;
margin-top:60px;
position:absolute;
border-top:1px solid #333333;
padding-top: 25px;
height:auto;
padding-bottom:20px;
}

.featured{
width:519px;
margin:auto;
float:right;
height:300px;
}

.intro{
height:225px;
width:416px;
float:left;
padding-top:80px;
}

.middiv{
width:40px;
height:30px;
float:left;
}

.c{
width:960px;
margin:auto;
height:auto;}

#introholder{
width:960px;
height:300px;
margin:auto;
}

.featuredHolder{
margin-top:22px;
float:right;
}

.dark{
color:#333333;
margin-bottom:18px;
}

h3{
font-family:"century gothic",Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:normal;
}

.big{
font-size:44px;
}

.bigpage{
font-size:44px;
padding-top:31px;
text-align:center;
}

.pad{
margin:8px 2px 0 2px;
}

.pad p{

}

.post p{
margin-top:20px;
}

.nav1{
float:left;
width:395px;
height:auto;
}

.nav1 p{
font-size:1.2em;
}
.icons ul li{
float:left;


}
.nav2{
float:right;
}
.nav2 p {
text-align:right;
margin-top:64px;
}
.nav2 ul li{
float:right;
margin-left:18px;
font-size:1.2em;

}



.foot{
font-size:.7em;
color:#999999;
}

.icons{
margin-top:18px;
width:280px;
float:right;
clear:both;
}

.contact{
margin-left:315px;
}

.tweetme{
padding:0px;
height:34px;
margin-bottom:4px;
margin-top:26px;
}