/*  
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:Helvetica, "Lucida Sans Unicode", "Trebuchet MS", Sans-Serif; font-size:62.5%; background:#DDD; color:#000; }


a { text-decoration: none; color:#AAA; }
a:visited { color:#888; }
a:hover { color:#91A398; text-decoration:underline; }
a:active { color:#222; }
a img { border:0;}
form, input, textarea { font-family: Helvetica, "Lucida Sans Unicode", "Trebuchet MS", 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; font-weight:bold; }
h2 { font-size:2em; font-weight:bold; }
h3 { font-size:1.8em; font-weight:bold; margin: 0.6em 0 0.2em 0;}
h4 { font-size:1.6em; font-weight:bold; }
h5 { font-size:1.4em; font-weight:bold; }
h6 { font-size:1.2em; font-weight:bold; }

/* #wrap { margin:20px auto; width:95%; text-align:left; background:#DDD; color:#000; float:left; padding: 0 0 0 50px;} */ /* was 87% - changed 09/07/2013 */
#wrap { margin:10px auto; width: 1110px; text-align:left; background:#DDD; color:#000; padding: 0 50px 0 50px;}

/* #header { margin:0 0 50px 0; background:#fff;  } */ /* changed 09/07/2013 */
#header { margin:0 0 10px 0; background:#fff; width: 1110px; }
/* #header #top-menu { padding:4px 10px 2px 4px; margin-bottom:2px; font-family:Helvetica, "Lucida Sans Unicode", "Trebuchet MS", Sans-Serif; font-size:1.4em; text-align:left; color:#000; } */ /* changed 09/07/2013 */
#header #top-menu { padding:10px 10px 0px 10px; margin-bottom:2px; font-family:Helvetica, "Lucida Sans Unicode", "Trebuchet MS", Sans-Serif; font-size:1.4em; text-align:left; 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:#888888; font-size:1em;} /* font-size added 09/07/2013 */
#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; color:#000; min-width: 900px; padding: 0px 0 0 0;} */ /* changed 9/7/2013 */
#content { float:left; width:820px; text-align:left; color:#000; padding: 0px 0 0 0;}

/* .post { padding:10px; text-align:left; margin:0 0 30px 0; background:#FFF; color:#000; line-height:25px; width:100%; } */
/* .post { padding:20px 50px 10px 50px; text-align:left; margin:0 0 100px 0; background:#FFF; color:#000; } */ /* changed 09/07/2013 */
.post { padding:20px 10px 10px 10px; text-align:left; margin:0 0 100px 0; background:#FFF; color:#000; }
.post h2.title { border-bottom:1px solid #EEE; padding:0 0px 15px 0px; margin:0 0 2px 0; font-family:Helvetica, Arial, Sans-Serif; font-size:2.8em; font-weight:bold; line-height:28px; color:#555555; letter-spacing:-1px; }
.post h2.title a { text-decoration:none; color:#444444; }
.post h2.title a:hover { color:#555555; }
.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:1.1em; margin:0 0 0 0; padding:0 0 20px 0;}
.post div.postmetadata p.post-date { color:#37424B; font-weight: bold;} /* bold added 09/07/2013 */
.post div.postmetadata img.icon { position:relative; bottom:-5px; margin:0 5px 0 0;  }
.post div.postmetadata a { text-decoration:none; color:#999; } /* formerly 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 div.postmetadata ul, ul li { list-style-type:disc; margin-top: 5px;} 

.post p { font-family:Arial, sans-serif; padding:0 0 6px; margin: 0 0 0 0; font-size:1.3em; line-height:150%; }	



.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:2.6em; 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;} /* changed 09.07.2013 */ */
#commentform {  background:#FFF; width: 600px;}
#commentform form {  background:#FFF; width: 600px;}
#commentform label { background:#FFF; color:#444; font-size:1.2em; } 
#commentform .commentauthor, .commentemail, .commenturl { background:#FFF; border:2px solid #eee; padding:5px; width:600px; } /* width was 98% prior to 09/07/2013 */
#commentform .commentarea { background:#FFF; border:2px solid #eee; padding:5px; width:600px; wid\th:600px; /* IE HACK */ overflow:hidden; } /* width was 98% prior to 09/07/2013 */
#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; }
.sfw-comment-content p {font-size: 1.1em; }
ul.children p {font-size: 1em; }
.sfw-commentlist li {list-style-type: none; }

/* .post ul ol {font size */

/* sidebar 6.5% on right margin because width of wrap is 87% */
/* #sidebar { float:right; text-align:right; background:#eee; color:#000; padding: 0px 0 0 1%; margin: 0 0 0 10px; max-width: 19%;} */ /* changed 09/07/2013 */
#sidebar { float:left; text-align:right; background:#eee; color:#000; padding: 0px 0 0 0; margin: 0 0 0 10px; width: 280px;}
#sidebar ul {}
#sidebar h2 { font-family:Helvetica, "Lucida Sans Unicode", "Trebuchet MS", Sans-Serif; font-size:1.8em; font-weight:bold; letter-spacing:0px; color:#37424B; }
#sidebar h2 a { text-decoration:none; color:#999999;}
#sidebar h2 a:hover	{ text-decoration:underline; }
/* #sidebar ul li { margin:0 0 10px; padding:5px 0 5px 0; font-family:Helvetica, "Lucida Sans Unicode", "Trebuchet MS", Sans-Serif; font-size:1.1em; font-weight:normal; background:#eee; color:#000; } */
#sidebar ul li { margin:0 0 1px; padding:1px 0 1px 0; font-family:Helvetica, "Lucida Sans Unicode", "Trebuchet MS", Sans-Serif; font-size:1.1em; font-weight:normal; background:#eee; color:#000; list-style-type:none;}
#sidebar ul ul { margin:0; padding:0; }
#sidebar ul ul li	{ margin:0 0 1px 0; padding:1px 0 0; font-family:Helvetica, "Lucida Sans Unicode", "Trebuchet MS", Sans-Serif; font-size:1.2em; }
/* #sidebar ul ul li	{ margin:0 0 2px 0; padding:5px 0 0; font-family:Helvetica, "Lucida Sans Unicode", "Trebuchet MS", Sans-Serif; font-size:1.2em; } */


#wp-calendar { margin:0; font-family:Helvetica, "Lucida Sans Unicode", "Trebuchet MS", 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:#DDD; color:#000; margin-bottom:4px; color:#555; }
#footer p { padding-left:10px; }

div.masthead { background-color:#000; padding: 10px 0 5px 10px;}
div.cite { background-color:#000; color:#fff; padding: 5px 0 10px 17px; font-size:1.4em;}
div#pimped.bubble { font-size:0.9em; }
div#pimped.bubble a { color:#FFF;  font-size:24px; 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#pimped.bubble cite.rounded {}
div.bubble div.rounded { margin-bottom:10px; border:3px solid #e8e8c5; background-color:#fafafa; }
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 cite.rounded { position:relative; margin:0px; padding-left:15px; padding-top:12px; top:9px; font-size:1.2em; background-color:#000; color:#fff; width:100%}
div.bubble { width:auto; font-size:0.75em; margin-bottom:2px; }
div.bubble blockquote { margin:0px; padding:0px; border:1px solid #e8e8c5; background-color:#fafafa; font-family:Helvetica, "Lucida Sans Unicode", "Trebuchet MS", 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; } */
div.bubble cite { position:relative; margin:0px; padding:7px 0px 0px 15px; top:1px; font-style:normal; font-size:1.4em; }
div.dip_left { float: left; padding: 10px 5px 10px 4%; width: 400px; }
div.dip_right { float: right; padding: 10px 4% 10px 5px; width: 400px; }
div.dip_text { background: #fff; padding: 5px; font-size: 10pt; }
div.diptychwrap { }
/* div.clearing {padding: 0 0 30px 0;} */ /* changed 09/07/2013 */
div.clearing {padding: 0 0 10px 0;}

.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.alignleft { float:left; }
.alignright { float:right; }

img.alignnone {display: block;  margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 50px;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-top: 40px; margin-bottom: 20px;}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-top: 40px; margin-bottom: 20px;}