@charset "UTF-8";

/**************** LIST OF ITEMS TO CHANGE STYLE COLOR 
* #access (menu base color)  
* #header (images/logo...)
* #teaser (background of the left sidebar next to featured post)
* #access ul ul :hover > a (hover color of the submenu)
* #access ul ul a (background of the submenu)
* #access ul ul (border left, left border of the submenu)
* #access a (border left, left border of the main menu) 
* #access li:hover > a (hover color of the main menu)
* #secondary .widget-title (teaser widget title font color)
* #secondary .textwidget (teaser widget text color)
* #secondary img (teaser 4px border around img)
* #footer-widget-area a:hover (link hover color of footer)
* #footer-widget-area #first .widget-title, #footer-widget-area #second .widget-title, #footer-widget-area #fourth .widget-title (footer title widgets and border)
* .entry-content a, .entry-summary a, .entry-content a:link, .entry-summary a:link, .entry-summary a:visited, .entry-content a:visited (link color of the main content text)
* .entry-content a:hover, .entry-summary a:hover (hover link color of the main content text)
* .entry-utility span a:link, .entry-utility span a:hover, .entry-utility span a:visited (link color and border bottom of the meta content)
* .entry-utility a:link, .entry-utility a:hover, .entry-utility a:visited (link hover color of the meta content)
*****************/


@media screen, projection
{
  body { background: #dddddd none; padding: 0px 0;}
  
  .page_margins { margin: 0 auto; }
  .page_margins { width: auto;  min-width: 740px; max-width: 79em;  }
  .page { font-family: 'Arial'; }
  #header { float:left; margin-left: 0px; background: url(../../images/logo_blue.jpg) bottom left no-repeat #ffffff; height:47px; width:430px; color: #000; }
  #topnav { margin-left: 0px; padding-left: 650px; padding-top:10px; position:static; color: #aaa; background-color: #ffffff; height: 30px;}
  #nav { margin-left:0px; margin-right: 0px; }
  #main { margin-left:0px; background-image:  url(../../images/page.jpg);}
  #container {border: 1px solid #005500; }
  #teaser { clear:both; background-color: #324557;}
  #footer { margin-top: -20px; padding: 10px 3px; color:#666; background-color: #071523;}

  #col1 { float:left; width: 25%;background-color: #353535; }
  #col3 { width: auto; margin: 0 0 0 25%; }
  #col3_content {float:right;}
  #col1_content { padding: 0 0px 0 0px;  background-color: #353535;}
  .page_margins {
    border: 0 none;
    padding-right: 15px;
    padding-left: 15px;
    background-image:  url(../../images/wrap.png);
    background-repeat:repeat-y;
    background-position:center;
  }

}

/**************** Globals 
*  Overrides of the YAML framework
*****************/

body {color: #333; font: 12px Arial,Verdana,sans-serif;}


/**************** Header
*  RSS and Search
*****************/

.rss_search { margin-left: 70px;
}
	

/**************** Top Navigation 
* Wordpress custom menu function
****************/

/* YAML override */
#access  ul, ol, dl { margin: 0 0 0em 0em } /* LTR */
#access li {
    margin-left: 0.0em; /* LTR */
    line-height: 0.0em;
}
#access .menu-header,
div.menu,
{
	margin: 0 auto;
	width: 948px;
}
#access {
	background: #0b2239;
	margin: 0 auto;
	width: 948px;
	display:block;
	float:left;
}
#access .menu-header,
div.menu {
	font-size: 12px;
	margin-left: 10px;

}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin:0;
}
#access .menu-header li,
div.menu li {
	float:left;
	position: relative;
}
#access a {
	display:block;
	text-decoration:none;
	color:#fff;
	padding:0 10px;
	min-width: 100px;	
	line-height:30px;
        border-left: 1px #324557 solid;
}
#access ul ul {
	display:none;
	position:absolute;
	top:30px;
	left:0;
	float:left;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	z-index: 99999;
        border-left: 1px #071523 solid;
}
#access ul ul li {
	min-width: 100px;	
}

#access ul ul ul li {
	min-width: 100px;	
	margin-left: -10px;
}

#access ul ul ul {
	left:100%;
	top:0;
}
#access ul ul a {
	background-color: #112d4a;
	height:auto;
	line-height:0.8em;
	padding:10px;
	width: 180px;
}
#access li:hover > a {
	background: #112d4a;
}

#access ul ul :hover > a {
	color:#fff;
	background:#26384a;
        border-left: 1px #071523 solid;
}
#access ul li:hover > ul {
	display:block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
}

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color:#fff;
}

/**************** Rotating header based on jquery_cycle.js 
* Settings
****************/

.featured				{ width: 721px; margin: 0 0px 0px 0; overflow: hidden; }
#controls				{ position: relative; float: left; z-index: 100; top: 90px; }

#controls .next, #controls .prev	{ text-indent: -9000px; width: 30px; height: 30px; display: block; z-index: 1000; opacity: 0.7; }
#controls .prev			{ background: url(../../images/prev.png) no-repeat; float: left; position: absolute; left: 10px; }
#controls .next			{ background: url(../../images/next.png) no-repeat; float: right; position: absolute; left: 670px; }
#controls .next:hover, #controls .prev:hover { opacity: 1; }
#controls a:focus		{ outline: none; }

#featured-slideshow		{ position: relative; z-index: 0 !important; }			

.featured-article		{ display: block; width: 711px; height: 250px; text-decoration: none !important; background-position: center !important; }
.featured-article img	{width: 711px; height: 250px; }
.featured-entry			{ position: relative; top: -85px; overflow: hidden; background: #000; height: 85px; color: #a7a7a7; padding: 0; display: block; opacity: 0.8; filter: alpha(opacity = 80); }
.featured-entry .entry-title	{ color: #FFF; padding: 10px 15px 5px; display: block; font-size: 18px; font-weight: 700; }
.featured-entry .entry-summary	{ padding: 0 15px; margin: 0; display: block; }
.home-title {display:none;}

/**************** Sidebars
* Controls the look and feel of the primary and secundary sidebar
****************/

#col1_content 	{  
	list-style: none; 
}

#sidebar .widget-container {
	background-color: #282828;
} 
#sidebar .widget-container ul, .widget-container ol {
	margin-left: 14px;
	padding-bottom: 10px;
}

#sidebar .widget-container ul li {
	list-style: square;
	margin-left: 25px;
}

#sidebar .widget-title {
	color: #737373;
	border-bottom: 4px solid #2c2c2c;
	background-color: #111111;
	font-family: Arial;
	padding-left: 15px;
	padding-top: 5px;
	font-size:18px; 
}

#sidebar li {
	list-style: none;
	margin-bottom: 8px;
	border-bottom: 1px solid #353535;
}

#sidebar a {color: #7b7b7b;}
#sidebar a:visited {color: #7b7b7b;}
#sidebar a:hover {color: #e3e3e3;}	

#sidebar li a:hover { 
	border-bottom: 1px dotted #635957; 
}

#sidebar li a:visited, .widget-container li a:link {
	text-decoration: none;
}

#wp-calendar {
	width:100%;
}
#wp-calendar caption {
	color: #737373;
	font-family: Arial;
	font-size:18px; 
}
#wp-calendar thead {
	font-size:11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	padding: 3px 0 2px;
	background: #f5f5f5;
	border:1px solid #fff;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget_search #s { /* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display:none;
}
.widget-container {
	margin: 0 0 18px 0;
}
.widget-title {
	color: #fff;
	font-weight: bold;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #FF4B33;
}
.widget_rss .widget-title img {
	height: 11px;
	width: 11px;
}

/**************** Teaser Left
* Controls the look and feel of the widgets located in Teaser Left
****************/

#teaser	{
	list-style: none; 
}
#secondary {
	padding-top: 10px;
}

#secondary .widget-title {
	color: #95aabd;
	font-family: 'Arial';
	font-weight: normal;
	padding-left: 5px;
	border-bottom: 1px solid #8f98a1;
	width: 223px;
	padding-top: 5px;
	font-size:14px; 
}

#secondary .textwidget {
	color: #8f98a1;
	padding-left: 5px;
	font-size: 12px;
}

#secondary img {
	border: 4px solid #495b6c;
}

/**************** Footer
* Controls the look and feel of the footer and it's widgets
****************/
#footer {
	color: #9F8B95;
	margin-bottom:-23px;
}

#footer p {
	padding-left: 20px;
	font-size: 11px;
}

#footer-widget-area {
	overflow: hidden;
}
#footer-widget-area .widget-area {
	float: left;
	margin-right: 20px;
	width: 200px;
}

#footer-widget-area #first {
	padding-left: 20px;
	width: 450px;
}

#footer-widget-area #first .widget-title, #footer-widget-area #second .widget-title, #footer-widget-area #fourth .widget-title {
	color: #7590ac;
	font-family: 'Arial';
	font-weight: normal;
	padding-left: 5px;
	border-bottom: 1px solid #4c6884;
	font-size:14px; 
}

#footer-widget-area a {
	font-weight: normal;
}

#footer-widget-area a:hover {
	color: #5791c8;
}

/**************** Content
* Controls the content section
****************/

blockquote {
	background-color: #F4F4F4;
	padding:5px;
	border-left:10px solid #dddddd;
}

.entry-content ul li, .entry-summary ul li {
	line-height:23px;
	list-style: square;
}

.entry-content ol li, .entry-summary ol li {
	line-height: 23px;
}

.entry-content ol, .entry-summary ol {
	padding-bottom: 20px;
	margin-left: 15px;
}

.entry-content ul, .entry-summary ul {
	padding-bottom: 0px;
}

.entry-content, .entry-summary {
	padding:20px;
	width: 670px;
}
.entry-content p, .entry-summary p {	
	line-height:23px;
}

.entry-meta {
	padding:10px;
	background-color: #F4F4F4;
        border-top: 1px solid #CCC;
}

.entry-utility {
	padding-bottom: 20px;
	padding-left: 20px;
	line-height: 23px;
}
.sticky .entry-meta {
	background: #FFE6F1;
	border-top: 2px solid #EBB8CF;
}


h1, h2, h3, h4, h5, h6	{ 
	font-weight: bold; 
	color: #1E1B1A; 
	text-decoration: none;
}
:focus	{ -moz-outline-style: none; }

.entry-content a, .entry-summary a, .entry-content a:link, .entry-summary a:link, .entry-summary a:visited, .entry-content a:visited { 
	color: #0057aa; 
/*	border-bottom: 1px dotted #9F1F58;
	text-decoration: none; */
	text-decoration: underline;
}

.entry-content a:hover, .entry-summary a:hover {
	color: #6a08a8;
}

.entry-title { 
	font-size: 28px; 
	font-weight: normal;
	font-family: Arial; 
	color: #555; 
	text-decoration: none; 
}

.entry-title a:link, .entry-title a:visited, .entrytitle a:hover {
	text-decoration: none;
	color: #555;
}

.entry-meta { 
	color: #848485; 
}

.entry-meta span a:link, .entry-meta span a:hover, .entry-meta span a:visited {
	color: #555;
	text-decoration: none;
/*	border-bottom: 1px dotted #555;*/
}

.entry-utility span a:link, .entry-utility span a:hover, .entry-utility span a:visited {
	color: #0057aa; 
	text-decoration: none;
	border-bottom: 1px dotted #0057aa;
}

.entry-utility a:link, .entry-utility a:hover, .entry-utility a:visited {
	color: #0057aa; 
	text-decoration: none;
	border-bottom: 1px dotted #0057aa;
}

span {
	padding-right:10px;
}

.alignleft {
	float: left;
	margin: 10px;
}

.alignright {
	float: right;
	margin: 10px;
}

.nocomments {
	display: none;
}

#nav-below {
	height:40px;
}

.navigation .nav-previous {
	float: left;
}

.navigation .nav-next {
	float: right;
}

.navigation a, .navigation a:visited, .navigation a:hover {
}	

h1 {
	font-family: 'Arial';
	font-size: 13px;
	font-variant: small-caps;
	font-weight: normal;
	padding-top: 20px;	
	padding-left: 400px;
	text-align: right;
}

.archive-meta {
	clear: both;
	font-size: 11px;
	padding-right: 10px;
}

.archive-meta p {
	text-align: right;
	font-style: italic;
	color: #8F8F8F;
}

/**************** Comments
* Controls the look and feel of comments (nested is supported)
****************/

#comments {
	padding-left: 20px;
	padding-bottom: 20px;
	clear:both;
}

#comments h3 {
	font-family: 'Arial';
	margin-top:50px;
}

#respond {
	padding-top: 0px;
}

.commentlist li, #commentform input, #commentform textarea {
	font-size:12px; 
	font-family: Arial, Arial, Sans-Serif;
}
.commentlist li ul li {
	font-size: 11px;
}
.commentlist li {
	border-left: 5px solid #8A6A7A; 
	font-size:11px;
}
.commentlist li .avatar { 
	float: left;	
	margin-right:10px; 
	border: 1px solid #eee; 
	padding: 3px;
	background: #fff;
}
.commentlist cite, .commentlist cite a {
	font-family: Arial; 
	font-style: normal;
	font-size: 16px;
}
.commentlist p {
	font-size:12px; 
	font-weight: normal;
	padding-top: 10px;
	padding-right: 20px;
	line-height: 20px;
	text-transform: none;
}
#commentform p {
	font-size:12px; 
	font-family: Arial, Sans-Serif;
}
.commentmetadata {
	font-size:12px; 
	font-weight: normal;
}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}
#commentform {
	margin: 15px 10px 0 0;
}
#commentform textarea {
	width: 95%; 
	padding: 2px;
}
#respond:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#commentform #submit {
	margin-right: 20px; 
	margin-top: 5px; 
	float: right;
}
.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;
}


#comments a, #comments a:visited, #comments a:visited { 
	color: #9F1F58; 
/*	border-bottom: 1px dotted #9F1F58;
	text-decoration: none; */
	text-decoration: none;
}


#comments a:hover {
	color: #DE0000;
}


/**************** Gallery
* Controls the look and feel of galleries
****************/

.gallery { text-align: center; margin: 10px 0; }

.entry-content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}

.entry-content .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}

.entry-content .gallery dl {
	margin: 0;

}
.entry-content .gallery img {
	border: 10px solid #f1f1f1;
}

.entry-summary .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}

.entry-summary .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}

.entry-summary .gallery dl {
	margin: 0;

}
.entry-summary .gallery img {
	border: 10px solid #f1f1f1;
}

/**************** Image attachment
* Controls the look and feel of the image attachment page.
****************/



/**************** Navigation links
* Controls the look and feel of the navigation links
****************/

.navigation {
	font-size:  12px;
	line-height: 18px;
	overflow: hidden;
	color: #888;
	padding-left: 20px;
	padding-right: 10px;
}

.navigation img {
	margin-left: -30px;
	margin-right: 10px;
}

.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #FF4B33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	width: 50%;
	text-align:right;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: 18px 0 0 0;
}


/**************** Attachment page
* Specific CSS that controls the look and feel of the attachment page
****************/

.page-title-attach {
	float: right; 
	margin-right:15px;
	margin-top:10px;
}