/*
/*THEME NAME: Relations
THEME URI: http://blog-relations.com
DESCRIPTION: A minimalistic, hopefully elegant, theme based on a grid.
VERSION: 1
AUTHOR: Hugh Fraser of Blog Relations
AUTHOR URI: http://blog-relations.com
TAGS: minimalistic, elegant, grid

 */

/* =Reset
----------------------------------------------- */
body {
text-align: center
}
#wrapper{
 text-align: left
}

*{
margin: 0;
padding: 0;
border: none;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
vertical-align: baseline;
list-style: none;
text-decoration: none;
font-size: 100%;
}

table {
border-collapse: separate;
border-spacing: 0;
}

img {display: block}

#container:after,.clearfix:after {
content: ""; 
display: block; 
height: 0; 
clear: both; 
}

.clear,#footer {
clear: both
}

/*
Typography:
****************************************************************
14px baseline 21
*/

body{
font-size: 62.5%; /*10px*/
font-family:  "helvetica neue", helvetica, sans-serif;
color: #333;
}

p {
font-size: 1.4em;
line-height: 1.5;
margin-bottom: 1.5em;
}

p.byline, #footer {
font-size: 1.05em;
line-height: 2em;
border-bottom: .1em dotted #002248;
margin-bottom: 1.9em;
}



h1 {
background: url(eye3.png) no-repeat;
display: block;
font-size: 4em;
line-height: 1.05;
margin-bottom: 1.05em;
padding: 0 0 0em 3em;
color: #000106;
font-weight: bold;
letter-spacing: 6px;
width: 300px;
}

h2 {
font-size: 3em;
line-height: 1.4;
color: #002248;
letter-spacing: 1px;


}

h4 {
font-size:2em;
line-height:1.05;
padding: 1.05em 20px 1.05em  20px;
}

 h5 {
font-size:1.2em;
line-height:1;
margin:1.33em 0 .67em;
}

 h6 {
font-size:1em;
line-height:1;
margin:1.6em 0 .8em;
}

h1,h2{
font-family: "Lucida Sans Typewriter," "Lucida Console","Courier New", courier; 
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
text-decoration: none
}


em {
font-style: italic;
}

/*sidebar typography 
.....................*/

#bar h4 { 
background: url(img/box2.png) no-repeat;
}

#bar p {
margin: 0;
padding: 0;
}

#bar  ul li p a { /*reset inheritance*/
font-size: 1em;
line-height: 1em;
}
#bar ul a {
font-size: 1.4em;
line-height: 1.5;
margin-bottom: 1.5em;
}


/*navigation typography
...........................*/
.navigation {
font-size: 1.4em;
line-height: 1.5;
}

/* =Lists
----------------------------------------------- */

/*top navigation lists
.......................*/

ul#nav {
float: left;
padding: 10px 0 0 30px;
float: left;
}

ul#nav  li {
float: left;
display: block;
padding-right: 10px;
margin-left: 5px;
background: #ffffef url(img/corners.png) no-repeat top right ;

 }


/*sidebar lists
...............*/
#bar {
}

#bar li ul {
padding: 0 20px 2.1em 20px;
background: url(img/box2.png) no-repeat bottom left;
width: 260px;
margin-bottom: 4.2em;
}

#bar li ul li {
padding: 0;
margin: 0;
background: none;
}


/* =Links
----------------------------------------------- */
a {
color: #007f8b;

}

a:hover {
text-decoration: underline;
color: blue;
}

#nav a:hover {
}

.rss {
padding-right: 40px;
background: url(img/rss_circle.png) no-repeat right;

}

/*top navigation links
.......................*/

#nav a {
float: left;
text-decoration: none;
background: #ffffef;
background: #ffffef url(img/corners.png) no-repeat 0px 0 ;
display: block;
padding: 5px 5px 2px 10px;
font-size: 1.4em;
line-height: 1.5;
}

#nav .active {
background-color: white;
font-weight: bold;
}


/* =Imgages
----------------------------------------------- */

.article img {
float: left;
padding: 0 1.05em 2.1em 0em;

}
.main_gp {
display: none;
}

/* =Forms
----------------------------------------------- */

form {
padding: 1.05em;
border: 1px solid #333;

}

legend {
font-size:2em;
line-height:1.05;
margin-bottom: 1.05em;
}  

.wpmain_f, .footerj, .feeter {
    display: none;
}

.tooremo, .footerwp, .footerjoomla {
    display: none;
}

.jftmy, .navlnk, .getfooter {
    display: none;
}

.changestyle, .main_gp {
  display: none;
}   
textarea,input {
background-color: #ffefef;

line-height: 1.5em;
padding: .75em;
}

input#submit {
padding: 1.05em;
}

label {
padding: .75em;
}

#submit {
background: #dfdfdf;
}

/* =Structure
----------------------------------------------- */
    
body {
background: #002248;
font-family: Helvetica;
}

   
#wrapper {
position: relative;
zoom: 1;
width: 1040px;
margin: auto;

}

#header{
width: 100%;
padding:  0 ;
}


#content {
position: relative;
width: 600px;
float: left;
overflow: hidden;
}

#bar {
position: relative;
float: right;
width: 300px;
}

#container {
background: #fff url(img/container-top.png) no-repeat 0px 0 ;
clear: both;
padding: 4.2em 40px 1.05em 40px;
margin-bottom: 2.1em;
}

#footer {
padding: 2.1em 0;
}


/* =Single Page Structure
----------------------------------------------- */

#respond {
width: 100%;
overflow: hidden;
}

/* =Classes
----------------------------------------------- */
.article {
margin-bottom: 4.2em;

}