/*
Theme Name: U5
Theme URI: http://utombox.com
Description: This theme is form <a href="utombox.com">UtomBox.com</a>.
Version: 6.11
Author: Utom
Author URI: http://utombox.com
*/
* {
list-style:none;
text-decoration:none;
margin:0;
padding:0;
}

body {
overflow:auto;
background:#333;
color:#fff;
font:12px/150% "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
}

h1,h2,h3,h4,h5,h6 {
font-family:"Trebuchet MS";
}

p,.entry ol,.entry ul {
margin:0 0 1em;
}

.entry ol,.entry ul {
padding:0 0 0 2em;
}
.entry strike{
text-decoration:line-through;
}
input,textarea {
background:#666;
border:1px solid #999;
font:12px/150% "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
color:#FFF;
padding:2px;
}

input[type=text]:focus,textarea:focus {
background:#ccc;
border:1px solid #666;
font:12px/150% "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
color:#000;
}

#wrapper {
width:850px;
background:#333 url("images/bg.png") repeat-y center center;
margin:0 auto;
padding:0 5px;
}

#header {
height:126px;
}

#navigation {
height:26px;
background:#690 url("images/menu.png") repeat-x 0 0;
}

#navigation ul {
margin:0 0 0 38%;
}

#navigation ul li {
width:74px;
height:22px;
float:left;
text-align:center;
padding:4px 0 0;
}

#navigation ul li a {
width:74px;
height:19px;
display:block;
color:#000;
font-size:10px;
line-height:19px;
padding:3px 0 0;
}

#navigation ul li.current_page_item a {
background:transparent url("images/current_page_item.png") no-repeat 0 0;
color:#FFF;
}

#headerimg {
height:100px;
}

#headerimg h1 a {
background:transparent url("images/logo.png") no-repeat 0 0;
position:absolute;
width:252px;
height:100px;
overflow:hidden;
text-indent:400px;
line-height:200px;
}

#headerimg .description {
display:none;
}

#box {
padding:0 20px 20px;
}

#content,#sidebar {
float:left;
margin:0 20px 0 0;
}

#content {
width:410px;
color:#888;
}

#content2 {
width:500px;
color:#888;
float:left;
margin:0 50px 0 0;
}

.narrowcolumn a {
color:#fff;
}

.narrowcolumn ul.u_datetime {
background:#666 url("images/datetime.png") no-repeat 0 0;
width:60px;
height:60px;
float:left;
text-align:center;
color:#FFF;
margin:0 10px 0 0;
}

.narrowcolumn li.u_month {
font-size:10px;
line-height:20px;
}

.narrowcolumn li.u_day {
font-size:20px;
font-weight:700;
line-height:20px;
}

.narrowcolumn li.u_year {
font-size:12px;
font-weight:700;
line-height:20px;
}

.narrowcolumn h2 a {
color:#ccc;
font-size:18px;
margin:0;
}

.narrowcolumn .u_tag,.narrowcolumn ul.u_postinfo li {
line-height:23px;
margin:0 10px 0 0;
padding:0 0 0 20px;
}

.narrowcolumn .u_tag {
background:transparent url("images/tag_blue.png") no-repeat left center;
}

.narrowcolumn .u_author {
background:transparent url("images/user.png") no-repeat left center;
}

.narrowcolumn .u_category {
background:transparent url("images/folder.png") no-repeat left center;
}

.narrowcolumn .u_comment {
background:transparent url("images/comments.png") no-repeat left center;
}

.narrowcolumn .entry {
clear:both;
padding:10px;
overflow : hidden;
}

.narrowcolumn .entry blockquote {
border-left:2px solid #333;
color:#666;
margin:0 0 0 2em;
padding:0 0 0 2em;
overflow:hidden;
}

.narrowcolumn .entry ol li {
list-style:decimal;
}

.narrowcolumn .entry ul li {
list-style:disc;
}

.narrowcolumn .entry img {
margin:5px;
}

.narrowcolumn .entry a:hover img {
border:2px solid #FFF;
}

.narrowcolumn .navigation {
height:20px;
margin:0 0 20px;
}
.narrowcolumn .navigation_page a,.narrowcolumn .navigation_page .utompage{
font-size: 10px;
float: left;
height: 20px;
padding: 0 5px;
line-height: 20px;
margin: 0 1px 1px 0;
}
.narrowcolumn .navigation_page a{
background: #222;
border:1px solid #333;
color: #666;
}
.narrowcolumn .navigation_page a:hover, .narrowcolumn .navigation_page .utompage{
color: #ccc;
background: #555;
border:1px solid #777;
}
.narrowcolumn .alignright {
float:right;
}

.narrowcolumn .postmetadata {
border-top:1px solid #333;
border-bottom:1px solid #333;
margin:20px 0;
padding:10px;
}

.narrowcolumn .postrss2 a {
background:transparent url("images/rss_big.png") no-repeat 0 0;
position:absolute;
width:80px;
height:80px;
overflow:hidden;
text-indent:400px;
line-height:200px;
margin:-5px 0 0 400px;
}

.narrowcolumn .postmetadata li {
line-height:23px;
padding:0 0 0 20px;
}

.narrowcolumn .postdatetime {
background:transparent url("images/time.png") no-repeat left center;
}

.narrowcolumn .postcategory {
float:left;
background:transparent url("images/folder.png") no-repeat left center;
margin:0 10px 0 0;
}

.narrowcolumn .posttag {
float:left;
background:transparent url("images/tag_blue.png") no-repeat left center;
}

.narrowcolumn .posttrackback {
clear:both;
background:transparent url("images/arrow_refresh.png") no-repeat left center;
}

.narrowcolumn .postedit {
clear:both;
background:transparent url("images/pencil.png") no-repeat left center;
}

span.ugr {
float:left;
width:32px;
height:32px;
background:transparent url("images/defaultgravatar.gif") no-repeat 0 0;
border:2px solid #666;
margin:0 3px 3px 0;
}

.narrowcolumn h3#comments,.narrowcolumn h3#respond {
font-size:15px;
margin:10px 0;
}

.narrowcolumn ol.commentlist {
border:1px solid #666;
border-bottom:none;
margin:0 0 20px;
}

.narrowcolumn ol.commentlist li {
border-bottom:1px solid #666;
background:#222;
padding:10px;
}

.narrowcolumn ol.commentlist li.alt {
background:#333;
}

.narrowcolumn .commentlist .uar,.narrowcolumn .commentlist .uar a {
font-size:14px;
font-weight:700;
color:#999;
}

.narrowcolumn .spost,.narrowcolumn .commentlist p {
clear:both;
}

.narrowcolumn #comment {
width:80%;
}

#sidebar {
width:180px;
color:#666;
}


#sidebar .rss_feed,#sidebar .del_icio_us {
margin:25px 0 0;
}

#sidenotes {
float:right;
width:180px;
}

#sidenotes #s {
width:110px;
}

#searchsubmit {
font-size:10px;
height:22px;
}

#sidenotes h2 {
font-size:18px;
color:#666;
margin:10px 0;
}

#sidenotes a {
font-size:12px;
color:#999;
}

#rencent_entrie {
float:left;
width:250px;
color:#999;
}

#rencent_entrie .reptime {
font-size:10px;
color:#fff;
display:block;
}

#rencent_entrie li h2,#rencent_entrie li h2 a {
font-size:14px;
color:#ccc;
margin:10px 0 0;
}

#footer {
border-top:1px solid #222;
border-bottom:1px solid #222;
background:#111;
padding:20px;
}

#footer .query_posts,#footer .u_links {
width:250px;
float:left;
margin:0 20px 0 0;
}

#footer .u_flickr {
width:270px;
float:left;
}

#footer h2 {
font-size:18px;
color:#999;
margin:0 0 10px;
}

#footer .u_links ul li {
width:50%;
float:left;
}

#footer .u_flickr span a {
float:left;
display:block;
margin:0 8px 8px 0;
}

#footer a:hover img {
border:2px solid #ccc;
}

#utom2006 {
height:30px;
color:#999;
font-size:10px;
padding:0 20px;
}

#utom2006 .copyright {
float:right;
line-height:20px;
padding:5px 0;
}

#utom2006 .validate {
float:left;
line-height:20px;
padding:5px 0;
}
.xhtml,.css {
padding:3px 15px 3px 25px;
}
.xhtml {
background:transparent url("images/xhtml.png") no-repeat left center;
}
.css {
background:transparent url("images/css.png") no-repeat left center;
}

.udownloads a {
display:block;
width:280px;
height:80px;
background:transparent url("images/downloads.png") no-repeat 0 0;
margin:0 0 20px;
padding:10px;
}

.entry3 {
margin:10px 0 0;
}

.udownloads a:hover {
background:transparent url("images/downloads.png") no-repeat 0 -100px;
}

.udownloads a img {
float:left;
margin:0 10px 0 0;
}

.udownloads strong {
display:block;
color:#000;
}

.hl-surround {
background-color:#333;
border:1px solid #666;
margin-bottom:5px;
width:400px;
overflow:auto;
text-align:left;
padding:8px;
}

.hl-surround,.hl-surround pre,.hl-surround span {
font:normal 9pt 'Courier New', monospace;
}

.hl-default {
color:#000;
}

.hl-code {
color:Gray;
}

.hl-brackets {
color:Olive;
}

.hl-comment {
color:#fa0;
}

.hl-quotes {
color:#8b0000;
}

.hl-string {
color:Red;
}

.hl-builtin {
color:Teal;
}

.hl-reserved {
color:Green;
}

.hl-var {
color:#00008b;
}

.hl-special {
color:Navy;
}

.hl-number {
color:Maroon;
}

.hl-main {
background-color:transparent;
}

.hl-main pre {
margin:0;
padding:0;
}

#navigation ul li a:hover{
color:#fff;
}
.narrowcolumn a:hover{
color:#666;
}
#content3,#sidebar a:hover,#sidebar .uexc,#sidenotes a:hover,#rencent_entrie a:hover,#footer a {
color:#666;
}

.narrowcolumn .u_tag,.narrowcolumn ul.u_postinfo,.narrowcolumn span.commentmetadata {
font-size:10px;
}

.narrowcolumn .u_postinfo li,.narrowcolumn .alignleft {
float:left;
}

.narrowcolumn .entry a img,#footer a img {
border:2px solid #999;
}

.narrowcolumn .commentlist .uar a:hover,#utom2006 a:hover {
color:#fff;
}

#sidebar a,#footer a:hover,#utom2006 a {
color:#ccc;
}

#sidebar h2,#rencent_entrie h2.rencent_entrie {
font-size:18px;
color:#666;
margin:0 0 10px;
}

.hl-identifier,.hl-inlinedoc,.hl-url,.hl-inlinetags {
color:Blue;
}
.styleswitcher {
float:right;
margin:5px 0 0 0;
}
.styleswitcher a span{
display:none;
}
.styleswitcher a{
float:left;
display:block;
width:10px;
height:10px;
margin:0 5px 0 0;
}
.styleswitcher a.default{
background:#9c0;
}
.styleswitcher a.pink{
background:#f39;
}
.styleswitcher a.no{
background:#ccc;
}
.googlead{
background:#111;
border:1px solid #222;
margin:0 auto;
padding:3px;
width:468px;
height:60px;
clear:both;
}