/******************************************* HTML ******************************************/                  

* {  
margin:0;
padding:0;
}

body,html { 
min-height:101%;
}

body {
  background:#0080FF; 
color:#002A51;
padding: 10px 0 25px 0;
}

body, select, input, textarea {
font: 12px Arial, Verdana, Sans-Serif;
line-height:1.5em;
}


.aligncenter, dl.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}


/******************************************* Stuff ******************************************/                  


p {
margin: 5px 0;
}

hr {
display: block;
height:1px;
background:#DEEFFF;
border:0;
}

small {
font-size: 0.9em;
padding:3px 0px;
}

.ngg-album {
		border:1px solid #CCCCCC !important;
		float:left !important;
		margin-bottom:5px !important;
		margin-right:5px !important;
		overflow:hidden !important;
		padding:5px !important;
		width:240px !important;
} 



/******************************************* Links ******************************************/                  
a:link, a:active, a:visited { 
color:#002A51;
text-decoration: underline; 
} 

a:hover{ 
color:#002A51;
text-decoration: none; 
}

#leadcontainer a {color:#ffffff;}






/******************************************* Title ******************************************/                  

.title:link, .title:active, .title:visited { 
color: #DEEFFF; 
text-decoration: none;
} 

.title:hover { 
color: #DEEFFF; 
text-decoration: underline;
} 






/******************************************* Sidebar ******************************************/                  

h3 a:link, h3 a:active, h3 a:visited  {text-decoration:none;}
h3 a:hover {text-decoration:underline;}

h4 a:link, h4 a:active, h4 a:visited  {color:#002A51; text-decoration:none;}
h4 a:hover {text-decoration:underline;}

/* Links in the sidebar */
#sidelist a:link, #sidelist a:active, #sidelist a:visited {text-decoration:none;}
#sidelist a:hover {text-decoration:underline;}
#sidelist .children li a, #sidelist .children li a:visited {
padding:2px 2px 2px 0px;
border:0;

color: #DEEFFF;
}
#sidelist .children li a:hover, #sidelist .children li a:active{color:#002A51;}




/******************************************* Sidebar 2 3 ******************************************/                  

#featured-sidebar a:link, #featured-sidebara:active, #featured-sidebar  a:visited {text-decoration:none;}
#featured-sidebar a:hover {text-decoration:underline;}
#featured-sidebar li a, #featured-sidebar li a:visited {
padding:2px 2px 2px 0px;
border:0;
color: #DEEFFF;
}



#featured-sidebar li a:hover, #featured-sidebar li a:active{color: #002A51;}
#featured-sidebar h2, #featured-sidebar h3 a {
font: 0.9em Arial, Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing:0.1em;
margin-bottom:4px;
font-weight:bold;
color: #002A51;
}


/******************************************* Tags ******************************************/                  

#tags a {text-decoration:none;}
#tags a:hover {text-decoration:underline;}



/******************************************* Begin Images  ******************************************/  
p img { border:1px solid #ffffff;
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 */






/******************************************* Page ******************************************/                  

#page {
width:920px;
margin:0 auto;
font-size:1em;
background: #DEEFFF; 
border:2px solid #1D58A8;
padding:  2px  2px 2px  2px;
}
#page2 {
width:890px;
margin:0 auto;
text-align:right;
color:#ffffff;
padding: 0px 0px 4px 25px;
font: 10px Arial, Verdana, Sans-Serif;
line-height:1.5em;
}
#page3 {
width:890px;
margin:0 auto;
text-align:right;
color:#ffffff;
padding: 10px 0px 0px 25px;
border-top: 2px solid #1D58A8;
font: 10px Arial, Verdana, Sans-Serif;
line-height:1.5em;
text-decoration:none;
}

#page3, #page3 a{text-decoration:none;}

#branding { 
width:920px;
height:80px;
color:#000;
padding: 0px 0px 0px 0px; margin-bottom:0px; 
/*background:#DEEFFF; */
background:url(images/backgrounds/header.jpg) left no-repeat; 
/*background:url(images/.jpg) right no-repeat;*/
}



.blogtitle, .blogtitle a {
font-family: Arial, Helvetica, sans-serif;
padding-top: 18px;
padding-left: 59px;
text-align:left;
font-size:1.4em;
letter-spacing:0.1em;
text-decoration:none;
color:#0080FF;
}

.description {
font-size: 0.9em;
font-weight: bold; 
padding-top: 0px;
padding-left: 120px;
width:460px;
color:#002A51;
}




/******************************************* Left / Right ******************************************/                  

.left {
float:left;
}

.right {
float:right;
}





/******************************************* Sidebar ******************************************/                  


#sidebar { padding:10px;background: #F1C000; border-top:4px solid #DEEFFF; border-bottom:2px solid #E0AF00;
width: 240px;
float:right
}
#sidelist li {list-style:none}

.bullets li {
list-style:none;
border-bottom:1px solid #ffffff;
}

#sidelist .bullets li {
list-style:square;
margin-bottom:5px;
margin-left:22px;
}

#sidelist .children {background:#ffffff;}

#sidelist .children li {
background: #ffffff;
list-style: none;
margin-left:15px;
padding-left:15px;
border-bottom:1px solid #ffffff;
}

#sidelist .recent li{
margin-bottom:5px;
padding-left:20px;
background:url(images/icons/icon_recent.gif) no-repeat;
}

#sidelist .recent-comments li{
margin-bottom:5px;
padding-left:20px;
background:url(images/icons/icon_comment.gif) no-repeat;
}

#sidelist .more li{
margin-bottom:5px;
padding-left:20px;
background:url(images/icons/icon_categories.gif) no-repeat;
}

#sidelist .feed li{
margin-bottom:5px;
padding-left:20px;
background:url(images/icons/rss.gif) no-repeat;
}


#featured-sidebar li {list-style:none}




/******************************************* Headlines ******************************************/                  

.leadmeta, .leadmeta a {
font: 0.9em Arial, Helvetica, sans-serif;
margin-top:-4px;
color:#002A51;
text-decoration:none;
}
.cat-head {
margin-bottom:5px;
 
padding:0px 0px 0px 0px;

}

h1 {
color: #002A51;
font-size: 1.6em;
font-family: Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
font-weight: bold;
margin: 0px 10px 0px 0px;
padding: 10px 0px 0px 10px;
}

h2 {
color: #002A51;
font: 1.6em Arial, Helvetica, sans-serif;
font-weight:normal;
margin: 4px 0;
}

h3 {
font: 1.0em Arial, Helvetica, sans-serif;
font-weight:bold;
color: #002A51;
}

#sidebar h2, #sidebar h3 a {
font: 0.9em Arial, Helvetica, sans-serif;
font-weight:bold;
color: #002A51;
}

#sidebar h3, #sidebar h2 {
font-size:0.9em;
padding:5px 0 2px 2px;
margin:4px 0 2px 0;
color: #002A51;
}

h3#respond {
border-top:2px solid #DEEFFF;
margin-top:25px;
padding-top:20px
}

h3#comments {
margin-top:32px
}

h4 {
color:#002A51;
font-size:1.2em;
margin-bottom:6px;
}





/******************************************* Content ******************************************/                  

#content {
width:650px;
float:left  
}

#pagecontent {
width:890px;  padding:15px;
float:left; 
}

#homecontent-top {
width:920px;margin-top:0px;
margin-top:0px;
}

#homecontent-bottom {
width:920px; 
margin-top:2px;
}

#homecontent-topleft {
width:650px;margin-top:0px;

}

#homecontent-topright {
width: 280px;  
}




/******************************************* Infobox ******************************************/                  

#infobox {
  background: #ffffff;
text-align:justify;
color:#002A51;
padding-bottom:20px;
padding-right:20px;
padding-top:20px;
padding-left:20px;
width:500px;
background-color:#ffffff; 
min-height:200px;
}





/******************************************* Leadcontainer ******************************************/                  

#leadcontainer {
text-align:justify;
color:#002A51;
 
width:650px;
min-height:200px;
}

#leadcontainer:hover {
width:650px;  
color:#002A51;

}

#leadcontainer .title {
font:1.2em Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
line-height:100%;
display:block;
padding-bottom:0px; 
color: #002A51;
}

#leadheader { 
display:block;
}

#leadheader a {color:#002A51;}

#homebottom { 
width:650px;
height:20px;
}


.read-on a {  
text-decoration:none;
}

.read-on a:hover {color:#DEEFFF!important;}

/******************************************* Title ******************************************/                  


.title, a.title  {
font-family: Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
font-size:2.0em;
color:#002A51;
margin:10px 0 15px 0;
}





/******************************************* Page Post Navigation ******************************************/                  
.navigation a {
width: 120px;
border: 1px dotted #DEEFFF;
padding:2px 4px 2px 4px;
text-align:center;
font-size:0.9em;
text-decoration:none;
color:#002A51;
}

.navigation a:hover {
background-color:#ffffff;
}

.preventries {
float:left;
}

.nextentries {
float:right;
}





/******************************************* Post ******************************************/                  
.entry { padding-left:5px; padding-right:5px;
padding-bottom:28px;
text-align:justify;
}

.post blockquote {
color:#002A51;
padding:6px 14px;
margin:18px 35px;
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;
}

.post ul li {
list-style:square;
margin-bottom:5px;
margin-left:42px;
}

.post ol li {
margin-bottom:5px;
margin-left:48px;
}

#tags {
padding:5px;
background-color:#ffffff;
}

.postmetadata {margin: 30px 0;}

blockquote {
color:#002A51;
padding:6px 14px;
margin:18px 35px;
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
}






/******************************************* Form ******************************************/                  

select {
background:#ffffff;
border-top:2px solid #DEEFFF;
border-bottom:2px solid #DEEFFF;
border-left:none;
border-right:none;
width:100%
}


#searchform {padding:16px 5px 0 0;}

.searchbutton {
font-weight:bold;
padding: 1px;
background:#ffffff;
color:#999;
border:1px solid #DEEFFF;
}

.searchbutton:hover {
color:#002A51;
background:#eee;
border:1px solid #DEEFFF;
text-decoration:none;
}

.searchfield {
width:200px;
padding: 1px 1px 1px 20px;
background: url(images/icons/search-16.png) no-repeat #ffffff;
color:#002A51;
border:1px solid #ddd;
}

.searchfield:hover, .searchfield:focus {
background: url(images/icons/search-16.png) no-repeat #ffffff;
border:1px solid #DEEFFF;
text-decoration:none;
}.button {
font-weight:bold;
padding: 1px;
background:#ffffff;
color:#002A51;
border-top:2px solid #DEEFFF;
border-bottom:2px solid #DEEFFF;
border-left:none;
border-right:none;
}

.button:hover {
color:#002A51;
background:#ffffff;
border-top:2px solid #DEEFFF;
border-bottom:2px solid #DEEFFF;
border-left:none;
border-right:none;
text-decoration:none;
}




/******************************************* Float ******************************************/                  

.clear {
clear:both;
}

.clearfloat:after {
display:block;
visibility:hidden;
clear:both;
height:0;
content:".";
}

.clearfloat {/*never delete this otherwise MSIE will kill the layout */
display:inline-block;
}

.clearfloat {/*never delete this otherwise MSIE will kill the layout */
display:block;
}


/******************************************* Footer ******************************************/                  

#footer {  background: #F1C000;  border-bottom:2px solid #E0AF00;
margin: 0 auto;
width: 920px;
font-size:0.9em;
text-align:center;
color:#ffffff;
}

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