/*

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;

}



#dhtmltooltip {



position: absolute;



width: 150px;



border: 2px solid black;



padding: 2px;



background-color: lightyellow;



visibility: hidden;



z-index: 100;



/*Remove below line to remove shadow. Below line should always appear last within this CSS*/



filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);



}



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 {
background: url("images/logo.jpg") no-repeat 0 36px;

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;

}


/* My Comment 

#headerimg h1 a {

background:transparent url("images/logo.jpg") no-repeat 0 0;

position:absolute;

width:850px;

height:80px;

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 -100 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;

}



#recent_entrie {

float:left;

width:250px;

color:#999;

}



#recent_entrie .reptime {

font-size:10px;

color:#fff;

display:block;

}



#recent_entrie li h2,#recent_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 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,#recent_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,#recent_entrie h2.recent_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;

}