/*
Theme Name: Revolved
Theme URI: http://revolved.ca
Description: A custom theme for revolved.ca
Version: 1.0
Author: Daelan Wood
Author URI: http://daelan.com
*/

@import "blueprint/screen.css";

body{

color:#666;

}


#header{

height:108px;

}

#logo h1{

background: url(images/logo.png) top left no-repeat;
text-indent:-9000px;
width:145px;
height:26px;
margin:36px 0 0 0;


}

/* -- main navigation styles start -- */

#mainNav ul{

list-style-type:none;
position:relative;
float:right;
margin:36px 0 0 0;
}

#mainNav ul li{

list-style-type:none;
position:relative;
float:left;
margin:0 0 0 10px;
background: url(images/btnLeft.png) top left no-repeat;
padding:0 0 0 10px;
height:28px;

}


#mainNav ul li a:link, #mainNav ul li a:visited{

position:relative;
float:left;
background: url(images/btnMid.png) top left repeat-x;
height:21px;
padding:7px 0 0 0;
text-decoration:none;
text-transform:uppercase;
text-align:center;
color:#5ccaef;
font-weight:bold;
font-size:11px;
border:0;

}

#mainNav ul li span{
position:relative;
float:right;
width:10px;
background: url(images/btnRight.png) top right no-repeat;
height:28px;
border:0;
}


#mainNav ul li a:hover{

color:#999999;

}


#mainNav ul li ul{

position:absolute;
top:-9px;
left:38%;
display:none;
background: url(images/btnArrow.png) top left no-repeat;
width:17px;
height:7px;

}

#mainNav ul li ul li{


background:none;

}

#mainNav ul li:hover > ul {display: block;} 


#mainNav ul li ul.active {display: block;} 


/* -- main navigation styles end -- */


#title{

margin:0 0 36px 0;

}

#homeFeature{

margin:0 0 36px 0;
background: url(images/homeFeature.jpg) top left no-repeat;
width:950px;
height:252px;

}

h2{

font-size:18px;
font-weight:bold;

}


h3{

position:relative;
float:left;
font-size:10px;
text-transform:uppercase;
letter-spacing:2px;
color:#333;
margin:18px 0 18px 0;
}


h4{

font-size:14px;
font-weight:bold;
color:#000;
margin:18px 0 18px 0;
padding:0 0 9px 0;
border-bottom: 1px dotted #ccc;
}

#sidebar h4{

font-size:12px;
font-weight:bold;
color:#000;
margin:18px 0 18px 0;
}

#content a:link, a:visited{

text-decoration:none;
background:#efefef;
padding:1px 5px 1px 5px;
border:1px solid #fff;
color:#49C2EB;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

#content a:hover{

text-decoration:none;
background:#333;
padding:1px 5px 1px 5px;
border:1px solid #fff;
color:#fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;


}


#content a.current{

text-decoration:none;
background:#333;
padding:1px 5px 1px 5px;
border:1px solid #fff;
color:#fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;

}

#footer{
margin:18px 0 0 0;
font-size:11px;
color:#999;

}

#footer a:link, #footer a:visited{

font-size:11px;
color:#999;

}

#footer a:hover{

font-size:11px;
color:#000;

}

/* -- homepage portfolio styles start -- */


.homePortfolio{


position:relative;
float:left;
width:290px;
height:280px;
margin:18px 40px 18px 0;
padding:0 0 18px 0;
border-bottom:1px dotted #ccc;
display:inline;
}

.homePortfolioLast{


position:relative;
float:left;
width:290px;
height:280px;
margin:18px 0 18px 0;
padding:0 0 18px 0;

border-bottom:1px dotted #ccc;
display:inline;
}

.homePortfolio p{

font-size:11px;
padding-right:10px;
margin:8px;
color:#999;
}

.homePortfolio h3{

margin:8px;
padding: 0 0 5px 0;
}

.homePortfolio img{

border:3px solid #ccc;


}

.homePortfolio a:hover img{

border:3px solid #B3DFEF;


}

.homePortfolioLast p{

font-size:11px;
padding:0 10px 0 0;
margin:8px;
color:#999;
}

.homePortfolioLast h3{

margin:8px;
padding: 0 0 5px 0;
}

.homePortfolioLast img{

border:3px solid #ccc;


}

.homePortfolioLast a:hover img{

border:3px solid #B3DFEF;
_border:0;

}


#homeLink{

margin:18px 0 18px 0;

}



#content .homePortfolio a:link,#content .homePortfolio a:visited {

border:0;
background:none;
text-decoration:none;

}

#content .homePortfolioLast a:link,#content .homePortfolioLast a:visited {

border:0;
background:none;
text-decoration:none;
}

/* -- homepage portfolio styles end -- */

.projectHolder{


margin:0 0 36px 0;
padding:0 0 36px 0;
border-bottom:1px dotted #ccc;

}

.projectHolder ul.responsibilities{


padding-bottom:18px;
border-bottom: 1px dotted #ccc;


}



#sidebar ul{

list-style-type:none;
margin:0;
padding:0;

}

#sidebar ul li{

margin:9px 0 9px 0;

}


#sidebar ul li.twitter{

background:url(images/twitter.png) 0 2px no-repeat;
padding:0 0 0 23px;

}

#sidebar ul li.linkedin{

background:url(images/linkedin.png) 0 2px no-repeat;
padding:0 0 0 23px;

}

#sidebar ul li.contact{

background:url(images/email.png) 0 2px no-repeat;
padding:0 0 0 23px;

}

#sidebar ul li.bookmarks{

background:url(images/delicious.png) 0 2px no-repeat;
padding:0 0 0 23px;

}

/* -- slide viewer -- */

/*preload classes*/ 
.svw {width: 630px; height: auto; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
 border:1px solid #efefef; 
margin: 0 0 1px 0; 
}


.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
margin: 0; 
padding: 0;
width:630px;
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 18px 0 18px 0; 
padding: 0; 
position: relative;
float:left;
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a:link,.stripTransmitter a:v { 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #333; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #333; 
} 


#projectNav{

margin:18px 0 18px 0;

}

#sloganHolder{


margin:90px 0 0 30px;
background:none;
}

#sloganHolder ul{

list-style-type:none;
background:none;

}

#homeFeature h2{


color:#fff;
font-size:24px;
line-height:250px;
margin:0 0 0 30px;
}

#content a.email:link, a.email:visited{

background:url(images/email.png) 0 0 no-repeat;
padding:0 0 0 23px;

}

#content a.email:hover{

color:#000;
}

#contentHome{

position:relative;
float:left;

}

#contactLink{

position:absolute;
right:0;
top:0;


}

p.small{

font-size:11px;
color:#333;

}

blockquote {
background-image: url(images/quote1.png);
background-repeat: no-repeat;
background-position: top left;
padding-left: 26px;
font-style: italic;
margin:0 0 18px 0;

}
blockquote span {
background-image: url(images/quote2.png);
background-repeat: no-repeat;
background-position: right bottom;
display: block;
padding-right: 10px;
}

#contentMain ul{

list-style-type:none;

}

#contentMain ul li{

background: url(images/cross.png) 0 6px no-repeat;
padding-left:16px;

}

.pullquote {
width:auto;

font-size:1.2em;
text-align:justify;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
padding:9px 0 9px 0;
color:#45C2ED;
}

p.date{

color:#999;
font-size:11px;

}


.alignRight{

position:relative;
float:right;
margin:0 0 18px 10px;

}


fieldset {padding:1.4em;margin:0 0 1.5em 0;border:0;}


#gb_form h5{

font-size:14px;
font-weight:bold;
color:#000;
margin:18px 0 18px 0;
padding:0 0 9px 0;
width: 500px;
position:relative;
float:left;
}

.error{

color:red;

}

input, select, textarea{

-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding:5px;
font-size:12px;
width : 400px;
}

input.short{

width : 140px;
}

input.button{

width : 140px;
margin:0 0 0 15px;
}


#sidebar input, #sidebar select{

-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding:5px;
font-size:12px;
width : 270px;
}

#sidebar textarea{

-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding:5px;
font-size:12px;
width : 270px;
height:200px;
}

/* -- landing page styles -- */

.landingList1{

float:left;
padding:36px 0 18px 60px;
border-bottom:dotted 1px #999;
background: url(images/landingIcon1.png) 0 27px no-repeat;

}

.landingList2{

float:left;
padding:18px 0 18px 60px;
border-bottom:dotted 1px #999;
background: url(images/landingIcon2.png) 0 18px no-repeat;

}

.landingList3{

float:left;
padding:18px 0 18px 60px;
border-bottom:dotted 1px #999;
background: url(images/landingIcon3.png) 0 18px no-repeat;

}

#landingNav a:link, #landingNav a:visited, #landingNav a:hover{

padding:0 !important;
margin:0 !important;
border:0 !important;
background:none !important;


}

#landingNav{

padding:0;
float:left;
position:relativel
margin:0 0 18px 0;

}

input.formSubmit{

width:100px !important;

}

#pagination{

float:left;
margin:18px 0 18px 0;

}