/*
Theme Name: Insaland 
Theme URI: http://www.insaland.com
Description: Insaland portfolio theme
Version: 1.0
Author: That Fresh Agency
Author URI: http://www.thatfreshagency.com
*/

/*

---Theme Colors---

#000 - black
#CCC - grey
#e934d6 - purple/pink

*/


/* html */

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

body, html{
margin:0 0;
padding:0;
height:100%;
background: #ccc url(images/insa_leg_gray.gif) repeat;
}

/* Globals */


#container{
width:100%;
float:left;
height:100%;
position:relative;
overflow: auto;
}

#container_landing{
width:100%;
float:left;
height:100%;
position:relative;
}

.color1 {color:#666;}

.small{font-size: 0.8em;}

/*------------------------------------Typography-----------------------------------*/

p{ font-family:Rockwell, Times New Roman, Times, serif; }

a{ text-decoration: none; }

h1{ font-family: Helvetica-light, Arial, Verdana, sans-serif;}
	#supersize h1 { font-size: 0.8em; font-weight: lighter; color:#999; font-family:Rockwell, Times New Roman, Times, serif; position: absolute; z-index: 1000; margin: 5px 0 0 40px;}
h2{ font-family: Helvetica-light, Arial, Verdana, sans-serif;}

h3, h4, h5{  font-family:Rockwell, Times New Roman, Times, serif; }

img{ background: #efefef url(images/loading.gif) no-repeat center center; border:none;}

#item_title{
color:#666;
font-size: 0.80em;
font-weight: lighter;
text-transform: uppercase;
}

#item_title h1{
font-size: 1.6em;
text-transform: uppercase;
padding:0px 0 0 0;
margin: 0 0 10px 0;
color:#666;
}

#item_details{
color: #9f9f9f;
font-family:Rockwell, Times New Roman, Times, serif;
font-size: 0.80em;
line-height: 1.4em; 
width:320px;
}

/*.project_info_slide_text{
padding: 0 5px 0 5px;
}*/

.project_info_slide p{
color: #9f9f9f;
font-size: 0.8em;
margin: 2px 0 0 0;
}

.project_info_slide h2{
font-size: 0.85em;
text-transform: uppercase;
padding:0px 0 0 0;
color:#666;
}

#content_holder_single a:link{
color: #e9379e;
}

#content_holder_single a:hover{
color:#333;
}


/*------------------------------------Containers-----------------------------------*/

#content_holder{
margin:60px 0 0 0;
height:465px;
padding:20px 0 5px 0;
width:100%;
/*background: url(images/content_holder_bg.png) repeat;*/
}

#content_holder_single{
margin:60px 0 0 0;
height:475px;
padding:0px 0 15px 0;
background: #efefef;
width:980px;
/*background: url(images/content_holder_bg.png) repeat;*/
}

#item_text{
float:left;
margin: 50px 0 0 15px;
width:300px;
}


/*------------------------------------Landing Page-----------------------------------*/

#entrance_buttons{
margin: 40px 0 0 40px;
z-index: 1000;
position: absolute;
}

#entrance_buttons ul{
list-style: none;
list-style-type: none;
float:left;
font-size: 1.9em;
}

#entrance_buttons ul li{
float:left;
font-weight: bolder;
letter-spacing: 2px;
}

#entrance_buttons ul li a{
font-family:Rockwell, Times New Roman, Times, serif;
color:#FFF;
background: #000;
margin: 0 15px 0 0;
padding: 10px 20px 10px 20px;
text-transform: uppercase;
}

#entrance_buttons ul li a:active, #entrance_buttons ul li a:hover{
color:#000;
background: #FFF;
}

/* Fullscreen Imgage */		
img{ border:none; }
body { overflow:hidden;/*Needed to eliminate scrollbars*/ }
				
/*Supersize Plugin Styles*/
#supersize img, #supersize a{
height:100%;
width:100%;
display:none;
z-index: 0;
}
#supersize .activeslide, #supersize .activeslide img{ display:inline; z-index: 0; }



/*------------------------------------Navigation-----------------------------------*/

#nav .current-cat a, current_page_parent a{
    font-weight:bold;color: #bf006a;
}

#navigation{
margin: 20px 0px 0px 10px;
list-style: none;
float:left;
width:950px;
clear:both;
}

#navigation a{
font-family:Rockwell, Times New Roman, Times, serif;
font-size: 1.4em;
line-height: 1em;
color: #000;
padding: 5px 5px 5px 5px;
margin:0 0px 0 0px;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
float:left;
}

#navigation a:hover, #navigation{
color: #e9379e;
}

#navigation ul li{
list-style: none;
display: inline;
padding: 2px 0 0 0;
}

.menu_break{
color: #e9379e;
}

#navigation .categories a{
font-family: Helvetica-light, Arial, Verdana, sans-serif;
color: #e9379e;
}

#navigation .categories a:hover, #navigation{
color: #000;
}

#subnav{
font-family: Helvetica-light, Arial, Verdana, sans-serif;
float:left;
clear:both;
width: 100%;
font-size: 0.8em;
display: inline;
}

#subnav .current-cat a{
color:#222;
text-decoration:none;
}

.categories .current-cat a{
background-color: #efefef;

}

.backslash{
color: #e9379e;
}


/*------------------------------------Page Layout Elements-----------------------------------*/

/* contact page content container */
.contact{
margin: 20px 0 0 30px;
width:430px;
float:left;
}


#item_content{
float:left;
height:490px;
maragin:0 auto;
width:980px;
padding: 0px 0 0 0px;
}

.categories{
margin-right:5px;
font-size: 0.8em;
clear:right;
clear:left;
}


#link_love{
width:150px;
height:40px;
margin: 5px 0 0 0px;
float:left;
}

#item_content_container{
padding:25px 0 0 0px;
float:left;
}

.project_info_slide{
padding:5px 0px 5px 0px;
height:35px;
margin-top: 0px;
}

#item_gallery{
width:600px;
height:430px;
margin: 0 0 0 20px;
}


/* Single page Close button */

#close_button{
width:22px;
height:22px;
padding: 3px 3px 3px 3px;
background-color: #CCC;
float:right;
text-align: center;
}

#close_button{
font-family: Rockwell, Arial, Helvetica, Verdana, sans-serif;
font-size: 1.3em;
}

#close_button a:link{
color:#999;
}

#close_button a:hover{
color:#222;
}


/*------------------------------------Footer-----------------------------------*/

#footer{
font-family: Helvetica, Arial, Verdana, sans-serif;
/*position:absolute; */
/*bottom:0; */
float:left;
width:100%;
height:20px;   /* Height of the footer */
/*z-index: 1500; */
}

#footer p{
font-family: Helvetica, Arial, Verdana, sans-serif;
float:right;
padding: 2px 10px 2px 0;
font-size: 0.6em;
color:#999;
text-transform: uppercase;
}

#footer a, a:link, a:active{
font-family: Helvetica, Arial, Verdana, sans-serif;
color:#999;
}

#footer a:hover{
color: #e9379e;
}

/* Footer Index */

#footer_main{
position:fixed;
bottom:0;
width:100%;
height:30px;   /* Height of the footer */
z-index: 1500;

}

#footer_main p{
font-family: Helvetica, Arial, Verdana, sans-serif;
float:right;
padding: 2px 10px 2px 0;
font-size: 0.6em;
color:#999;
text-transform: uppercase;
}

#footer_main a, a:link, a:active{
font-family: Helvetica, Arial, Verdana, sans-serif;
color:#999;
}

#footer_main a:hover{
color: #e9379e;
}

/*------------------------------------About page Text Scroller-----------------------------------*/

#content {
 width: 945px;
 height: 460px;
 padding: 10px 0px 10px 15px;
 background-color: #efefef;
 }
 
 
#content p{
font-family:Rockwell, Times New Roman, Times, serif;
font-size: 0.90em;
line-height: 1.4em;
color:#666;
}

/*------------------------------------Single Page Gallery-----------------------------------*/
#slideShow1
{
	width: 600px;
	height: 430px;
	padding: 0px;
	background-color: #efefef;
	margin: 0px;
	font-family: Rockwell, Arial, Helvetica, Verdana, sans-serif;
font-size: 0.8em;
}

.slideshowLinks{
margin: 0 0 0px 0;
padding: 0 0 0px 0;
float:left;
}


.pagelinks a:active
{
	font-weight: bold;
	color: #efefef;
	/*background: #ccc;*/
	padding: 5px 5px 2px 5px;
	margin: 0 5px 0 0px;
	font-size: 0.8em;
}

.pagelinks a
{
	font-weight: bold;
	color: #CCC;
	/*background: #ccc;*/
	padding: 5px 5px 2px 5px;
	margin: 0 5px 0 0px;
	font-size: 0.8em;
}


.slideCaption
{
	background-color: #FFFFCC;
	padding: 4px;
	text-align: center;
	font-weight: bold;
}
.pagelinks a.activeSlide
{
color: #e9379e;
}
/* this is for IE so the prev/next links can be hovered*/
.nextSlide,.prevSlide
{
	background-image: url(images/spacer.gif);
}
.nextSlide:hover
{
	background-image: url(images/nextslide.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.prevSlide:hover
{
	background-image: url(images/prevslide.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.inputsTooltip
{
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 4px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}
#tooltipURL
{
	display: none;
}

/*---------- Press No Cover ---------------*/

.press_no_cover{
width:300px;
height:400px;
background: #000;
z-index: 1;
float:left;
}

.press_no_cover h2{
width:300px;
z-index: 200;
position: absolute;
margin: 150px 0 0 0;
text-align: center;
font-size: 1.7em;
color:#333;
}



/* Slider Posts */

.post{
position:relative;
float:left;
margin: 0 10px 0 0;
height:450px;
}

#makeMeScrollable img{
background: #efefef url(images/loading.gif) no-repeat center center;

}

/*---------------------------Social Links---------------------------*/

.sociallinks{
float:left;
margin: 15px 2px 0 0px;
}

.social{
opacity: .3; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

.social:hover{
    	opacity: 1; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}


/*---------------------------Message Box---------------------------*/

.message{
z-index: 1500;
position: absolute;
width:600px;
text-align: center;
background-color: #bf006a;
color: white;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 0.9em;
padding:6px 17px 6px 17px;
margin: -10px 0 0px 15px;
opacity: 0.7; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

}

/*---------------------------404 Styling---------------------------*/

#error{
color:#666;
float:left;
margin: 20px  0 0 0;
}

#error h1{
color:#666;
font-size: 4em;
}

#error h2{
font-size: 1.3em;
}

#error p{
margin: 20px 0 0 0;
}