/*  
Theme Name: uTheme
Theme URI: http://www.csswithcolour.com/live/uTheme/
Description: Simplicity strikes again: uTheme delivers a theme based on simplicity and grid system. It's expandable in width.
Version: 2.5
Author: CSS WITH COLOUR
Author URI: http://www.csswithcolour.com
Tags: white, black, two-columns, flexible-width
*/

@import url("class.css");

* { margin: 0; padding: 0; }

body { font-family:"Lucida Sans Unicode", "Trebuchet MS", Helvetica, Sans-Serif; font-size:62.5%; background:#FFF; color:#000; }

a { text-decoration: none; color:#AF4646; }
a:visited { color:#883C3F; }
a:hover { color:#91A398; text-decoration:underline; }
a:active { color:#222; }
a img { border:0;}
form, input, textarea { font-family: "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Sans-Serif; font-size: 1.1em; }
ul, ul li { list-style-type:none; }
img.icon {  margin-bottom:-4px;  margin-right:2px;  }
h1 { font-size:2.2em; }
h2 { font-size:2em; }
h3 { font-size:1.8em; }
h4 { font-size:1.6em; }
h5 { font-size:1.4em; }
h6 { font-size:1.2em; }

#wrap { margin:20px auto; width:87%; text-align:left; background:#FFF; color:#000; }

#header { margin:0 0 50px 0; }
#header #top-menu { width:100%; padding:10px 0 5px 0; margin-bottom:10px; font-family:"Lucida Sans Unicode", "Trebuchet MS", Helvetica, Sans-Serif; font-size:1.4em; text-align:left; background:#fff; color:#000; }
#header #top-menu .menu-left ul { margin:0; padding:0 10px 0 0; list-style-type:none; list-style-image:none; float:left; }
#header #top-menu .menu-left ul li { display:inline; }
#header #top-menu .menu-left ul a { padding:0 20px 0 10px; font-weight:normal; text-decoration:none; color:#AF4646; }
#header #top-menu .menu-left ul a:hover { color:#33605A; }
#header #top-menu .menu-search { float:right; }

#content { float:left; width:70%; text-align:left; background:#FFF; color:#000; }

.post { padding:10px; text-align:left; margin:0 0 30px 0; background:#FFF; color:#000; line-height:25px; width:100%; }
.post h2.title { border-bottom:1px solid #EEE; padding:0 0 5px 0; margin:0 0 2px 0; font-family:Arial, Helvetica, Sans-Serif; font-size:2.8em; font-weight:normal; line-height:28px; color:#68462B; letter-spacing:-1px; }
.post h2.title a { text-decoration:none; color:#421B37; }
.post h2.title a:hover { color:#68462B; }
.post div.postmetadata { margin:0 0 10px 0; font-family:Arial, sans-serif; color:#37424B; font-size:1.1em; }
.post div.postmetadata p { font-size:1em; margin:0; padding:0; }
.post div.postmetadata p.post-date { color:#37424B; }
.post div.postmetadata img.icon { position:relative; bottom:-5px; margin:0 5px 0 0;  }
.post div.postmetadata a { text-decoration:none; color:#37424B; }
.post div.postmetadata a:hover { color:#CCC; }
.post p.categories, .post p.tags { color:#555; margin:0; padding:0; font-size:1.1em; font-family:Arial, sans-serif; }
.post p.categories a, .post p.tags a { color:#777; }
.post p.link-pages { margin:10px 0; }
.post p.link-pages a { padding:5px; background:#EEE; border:1px solid #CCC; }

.post p { font-family:Arial, sans-serif; padding:0 0 12px; font-size:1.3em; line-height:200%; }	


.post hr { border:0; width:100%; height:1px; background:#CCC; margin:10px 0 10px 0; }

.post img { padding:1px; background:#fff; }
.post img.icon { margin-bottom:-4px; }
.post img.alignleft { float:left; margin:5px 10px 0 0; }
.post img.alignright { float:right; margin:5px 0 0 10px; }	
.post ul, .post ol { padding:0 0 0 10px; font-size:1.2em; }
.post ul li, .post ol li { list-style-position:inside; margin:0 15px 5px 0; font-size:1em; }
.post pre { font-size:1.3em; overflow:auto; word-wrap:break-word; /* IE6 */ }

fieldset { padding:10px; }


.post table { font-size:1.2em; }
.post table tr { background:#EEE; padding:5px; }
.post table th { background:#CCC; padding:5px; }
.post table td { background:#F1F1F1; padding:5px; }
.post blockquote {	margin:5px;	font-style:italic; padding:10px; font-size:1.1em; text-align:left; background:#fff; color:#333; }

cite { font-family:"Lucida Sans Unicode", "Trebuchet MS", Helvetica, Sans-Serif; font-size:1.1em; font-style:normal; }

.post p.wp-caption-text { padding:5px; background:#EEE; border:1px solid #CCC; text-align:center; }




.navigation {	margin-bottom:20px; padding:0 10px; font-size:1.2em; font-family:Arial, sans-serif; }
.navigation a { display:block; padding:5px; background:#eee; border:1px solid #CCC; color:#222; }

#searchform { text-align:right; }
#searchform input.textinput { background:#FFF;  border:2px solid #eee; font-size:0.9em; }
#searchform input.search-btn { width:54px;	height:20px; background:#e5e5dd url(images/btn-search.gif) no-repeat; outline:none;	margin:4px 0 -6px 0; }
#searchform input.search-btn:hover { background:#c9c9c2 url(images/btn-search.gif) no-repeat 0 -20px; }


#commentform {  background:#FFF; }
#commentform label { background:#FFF; color:#444; font-size:1.2em; }
#commentform .commentauthor, .commentemail, .commenturl { background:#FFF; border:2px solid #eee; padding:5px; width:98%; }
#commentform .commentarea { background:#FFF; border:2px solid #eee; padding:5px; width:98%; wid\th:98%; /* IE HACK */ overflow:hidden; }
#commentform input.submit-btn { width:54px; height:20px; background:#e5e5dd url(images/btn-submit.gif) no-repeat; outline:none; margin-bottom:-6px; }
#commentform input.submit-btn:hover { background:#c9c9c2 url(images/btn-submit.gif) no-repeat 0 -20px; }
#comments blockquote { font-style:normal; }


#sidebar { float:right; width:20%; text-align:right; background:#fff; color:#000; }
#sidebar h2 { font-family:"Lucida Sans Unicode", "Trebuchet MS", Helvetica, Sans-Serif; font-size:1.8em; font-weight:normal; letter-spacing:-1px; color:#37424B; }
#sidebar h2 a { text-decoration:none; color:#AF4646; }
#sidebar h2 a:hover	{ text-decoration:underline; }
#sidebar ul li { margin:0 0 10px; padding:5px 0 5px 0; font-family:"Lucida Sans Unicode", "Trebuchet MS", Helvetica, Sans-Serif; font-size:1.1em; font-weight:normal; background:#FFF; color:#000; }
#sidebar ul ul { margin:0; padding:0; }
#sidebar ul ul li	{ margin:0 0 2px 0; padding:5px 0 0; font-family:"Lucida Sans Unicode", "Trebuchet MS", Helvetica, Sans-Serif; font-size:1.2em; }


#wp-calendar { margin:0; font-family:"Lucida Sans Unicode", "Trebuchet MS", Helvetica, Sans-Serif; font-size:1em;  }
#wp-calendar caption { font-weight:normal; padding:0 0 0 5px; text-align:right; color:#AF4646; }
#wp-calendar th, #wp-calendar td { padding:1px; background:#FFF; color:#000; }

#footer { clear:both; width:100%; font-size:1.1em; text-align:left; background:#FFF; color:#000; margin-bottom:4px; color:#555; }
#footer p { padding-left:10px; }

div#pimped.bubble { font-size:0.9em; }
div#pimped.bubble a { color:#FFF;  font-size:14px; text-decoration:none; }
div#pimped.bubble a:hover { text-decoration:underline; }
div#pimped.bubble div.rounded { color:#fff; border:3px solid #000; background-color:#000; }
div#pimped.bubble cite.rounded { background:transparent url(images/tip-pimped.gif) no-repeat 15px 0; }
div.bubble div.rounded { margin-bottom:10px; border:3px solid #e8e8c5; background-color:#f9f9d6; }
div.bubble div.rounded blockquote { border:0; background-color:transparent; color:#000; }
div.bubble div.rounded blockquote p { margin:0px 10px; }
div.bubble cite.rounded { position:relative; margin:0px; padding-left:15px; padding-top:12px; top:9px; background:transparent url(images/tip-rounded.gif) no-repeat 15px 0; font-size:1.2em; }
div.bubble { width:auto; font-size:0.75em; margin-bottom:24px; }
div.bubble blockquote { margin:0px; padding:0px; border:1px solid #e8e8c5; background-color:#f9f9d6; font-family:"Lucida Sans Unicode", "Trebuchet MS", Helvetica, Sans-Serif; line-height:18px; }
div.bubble blockquote p { margin:10px; padding:0px; }
div.bubble cite { position:relative; margin:0px; padding:7px 0px 0px 15px; top:1px; background:transparent url(images/tip.gif) no-repeat 20px 0; font-style:normal; font-size:1.4em; }

.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.alignleft { float:left; }
.alignright { float:right; }

