/*
Theme Name: IPSOWEB
Theme URI: http://ipsofacto.net/
Description: Developed for IPSOFACTO's Web Services Site.
Version: .9
Author: Drew Hunzeker

Tags: Ipsofacto

	This theme was built by Drew Hunzeker and designed by Naoki Nitta,

*/

body {

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 12px;
	text-align: center;
	min-width: 1024px;
	}

a{
text-decoration: none;
}

a:hover{
color: #f78e1e;
}

p{
color: #71838f;
}

a {
color: #407da2;
}

pre {
	color: #616F7B;
	padding: 7px;
	border: 1px dashed #B2C0CA;
	overflow:auto;
}

#page {	

	margin:0 auto;
	width:1024px;
	text-align: left;

	}

.pipe {
color: #f78e1e;
}
.hidden{
display: none;}

#logo{

padding-top: 20px;
}

strong{
color: #71838f;
}
/* navigation */


#secnav {
margin-top: 20px;
width: 390px;
padding: 0;

}

#secnav ul {
padding-bottom: 5px;
}

#secnav li {
	display: inline;
	list-style: none;
	padding: 2px;
}


#menus{
	padding-top: 107px;	

}
.dropdowns{
border-top: solid 1px #f78e1e;
padding-left: 188px;
	}

#mainnav {

font-family: sans-serif;
font-size: 14px;
margin: 0 0 0 0;
width: 100%;}	

#mainnav, #mainnav ul{
	
	list-style-type: none; 
	list-style-image: none;
	
	
}
#mainnav ul li{
	padding-left: 0px;
	 
	
}

#mainnav ul li a {
	text-decoration: none;
	 
	margin: 4px;
}








.maindrop ul {  
	padding: 0;
  	margin: 0;
  	list-style: none;
  	margin-bottom: 2px;
 
}

.maindrop li {
  
  float: left;
  position: relative;
  width: 148px;
  }
  
.maindrop li ul {
  left: -999em;
  position: absolute; 
  
  
  }
  
#mainnav li:hover ul, #mainnav li.sfhover ul {
	position: absolute;
left: auto;
font-family: Verdana, sans-serif;
border-left: none;
clear:both;
font-size: 11px;
background-color: #ddd;
border-left: solid 1px #f78e1e;
}

.maindrop li:hover ul {
position: absolute;
left: auto;
font-family: Verdana, sans-serif;
border-left: none;
clear:both;
font-size: 11px;
background-color: #ddd;
border-left: solid 1px #f78e1e;
}

.maindrop li:hover ul a:hover {
font-weight: bold;
font-size: 11px;
color: #f78e1e;

}

.article{

min-height: 220px;

}


#afterpostpart  {
	margin:auto;
	width: 500px;
	overflow:auto;
	height:45px;
}
/*
#afterpostpart ul {
	position: absolute;
	right: 2px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: inline;

}*/

#afterpostpart li {
	float: right;

	margin-left: 12px;
	display: inline;
}

#splash {
clear: both;
margin-top: inherit;

display: block;
width:1019px;
min-height:365px;

}

.splashpic {
position: absolute;
z-index: -1;

}

#splash p{
font-family: Verdana;
font-size: 10px;
padding-left: 48px;
width: 283px;
padding-top: 215px;
color: #71838f;

}

#splash a{
font-family: Verdana;
font-size: 12px;
color: #71838f;

}
#splash span{
text-indent: 0px;

}


#footernav li {
	display: inline;
	list-style: none;	
}


#ribbon{
padding-left: 45px;
margin-top: -20px;

}

#front_news{
	margin-bottom: 5px;
	margin-right: 50px;
	float: left;
	display: inline;
	width: 245px;
	min-height: 150px;
	font-family: Verdana, Sans-Serif;
	font-size: 8px;
	padding-right: 18px;
	padding-top: 5px;
	color: #781838;
}

#holder{
	border: 1px #ddd solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#front_news h5 {
	color: #f78f1e;
	font-family: Verdana;
	font-weight: bold;
	text-transform: capitalize;
}

#front_news a {
	font-size: 11px;
	color: #407da2;
}
#cat_table{

display: block;
position:relative;
float:left;
height: 170px;

}

#ribbon {
height: 170px;;
}

#ribbon td tr{
padding: 0;
margin: 0;
}
#footer {
	text-align: center;
	font-family: verdana;
	color: #9e9e9e;
	font-size: 11px;
	border-top-color: #f78e1e;
	border-top-style: solid;
	border-top-width: 1px;
	
	width: 100%;
	clear: both;
	}
#footer a {
	color: #acacac;
	}
	
#footer a:hover {
	color: #3f7Da2;
	}

#sidebar {


	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

.smallprint {
font-style: italic;
font-size: 10px;
color: #f78f1e;}

#content{
background: url(images/header-background.png) no-repeat;
margin-top: 35px;
min-height: 400px;
clear: both;
}

#cloud_content_header{
background: url(images/cloud_banner.jpg) no-repeat;
margin-top: 35px;
min-height: 400px;
clear: both;
}

#cloud_content{

padding-bottom:175px;
background-position: left 15px;
min-height: 550px;
padding-left: 220px;
margin-left: 30px;
}


#about_content{
background-image: url(images/bust.png);
background-repeat: no-repeat;
padding-bottom:175px;
background-position: left 15px;
min-height: 550px;
padding-left: 220px;
margin-left: 30px;
}


#law_content{
background-image: url(images/scales.png);
background-repeat: no-repeat;

background-position: left 15px;
padding-left: 220px;
margin-left: 30px;

min-height: 400px;
}

#doyoulike_content{
background-image: url(images/doyoulike.png);
background-repeat: no-repeat;

background-position: left 15px;
padding-left: 220px;
margin-left: 30px;
}

#bio_content {
background-image: url(images/bust.png);
background-repeat: no-repeat;

background-position: left 15px;
padding-left: 220px;
margin-left: 30px;
}

#bio_content entry{
min-height: 600px;}


#services_content{
background-image: url(images/monitor.png);
background-repeat: no-repeat;

background-position: left 15px;
padding-left: 220px;
margin-left: 30px;

min-height: 400px;
}

#cv_content{
background-image: url(images/puzzle.png);
background-repeat: no-repeat;

margin-top:  -5px;
padding-left: 220px;
//margin-left: 30px;

min-height: 400px;
}

#post_content{
background-image: url(images/monitor.png);
background-repeat: no-repeat;

background-position: left 15px;
padding-left: 220px;
margin-left: 30px;

min-height: 500px;
}

#KB_content{
background-image: url(images/kb_head.png);
background-repeat: no-repeat;

background-position: left 15px;
padding-left: 220px;
margin-left: 30px;

min-height: 400px;
}

#nav2_content{
background-image: url(images/support_mon.png);
background-repeat: no-repeat;

background-position: left 15px;
padding-left: 220px;
margin-left: 30px;
width: 500px;
min-height: 400px;
}

#gi_content{
background-image: url(images/gi_mouse.png);
background-repeat: no-repeat;

background-position-y: 5px;
padding-left: 220px;
margin-left: 30px;

min-height: 400px;
}

.entry p, .entry ul{
color: #71838f;
font-size: 12px;
line-height: 18px;
font-family: Verdana,Sans-serif;}



td{
color: #71838f;
font-size: 12px;
font-family: Verdana,Sans-serif;}

.post{
width: 500px;
padding-top: 10px;
}

.wide-post{
width: 100%;
padding-top: -100px;
}
.post h2, .wide-post h2{
font-family: goudy, Georgia, "Times New Roman", Times;
color: #f78f1e;
font-size: 30px;
padding-top: 15px;
}

.post h3, .wide-post h3{
font-family: verdana, sans-serif;
color: #f78f1e;
font-size: 13px;

}

.post h4, .wide-post h4{
font-family: verdana, sans-serif;
color: #f78f1e;
font-size: 12px;

}

.post h5, .wide-post h5{
font-family: verdana, sans-serif;
color: #f78f1e;
font-size: 12px;

}

.post h6, .wide-post h6{
font-family: verdana, sans-serif;
color: #f78f1e;
font-size: 12px;

}

.post h7, .wide-post h7{
font-family: verdana, sans-serif;
color: #f78f1e;
font-size: 12px;

}

h3.withunderline{
border-bottom: 1px #f78f1e solid; 
}

#service_table td{
font-size: 10px;
}


/*category menus */

#cat_menu{
margin-top: 200px;
width: 200px;
float: left;}

#cat_menu li {
list-style-type: none;
font-family: verdana;
font-size:  11px;
color: #407da2;
}

#cat_menu li ul{
margin-left: -30px;
}

.nav_list{list-style-type: none;}

.top_cat {
padding-left: 50px;
padding-right: 50px;
text-align: center;
font-weight: bold;
color: #f78f1e;
font-size: 12px;
width:200px;
border-bottom-color: #f78f1e;
border-bottom-style: solid;
border-bottom-width: 1px;
}

li.current-cat a{
color: #f78f1e;
}

li.current-cat ul.children a{
color: #407da2;
}

li.current-cat ul.children a:hover{
color: #f78f1e;
}

li.current-cat-parent a{
color: #f78f1e;
}

li.current-cat-parent ul.children li a {
color: #407da2;
}
li.current-cat-parent ul.children li a:hover {
color: #f78f1e;
}

li.current-cat-parent ul.children li.current-cat a {
color: #f78f1e;}


/*service lists */


.b1{
background-color: #f5f7f6;
}
.b0{
background-color: #fff;
}

.col1{width: 325px;
padding-right: 2px;
float: left;
}

.col2{

width: 425px;
float: right;}

#bot{
clear: both;}
/* sidebar inside entries */

#in_side{

float:right;
width: 245px;
padding-top: 55px;
padding-left: 10px;

}

#twitter{
margin-top: 30px;
border: 1px #ddd solid;
padding:5px;
color: #71838f;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 11px;
}
#twitter h2{
font-size: 14px;
color: #f78f1e;
}

#yelp{
padding: 5px;
}

#client_test{
margin-top: 20px;
border: 1px #ddd solid;
padding: 5px;
margin-bottom: 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

}
#client_test h2{
font-size: 14px;
color: #f78f1e;
}
#quotearea{
font-size: 10px;
color: #71838f;
font-style: italic;}

.article_quote{
background-color: #f5f7f6;
padding: 10px 10px 10px 10px;
font-size: 12px;
color: #71838f;
font-style: italic;}

#related_posts{
margin-top: 30px;
border: 1px #ddd solid;
padding:5px;
color: #71838f;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

#related_posts h3{
margin-left: 10px;}

#related_posts li{
margin-left: -20px;
font-size: 12px;
}

#green_partners{
margin-top: 30px;
border: 1px #ddd solid;
padding:5px;
color: #71838f;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

}

#green_partners h3{
font-size: 14px;
color: #78f1e;
margin-left: 5px
}

#green_partners li{
margin-left: 10px;
font-size: 11px;
list-style: disc;
}

/* case studies */

.cs_text{
width: 443px;
color: #71838f;
font-family: Verdana;
font-size: 12px;
}

#problem{
background: url(images/cs_sol.jpg) no-repeat right;
min-height:142px;
border-top: solid 1px #b8c1c7;
margin-top: 2px;
padding-top: 7px;
}
.con_sh{
background: url(images/con_sh.png) no-repeat left;
height:16px;

}

#solution{
background: url(images/cs_prob.jpg) no-repeat right;
min-height:142px;
border-top: solid 1px #b8c1c7;
margin-top: 2px;
padding-top: 7px;
}
.sol_sh{
background: url(images/sol_sh.png) no-repeat left;
height:16px;
}

#resolution{
background: url(images/cs_res.jpg) no-repeat right;
min-height:142px;
border-top: solid 1px #b8c1c7;
margin-top: 2px;
padding-top: 7px;
}
.ben_sh{
background: url(images/ben_sh.png) no-repeat left;
height:16px;
}


/*end case studies */

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

.orange {
color: #ef8724;
font-weight: bold;}

.blue{
color: #71838f;
}


/* Begin Form Elements */
.lovely_box{
width: 475px;
background: #ede5dc;
padding: 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

#cont_form{
width: 500px;
border-top: solid 1px #f78e1e;

 }
#cont_form h3{
	color: #ef8724;
	font-weight: bold;
	}


#nav2_search {
clear:right;
margin-top: -12px;
}
#searchform #s {
	
	width: 215px;
	}

	
#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#skb {
	width: 215px;
}
	
#searchsubmit {
	min-height: 20px;
	width: 30px;
	border: none;
	text-indent: -9999px;
	background: no-repeat url(images/nav2/search_off.png);
	}
	
#searchsubmit:hover {
	min-height: 20px;
	width: 30px;
	border: none;
	text-indent: -9999px;
	background: no-repeat url(images/nav2/search_on.png);
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    min-height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}




/* Begin Various Tags & Classes */
acronym, abbr, span.caps {

	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

/* End Various Tags & Classes*/




            /* Default Facebook CSS */
            .fbbody
            {
                font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
                position: relative;
                font-size: 11px;
                color: #333333;
            }
            /* Default Anchor Style */
            .fbbody a
            {
                color: #3b5998;
                outline-style: none;
                text-decoration: none;
                font-size: 11px;
                font-weight: bold;
            }
            .fbbody a:hover
            {
                text-decoration: underline;
            }
            /* Facebook Box Styles */
            .fbgreybox
            {
                background-color: #f7f7f7;
                border: 1px solid #cccccc;
                color: #333333;
                padding: 10px;
                font-size: 13px;
                font-weight: bold;
            }
            .fbbluebox
            {
                background-color: #eceff6;
                border: 1px solid #d4dae8;
                color: #333333;
                padding: 10px;
                font-size: 13px;
                min-height: 75px;
               
            }
           .fbattach{
           font-size: 10px;
           border-left: solid #e2c822 2px;
           margin-left: 50px;
           padding-left: 3px; 
           
           }
           
           
           
            .fbinfobox
            {
                background-color: #fff9d7;
                border: 1px solid #e2c822;
                color: #333333;
                padding: 10px;
                font-size: 13px;
                font-weight: bold;
            }
            .fberrorbox
            {
                background-color: #ffebe8;
                border: 1px solid #dd3c10;
                color: #333333;
                padding: 10px;
                font-size: 13px;
                font-weight: bold;
            }
            /* Content Divider on White Background */
            .fbcontentdivider
            {
                margin-top: 15px;
                margin-bottom: 15px;
                width: 520px;
                height: 1px;
                background-color: #d8dfea;
            }
            /* Facebook Tab Style */
            .fbtab
            {
                padding: 8px;
                background-color: #d8dfea;
                color: #3b5998;
                font-weight: bold;
                float: left;
                margin-right: 4px;
                text-decoration: none;
            }
            .fbtab:hover
            {
                background-color: #3b5998;
                color: #ffffff;
                cursor: hand;
            }
            .fbmeta{;
            font-size: 8px; 
           }
            
            .fb-prpic {float: left;
            padding: 5px;
            min-height: 100px;
            }
            .fb-post{
            margin-left: 10px;}


#toc {
	display: none;
}

.printpermalink
{display: none;}

/*
/*survey*/

div.wp_quiz{
	height:100%;
	text-align: left;
	}
	
div.wp_quiz input{
	width: 200px;
	border: 2px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #333;
		}
	
div.wpst_question p{
	text-align:left;
	font-size: 14px;
}
	
div.wp_quiz textarea{
	width: 350px;
	height: 17px;
	border: 2px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #333;
}



.homeFourImages{
	background-image:url("/wp-content/themes/IPSOWEB/images/sprite.png");
	background-repeat:no-repeat;
	width:234px;
	height:94px;
	position:relative;
}
.cloudimage:hover{
	background-position: 0px 0px;
}

.cloudimage{
	background-position: 0px -95px;
	top:-139px;
	left:295px;
}

.mediumBimage{
	background-position: -2px -277px;
}

.mediumBimage:hover{
	background-position: -2px -186px;
}

.mediumBimage{
	background-position: -2px -279px;
	left:149px;
	top:-96px;
}

.mediumBimage:hover{
	background-position: -2px -188px;
}

.smallBimage{
	background-position: -2px -470px;
	top:50px;
}

.smallBimage:hover{
	background-position: -2px -376px;
}

.lawimage{
	background-position: 0px -659px;
	top:-279px;
	left:447px;
}

.lawimage:hover{
	background-position: 0px -565px;
}