/* BASIC HTML ELEMENTS */
body {
 margin: 0;
 border: 0;
 background: #036 url(../images/site_bg.png) top left repeat-x;
 padding: 0;
 font: 75% Helvetica, Arial, sans-serif;
 color: #003;
 text-align: left;
 text-transform: lowercase;
 }

div {margin: 0; border: 0; padding: 0; overflow: hidden; text-align: left;}

p {margin: 0; border: 0; padding: 0;}

iframe  {margin: 0; border: 0; padding: 0;}

img {border: 0;}

.border {border: solid 1px #f90;}

a {color: #003; font-weight: normal; text-decoration: none; border: 0;}
a:active {color: #f90;}
a:hover {text-decoration: underline; color: #5cf;}
/* a:visited {color: #003;} */

h1 {
 margin: 0;
 color: #5cf;
 font-size: 1.4em;
 font-weight: normal;
 text-transform: lowercase;
 }

h2 {
 margin: 0;
 color: #f90;
 font-size: 1.2em;
 font-weight: normal;
 text-transform: lowercase;
 }

h3 {
 margin: 0;
 color: #fff;
 font-size: 1.1em;
 font-weight: normal;
 text-transform: uppercase;
 }

.left {float: left;}

.right {float: right;}

/* PAGE LAYOUT */
#bground {
 width: 900px;
 background: #fff url(../images/head_bg.png) top right no-repeat;
 }

#content {
 width: 870px;
 margin: 0 15px 5px 15px;
 background: #003;
 color: #fff;
 }

#header {
 width: 870px;
 height: 200px;
 margin: 0 15px;
 }

#main {
 float: left;
 width: 600px;
 margin: 20px 10px 20px 20px;
 }

#sidebar {
 float: right;
 width: 205px;
 margin: 10px;
 border-left: solid 1px #f90;
 padding: 0 0 5px 10px;
 }

#common {
 width: 870px;
 height: 275px;
 margin: 0 15px 15px 15px;
 background: #003;
 }

#footer {
 width: 900px;
 height: 25px;
 margin-bottom: 25px;
 background: transparent url(../images/np.png) bottom right no-repeat;
 color: #f90;
 font-size: .9em;
 }

#loader {
 position: absolute;
 top: 0px;
 left: -900px;
 width: 5px;
 height: 5px;
 }

#spacer {
 clear: both;
 height: 5px;
 }

#photomain {
 float: left;
 width: 830px;
 margin: 20px 10px 20px 20px;
 border: solid 0px #777;
 }

/* HEADER */
#tools {
 float: right;
 margin-top: 5px;
 font-size: .9em;
 }

#logo {
 margin-top: 50px;
 }

#menu {
 margin: 5px 0 0 10px;
 width: 350px;
 color: #006;
 font-size: 1.4em;
 }

.divide {
 margin: 0 10px;
 }

.active {
 color: #5cf;
 text-decoration: underline;
 }

#menu a {
 text-decoration: none;
 }

#menu a:hover {
 text-decoration: underline;
 }

/* MAIN */
#maintitle {
 float: left;
 border: solid #fff;
 border-width: 0 1px 0 0;
 padding-right: 10px;
 text-align: right;
 }

#mainabout {
 float: left;
/* width: 380px; */
 padding-left: 10px;
 }

#mainitem {
 float: left;
 width: 560px;
 margin-top: 20px;
 }


#content a {color: #5cf; font-weight: normal; text-decoration: none; border: 0;}
#content a:active {color: #f90;}
#content a:hover {color: #fff; text-decoration: underline;}

#collect {
 clear: both;
 width: 840px;
 margin: 15px 0;
 }

.bracket {
 color: #f90;
 }

#photomenu {
 width: 830px;
 height: 220px;
 margin: 10px 0 40px 0;
 overflow: auto;
 white-space: nowrap;
 }

#photomenu img {
 margin-right: 10px;
 border: 0;
 background: #fff;
 padding: 5px;
 }

#vphot {

 }

#hphot {
 margin-bottom: 20px;
 }

.sub {
 font-style: italic;
 }

.post-img {
 margin: 0 20px;
 background-color: #069;
 border: solid 1px #f90;
 padding: 10px;
 }

.blogdate {
 
 }

.post-title {
 margin: 3px;
 color: #5cf;
 }

.post-body {
 margin: 10px 10px;
 }

.blogp {
 margin: 10px 0;
 }

.post-footer {
 margin: 0 5px;
 }

.aboutitle {
 color: #5cf;
 }

.accent {
 color: #f90;
 font-size: 1.1em;
 font-style: italic;
 }

/* SIDEBAR */
#sidebar p {
 margin: 0px;
 }

#sidebar ul {
 list-style: none;
 margin: 0 25px 0 15px;
 border: solid 0px #fff;
 background: #003;
 padding: 7px 3px;
 }

#sidebar li {
 margin-left: 5px;
 background: transparent url(../images/oicon.png) top left no-repeat;
 padding: 2px 0px 5px 21px;
 line-height: 0.9;
 }

.sidebar-title {
 margin: 3px 0; 
 }

.seperate {
 margin: 10px 0;
 border: solid 0px #f90;
 border-width: 0 0 1px 0;
 }

/* COMMON */
.common {
 float: right;
 width: 256px;
 height: 250px;
 margin-top: 10px;
 border: solid #f90;
 }

.adsense {
 border-width: 0;
 }

#cse {
 border-width: 0;
 }

#twitter {
 border-width: 0 1px;
 }

.contact {
 float: right;
 width: 325px;
 margin: 10px 10px 10px 0;
 border-style: solid;
 border-color: #f90;
 border-width: 0;
 }
 
/* FOOTER */
#footer a {color: #5cf; font-weight: normal; text-decoration: none; border: 0;}
#footer a:active {color: #f90;}
#footer a:hover {color: #fff; text-decoration: underline;}
/* #footer a:visited {color: #5cf;} */

.copyright {
 float: left;
 margin: 7px 0 0 0;
 }

.footlinks {
 float: left;
 margin: 7px 0 0 45px;
 }

.footinfo {
 float: right;
 margin: 7px 85px 0 0;
 }