/*
Theme Name: U5
Theme URI: http://utombox.com
Description: This theme is form <a href="utombox.com">UtomBox.com</a>.
Version: 7.01
Author: Utom
Author URI: http://utombox.com
*/

* {
list-style:none;
text-decoration:none;
margin:0;
padding:0;
}



body {
overflow:auto;
background:transparent url("images/bg.jpg") no-repeat center 0;
background-color: #000;
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:980px;
margin:0 auto;
padding:0 5px;
}

#header {
height:250px;
}

#bar{
height:26px;
background: url("images/menu.gif") repeat-x 0 0;

}

#navigation {
position:absolute;
top:0px;
height:26px;
text-align:center;
margin-left:25px;
}



#navigation ul {
text-align:center;

}



#navigation ul li {
height:26px;
float:left;
text-align:center;
display: inline;
list-style-type: none;
float: left;
}



#navigation ul li a {
height:26px;
display:block;
color:#66ccff;
font-weight:bold;
font-size:15px;
line-height:19px;
margin:0 15px 0 15px;
text-align:center;
display: inline;
list-style-type: none;
}



#navigation ul li.current_page_item a {
background:transparent url("images/current_page_item.gif") repeat-x 0 0;
color:#ff9933;
}


#headerimg {
height:200px;
}



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



#headerimg .description {
display:none;
}



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



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



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



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

#contentcast {
width:540px;
color:#FFF;
float:left;
margin:0 20px 0 20px;
}


.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;
margin-bottom:25px;
}

.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:0px 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:0px solid #333;
color: #666;
}

.narrowcolumn .navigation_page a:hover, .narrowcolumn .navigation_page .utompage{
color: #ff9900;
background: #555;
border:1px solid #777;
}



.narrowcolumn .alignright {
float:right;
}



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


.narrowcolumn .rss2 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 .metadata li {
line-height:23px;
padding:0 0 0 20px;
}

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

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

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



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



.narrowcolumn .edit {
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 .s,.narrowcolumn .commentlist p {
clear:both;
}


.narrowcolumn #comment {
width:80%;
}



#sidebar {
width:240px;
color:#666;
margin-left:5px;
}


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



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



#sidenotes #s {
width:110px;
}

#sidenotescast {
float:right;
width:300px;
}



#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;
overflow:hidden;
}



#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_s,#footer .u_links {
width:420px;
float:left;
margin:0 20px 0 0;
}



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



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



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



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



#footer a:hover img {
border:0px 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:0px 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:#FFF;
margin:0 0 10px;
}

#sidebar h3 {
font-size:14px;
color:#FFF;
margin:0 0 0px;
}


.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;
}