/*  
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.2
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 { position: relative; margin:0 0 25px 0; }
#header #top-menu { position: absolute; top: 0; right: 0; padding:0 0 0 0; margin-right: 20px; margin-bottom:8px; font-family:"Lucida Sans Unicode", "Trebuchet MS", Helvetica, Sans-Serif; font-size:1.4em; text-align:left; color:#000; }
#header #top-menu .menu-left ul { margin:0; padding:0 0 0 0; list-style-type:none; list-style-image:none; float:left; }
#header #top-menu .menu-left ul li { display:inline; margin-right: 20px; }
#header #top-menu .menu-left ul a { padding:0 0 0 0; font-weight:normal; text-decoration:none; color:#ffffff; }
#header #top-menu .menu-left ul a:hover { color:#ffffff; text-decoration: underline; font-weight: bold; }
#header #top-menu .menu-search { float:right; }
#header p a { font-size:1.9em !important; font-weight: bold !important; }

#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; }
cite a { color: #000 !important; font-size:1.1em !important; text-decoration:underline !important; }

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

#content tt {
  font-weight: bold;
  color: #429CF4;
  font-family: "Bitstream Vera Sans Mono", "Courier New" monospace;
  line-height: 123.1%;
}

#content dd {
  margin-bottom: 0.5em;
}

#content blockquote {
  padding: 0.5em 0 0.5em 30px;
}

#content pre {
  padding: 10px;
  background-color: #222;
  overflow/**/: auto;
  margin-bottom: 15px;
  line-height: 17px;
  font-size: 13px;
  color: #fff;
  font-family: "Bitstream Vera Sans Mono", monospace;
}

#content ul, #content ol {
  margin-top: 0;
  margin-left: 15px;
  margin-bottom: 10px;
}

#content ul li, #content ol li {
  list-style-type: square;
}

.yaml_top_dashes {
  color: #CC8865;
}

.yaml_keys {
  color: #ffffdd;
}

.yaml_colon {
  color: #5598EE;
}

.yaml_string {
  color: #9EE665;
}

.yaml_integer {
  color: #57AAFF;
}

.yaml_float {
  color: #57AAFF;
}

.yaml_decimal {
  color: #57AAFF;
}

.yaml_boolean {
  color: #57AAFF;
}

.yaml_array {
  color: #ffffff;
}

.yaml_comment {
  color: #ddd;
}

.php .imp {font-weight: bold; color: red}
.php .kw1 {color: #FF8400}
.php .kw2 {color: #FFCC66}
.php .kw3 {color: #07DFFC}
.php .co1 {color: #BD48B3; font-style: italic}
.php .co2 {color: #BD48B3; font-style: italic}
.php .coMULTI {color: #BD48B3; font-style: italic}
.php .es0 {color: #ddd}
.php .br0 {color: #fff}
.php .st0 {color: #99FF00}
.php .nu0 {color: #66CC66}
.php .me1 {color: #FFCC66}
.php .me2 {color: #FFCC66}
.php .re0 {color: #fff}
.php a {text-decoration: none}

.xml .imp {font-weight: bold; color: red}
.xml .coMULTI {color: #BD48B3; font-style: italic}
.xml .es0 {color: #0000aa; font-weight: bold}
.xml .br0 {color: #66cc66}
.xml .st0 {color: #99FF00}
.xml .nu0 {color: #cc66cc}
.xml .sc0 {color: #00bbdd}
.xml .sc1 {color: #ddbb00}
.xml .sc2 {color: #339933}
.xml .sc3 {color: #fff}
.xml .re0 {color: #FFFF99}
.xml .re1 {color: #FFCC66}
.xml .re2 {color: #FFCC66}

.css .imp {font-weight: bold; color: red}
.css .kw1 {color: #fff}
.css .kw2 {color: #993333}
.css .co1 {color: #a1a100}
.css .coMULTI {color: #808080; font-style: italic}
.css .es0 {color: #000099; font-weight: bold}
.css .br0 {color: #66cc66}
.css .st0 {color: #ff0000}
.css .nu0 {color: #cc66cc}
.css .re0 {color: #cc00cc}
.css .re1 {color: #6666ff}
.css .re2 {color: #3333ff}

.javascript .imp {font-weight: bold; color: red}
.javascript .kw1 {color: #FF8400}
.javascript .kw2 {color: #FFCC66}
.javascript .kw3 {color: #07DFFC}
.javascript .co1 {color: #BD48B3; font-style: italic}
.javascript .coMULTI {color: #BD48B3; font-style: italic}
.javascript .es0 {color: #000099}
.javascript .br0 {color: #fff}
.javascript .st0 {color: #99FF00}
.javascript .nu0 {color: #66CC66}
.javascript .me1 {color: #FFCC66}
.javascript .re0 {color: #fff}


/* Note */

blockquote.note {
  padding: 5px 20px 5px 45px;
  margin: 10px 0;
  background: #ffd url(http://www.jwage.com/images/note.png) no-repeat 5px 10px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

/* Caution */

blockquote.caution {
  padding: 5px 20px 5px 45px;
  margin: 10px 0;
  background: #ffd url(http://www.jwage.com/images/caution.png) no-repeat 5px 10px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

/* Tip */

blockquote.tip {
  padding: 5px 20px 5px 45px;
  margin: 10px 0;
  background: #ffd url(http://www.jwage.com/images/tip.png) no-repeat 5px 10px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

/* Sidebar */

blockquote.sidebar {
  margin: 10px 0;
  padding: 20px;
  background: #ccc;
}

blockquote.sidebar p.title {
  margin: -20px;
  margin-bottom: 10px !important;
  padding: 10px !important;
  background: #aaa;
  color: #fff;
  font-weight: bold;
}

/* Shared Styles */
blockquote.note, blockquote.caution, blockquote.tip, blockquote.sidebar {
  overflow/**/: auto;
  padding-left: 40px !important;
  font-weight: normal;
  min-height: 40px;
}

blockquote.note p, blockquote.caution p, blockquote.tip p, blockquote.sidebar p {
  margin: 0 !important;
  padding: 0 !important;
  padding-top: 10px;
}

blockquote ul {
  margin-left: 10px;
}