/*  
Theme Name: CGS
Theme URI: http://the-cloisters.net/themedemos/?SelectedTheme=Wasteland
Description: 5 Column (main content, 2 sidebars and 2 top sections), widget-ready fixed width theme in soothing Creme and Brown colors featuring an author box, author info page, gravatars and highlighted author comments in the comments section along with Custom Archives, Sitemap and full width No Sidebars page templates.  Tested in Firefox, Opera, Safari, IE6 and IE7. Compatible up to Wordpress 2.7.
Version: 1.3
Author: Mina
Author URI: http://www.the-cloisters.net/
Tags: 5 column, fixed width, gravatars, widgets, creme, brown, author box, sitemap, archives, 2.7

*/


/***** TYPOGRAPHY AND LINKS *****/
body, address, dd, dl, hr, p, form { font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-serif; margin: 0; padding: 0; }

h1 { color: #008ED6; font-family: Georgia, "Trebuchet MS", Helvetica, Verdana, Times, Tahoma, Arial, Sans-serif; margin: 0; padding: 0 0 20px 5px; }

h3 { color: #008ED6; font-family: Georgia, "Trebuchet MS", Helvetica, Verdana, Times, Tahoma, Arial, Sans-serif; margin: 0; padding: 0 0 20px 5px; }

h2, h4, h5, h6 { color: #006056; font-family: Georgia, "Trebuchet MS", Helvetica, Verdana, Times, Tahoma, Arial, Sans-serif; margin: 0; padding: 0 0 20px 5px; }

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }

.upper {
text-transform: uppercase;}

a:link, a:visited { text-decoration: none; color: #006056; }
a:hover { text-decoration: underline; color: #003F49; }
p { padding: 10px; }
blockquote { margin: 15px 40px 10px 30px; padding: 0 10px 10px 20px; font-style: italic; border-left: 2px solid #E1E1E1; border-right: 2px solid #E1E1E1; }

/***** MAIN CONTENT *****/
body { margin: 0; font-size: 76.5%; text-align: center; vertical-align: top; background: #006056; }

#wrapper { margin: 0 auto 0 auto; width: 1000px; text-align: left; }

#main_content { background: #FFFFFF url(images/background.png) no-repeat bottom right; float: left; margin: 0 auto 0 auto; padding: 0; width: 1000px; border: #000000 3px double; }
#container { float: left; width: 520px; margin: 0 10px 0 7px; padding: 0 10px 10px 10px; }
#container_wide { float: left; width: 900px; margin: 0 0 0 35px; padding: 5px 5px 0 7px; }

#post {clear: both; }

.post { padding: 10px 0 5px 0; }
.post h2 { font-size: 1.5em; margin: 0 0 0 5px; padding-top: 5px; }
.entry { font-size: 1.02em; /*background: url(images/dot.gif) repeat-x scroll 0pt 100% !important;*/ line-height: 1.42em; padding: 0 0 40px 0; }
.postmetadata { margin: 0; font-size: 9px; }
.date {	font-size: .9em; margin-top: -30px; }

#author-box { width: 90%; min-height: 115px; margin: 10px 10px 20px 10px; padding: 0 10px 10px 10px; background: #b3a381; border: #3f3013 1px solid; }
#author-box .avatar { float: left; width: 80px; height: 80px; }
#author-box h2 { padding: 0; margin: 5px 0 5px 0; }


/***** HEADER *****/
#header-wrap { float: left; width: 1000px; height: 140px; background: #006056; padding: 0; margin: 0 auto 0 auto; }
.header { background: #006056 url(images/header.jpg) no-repeat; width: 1000px; height: 140px; margin: 0 auto 0px auto; padding: 0; float: left; }
.header h1 { width: 500px; padding: 0; margin: 15px 0 0 30px; font-family: Georgia, Times New Roman, Sans-serif; font-size: 3.5em; line-height: 40px; text-align: left; }
.header h1 a { text-decoration: none; color: #FFFFFF; }
.header h1 a:hover { text-decoration: none; color: #D2D2D2; }
.header .description { width: 500px; margin: 0 0 0 60px; padding: 0; font-size: 1.5em; font-weight: normal; font-family: Georgia; color: #FFFFFF; text-align: left; text-transform: lowercase; }


/***** HORIZONTAL MENU *****/
.menu  { float: left; width: 1000px; height: 30px; margin: 0; padding: 0; display: inline; background: #C9E8DD url(images/hz_bg.png) repeat-x; border-bottom: 1px solid #003F49; border-top: 1px solid #003F49; }
.menu ul { width: 100%; margin: 0; padding: 8px 0; list-style: none; }
.menu ul li { display: inline; margin: 0; }
.menu ul li a { width: 100%; margin-left: 10px; padding: 8px 3px 4px 3px; text-decoration: none; color: #E1E1E1; font-size: 1.1em; }
.menu ul li a:hover { color: #3C3C3C; background: url(images/hhz_bg.png) repeat-x; text-decoration: none; }
.menu a:link, .menu a:visited { text-decoration: none; color: #E1E1E1; }

/***** LOGO *****/
#logo { background: url(images/cgs.jpg); width: 210px; height: 89px; margin: 15px 0px; padding: 0; }

/***** IMAGES *****/
p img { padding: 0; max-width: 100%; }
a img { border: #544b40 1px solid; padding: 0px; background: none; }

img.avatar { float: left; margin: 5px; border: #544b40 1px solid; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 3px; margin: -12px 0 7px 7px; display: inline; }
img.alignleft { padding: 3px; margin: 0 7px 0 0; display: inline; }

.alignright { float: right; }
.alignleft { float: left; }
.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; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; 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; }

#flickrrss img { border: 0; float: left; margin: 0; padding: 0; }

.thumbnail { width: 60px; height: 60px; float: left; margin: 3px; border: #544b40 1px solid; }
.medium { width: 250px; height: 150px; float: left; margin: 3px; border: #544b40 1px solid; }


.rsswidget {height: 14px; width: 14px; }
.rsswidget img {background-color: none; border: none; padding: none; }




/***** TABLES *****/
.presentation table { align: center; border-collapse: collapse; border: 1px solid #E1E1E1;   }
.presentation th { font-size: small; text-align: center; background: #7DA5D8 url(images/button2.png) bottom; color: #ffffff;}
.presentation td { font-size: small; background: #e2edff; border: 1px solid #D2D2D2; }

.resource table { border-collapse: collapse;  }
.resource th { font-size: small; color: #ffffff; background: #008ED6; padding: 10px; border-top: 2px solid #0066AA; border-bottom: 2px solid #0066AA; }
.resource td { padding: 8px; border-bottom: 1px solid #E2EDFF; }
.resource tr:hover { background-color: #E2EDFF; }
.resource a:link, .resource a:visited { text-decoration: none; color: #008ED6; }
.resource a:hover { color: #008ED6; text-decoration: underline; }



/****** CONTACTS ******/
#contacts { width: 100%; height: 200px; font: bolder medium Times; }
.contactsimg { width: 250px; height: 185px; float: right; }
.contactsimg img { border: 1px solid black; }

/****** SERVICES PAGE *****/
#services { height: 600px; float: left; }

/****** TOOLS PAGES *****/

#tools table {
  border-collapse: none; 
  padding-left: 2px; 
  align: top;
  border: 1px dashed gray;
  /*width: 100%;*/ 
}  
  
#tools th, #tools td {
  padding: 0px;
} 

#tools th {
  font-size: x-small;
  padding: 2px;
  vertical-align: top;
  text-align: center;
  width: 400px;
}

#tools td {
  font-size: small;
  padding: 2px;
  padding-left: 5px;
}  
  
#tools caption {
  color: #000066;
  font-size: small;
  text-align: left;
  padding-bottom: 5px;
  font-weight: bold;
}

#tools a:link {
  color: black;
  text-decoration: none;
}

#tools a:visited {
color: #006056;
text-decoration: none;
}


#tools a:hover {
  text-decoration: none;
  color: white;
  background-color: #006056;
}

#tools a:active {
  color: #008ED6;
  background-color: #006056;
}

#tools .results table {
  /*padding-left: 20px;*/
  width: 400px;
  margin-left: 2px;
  padding: 2px;
}

#buttons {
  width: 50%;
  padding: 10px;
  margin: 10px;
  margin-left: 30px;
  border: 1px solid black;
  background: url(images/button2.png);
}

#buttons a:link {
  color: #0066AA;
  text-decoration: none;
}

#buttons a:visited {
color: #969696;
text-decoration: none;
}

#buttons a:hover {
  text-decoration: none;
  color: white;
  background-color: transparent;
}

#buttons a:active {
  color: #008ED6;
  background-color: transparent;
}

#buttonst table {
  width: 800px;
 }

#buttonst td {
  border: none;
  text-align: center;
}





/***** NAVIGATION *****/
.navigation { padding: 5px 0 5px 10px; font-size: 9px; font-weight: bold; line-height: 18px; }

/***** FOOTER-CONTAINER *****/
#footer-container {float: left; width: 1000px; height: 80px; margin: 0; padding: 0; display: inline; }

/***** FOOTER *****/
#footer  { float: left; width: 1000px; height: 30px; margin: 0; padding: 0; display: inline; background: #006056 url(images/hz_bg.png); border-top: 1px solid #003F49; border-bottom: 1px solid #003F49; }
#footer p { font-size: .9em; width: 900px; height: 30px; float: right; line-height: 18px; padding: 5px 10px 0 10px; text-align: right; color: #E1E1E1; }
#footer a { color: #E1E1E1; }

/***** BOTTOM *****/
#bottom { float: left; width: 1000px; height: 50px; margin: 0; padding: 0; display: inline; background: #E1E1E1 url(images/bottom.JPG) no-repeat; }


/***** SUBSCRIPTION *****/
.subscribe  { float: right; margin: 0px 0px 0 0; padding: 0; text-decoration: none; }
.subscribe img { border: none; }

/***** SIDEBAR *****/
#left_sidebar { width: 210px; float: left; margin: 0 0 20px 5px; padding: 0 auto 0 auto; clear: left; } 
#right_sidebar { width: 210px; float: right; margin: 0 5px 20px 0; padding: 0 auto 0 auto; vertical-align: top; } 
#left_sidebar ul li a:hover, #right_sidebar ul li a:hover { color: #E1E1E1; background: #669999; }
#left_sidebar ul li a, #right_sidebar ul li a { font-size: 1.08em; display: inline; margin: 0; padding: 0; }
#left_sidebar ul li, #right_sidebar ul li { background: #C9E8DD; display: block; padding: 0 0 3px 0; margin: 0; list-style: none; }
#left_sidebar ul ul, #right_sidebar ul ul { margin: 0 0 0 10px; }
#left_sidebar ul ul ul, #right_sidebar ul ul ul { margin: 0 0 0 10px; }
#left_sidebar ul, #right_sidebar ul { margin: 0 0 5px 0; padding: 0; }
#left_sidebar h2, #right_sidebar h2, #commentblock h2 { font-size: 1.06em; text-transform: uppercase; letter-spacing: normal; margin: 15px auto 5px auto; padding: 3px 3px 3px 0px; text-align: center; background: #669999 url(images/cat_bg.png) bottom; border-top: #006056 1px solid; border-bottom: #006056 1px solid; } 
/*
#left_sidebar h2 li a:hover, #right_sidebar h2 li a:hover, #commentblock h2 a:hover li { font-size: 1.06em; text-transform: uppercase; letter-spacing: normal; margin: 15px auto 5px auto; padding: 3px 3px 3px 0px; text-align: center; color: #C9E8DD; background: #7DA5D8; display: inline;}*/

/***** LINKS *****/
#left_sidebar .nohilite ul li a, #right_sidebar .nohilite ul li a { color: #C9E8DD; background-color: #C9E8DD; text-decoration: none; }
#left_sidebar .nohilite a:hover, #right_sidebar .nohilite a:hover { color: #C9E8DD; background-color: #C9E8DD; text-decoration: none; }
#left-sidebar .nohilite a:link, #left_sidebar .nohilite a:visited, #left-sidebar .nohilite a:link, #right_sidebar .nohilite a:visited { #C9E8DD; background-color: #C9E8DD; text-decoration: none; }


/***** SEARCH *****/

.search .txt { margin: 5px 5px 5px 5px; padding: 0px 0px; text-align: left; width: 170px; }
/*#sidebar #searchform #s { width: 150px; padding: 2px; }
/*#sidebar #searchsubmit { padding: 1px; }*/


/***** Calendar *****/
#wp-calendar { text-align: center; background: #669999; margin: 0 0 10px 20px; padding: 0; width: 80%; border: #3f3013 1px solid; font-variant: small-caps; font-family: Times, Verdana, Sans-Serif; }
#wp-calendar td { line-height: 10px; font-size: 10px; color: #003F49; font-variant: small-caps; }
#wp-calendar td a { display: block; color: #003F49; text-decoration: none; line-height: 10px;
font-weight: bold; font-variant: small-caps; font-size: 10px; }
#wp-calendar #prev a { width: 30px; font-variant: small-caps; }
#wp-calendar #next a { width: 30px; margin: 0 0 0 30px; font-variant: small-caps; }
#wp-calendar #today { background: #006056; color: #D2D2D2; font-variant: small-caps; }
#wp-calendar #today a { color: #C9E8DD; font-weight: 700; font-variant: small-caps; }
#wp-calendar caption { color: #006056; text-align: center; width: 80%; margin: 5px 0 5px 20px; font-family: Times, Verdana,Sans-Serif; font-size: 14px; }

/***** COMMENTS *****/
.comments-template { margin: 0 10px; border-top: 1px solid #dcd7bc; padding: 0 10px; }
.comments-template ol { margin: 0; padding: 0 0 15px; list-style: none; }
.comments-template ol li { margin: 0; line-height: 14px; padding: 10px 0 10px 5px; }
.comments-template h2, .comments-template h3 { font-family: Georgia, Sans-serif; font-size: 12px; margin: 10px 0 0 0; }
.commentmetadata { font-size: 9px; }
.comments-template p.nocomments { padding: 0; }
.comments-template textarea { width: 95%; max-width: 500px; font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 11px; background: #efeadc; }
.authorcomment { background: #ded3b7; }

/***** TOP *****/
#top { clear: right; float: left; width: 550px; margin: 14px 15px 0px 0; padding: 0; background: #FFFFFF; }

/*#top { clear: both; float: left; width: 780px; margin: 14px 0 0 0; padding: 0; background: #FFFFFF; }*/


/***** TOP SECTIONS*****/
.top-section { background: url(images/dot.gif) repeat-x scroll 0pt 100% !important; float: left; width: 535px; height: 215px; margin: 15px; padding: 0; color: #444; }
/*.top-section .area { background: #C9E8DD; float: left; width: 230px; height: 150px; margin-left: 5px; padding: 0; border: #669999 1px solid; }*/
.top-section .area.extra { background: url(images/welcome2.png) bottom no-repeat; width: 535px; height: 200px; margin-left: 0px; padding: 0; } 
.top-section .area h2 { color: #444; font-size: 1.2em; text-transform: uppercase; letter-spacing: normal; margin: 5px auto 5px auto; padding: 3px 3px 3px 7px; text-align: left; background: transparent; border-bottom: #7c7953 1px solid; width: 95%; }
.top-section .area ul li ul li { list-style: none; margin: 0; }
.top-section .area li { list-style: none; text-align: left; margin: 0; font-size: 1.1em; }
.top-section .area a { color: #444; font-size: .8em; }
.top-section .area a:hover { color: #fff; }

/***** IE HACKS *****/
*html #left_sidebar { margin: 0 0 20px 3px; } 
*html #main_content {padding-bottom: 10px; border: #fff 3px double; }
*html #container { width: 520px; margin: 0 10px 0 2px; padding: 0 10px 10px 10px; }
*html #container_wide { margin: 0 0 0 20px; }
*html #top, .top-section { margin-left: -1px; }
*html .top-section .area { height: 150px; }
*html .top-section .area.extra { width: 530px; height: 150px; }