body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td
{
margin: 0; padding: 0; border: 0; outline: none;
}
body
{
line-height: 1;
text-align:center;
font-family:arial;
font-size:12px;
background:#fff;
}
ul, ol
{
list-style: none;
}
h1,h2,h3,h4,h5,h6{
font-family:courier new;
}
a
{
color: black;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}
#container{
text-align:left;
margin:0px auto;
background:#fff;
}
#header{
height:59px;
background:url("http://www.osicoding.com/images/header2.png");
margin-bottom:5px;
position:relative;
}
#header p{
font-size:1.1em;
}
#header #logo{
width:224px;
position:absolute;
top:12px;
left:12px;
}

#bar{

background-image:url("http://www.osicoding.com/images/tech.gif");
height:25px;
background-repeat:no-repeat;
float:right;
width:200px;
}


#menu ul{
}
#menu{
position:absolute;
padding:0px;
margin:0px;
top:20px;
left:300px;
}
#menu li{
display:inline;
padding:0px 5px;
}
#menu a{
font-family:courier new;
font-size:16px;
color:#222;

}
#menu a:hover{
text-decoration:none;
color:#fff;
}

#skills span{color:#444;font-variant:small-caps;}

#skills li{
line-height:1.5;
}
#content{
float:left;
margin-bottom:100px;
padding-left:25px;
width:700px;
min-height:500px;
}
#content p{
font-size:1.25em;
padding:15px 0px 15px 25px;
margin-right:10px;
line-height:1.25;
}
#content em,#content ul,#content h3,#skills h3{
padding:10px 0px 0px 25px;
font-size:.9em;
}
#content ul{
font-size:1.25em;
width:550px;
list-style-image: url(http://www.osicoding.com/images/list.png);
list-style-type: square;
}
/* dev.php */
.devimage{
border:0px;
width:100px;
height:100px;
margin:0px;
padding:0px;
vertical-align:baseline;

}
.projects-nav{
background:#ddd;
display:block;
width:400px;
height:30px;
margin-top:25px;

}
.projects-nav li{
display:block;
width:200px;
height:20px;
float:left;
padding:5px 20px;
font-size:.8em;
}

#tab1,#tab2{
display:block;
width:600px;
height:500px;
float:left;
background:#eef;

}
#tab1 li,#tab2 li{
list-style-image:none;
list-style-type:none;
display:block;
float:left;
width:100px;
font-size:.9em;
padding-right:5px;
}
#tab2 li{width:110px;}

#tab1 a,#tab2 a{
font-family:Arial;
font-size:12px;
display:block;
padding-top:20px;
color:#444;
}




.projects-nav a{
margin-left:25px;
color:#666;
}
.projects-nav a:hover{
text-decoration:none;
}

#content h2{
padding:11px 0px 10px 0px;
color:#555;
margin-left:15px;
font-family:arial;
}
#content h1{
padding:0px 0px 0px 25px;
color:#fff;
}
#content h4{
font-size:1.1em;
padding:10px 0px 0px 10px;
margin-left:15px;
color:#777;
}
#content h3{
color:#777;
font-size:1.5em;
font-family:courier new;
}
#content #contact{
padding:1px 0px 1px 25px;
}



#footer{
height:100px;
clear:both;
}
#footer p{
text-align:center;
padding-top:20px;
font-family:courier new;
padding-bottom:50px;
}
#footermenu li{display:inline;}

#footermenu{

margin:0 auto;
text-align:center;
}

#footermenu a{
text-decoration:none;
padding:5px;
color:#55f;
}

#footermenu a:hover{
color:#ccc;
text-decoration:underline;

}




/* Flickr Search  */
/*To positon jgrow correctly set to relative*/

#flickr form{
position:relative;
}
#loadflickr{
color:#555;
font-variant: small-caps;
}

#commonsinfo{		
position:absolute;
top:25px;
left:350px;
}

#flickrcommons{
font-size:12px;
color:#666;

}
.flickp{

display:block;
width:600px;
}
#flickr{

margin-left:5px;
}

#flickr span{
font-size:14px;
font-weight:bold;
}

#flickrsearch{
padding:30px 0px 15px 15px;
float:left;
width:600px;
}
#flickrsearch .photo{
margin:5px;
padding:5px;
float:left;
background:#eef;
width:85px;
text-align:center;
}
#flickr_searchbox{
padding:4px 0px;
border:1px solid #999;
background:#fff;
margin-left:0px;
}
#flickr_submit{
width:64px;
height:64px;
background:url("../images/flickr.png") no-repeat;
display:block;
margin-left:25px;
}
/* flickr sidebar */
#flickrpanel{
float:right;
background:url("../images/photo_bg.jpg") no-repeat;
overflow:hidden;
height:350px;
margin:0px;
width:260px;
}
#flickrpanel h4{
margin-left:55px;
margin-bottom:15px;
font-size:1em;
}
#flickrsidebar{
height:200px;
overflow:hidden;
margin:0px;
width:200px;
padding:0px;
margin-left:20px;
}
#flickrsidebar img{
width:200px;
height:200px;
padding:1px;
}
#flickrsidebar li{
overflow:hidden;
width:230px;
}
#flickrsidebar a,#flickrsidebar p{
color:#ccc;
font-variant: small-caps;
font-size:.65em;
}
/* EMAIL FORM */
/*  Form section   */
#formcontainer{
margin-left:25px;
margin-top:25px;
}
#formcontainer submit{
display: block;
}
#formcontainer label{
display: block;
}
#formcontainer ul{
list-style:none;
padding-left:0px;
}
#formerror{color:#682234;}
/*EMAIL FORM */
#emailform input {
font-size: 14px;
color: #000;
border: 1px solid #ccc;
background-color: #fff;
margin-bottom: 10px;
padding:5px;
margin-top:5px;
}
#emailform #message {
color: #000;
background-color: #fff;
border: 1px solid #ccc;
overflow: auto;
}
#emailform #submit {
margin-top:10px;
width: 100px;
height: 33px;
background:#fff;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
border:1px #ccc solid;
padding:0px;
}
#response h5{
margin-bottom:5px;
font-size:1em;
}
#response{
margin-bottom:5px;
font-size:1em;
}
#formerror{
padding-top:5px;
color:#f66;
width:560px;
}



/* IP ADDRESS  */
#ipdata{
margin:0;
padding:0;

}
#ipdata ul{
margin:0px;
padding:0px;
}
#ipdata li{
list-style:none;
font-size:1.25em;
padding:5px;
}

#map_canvas{
margin:25px 0px 0px 25px;

}

#searchip{

width:600px;
margin-left:25px;
padding:5px;
background:#eef;
font-size:1.5em;
border:#ddd 1px solid;
color:#555;
}

#searchip input{

font-size:.9em;
margin:0px;
background:#fff;
border:1px solid #ccc;
padding:4px;
}

/* GOOGLE SEARCH  */

#footer #google_search{
margin:20px 0px 1px 20px;
text-align:center;
}
#footer #google_search input{
padding:2px;border:1px solid #888;}