/**
 * Base - Sets vertical rhythm and basic overall typographic face-lift
 * 
 * @package WPFramework
 * @subpackage Media
 * @beta
 */

/**
 * Reset - Resets all browsers down to common default settings
 *
 * @credits Eric Meyer's CSS Reset <http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/>
 * @package WPFramework
 * @subpackage Media
 */

/************************** RESET AND HOUSECLEAN *********************/

/* Eric Meyer Reset Reloaded */
html, body, div, span, object, iframe, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; border: 0px; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
img {
	border: 0px;

}



/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0px; }
th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: top; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


body {
	font-family: Tahoma, Arial;
	font-size: 10pt;
	color: #333;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
 


/************************** STRUCTURE ***********************************/
/* wrapper */
#wrapper {
	 
	text-align: left;
	padding: 0px;
	width: 960px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF
}
/* header */
#header { background-repeat: no-repeat;
	background-position: left top;
	height: 180px;
	width: 960px;
	 
	margin-top: 0px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	z-index: 2;
		background-color: #FFFFFF
}
 #tagline {
	text-indent: -9999px;
}
#header-img {
	position: absolute;
	left: 315px;
	top: 15px;
	 
	height: 145px;
	width: 671px;
}
#header-bot-shadow {
	position: absolute;
	left: 565px;
	top: 160px;
	height: 24px;
	width: 407px;
	background-image: url(../images/header-bot-shadow.png);
	background-repeat: no-repeat;
}
#header-left-shadow {
	position: absolute;
	left: 285px;
	top: 15px;
	height: 145px;
	width: 30px;
	background-image: url(../images/header-left-shadow.png);
	background-repeat: no-repeat;
}
#logo {
	position: absolute;
	left: 15px;
	top: 15px;
	height: 148px;
	width: 261px;
	background-image: url(../images/logo_csa.jpg);
	background-repeat: no-repeat;
}
.menu { 
	padding: 0px;
	margin: 0px;
    
	width: 960px;
	position: relative;
	z-index: 500 !important;
	background-color: #a5bc3a;  
		background-image: url(../images/bg_menu.jpg);
	background-repeat: repeat-x; 
	}
 
 

/* content area */
#content_holder {
    min-height: 200px;
	background-image: url(../images/bg-content.jpg);
	background-repeat: no-repeat;	
}

/* main content */
#content {
	float: right;
	width: 658px;
	z-index: 2;
 
}
/* sidebar */
#sidebar {
	margin: 0px;
	padding: 0px;
	padding-top: 45px;
	float: left;
	width: 300px;
	min-height: 500px;

}

/* footer */
#footer {
	background-color: #A5bc3a;
	clear: both;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	height: 40px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #d2e48e;
}


/************************* FORMATTING *********************************/

 

  
.hentry, .widget, .comment,  { margin-bottom: 40px; }
.hentry {
	position: relative;

}

.whats_new {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #587465;
}	
.entry-meta { margin-bottom: 10px; }
.block_entry-header{
	position: absolute;
	margin: 0px;
	height: 65px;
	width: 55px;
	left: 620px;
	top: 0px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	font-size: 11pt;
	line-height: 155%;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	background-color: #a5bc3a;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #666666;
}
 .day {
font-size: 19pt;
}
 
 .entry-header {	margin-left:10px;
	color: #999999;
}
.entry-footer {	margin-left:10px;
	color: #999999;

}

/* Content */
.page-title { font-size: 14px; font-weight: bold; }
.page-title span { font-style: italic; font-weight: normal; }
.entry-title, .entry-title a { color: #a5bc3a !important; line-height: 24px; }
.entry-title a:hover { color: #fff !important; text-decoration: none; background-color: #a5bc3a}
 

#content h1 {
	font-size: 16pt;	margin-left:10px;
	line-height: 28pt;
	margin-top: 15px;
	margin-right: 25px;
	color: #f8670c;
}
#content h2 {
	font-size: 13pt;	margin-left:10px;
	line-height: 20pt;
	margin-top: 30px;
	margin-right: 45px;
	color: #a5bc3a;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #a5bc3a;
	clear: both;
}

#content h3 {
	font-size: 11pt;	margin-left:10px;
	line-height: 20pt;
	margin-top: 10px;
	margin-right: 45px;
	color: #a5bc3a;
 
}

 
h4, h5,  h6 {
	font-size: 12pt;	margin-left:10px;
	line-height: 20pt;
	margin-top: 10px;
	margin-right: 45px;
	color: #d2e48e;
 
}
#content p {	margin-left:10px;
	line-height: 16pt;
	margin-right: 45px;
}
#content li {	margin-left:10px;
	line-height: 16pt;
	margin-right: 45px;
	margin-bottom: 12px;
}
#content A:link {
	color: #7B8C2B;
 
}
#content  A:visited {
	color: #7B8C2B; 
}
.content-shift {	margin-left:10px;
}

#content A:hover , #sidebar A:hover{
	color: #FFFFFF;
	text-decoration: none;
 
	background-color: #a5bc3a;
 
}

 
 
#footer P {
	margin: 0px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 0px;
	padding-bottom: 6px;
	font-weight: bold;
	font-size: 9pt;
	line-height: 160%;
		color: #FFFFFF;
}
 

#footer A:link {
	text-decoration: none;
	text-transform: lowercase;
	font-weight: bold;
		color: #FFFFFF;

}

#footer A:visited {
	text-decoration: none;
	text-transform: lowercase;
	font-weight: bold;
 	color: #FFFFFF;
 
}
 

 
#copyright {
padding-top: 8px;
float: left;
}
#credits {
padding-top: 8px;
float: right;
} 
/**************************** Basic Alignments ****************************/
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }

/* Regular clearing, just in case! */
.clear { clear: both; }

/***************************** NAVIGATION *****************************/
 

/* Menu */

/* Menu */
.nav { float: left; line-height: 1;   width: 100%;  padding-left: 15px;  }
 
.nav, .nav * { list-style: none; margin-left: 0; }
.nav li { float: left; padding: 0; position: relative; }
.nav ul li { width: 100%; }

.nav a {
	display: block;
	position: relative;
	padding-top: 8px;
	padding-right: 30px;
	padding-bottom: 8px;
	padding-left: 15px;
}

/* Hides items under top menu */
.nav ul { position: absolute; top: -9999em; width: 12em; /* left offset of submenus need to match (see below) */ }

/* Shows submenus */
.nav li:hover ul,
.nav li.nav-hover ul { left: -1px; top: 31px; /* match top ul list item height */ z-index: 99; }

/* Hides all sub items (4 levels deep) */
.nav li:hover li ul,
.nav li.nav-hover li ul,
.nav li li:hover li ul,
.nav li li.nav-hover li ul,
.nav li li li:hover li ul,
.nav li li li.nav-hover li ul { top: -999em; }

/* On :hover, displays all sub items (4 levels deep) */
.nav li li:hover ul,
.nav li li.nav-hover ul,
.nav li li li:hover ul,
.nav li li li.nav-hover ul,
.nav li li li li:hover ul,
.nav li li li li.nav-hover ul { left: 12em; /* match .nav ul width */ top: -1px; }

/* Default Skin */
.nav { font-size: 12pt;
	font-weight: bold; }
.nav ul {
	border: 1px solid #ddd;
	border-bottom: none;
	 
}
.nav ul li a { border-bottom: 1px solid #d2e48e; }
.nav li:hover ul,
.nav li.nav-hover ul { background: #fff; }

.nav a { color: #555;  }
.nav a:hover { text-decoration: none; background: #F7FAF1; }
.nav ul a { border-right: none; }
.nav li:hover, .nav li.nav-hover,
.nav a:focus {
	background-color: #F7FAF1;
}

/* Menu bugfix */
.ie7 .nav:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/
.page-navigation {
	overflow: hidden;
	padding: 8px;
	margin-top: 50px;
	margin-right: 45px;
 
	 
}
	.page-navigation a { color: #0b3b41; }
	.page-navigation a:hover { color: #666; text-decoration: none; }
	
.wp-pagenavi {
	position: relative;

	margin-top: 5px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 50px;
	padding-left: 0;
}
.wp-pagenavi span.pages { padding: 5px !important; margin: 2px !important ; color: #444; border: none; font-size: 12pt; margin-right: 10px !important; font-weight: bold}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
	padding: 6px !important;
	margin: 1px;
	margin-left: 10px;
	margin-right: 10px;
	font-weight: normal !important;
	color: #0b3b41 !important;
	border: 1px solid #999999 !important;
 
}
.wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover {  
    padding: 6px !important;
	margin: 1px;
	margin-left: 10px;
	margin-right: 10px; font-weight: normal !important; background-color: #fff !important; color:#a5bc3a !important; border: 1px solid #999999 !important;   }
.wp-pagenavi span.current, .wp-pagenavi a.page { font-size: 12pt !important; }

.wp-pagenavi a.previouspostslink, .wp-pagenavi span.extend { display: none !important; }
.wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink, .wp-pagenavi span.extend, .wp-pagenavi a.last, .wp-pagenavi a.first { background: none !important; padding: 0px !important; }
.wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink, .wp-pagenavi a.first { margin-right: 10px !important; background: none !important; }

.nextpostslink {
	display: none;
}
/********************************* LINKS *********************************/

/* Removes dotted line when focus */
:focus { outline: none; }
a {
   outline: none;
}

/* Remove annoying border on linked images. */
a img { border: none; }

 
a { color: #333; text-decoration: none; }
a:hover { text-decoration: none; }
.entry-content a:link, .entry-content a:active, .entry-content a:visited { color: #333; text-decoration: underline; }
.entry-content a:hover { text-decoration: none; }

#comments a:link, #comments a:active, #comments a:visited { color: #333; text-decoration: underline; }
#comments a:hover { text-decoration: none; }
 


/************************** Lists: (ul, ol, dl) ****************************/
ul, ol, dl { margin-left: 15px; }

.entry-content ul, .entry-content ol, #search-query { margin-left: 25px; }

li ul, li ol { margin-bottom: 0; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

ol { list-style-type: decimal; }

ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }

dt { font-weight: bold; }

 

/*************************** Tables ***************************************/
table { border: 1px solid #ccc; border-width: 1px; line-height: 18px; margin: 0 0 22px 0; text-align: left; padding: 0 5px; }
table .even { background: #ddd; }
 
tr { border-bottom: 1px solid #ccc; }
th, td { padding: 5px 3px; }

/*************************** Forms *********************************/
input, textarea, button { background: #fafafa; border-color: #aaa #ddd #ddd #aaa; border-style: solid; border-width: 1px; color: #444; font-size: 14px; }
input, textarea, button {   padding: 3px;}
button { font: 12px; padding: 2px 10px; cursor: pointer; }
input:focus, textarea:focus, { background: #fff; border-color: #777 #ccc #ccc #777; }

#submit , .search-btn{
	margin-top: 8px;
	background-color: #a5bc3a;
	font-weight: bold;
	color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d2e483;
	border-right-color: #899E23;
	border-bottom-color: #899E23;
	border-left-color: #d2e483;
}

/* bugfix */
.safari input { padding: 0px 3px; }
.chrome input { padding: 1px 3px; }




/**************************** Comments ****************************/
.comment-list ul, .comment-list ol { margin-bottom: 20px; }
.comment-list, .comment-list .children { list-style: none; }
.comment-list { margin-left: 10px; }
.comment {
	margin-bottom: 40px;
	padding: 8px;
	background-color: #F7FAF1;
}
.comment-list .children { margin-top: 40px; }
.comment-meta { margin-bottom: 10px; }
.commenter {
	font-size: 13pt;
	font-weight: bold;
	color: #FF6600;
	 
}
.comment-reply {
 
}
.avatar {
	float: left;
	border: 1px #ddd solid;
	padding: 1px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
}

/* Comment Reply */
#comment-form .form-section input { margin-right: 10px;  }
.form-section { margin-bottom: 10px; margin-left: 30px}
.form-section label { cursor: pointer; }
#commenter-details input { margin-right: 10px; }
#allowed-tags { font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 5px 10px; background: #fff; border: 1px #ddd dotted; border-top: none; width: 500px; }

/**************************** Images ****************************/
img.alignleft { float: left; margin-right: 20px; margin-top: 5px; }
img.alignright { display: block; float: right; margin-left: 20px; margin-top: 5px; }
img.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; margin-top: 5px; }

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 12px;
	margin-left: 12px;
}
.wp-caption.alignleft {
margin-right: 30px;
}
.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!important; }


.wp-smiley { max-height: 13px; margin: 0 !important; } /* Prevent the smileys from breaking line-height */

/**************************** [gallery] ****************************/
.gallery { margin: auto; }
.gallery-image { border: 2px solid #cfcfcf; margin-left: 0; }
.gallery-caption { margin-left: 0; }
.gallery-item { float: left; text-align: center; margin-left: 0; }

.gallery-columns-2 { width: 50%; }
.gallery-columns-3 { width: 33%; }
.gallery-columns-4 { width: 25%; }
.gallery-columns-5 { width: 20%; }
.gallery-columns-6 { width: 16%; }
.gallery-columns-7 { width: 14%; }
.gallery-columns-8 { width: 12%; }
.gallery-columns-9 { width: 11%; }

 

/* [gallery] + navigation clearfix */
.gallery-row:after, .navigation-links:after, .container:after, .menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.gallery-row, .navigation-links, .container, .menu { display: block; }



/**************************************** ODD ELEMENTS ***********************************/
address { font-style: italic; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px dotted #666; }

blockquote {
  font-style: italic; 
  	line-height: 165%;
	font-size: 11pt;
  width: 520px;
   
  border: solid 1px #eee;	margin-left:10px;
  
   
}
 
strong { font-weight: bold; }
em, dfn, cite { font-style: italic; }
dfn { font-weight: bold; }

sup { bottom: 1ex; }
sub { top: .5ex; }
small { font-size: 12px; }

del { text-decoration: line-through; }
ins { text-decoration: underline; }

code, pre {  line-height: 15px; }
var, kbd, samp, code, pre { font: 12px/1.4 Consolas, "Andale Mono", Courier, "Courier New", monospace; background: #fafafa; }
kbd { font-weight: bold; }
samp, var { font-style: italic; }
pre { white-space: pre; overflow: auto; padding: 10px; border: 1px solid #ddd; clear: both; }
code { padding: 0px 3px; }

/**************************************** UNIQUE TO THEME ***********************************/
  

/**** sidebar parts  *****/
.sidebar_box_bottom {
	background-image: url(../images/sidebar_box_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 280px;
	height: 71px;
	margin-left: -20px;
	margin-bottom: 20px;
	 
	 
} 
.sidebar_box {
	background-image: url(../images/bg_sidebar.jpg);
	background-repeat: repeat;
	margin-left: -20px;
	padding: 15px;
	width: 250px;
	position: relative; 
	border-top-width: 1px;
 
	border-top-style: solid;
	 
	border-top-color: #d2e48e;
	 
} 
#sidebar_locale P {
font-size: 12pt;
line-height: 20pt;
} 
#sidebar h2 {
	font-size: 11pt;
	margin-left: 10px;
	line-height: 20pt;
	margin-top: 10px;
 
	color: #f8670c;
}
#sidebar li {
	margin-left:10px;
	line-height: 16pt;
	margin-right: 15px;
	margin-bottom: 6px;
}


#icon-rss {
 position: absolute;
 left: 180px;
 top: 15px;
}
#icon-twitter {
 position: absolute;
 left: 225px;
 top: 15px;
}
.callout-box {
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 5px;
	margin-left: 10px;
	border: 2px solid #a5bc3a;
	padding: 0px;
	background-color: #f7fadf;
}


 
.img_frame {
	padding: 2px;
	border: 1px solid #EAF0CE;
}

.orange {
	color: #f8670c;
}