@charset "utf-8";

/* CSS Document */

/*   

Theme Name: The Flip Side

Theme URI: N/A

Description: Custom Theme for The Flip Side Communications

Author: Ilene Hass

Author URI: www.ilenehass.com

Version: 1.0

.

All rights reserved and Copyright of The Flip Side Communications. Theme can not be re-used or distributed.

.

*/







* {

	margin:0px;

	padding:0px;

}



body {

	

	/*text-align:center; IE6 needs this to center the layout in the browser window */

	font-family:Verdana, Arial, sans-serif;

	font-size: 10pt;

	background-color: #ffffff;

	background-image:url(images/background_gradient.jpg);

	background-repeat:repeat-x;



	}



h1 {

	 /*ih*/font-family:"Trebuchet MS", Arial, sans-serif;

	font-size: 16pt;

	color: #79b8e0;

	font-weight: bold;

	margin-top:8px;

	margin-bottom:15px;

	}



h2 {

	 /*ih*/font-family:"Trebuchet MS", Arial, sans-serif;
         
         /*ih*/text-align: left;

	 font-size: 14pt;

	color: #000000;

	font-weight: bold;

	margin-top:0px;

	margin-bottom:15px;

	}

	

	

.post h2 {

	 /*ih*/font-family:"Trebuchet MS", Arial, sans-serif;

	font-size: 16pt;

	color: #79b8e0;

	font-weight: bold;

	margin-top:8px;

	margin-bottom:15px;

	}	



.post h2 a a:hover { 

	text-decoration:none;

	}

	

	

h3 {

	 /*ih*/font-family:"Trebuchet MS", Arial, sans-serif;

	 font-size: 12pt;

	text-align: left;

	line-height: 1.4em;

	color: #000000;

	margin-top: 5px;

	margin-bottom: 2px;

	font-weight:bold;

	padding-bottom:5px;

	}

	

h4 {

	 /*ih*/font-family:"Trebuchet MS", Arial, sans-serif;

	 font-size: 12pt;

	text-align: left;

	line-height: 1.4em;

	color: #000000;

	margin-top: 12px;

	margin-bottom: 2px;

	padding-bottom:5px;

	}

		

p {

	font-size: 10pt;

	line-height: 1.6em;

	color:#000000;

	margin-bottom: 12px;

	

		}

		

	

form {

font-size: 12pt;

font-weight: bold;

}





ul li {

	font-size: 10pt;

	color:#000000;

	line-height: 1.5em;

	list-style-type:circle;

	}

	

ol li {

	font-size: 10pt;

	color:#000000;

	line-height: 1.5em;

		}

		

ul li ul li{

	font-size: 10pt;

	color:#000000;

	line-height: 1.5em;

	}

	

ol li ol li{

	font-size: 10pt;

	color:#000000;

	line-height: 1.5em;

		}

		

img {

	border:none;

	margin:0;

	

}







blockquote {

	font-family:Verdana, Arial, sans-serif;

	font-size: 12pt;

	font-weight:normal;

	line-height: 1.6em;

	color:#000000;

	margin-bottom: 15px;

	padding: 8px; /*trbl*/

	text-align:left;

	}

		

a:link {

	color: #79b8e0;

	text-decoration:underline;

}



 a:active{

	color: #79b8e0;

	text-decoration:underline;

}





a:visited {	

	color: #79b8e0;

	text-decoration:underline;

	

}



a:hover {

	color: #79b8e0;

	text-decoration:underline;

	/*font-weight:bold; ih*/

}













	

/*--------LAYOUT DIVS ------------------*/

	

#main_wrapper {

	width:960px; /*sets max layout width */

	margin-left:auto;  /* centers layout in browser */

	margin-right:auto; /* centers layout in browser */

	text-align:left; /* resets the centering hack for IE6 on the body tag */

	

	}

	

	

#header {

	/* full width by default */

	height:204px;

	background-image:url(images/header.jpg);

	background-position:top center;

	background-repeat:no-repeat;

	

			

	}

	

#flipboxes {

	height:244px;

	/*background-image:url(images/flip_querycontainer.jpg);*/

	/*background-position:top center;*/

	/*background-repeat:no-repeat;*/

}







		

#content {

	float:left;

	width:660px;

	background-color:#fff;

	}







#footer {

	/* full width by default */

	clear:both;

	background-image:url(images/footer.jpg);

	height:61px;

	background-repeat:repeat-x;

	text-align:center;

	

	

	

	



	}







/*--- the Inner Div items ----- */



#header_inner, #leftbar_inner, #content_inner, #promo_inner {

	overflow:hidden; /* prevents oversize elements from breaking the layout */

	}

	

#header_home_inner {

	/*padding:.25em 2em;*/

	height:309px;

	

	}

	

#header_inner {

	/*padding:.25em 2em;*/

	height:200px;

	

	}

	

#flipboxes_inner {

	

	

}





#content_inner {

	padding:25px 25px 15px 70px; /*trbl */

	

	}

	





	

#footer_inner {

   

	

	padding-top:25px;

	

	color: #ffffff;

	

	

	}

	

#footer_inner p {

	color:#ffffff;

	

	

	

	}



#footer_inner a {

	font-weight:bold; 

	text-decoration:none;

	color: #fff;

	}	/*ih- changed footer hyperlink styles to match comp*/

	

/*#footer_inner a:hover {

	color: #ffffff;

	text-decoration:underline;

	}*/



/*------------NAVIGATION -------------------*/



#topnav {

 

 padding-top: 15px;

 padding-right: 0;

 padding-bottom:15px;

 padding-left:525px;

 text-align: left;

}



#topnav li{

	display: inline;

 	padding-right: 23px;

	color:#fff;

	font-family:"Trebuchet MS", Arial, sans-serif;

	text-transform: uppercase;

	font-size: 14pt;

	list-style: none;

}





#topnav li.last{

	padding-right:0;

	} 







#topnav a {



 color:#d6cde6;/*ih - was #fff*/

 /*ih - unnecessary font-size:14pt;*/

 text-decoration: none;



}



#topnav a:hover {

 color: #fff;

}





#current a

{

color:#ffffff;



}









/*------------CLASSES -------------------*/



	

.boxtext{

color: #fff;

font-size: 14pt;

line-height: 21px;

text-align: center;

}



/*------------SIDEBAR ----------------------*/



		

#sidebar {  

		

	margin-left: 660px;

	width:300px;

	background-color:#fff;

	background-image:url(images/sidebar-bg.jpg);

	background-position:top left;

	background-repeat:repeat-y;

	min-height:310px;

	

		

	}

	



#sidebar_inner {

	padding: 25px 10px 15px 50px;

	text-align:left;

	color: #79b8e0;

	font-size: 12px;

			

	}



#sidebar_inner p{

	color: #79b8e0;

	font-size: 14px;

			

	}





#sidebar p.home, #sidebar p.page{  

	padding: 15px 0;	

	line-height: 30px;

	/*ih added above rules to provide air to the sidebar paragraph on home page*/

		

	}

#sidebar p.photocaption{  

	color:#000;

	font-size: 9pt;

	padding: 15px 0;	

	line-height: 18px;

	/*ih added above rule*/

	

	}

	

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {

	color: #79b8e0;

	}

	

	

/* from default */	

	

#sidebar_inner h2{

	/*ih*/font-family:"Trebuchet MS", Arial, sans-serif;

	color: #79b8e0;

	margin: 5px 0 0;

	padding: 0 0 3px 0;

	font-size:14px;

	font-family: Verdana,Arial, sans-serif;

	}	

	

#sidebar_inner ul, #sidebar ul ol {

	margin: 0;

	padding: 0;

	padding-bottom:35px; /*Add space after each of the sidebar widget items */

	}



#sidebar_inner ul li {

	list-style-type: none;

	list-style-image: none;

	/*margin-bottom: 5px;*/

	

	}



#sidebar_inner ul p, #sidebar ul select {

	margin: 5px 0 10px;

	}



#sidebar_inner ul ul, #sidebar ul ol {

	margin: 2px 0 0 15px;

	}



#sidebar_inner ul ul ul, #sidebar ul ol {

	margin: 0 0 0 18px;

	}



ol li, #sidebar ul ol li {

	list-style: decimal outside;

	}



#sidebar_inner ul ul li, #sidebar ul ol li {

	margin: 2px 0 0;

	padding: 0;

	}

	

	

/*-----------From the Loop Stuff -------------*/



.post {

	margin: 0 0 40px;

	/* padding:25px 25px 15px 70px; trbl */

	text-align: justify;

	}

	

	

	

	

/*------------CAPTIONS -------------------*/

.aligncenter,

div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption {

	border: 1px solid #ddd;

	text-align: center;

	background-color: #f3f3f3;

	padding-top: 4px;

	margin: 10px;

	border-radius: 3px;

}



.wp-caption img {

	margin: 0;

	padding: 0;

	border: 0 none;

}



.wp-caption p.wp-caption-text {

	font-size: 11px;

	line-height: 17px;

	padding: 0 4px 5px;

	margin: 0;

}

/* End captions */



/*------------COMMENTS -------------------*/

.alt {

	margin: 0;

	padding: 10px;

	}



.commentlist {

	padding: 0;

	text-align: justify;

	}



.commentlist li {

	margin: 15px 0 10px;

	padding: 5px 5px 10px 10px;

	list-style: none;



	}

.commentlist li ul li { 

	margin-right: -5px;

	margin-left: 10px;

}



.commentlist p {

	margin: 10px 5px 10px 0;

}

.children { padding: 0; }



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

/* End Comments */



/*------------FORM ELEMENTS -------------------*/



#searchform {

	margin: 10px auto;

	padding: 5px 3px;

	text-align: center;

	}



#sidebar #searchform #s {

	width: 108px;

	padding: 2px;

	}



#sidebar #searchsubmit {

	padding: 1px;

	}



.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: 0px;

	float:left;

	}

	





#commentform {

	margin: 5px 10px 0 0;

	}

#commentform textarea {

	width: 100%;

	padding: 2px;

	}

#respond:after {

		content: "."; 

	    display: block; 

	    height: 0; 

	    clear: both; 

	    visibility: hidden;

	}

#commentform #submit {

	margin: 0 0 5px auto;

	float: right;

	}



/*------------LISTS OTHER THAN SIDEBAR  -------------------*/



	







html>body .entry li {

	margin: 7px 0 8px 10px;

	}





#sidebar ul ul li:before {

	content: "\00BB \0020";

	}





.entry ul {

	padding: 0 0 0 35px;

	margin: 0;

	}

	

.entry ul li {

	margin: 0;

	padding: 0;

	list-style-type:disc;

	}

	

.entry ol {

	padding: 0 0 0 35px;

	margin: 0;

	}



.entry ol li {

	margin: 0;

	padding: 0;

	}



.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: disc;

	list-style-image: none;

	}

	

/* ---------------IMAGES------------------------- */

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 */

/* New classes to handle issues with page navigation 1-27-10 */

.navigation {
padding-bottom: 45px;
}


.navalignright {


	float: right;
	margin-bottom: 5px;
	width: 180px;

	}



.navalignleft {

	float: left;
    margin-bottom: 5px;
	width: 180px;
  
	}
/* End Navigation class */
/*----------SEARCH WIDGET -------------*/



/****nrs-search-widget-with-title****/

div#nrs-search-widget-with-title-container div,

div#nrs-search-widget-with-title-container form{

display:inline;

text-align:left;

}

div#nrs-search-widget-with-title-input input{

font-size: .8em;

text-align:left;

}

div#nrs-search-widget-with-title-submit input{

font-size: .8em;

text-align:left;

}



div#nrs-search-widget-with-title-container {

margin-bottom:20px;

}