/*
-----------------------------------------------------------
Theme Name: xMod1
Theme URI: http://blogdesignsolutions.com/
Description: Modified version of xMark
Version: 2.5
Tags: 3 column, fluid, widgets, options page, widget ready, red, grey, gray, black
Author: Tom Andros
Author URI: http://rehabremodel.com

Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
-----------------------------------------------------------
*/

/* PAGE LAYOUT  ---------------------------------- */

body {
	background: #386471;
	font: normal 12px Arial;
	color: #333;
	margin: 0
}

.clear {
	clear: both;
	height: 0px;
}

#page {
	background: #386471;
	overflow: hidden
}

#content {
	min-width: 95%;
	text-align: left;
	margin: 0 30px
}

.container {
	width: 98%;
	float: left;
	background: #fff url(images/head-shade.gif) repeat-x top left;
	border: 6px #9ad53b solid;
	text-align: left;
	margin: 15px 0 0;
	padding: 0
}

#header {
	height: 96px;
	position: relative;
}

.site_title a {
	font-family:Georgia;
	font-size:24px;
	font-weight: normal;
	color: #386471!important;
	margin-bottom: 5px!important;
	position: relative;
	top: 25px;
	left: 25px;
}

.site_title a:hover {
	text-decoration: underline!important;
}

.description {
	font-size: 12px;
	font-family: Arial;
	margin-top: 5px;
	font-weight: normal;
	position: relative;
	top: 25px;
	left: 25px;
}

#left {
	background: transparent;
	margin: 5px 0 0
}

/* HEADER NAVIGATION  ---------------------------------- */

#navSquare ul {
	text-align: right;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 15px 0 0
}

#navSquare ul li {
	text-align: left;
	display: inline;
	list-style: none;
	font-size: 12px;
	line-height: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0 10px 0 0
}

#navSquare a:hover {
	color: #900101;
	text-decoration: none
}

/* BASIC FORMAT STYLES  --------------------------------- */

a img {
	border: 0
}

abbr,acronym {
	border-bottom: 1px dashed #404040;
	cursor: help
}

em,i {
	font-style: italic
}

hr {
	color: #ccc;
	background-color: #FFF;
	margin: 0;
	padding: 0
}

strong,b,.post dt,.post a:link,.post a:visited {
	font-weight: 700
}

h1,h2,h3,h4,ul,ol,p,form {
	margin: 0;
	padding: 0
}

pre {
	white-space: pre-wrap;
	/* css

-3 */

 white-space: -moz-pre-wrap !important;
	/* Moz

illa, since 1999 */

 white-space: -pre-wrap;
	/* Opera 4

-6 */

 white-space: -o-pre-wrap;
	/* Opera 7 *

/

 word-wrap: break-word;
/* Internet Explor

er 5.5+ */
}

code, pre {
	background: #808080;
	padding: 1px;
	font-family: "Courier New", Courier, mono;
	color: #fff;
	text-decoration: none;
	text-align: left;
	margin: 10px;
	font-size: 1.1em;
	overflow: hidden;
}

.navigation {
	margin-bottom: 30px;
	clear: both;
	font-size: 1.4em
}

.navigation .alignright {
	background: url(images/arrow.gif) no-repeat;
	padding-left: 18px;
	float: right
}

.navigation .alignleft {
	background: url(images/arrow_left.gif) no-repeat;
	padding-left: 18px;
	float: left
}

blockquote {
	color: #625e5e;
	background: url(images/quote.jpg) no-repeat top left;
	padding-left: 30px
}

/* ALIGN CLASSES ------------------------------------- */

img.aligncenter {
	display: block;
	margin: 5px auto;
	padding: 5px;
	background: #eee;
	border: 1px solid #ccc;
}

img.alignleft {
	float: left;
	padding: 5px;
	margin: 0 8px 0 0;
	background: #eee;
	border: 1px solid #ccc;
}

img.alignright {
	float: right;
	padding: 5px;
	margin: 0 0 0 8px;
	background: #eee;
	border: 1px solid #ccc;
}

.aligncenter, div.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	border: 1px solid #ccc;
	text-align: center;
	background-color: #eee;
	padding-top: 4px;
	margin: 10px;
	/* optional rounde

d corners for browsers that support it */

   -moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* CONTENT STRUCTURE --------------------------------- */

#lside {
	float: left;
	width: 58%;
	background: transparent;
	overflow: hidden;
	margin: 0;
}

#lside2,#rside {
	float: left;
	background: transparent;
	width: 18%;
	overflow: hidden;
	margin: 10px 0 0;
	padding: 0 0 0 20px
}

/* BLOG FORMATTING  --------------------------------- */

.author a { color: #cc6633!important; }

#blogc {
	padding: 10px 0 10px 15px
}

h2.page-title {
	margin: 0 0 15px 0;
	color: #808080;
	font-style: italic;
}

.main_title a {
	font-size: 18px;
	color: #386471!important;
	margin-bottom: 5px;
	display: block;
	font-weight: normal;
}

.date {
	font-size: 1.1em;
	color: #aaa;
}

.author {
	font-size: 1.2em
}

.apost {
	text-align: justify;
	width: 98%;
	font-size: 1.2em;
	margin-bottom: 30px;
}

.post {
	text-align: justify;
	width: 98%;
	font-size: 1.2em
}

.post p, .apost p {
	line-height: 1.2em;
	text-align: justify;
	margin: 1.2em 0
}

.post img {
	padding: 5px;
}

.post .attachment img {
	padding: 5px;
	background: #eee;
	border: 1px solid #ccc;
}

.post ul {
	list-style: none;
	margin: 0 0 .05em 40px
}

.post ol {
	margin: 0 0 .05em 40px
}

.post ul li {
	background: url(images/list-item.gif) no-repeat;
	padding-left: 18px;
	margin: 0 0 .2em
}

.post ol li {
	background: transparent;
	padding-left: 0;
	margin: 0 0 .2em
}

.post ul li ul,.post ul li ol,.post ol li ul,.post ol li ol {
	margin: .5em 0 .5em 30px
}

.post dl {
	margin: 0 0 1.5em
}

.post dd {
	margin: 0 0 1.5em 20px
}

#more {
	margin-top: -8px;
	background: url(images/more.gif) no-repeat;
	padding-left: 18px;
	font-weight: 700;
	float: right
}

.blog-meta {
	background: #FAFAFA;
	color: gray;
	font-size: 1.2em;
	text-align: center;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	padding: 5px
}

/* LISTS  --------------------------------- */

#lside2 li,#rside li {
	list-style: none;
	margin: 0;
	padding: 0
}

#lside2 ul ul,#rside ul ul {
	list-style: none;
	color: #000;
	/* background: #f2f2f2; */
	margin: 0 0 10px
}

#lside2 ul ul li,#rside ul ul li {
	font-size: 1em;
	border-bottom: 1px solid #ccc;
	background: transparent;
	padding: 0 0 0 5px
}

#lside2 ul ul li a:hover,#rside ul ul li a:hover {
	color: #000;
	/* background: #386471; */
	text-decoration: none
}

#lside2 ul ul ul li,#rside ul ul ul li {
	font-size: .8em;
	border: none;
	display: block;
	margin: 0;
	padding: 0 0 0 10px
}

#lside2 .widgettitle a,#lside2 .widgettitle a:visited,#rside .widgettitle a:link,#rside .widgettitle a:visited {
	color: #CC6633;
}

#flickrrss .widgettitle {
	text-align: left;
}

.widget_rss a img, .widget_rss a:visited img {
	margin-top: 2px;
}

.textwidget, li#search {
	/* background: #f2f2f2; */
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px 0;
	padding: 5px
}

.textwidget p {
	line-height: 1.2em;
	padding: 5px
}

#lside2 h2, #rside h2 {
	/* background: #404040; */
	color: #CC6633;
	font-size: 12px;
	/* text-transform: uppercase; */
	/* border-bottom: 1px #ccc solid; */
	margin: 0 0 5px;
	padding: 0 0 0 5px
}

#lside2 li.widget_tag_cloud,#rside li.widget_tag_cloud,#lside2 li.widget_akismet,#rside li.widget_akismet {
	/* background: #f2f2f2; */
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px;
	padding: 5px
}

/* COMMENT STYLES  --------------------------------- */

.commentlist blockquote {
	margin-right: 50px;
	background: #FFF url(images/quote.jpg) top left no-repeat;
	border: 1px solid #404040;
	padding: 5px
}

ul.commentlist {
	list-style: none;
	margin: 0 10px;
}

ul.commentlist li {
	background: #fafafa url(images/commentb.jpg) bottom right no-repeat;
	color: #000;
	padding: 0 0 17px 0;
}

.commentlist li {
	margin-bottom: 20px;
}

ul.commentlist li p {
	line-height: 1.5em;
	font-size: 1em;
	margin: 0;
	padding: 6px
}

ul.commentlist li.alt {
	background: #EBEBEB url(images/commenta.jpg) bottom right no-repeat;
	color: #000;
	padding: 0 0 15px 0;
}

ul.commentlist li.alt p {
	line-height: 1.5em;
	font-size: 1em;
	margin: 0;
	padding: 6px
}

.commentlist cite {
	padding: 7px;
	display: block;
	border-bottom: 1px solid #808080;
	height: 40px;
}

.commentlist cite img {
	padding: 1px;
	border: 1px solid #ccc;
	float: left;
	margin: 0 10px 0 0;
	height: 35px;
	width: 35px;
}

.commentlist .author {
	font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;
}

.commentlist .time {
	background: url(images/clock.gif) no-repeat 1px;
	padding: 2px 0 0 20px;
}

#comments {
	position: relative;
	width: 324px;
	height: 97px;
	background: url(images/discussion.jpg) 0 100% no-repeat;
	padding-top: 40px;
	margin-bottom: 5px
}

#comments .number {
	position: absolute;
	top: 42px;
	left: 122px;
	width: 55px;
	text-align: center;
	color: #fff;
	font-size: 28px;
	font-weight: 700
}

.cmeta {
	margin: 5px 10px;
	font-size: 10pt
}

.comment_form {
	margin: 10px;
	border: 2px solid #404040;
	background: url(images/comment_formbg.jpg) top left no-repeat;
	color: #000;
	float: left;
	font-size: 1.2em;
	padding: 35px 0 0 10px
}

.commentnumber {
	font: italic 'Times New Roman', Times, serif;
	margin-top: -28px;
	float: right;
	color: gray;
	font-size: 28pt;
	padding: 0 5px 0 0
}

/* FORM STYLES  --------------------------------- */

#searchformh {
	float: right;
	margin: 5px 10px 0 0;
	padding: 0
}

#s {
	border: 1px solid #404040;
	background: #fff;
	color: #000;
	width: 200px
}

#button {
	border: 0;
	background: transparent;
	height: 16px;
	width: 16px;
	margin-top: 5px
}

#archive_b {
	border: 1px solid #000;
	background: #fff;
	color: #000;
	margin-top: 5px;
	width: 60px
}

input {
	border: 1px solid #000;
	background: #fff;
	color: #000;
}

.comment_form input {
	width: 200px;
	margin: 2px 0;
}

textarea {
	border: 1px solid #000;
	background: #fff;
	color: #000;
	width: 95%;
	margin: 5px 0;
}

#submit {
	margin: 5px 0;
}

/* ASIDES  --------------------------------- */

.asides {
	background: #f8f6f7 url(images/aside.jpg) no-repeat;
	width: 95%;
	font-size: 1em;
	border-bottom: 1px solid #cfcdce;
	margin: 10px;
	padding: 15px 8px 5px
}

/* TAGS --------------------------------- */

.tags a {
	font-size: 70%;
	color: #ccc;
	text-decoration: none
}

/* CALENDAR --------------------------------- */

#wp-calendar {
	empty-cells: show;
	color: gray;
	width: 98%;
	margin: 0
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left
}

#wp-calendar a {
	font-weight: 700;
	display: block;
	text-decoration: none
}

#wp-calendar a:hover {
	color: red;
	font-weight: 700;
	background: #eee;
	text-decoration: none;
	border: none
}

#wp-calendar td {
	color: #404040;
	letter-spacing: normal;
	text-align: center;
	padding: 1px 0
}

#wp-calendar td.pad:hover {
	color: #4b572b;
	background: #eee;
	text-decoration: none;
	border: none
}

#wp-calendar #today {
	background: #eee;
	color: #000
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize
}

/* RELATED POSTS  --------------------------------- */

.related {
	font-size: 10pt;
	margin: 0 15px;
	background: #eee;
	border-left: 2px gray solid;
	padding: 10px
}

.related ul {
	margin: 8px;
	list-style: none;
}

.related ul ul li {
	list-style: none;
	background: url(images/bullet.gif) no-repeat 0 50%;
	padding-left: 18px
}

/* FLICKR RSS  --------------------------------- */

li.widget_flickrRSS {
	text-align: center
}

li.widget_flickrRSS a img {
	border: 1px solid #ccc;
	margin: 5px;
	padding: 3px
}

li.widget_flickrRSS a:hover img {
	background: #900101
}

/* ARCHIVES PAGE  --------------------------------- */

.postspermonth {
	list-style: none;
	padding-left: 25px;
	margin: 5px 0 10px
}

/* FOOTER -------------------------------------------- */

#footer {
	float: left;
	width: 100%;
	color: #ccc;
	font-size: 12px;
	/*
border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
	background: #625e5e;
*/
	text-align: center;
	margin: 15px 0 10px;
	padding: 2px
}

#footer a,#footer a:visited,#footer a:active {
	color: #ccc;
	text-decoration: none
}

#navSquare a:link,#navSquare a:visited,li.alt .comment_top a:hover,#footer a:hover {
	color: #000;
	text-decoration: none
}

a:link,a:visited,#lside2 a:link,#lside2 a:visited,#lside2 a:active,#rside a:link,#rside a:visited,#rside a:active,li.alt .comment_top a,.comment_form a,.comment_form a:active,.comment_form a:visited {
	color: #386471;
	text-decoration: none
}

a:hover,#lside2 a:hover,#rside a:hover,.blog-meta a:hover,.commentlist a:hover {
	color: #000;
	text-decoration: underline
}

/*
.site_title a:link,.site_title a:visited,.main_title a,.main_title a:visited {
	color: #FFF;
	text-decoration: none
}
*/

.main_title a:hover,.comment_form a:hover {
	color: #FFF;
	text-decoration: underline
}

.blog-meta a:link,.blog-meta a:visited,.blog-meta a:active,.commentlist a {
	color: #386471;
	font-weight: 700;
	text-decoration: none
}

.commentlist a:visited,.comment_top a,.comment_top a:visited,li.alt .comment_top a:visited {
	color: #386471
}

/* ##### TOPMENU ##### */
#topmenu {
	width: 100%;
	height: 30px;
	background: white;
	background: url('images/topmenu.gif') repeat-x;
	margin: 0 auto 0 auto;
	overflow: hidden;
}
#topmenu ul {
	padding: 0;
	width: 900px;
	float: left;
}
#topmenu li {
	list-style:none;
	line-height:30px;
	float: left;
	overflow: hidden;
}
#topmenu  a {
	font-family:Tahoma, "Franklin Gothic Medium", Georgia;
	font-size: 12px;
	/* letter-spacing: 1px; */
	color: #fff;
	padding-left: 8px;
	padding-right: 8px;
	border-right: 1px solid #588634;
	border-left: 1px solid #fff;
	line-height: 30px;
}
#topmenu a:hover {
	color: #fff;
	background: url('images/topmenu-over.gif') repeat-x;
	/* background-position: -900px 0px; */
	border-right: 1px solid #d36b01;
	border-left: 1px solid #fff;
	text-decoration: none;
}
#topmenu .current_page_item a, #topmenu .current-cat a, #topmenu .current-cat-parent a, #topmenu .current_page_parent a {
	font-family:Tahoma, "Franklin Gothic Medium", Georgia;
	font-size: 12px;
	letter-spacing: 1px;
	background: #558232;
	background: url('images/topmenu-selected.gif') repeat-x;
	/* background-position: -1100px 0px; */
	border-right: 1px solid #537f31;
	border-left: 1px solid #fff;
}
#topmenu li a {
	display: block;
}
#topmenu .clicked a {
	background:url('images/topmenu_active.gif') no-repeat;
	background-position: -200px 0px;
	color: #000;
}
#topmenu .clicked span {
	background:url('images/topmenu_active.gif') no-repeat;
	background-position: -200px 0px;
}
#topmenu_bottom {
	background: url('images/topmenu_bottom.gif') no-repeat;
	height: 20px;
	width: 100%;
}
.topmenu_line {
	border-left: 1px solid white;
	height: 30px;
}