/* -----------------------------------------------------------------
               GERRENDESIGN.COM STYLES / VERSION 1.0
--------------------------------------------------------------------


------- SECTION LIST ORDER [ approximate location by line ] ---------

HTML and BODY
HEADER [50]
PAGE LAYOUTS [140]
TEXT and LINKS [315]
ENTRY STYLES [360]
MODULES [515]
	-GENERC
	-RECENT ILLUSTRATIONS
	-RECENT WEBSITES
	-NEAT LINKS
	-SEO INTRODUCTION
	-READS
	-MUSIC
COMMENT STYLES [1095]
FOOTER [1215]
SPECIAL PAGE STYLES [1240]
SPECIAL ENTRY STYLES [1330]
REDUNDENT MT STYLES [1360]

See http://www.gerrendesign.com/illustration/gallery_styles.css for
additional gallery and illustration page styles.

See http://www.gerrendesign.com/weblog/styles-site.css for additional 
web portfolio page styles.


---------------------------------------------------------------------
                          HTML and BODY
---------------------------------------------------------------------

NOTE: setting the HTML and BODY tags to width: 100% and height: auto 
means that the divs within will be capable of expand to the width of 
the browser and the height of the div content. */






html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}


body {
    width: 100%;
    height: auto;
	/* this is the dark grey bars that repeat accross the screen */
    background: #45484b url(http://www.gerrendesign.com/global_assets/images/grey_bg.gif) top left scroll repeat;
	Margin:0;
}



/*-------------------------------------------------------------------
                          HEADER STYLES
------------------------------------------------------------------- */
		
#header {height: 35px; width: 100%; background: transparent url(http://www.gerrendesign.com/global_assets/images/bg_shadow_extended.gif) top left scroll repeat-x;}

#header-inner {position: relative; margin-left: auto; margin-right: auto; width: 930px;}
#menu {border-bottom: 3px #333333 solid;}
#menu-inner {background-color: #222222;
	height: 23px;
	padding:0;
	margin: 0;
	text-align: center;
	width: auto;
	border-bottom: 1px #444444 solid;}
#menu-inner a {
   color: #eeeeee;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   line-height: 23px;
   margin: 0 10px 0 0;
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 7px;
   padding-right: 7px;

   /* Styles for top menu links */
 }

#menu-inner a:hover {
color: #cdaa65;
background: transparent; text-decoration: underline;}

#menu-inner a.active-page-link:hover {background: #990000; text-decoration: none; color: #ffffff;}


#header-logo {margin-top: -27px; background: transparent; width: 250px; height: 140px; position: relative; top; 0; left: 50px;}
#header-logo.biglogo a {background: transparent url(http://www.gerrendesign.com/global_assets/images/logo_paper_GD_big.png) top left scroll no-repeat; width:261px; height: 150px; display: block; color: #000000;}
#header-logo.smalllogo a {background: transparent url(http://www.gerrendesign.com/global_assets/images/logo_paper_GD_small.png) top left scroll no-repeat; width:261px; height: 61px; display: block; color: #000000; /margin-top: -10px;}




a.active-page-link {
   background-color: #990000;
   font-weight: bold;
   text-decoration: none;
   /* this ID is used to indicate that the link leads to the current page */
}

#menu-cell-inner a.active-page-link:hover {
   color: #ffffff;
}


.bg-shadow {


 
   z-index: 100; top: 0; position: absolute; width: 100%; margin: 0; padding: 0; 
   /* this div is the container for the shadow between the header and the main page, 
   also creates the shadow over the background */
}

.bg-shadow-inner {
   margin-left: auto; 
   margin-right: auto; 
   width: 930px; 
   height: 10px;

}

.page-border-shadow {
   background: #fcfcfc url(http://www.gerrendesign.com/global_assets/images/page_border_shadow.gif) top left scroll repeat-x;
   width: 5px; 
   float: left; 
   position: static; 
   height: 10px;
   /* this div creates the shadow effect over the main page white border */
}	

					
.page-shadow {
   background: #e2e1cb url(http://www.gerrendesign.com/global_assets/images/page_shadow.gif) top left scroll repeat-x;
   width: 920px; 
   float: left; 
   position: static; 
   height: 10px;
   /* this div creates the shadow effect over the main page */
}	




/*-------------------------------------------------------------------
                          PAGE LAYOUTS
------------------------------------------------------------------- */


#main-page-wrapper {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 930px;
	margin-top: -35px !important;
                margin-top: 0;
                /* This centers the main page and allows the absolute layout divs to be contained */
}




#main-page-clean {
	background-color: #e2e1cb;
	
	border-top: 0px #fcfcfc solid;
	border-right: 5px #fcfcfc solid;
	border-bottom: 5px #fcfcfc solid;
	border-left: 5px #fcfcfc solid;
	
	margin: 35px 0 0 0;
	padding: 0;
	
	display: block; 
	width: 920px; 
	height: auto; 
	position: absolute;
	/* This ID is for the main page */	
}			



#main-page-gallery {
	background-color: #e2e1cb;
	
	border-top: 0px #fcfcfc solid;
	border-right: 5px #fcfcfc solid;
	border-bottom: 5px #fcfcfc solid;
	border-left: 5px #fcfcfc solid;
	
	margin: 35px 0 0 0;
	padding: 0;
	
	display: block; 
	width: 920px; 
	height: auto; 
	position: absolute;	/* This is an alternate ID used by the illustration pages */
}


.full-kappa {width:100%; height: 270px; background: #000000 url(http://www.gerrendesign.com/global_assets/images/display_bg4.jpg) bottom left scroll no-repeat; margin-top: 25px;}


/* ALPHA AND BETA 50-50 COLUMNS */
.alpha-beta-layout {
    
    background-image: url(http://www.gerrendesign.com/global_assets/images/fcfcfc_pixal.gif);
    background-repeat: repeat-y;
    background-attachment: scroll;
    background-position: 460px 0px;
}

#alpha { 
   margin: 0; 
   width:459px; 
   padding: 0;  
   position: static;  
   float: left; 
   height: auto;
   background: #e2e1cb;

}
 
#alpha-inner { 
   width:430px; 
   position: static;  
   margin-left: 15px; 
   height: auto;
   margin-bottom: 40px;
}

#beta { 
   margin:0; 
   width:460px; 
   padding: 0; 
   float: right; 
   height: auto; 
   position: static; 

}

#beta-inner {
   padding: 0; 
   width:430px; 
   position: static; 
   margin-left: 15px; 
   margin-bottom: 40px;
   height: auto;
}



/* ALPHA DELTA GAMMA 50-25-25 COLUMNS */

.alpha-gamma-delta-layout {
    
    background-image: url(http://www.gerrendesign.com/global_assets/images/fcfcfc_pixal_2col.gif);
    background-repeat: repeat-y;
    background-attachment: scroll;
    background-position: 460px 0px;
}


#gamma {
   margin:0; 
   width:230px; 
   padding: 0; 
   float: left; 
   height: auto; 
   position: static; 
}
#gamma-inner {
   padding: 0; 
   width:200px; 
   position: static; 
   margin-left: 15px; 
   margin-bottom: 40px;
   height: auto;
}


#delta {
   margin:0; 
   width:230px; 
   padding: 0; 
   float: right; 
   height: auto; 
   position: static; 
}
#delta-inner {
   padding: 0; 
   width:200px; 
   position: static; 
   margin-left: 15px; 
   margin-bottom: 40px;
   height: auto;
}

/* EPSILON DELTA 75-25 COLUMNS */
.epsilon-delta-layout {
    
    background-image: url(http://www.gerrendesign.com/global_assets/images/fcfcfc_pixal.gif);
    background-repeat: repeat-y;
    background-attachment: scroll;
    background-position: 690px 0px;
}

.gamma-epsilon-layout {
    
    background-image: url(http://www.gerrendesign.com/global_assets/images/fcfcfc_pixal.gif);
    background-repeat: repeat-y;
    background-attachment: scroll;
    background-position: 229px 0px;
}

.gamma-epsilon-layout-grunge {
background: transparent url(http://www.gerrendesign.com/global_assets/images/fcfcfc_grunge_pixal.gif) top left scroll repeat-y;
}
#main-page-clean.gamma-epsilon-layout-grunge {
margin-top: 0;
}
.gamma-epsilon-layout-grunge  #gamma {background: #7f8274 url(http://www.gerrendesign.com/global_assets/images/gamma_bg2.jpg) top right scroll no-repeat;}

.gamma-epsilon-layout-grunge #epsilon {background: transparent url(http://www.gerrendesign.com/global_assets/images/epsilon_bg.jpg) top left scroll no-repeat;}

#epsilon {
   margin: 0; 
   width:690px; 
   padding: 0;  
   position: static;  
   float: left; 
   height: auto;
   background: #e2e1cb;
}
#epsilon-inner {
   width:660px; 
   position: static;  
   margin-left: 15px; 
   height: auto;
   margin-bottom: 40px;
}


/* KAPPA 100 COLUMN */
#kappa { 
   margin: 0; 
   width: 920px; 
   padding: 0;  
   position: static;  
   float: left; 
   height: auto;
   background: #e2e1cb;
   /*border-bottom: 1px  solid #ffffff;*/
}
#kappa-inner { 
   width: 889px; 
   position: static;  
   margin-left: 10px; 
   margin-right: 15px; 
   height: auto;

}




/* OMEGA PSI  66-33 COLUMNS */
.omega-psi-layout {
    
    background-image: url(http://www.gerrendesign.com/global_assets/images/fcfcfc_pixal.gif);
    background-repeat: repeat-y;
    background-attachment: scroll;
    background-position: 590px 0px;
}


#omega { 
   margin: 0; 

   width: 589px; 
   padding: 0;  
   position: static;  
   float: left; 
   height: auto;
  

}


#omega-inner { 
   width: 559px; 
   position: static;  
   margin-left: 15px; 
   height: auto;
   margin-bottom: 40px;
}

#main-page-gallery #omega-inner {
margin-left: 5px;
/* This style adjusts the spacing for the showcased images */
}

#psi { 
   margin:0; 
   width: 330px; 
   padding: 0; 
   float: right; 
   height: auto; 
   position: static; 
}


#psi-inner {
   padding: 0; 
   width: 300px; 
   position: static; 
   margin-left: 15px; 
   margin-bottom: 40px;
   height: auto;
}



/*-------------------------------------------------------------------
                          TEXT and LINKS
------------------------------------------------------------------- */


/* Generic Link Styles */
a img { border: 0; }

a {
font-family :  verdana,"Trebuchet MS", Arial, sans-serif;
}

.gamma-epsilon-layout-grunge a {color: #990000;}
.gamma-epsilon-layout-grunge a:hover {color: #ffffff; background: #990000; text-decoration: none;}

a { color: #336699;}
a:hover { color: #235689; }

.gamma-epsilon-layout-grunge  #gamma  a, #footer a {
color: #d3d2be;
background: transparent; 
text-decoration: none;
}
.gamma-epsilon-layout-grunge  #gamma  a:hover, #footer a:hover  {
color: #ffffff;
background: transparent; 
text-decoration: underline;
}

/* Generic Module Link Styles */

.module-list {
    margin: 0px;
	padding: 0px;
    list-style: none;
	width: 100%;
	position: static;
}
#gamma .module-list-item {
    margin: 0;
	width: 100%;
	display: block;
    
}

#gamma .module-list-item p { margin: 0; padding: 0;}

.gamma-epsilon-layout-grunge  #gamma .module-list-item a { 
text-decoration: none; 
width: 100%;
background: transparent;
padding: 5px 0 5px 0;
border-bottom: 1px solid #6a6c60;
display: block;
color: #d3d2be;
}

.gamma-epsilon-layout-grunge  #gamma .module-list-item a:hover {   
background: transparent url(http://www.gerrendesign.com/global_assets/images/list_highlight_grunge.jpg) repeat-y scroll top left;
color: #ffffff;

}




/* Generic Text and Form Styles */
h1 {
 font-family: "Trebuchet MS", verdana, Arial, sans-serif;
  
font-size: 28px;
	line-height: 26px;
	color: #000000;
	text-align: left;

	margin: 10px 0 0 0;
	padding: 0;
    height: auto;
    width: 100%;
}

h1 a{
	font-family:  "Trebuchet MS", verdana, Arial, sans-serif;
	text-decoration: none;
	color: #990000;
}

h1 a:hover{
text-decoration: underline;
color: #990000;
background: transparent;
}

.blue-header {
	font-family:  "Trebuchet MS", verdana, Arial, sans-serif;
    font-size: 20px;
	line-height: normal;
	font-weight: bold;
	text-align: left;
	color: #336699;
    
	position: static;
	float: left;
	clear: right;
	
	margin: 10px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	
    height: auto;
    width: 100%;
    background: transparent;
    border-bottom: 1px #c1c6b7 solid;
	border-left: 0;
	
}

.entry-header {	/* This styles the entry title */}
.entry-header a {}
.entry-header a:hover {}


h2 {

  font-family:  "Trebuchet MS", verdana, Arial, sans-serif;
    font-size: 20px;
	line-height: normal;
	color: #333333;
	text-align: left;
    
	position: static;
	float: left;
	clear: right;
	
	margin: 0;
	padding: 0;
	
    height: auto;
    width: 100%;
}

h2 a{
	font-family:  "Trebuchet MS", verdana, Arial, sans-serif;
	text-decoration: none;
	color: #333333;
}
h2 a:hover{
	text-decoration: underline;
}

h2.entry-subheader {
margin-bottom: 15px; 
margin-top: 0;  }

.recent-illustration-header {/* This styles the drawing board title */}
.recent-website-module {/* This styles the recent website title */}

h3 {
	font-family :  "Trebuchet MS", verdana, Arial, sans-serif;
    font-size: 18px;
	line-height: normal;
	color: #444444;
	text-align: left;
    border-bottom: #d2d1bb;
	position: static;
	float: left;
	clear: right;
	
	margin: 0 0 5px 0;
	padding: 0;
	
    height: auto;
    width: 100%;


}

#gamma .module h3 a{
	font-family :  "Trebuchet MS", verdana, Arial, sans-serif;
	text-decoration: none;
	color: #444444;
    background: transparent; 
}

#gamma .module h3 a:hover{
	text-decoration: underline;
    background: transparent; 
    color: #333333;
}

.introduction-header {/* This styles the SEO title */}
.neat-links-header {/* This styles the neat links title */}
.module-header {/* This styles the generic module title */}

.module-header a,
.module-header a:hover,
.trackbacks-header a,
.trackbacks-header a:hover,
.archive-header a,
.archive-header a:hover {}

.alpha-header {
position: static;
clear: both;
float: left;
width: 100%;
color: green;
}


p, span {color: #5a584d;}
p, li, label, span {
font-family :  verdana,"Trebuchet MS", Arial, sans-serif;
font-size: 11px;
margin-bottom: 10px;
line-height: 18px;
}
form { margin: 0; padding: 0; }


.hidden { display: none; }



/*-------------------------------------------------------------------
                          ENTRY STYLES
------------------------------------------------------------------- */



/* Main Blog Individual Entry Tweaks -- Phase Out! */

.individual-entry-layout {
margin: 10px 20px 10px 20px;

}

.individual-entry-comments {
margin: 10px 0 0 0;
}

.individual-entry-module {
margin: 20px 0 0 0;
}




.content-nav {
    margin: 10px;
    text-align: center;
	/* This is the container for the "previous entry" and "next entry" links */
}


.entry-content {

margin-top: 10px; position: static; float: left; clear: right; width: 100%;
}


.entry,
.trackbacks,
.archive {
    position: static;
    overflow: hidden;
    clear: both;
    width: 100%;
    margin-bottom: 20px;

}

.entry-content,
.trackbacks-info,
.trackback-content
{
    clear: both;
}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more {
    clear: both;
}



.entry-more-link,
.entry-footer,
.trackback-footer,
.typelist-thumbnailed {
    font-size: 11px;
}




.entry-content,
.trackback-content {
    margin: 0;
    line-height: 1.3;
   padding: 0px;

 
}




.entry-content .hint { 
background-color: #D2D1BB; 
margin: 25px 0 25px 0; 
padding: 10px;
}

.entry-tags {
    margin: 0 0 10px 10px;
}

.entry-tags-header,
.entry-tags-list,
.entry-tag { display: inline; }

.entry-tags-list {
    list-style:none;
    padding: 0px;
}

.entry-footer,
.trackback-footer {
   
position: static;
clear: left;
width: 100%;
float: left;
display: block;
 margin: 0 0 20px 0;
	padding: 15px 0 5px 0;
	border-bottom: 1px solid #ffffff;
	
    color: #666666;
    font-size: 10px;
    text-align: left;
	/* This styles the entry footer */
}
.gamma-epsilon-layout-grunge .entry-footer {background: transparent url(http://www.gerrendesign.com/global_assets/images/entry_footer.gif) center center no-repeat scroll; height: 76px; border: 0;}

.entry-footer .addthis {
display: inline;
}

.entry-footer .addthis  a img {
display: inline;
vertical-align: bottom;
}


#small-logo {
margin-top: 10px;
width: 100%;
text-align: center;
}


/*-------------------------------------------------------------------
                          MODULE STYLES
------------------------------------------------------------------- */



/*-----------------GENERIC MODULE STYLES-----------------------*/



.module {
	margin: 10px  0 10px 0;
	position: static;
	float: left;
	clear: both;
	width: 100%;
	background: transparent;
}

.module-content {
	position: static;
	float: left;
	clear: both;
	width: 100%;
	background: transparent;
}

.module-search input { font-size: 10px; }
.module-search #search { width: 100px; }

.module-powered { border-width: 0; }
.module-powered .module-content {
    margin-bottom: 0;
    border: 1px dashed #a2a192;
    padding-bottom: 10px;
    color: #3a3934;
    background: #e2e1cb;
	position: static;
}


/*-----------------RECENT WEBSITE MODULE-----------------------*/

#recent-website-module {
	position: static;
	clear: both;
	width: 100%;
}


#recent-website {
               
	position: static;
    overflow: hidden;
    clear: both;
    width: 100%;
	
	margin: 0 0 30px 0;
	padding: 0;
	
       border-top: 1px #c1c6b7 solid;
	border-right: 1px #c1c6b7 solid;
	border-bottom: 1px #c1c6b7 solid;
	border-left: 1px #c1c6b7 solid;
	
	background: transparent;


}




#recent-website-content {
	position: static;
	margin-bottom: 10px;
	width: 100%;
}

.recent-website-link {
	margin: 10px 0px 10px 10px;
	float: left;
	position: static;
}

.recent-website-link img{
	border: 1px solid #ffffff;
	margin: 0;
	padding: 0;
	color: #cdaa65;
}


#recent-website-content .website-links-info {
	float: left;
	position: static;
	margin-top: 10px;
	border-bottom: 1px #336699 dotted;
}

#recent-website-content .website-links-title {
	color: #333333;
	font: 13px/22px "Trebuchet MS",  verdana, Arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#recent-website-content .website-links-role {
	color: #666666;
	margin: 0;
	padding: 0;
}

#recent-website-content .website-links-client{
	color: #666666;
	margin: 0 0 10px 0;
	padding: 0;
}







/*-----------------SEO INTRODUCTION MODULE-----------------------

NOTE: These styles are used to make the H1, H2, and H3 tags in the intro seem like
they are all part of a paragraph instead of headers.  This gives the page better 
search optimization without flooding it with strange looking keywords.
*/

#intro-module {
	position: static;
      
}



.introduction {

	padding: 0px;
	font-family: verdana, "Trebuchet MS",  Arial, sans-serif;
	font-size: 10px;
	color: #333333;
	width: 200px;
	position: static;
	float: left;
	clear: right;  
	background: transparent;
	margin-bottom: 20px;
   
}


.introduction .introduction-content {
	padding: 8px 0 0 0;
	width: 200px;

}



h1.introduction-keywords {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: verdana, "Trebuchet MS",  Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: normal;
	display: inline;
	height: auto;
	width: auto;
	position: static;
	float: none;
	clear: none;
}

.introduction-links {
	margin: 0px;
	padding: 10px 8px 10px 0px;
	font-family: verdana, "Trebuchet MS",  Arial, sans-serif;
	font-size: 9px;
	color: #333333;
	position: static;
	float: left;
	clear: right;   

}

.introduction-links  a {
	
}

.introduction-box-overall {
	border-top: 1px solid #c1c6b7;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	position: static;
	float: left;
	clear: left;  
	width: 200px;
	background: transparent;
}
.introduction-box1 {
	border-top: 0;
	border-right: 1px solid #c1c6b7;
	border-bottom: 0;
	border-left: 0;
	width: 91px;
	position: static;
	float: left;
	padding: 3px;
	font-family: verdana, "Trebuchet MS",  Arial, sans-serif;
	font-size: 9px;
	color: #336699;
}
.introduction-box2 {
	width: 92px;
	position: static;
	float: left;
	padding: 3px;
	font-family: verdana, "Trebuchet MS",  Arial, sans-serif;
	font-size: 9px;
	color: #336699;
}

.introduction-box1 a,
.introduction-box2 a{
	
}




/*-------------------------READS MODULE---------------------------
NOTE: not currently in use.
*/

.reads {
	position: static;
	float: left;
	clear: left;

}


/*-------------------------MUSIC MODULE---------------------------
NOTE: not currently in use.
*/

.music {
	position: static;
	float: left;
	clear: left;

}




/*-------------------------------------------------------------------
                          COMMENT STYLES
------------------------------------------------------------------- */

.user-pic {
    float: left;
    position: relative;
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 10px 0 0;
}

.auth-icon {
    position: absolute;
    bottom: 0;
    left: 0;
}



.comments-open label {
    display: block;
}

#comment-author, #comment-email, #comment-url, #comment-text {
    width: 80%;
}

#comment-bake-cookie {
    margin-left: 0;
    vertical-align: middle;
}

#comment-submit {
    font-weight: bold;
}

.comment,
.trackback {
    margin-bottom: .5em;
    border-bottom: 1px solid #d2d1bb;
    padding-bottom: .5em;
}

.comment .asset-meta,
.trackback .asset-meta {
    border: 0;
}
/*
.comment-content {
	display: block;
	/*background: #d2d1bb;
    clear: none;
    line-height: 1.5;
    margin-bottom: 1em;
	margin-left: 60px;
}
*/

.comment-content p {
    margin-bottom: .5em;
}

#comments-form {margin-top: 20px;}


/*-------------------------------------------------------------------
                          FOOTER STYLES
------------------------------------------------------------------- */

#footer {
	
	color: #d3d2be;
	width: 920px; 
	position: static;
	float: left;
	clear: both;
	text-align: center;
	background-color: #e2e1cb;
	height: 50px;
	border-top: 1px solid #ffffff;

}

.gamma-epsilon-layout-grunge #footer {
background-color: #555555;
border-top: 0px solid #ffffff;
margin-top: 0;
}

#footer p {
	margin-top: 10px;
    color: #d3d2be;
	/* This is important for IE */
}

#footer a {
                color: #93927a;

}



/*-------------------------------------------------------------------
                      SPECIAL PAGE STYLES
------------------------------------------------------------------- */




/*-------------------------ABOUT PAGE---------------------------*/

#about-photo {
	border: 1px solid #fffff;
}

#about-copy {
	width: 400px;
	position: static;
}

#about-fun-copy {
	padding: 10px 10px 10px 10px;
	background: transparent;
	height: 200px;
	width: 300px;
	margin-right: 20px;
	border: 1px solid #c1c6b7;
	/* this is obsolete */
}


/*-------------------------LINKS PAGE---------------------------*/

.links-page-list {
	list-style-type: none;
	margin: 0 20px 0 20px;
	padding: 0;
}

.links-page-list li {
	line-height: 1;
	margin: 0 0 15px 0;
}

.links-page-title {
	font: 10px/10px verdana, Arial, sans-serif;

	color: #666666;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.links-page-address p {
	font: 10px/12px verdana, Arial, sans-serif;
	color: #cdaa65;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#links-page-content {
	position: static;
	float: left;
	clear: left;
       width: 100%

}

.link-subject-header {
	font-family: "Trebuchet MS", verdana, Arial, sans-serif;
	font-size:16px;
	color: #336699;
	padding: 0;
	margin: 5px 0 10px 10px;
	
}


/*-------------------------INDIA PAGE---------------------------*/
#india-overall-content {
	position: static;
	float: left;
	clear: left;
}

.india-overall-photo {
	margin: 0 0 20px 0;
}

.india-overall-photo img {
margin: 10px;
vertical-align: top;

}

.india-overall-photo p{
	margin: 0 0 20px 10px;
	text-align: left;
}



/*-------------------------------------------------------------------
                      SPECIAL ENTRY STYLES
------------------------------------------------------------------- */

/*--------SPECIAL STYLES FOR ENTRY #20 ----------*/

.color-examples {
	margin: 0;
	padding: 0;
	display: block;
}

.colorblok {
	height: 11px; 
	width: 11px; 
	padding: 0 3px 0 3px;
	margin: 1px 3px 0 1px; 
	line-height: 0px;
	display: inline;
	vertical-align:middle;
}

.color-examples td {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 9px;
} 



/*-------------------------------------------------------------------
                          REDUNDENT MT STYLES
------------------------------------------------------------------- */


#trackbacks-info {
    margin: 10px 0;
    border: 1px dashed #a3b8cc;
    padding: 0 10px;
    color: #292e33;
    font-size: 11px;
    text-align: center;
    background: #e6ecf2;
}





.module-tagcloud .module-list {text-align: center; }
.module-tagcloud .module-list { list-style: none; }
.module-tagcloud .module-list-item { display: inline; }
.module-tagcloud li.taglevel1 { font-size: 19px; }
.module-tagcloud li.taglevel2 { font-size: 17px; }
.module-tagcloud li.taglevel3 { font-size: 15px; }
.module-tagcloud li.taglevel4 { font-size: 13px; }
.module-tagcloud li.taglevel5 { font-size: 11px; }
.module-tagcloud li.taglevel6 { font-size: 9px; }



/* Search results templates */
.mt-search-results .search-results-header {
    border: 2px solid #669;
    background-color: #36414d;
    color: #eee;
    padding: 5px;
}
.mt-search-results .search-results-container { margin-left:10px; }
.mt-search-results form#search-form { width: 400px; margin: 0px auto 20px auto; }
.mt-search-results form#search-form input#search { width: 80%; }
.mt-search-results form#search-form p#search-options { text-align:center; }

/* Entry tag display */
div.entry-tags { margin:0 0 10px 10px; }
ul.entry-tags-list {
    list-style:none;
    padding: 0px;
}
h4.entry-tags-header,
ul.entry-tags-list,
li.entry-tag { display: inline; }




/* NEW STYLES */

#kappa-display-area {
   height: 300px;
width: 900px;
margin: 0;
}

#backbox {  height: 300px; width: 2700px; position: absolute; overflow: hidden;  clip: rect(0px, 900px, 300px, 0px);  }
#backbox {
   /width: 900px;
}
#backbox div {height: 300px; width: 900px; position: relative; top: 0; float: left; }
#backbox div.active {}


#tagline { margin: 0; padding: 0; display: none;}
#tagline p {color: #ffffff; padding: 15px 50px 50px 510px; margin: 0;}

#tagline p a {color: #ffffff; text-decoration: none;}
#tagline p a:hover {color: #ffffff; text-decoration: underline;}


#ill-index-gallery {
background-color: #d2d1bb;               
 position: static;
float: left;
clear: none;
	margin: 0 0 20px 0; 
padding: 10px;


}


.ill-index-link {
                position: static;
                float: left;
                
               /* background: #d1d0bc  url(http://www.gerrendesign.com/global_assets/images/ill_link_bg.gif) top left scroll repeat-x; */
                text-decoration: none;
                
                text-align: center;
                overflow: hidden;
				margin: 15px 20px 15px 20px;
border: 1px solid #cdaa65;
width: 81px;
height: 81px;

               }


 .ill-index-link:hover {
 text-decoration: underline; background: transparent;
border: 1px solid #990000;}


.ill-index-link img{
                position: static;
                border: 3px solid #ffffff;
                margin:  0;
                height: 75px;
                width: 75px;
                               
}



.ill-index-link:hover img{
 
border: 3px solid #ffffff;
}


.ill-index-link span {
	width: 100%;
font-family :  "Trebuchet MS", verdana, Arial, sans-serif;
	font-size:11px;
	margin: 5px 0 10px 0;
	position: static;
                float: left;
                clear: left;
font-weight: bold;
display: none;
     
}



#slideright {
position: static;
float: left;
background: transparent url(http://www.gerrendesign.com/global_assets/images/dboard_arrow.png) top right no-repeat scroll; 
height: 62px; width: 62px; 
cursor: pointer; display: block; 
margin-top: 50px; margin-left: 10px;

}



#drawingboard {
width: 1200px; height: 111px;  position: absolute; overflow: hidden; clip: rect(0px, 500px, 111px, 0px);
}

#outer-drawingboard {
position: relative; width: 500px; height: 111px;   
overflow: hidden; float: left; margin: 25px 0 0 50px;
}

#drawingboard div {

	position: relative;
	top: 0;
	float: left;

}


#dboard {
width: 675px;
height: 232px;
background: transparent url(http://www.gerrendesign.com/global_assets/images/dboard_new.jpg) no-repeat scroll top left;
margin: 0 0 30px 0;
position: static;
}

.dboard-link {
font-size: 10px;
padding: 0;
margin: 30px 0 0 500px;
}