/*

-----------------------------------------------------------

Theme Name: xMark

Theme URI: http://blogdesignsolutions.com/

Description: Custom blog design by Lisa Sabin-Wilson

Version: 2.0

Author: Lisa Sabin-Wilson

Author URI: http://blogdesignsolutions.com

This design is a copyright of Lisa Sabin-Wilson and E.Webscapes and may not be reproduced. 

-----------------------------------------------------------

*/







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





body

{

	background:#303030;

	font:72.5% "Trebuchet MS", Verdana, Futura, Arial, Helvetica, sans-serif;

	color:#000;

	margin:0

}



#page

{

	background:#303030;

	overflow:hidden

}



#content

{

	min-width:95%;

	text-align:left;

	margin:0 30px

}



.container

{

	width:98%;

	float:left;

	background:#FFF url(images/bodybg.png) top left no-repeat;

	border:6px #000 solid;

	text-align:left;

	margin:15px 0 0;

	padding:0

}



.site_title

{

	font-size:28px;

	overflow:hidden;

	height:35px;

	padding:4px 0 0 25px

}



.description

{

	font-family:italics Georgia;

	color:gray;

	font-size:14pt;

	font-weight:400;

	height:23px;

	overflow:hidden;

	padding:45px 0 0 175px

}



#left

{

	background:transparent;

	margin:5px 0 0

}





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







#navSquare ul

{

	text-align:right;

	width:100%;

	list-style:none;

	margin:0;

	padding:0px 0 0

}

#borderbot {
    border-bottom: 10px solid;
}




#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:silver;

	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;  /* Mozilla, since 1999 */

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

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

 word-wrap: break-word;       /* Internet Explorer 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

}



.alignright

{

	background:url(images/arrow.gif) no-repeat;

	padding-left:18px;

	float:right

}



.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

}





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





#lside

{

	float:left;

	width:58%;

	background:transparent;

	overflow:hidden;

	margin:35px 0 0

}



#lside2,#rside

{

	float:left;

	background:transparent;

	width:18%;

	overflow:hidden;

	margin:60px 0 0;

	padding:0 0 0 20px

}





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







#blogc

{

	padding:25px 0 10px 15px

}



.main_title

{

	background:#900101;

	font-size:1.5em;

	color:#fff;

	font-weight:400;

	border-bottom:1px solid #000;

	padding:2px 0 2px 5px

}



.date

{

	font-size:1.1em

}



.author

{

	font-size:1.2em

}



.post

{

	text-align:justify;

	width:98%;

	font-size:1.2em

}



.post p

{

	line-height:1.2em;

	text-align:justify;

	margin:1.2em 0

}



.post img

{

	padding:0 5px 5px

}



.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.3em;

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

	background:transparent;

	padding:0 0 0 5px

}



#lside2 ul ul li a:hover,#rside ul ul li a:hover

{

	color:#fff;

	background:#8a0202;

	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:#FFF

}



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

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



.textwidget

{

	background:#f2f2f2;

	border-bottom:1px solid silver;

	margin:0 0 10px;

	padding:5px

}



.textwidget p

{

	line-height:1.2em;

	padding:5px

}



.widgettitle

{

	background:#404040;

	color:#FFF;

	font-size:1em;

	text-transform:uppercase;

	border-bottom:1px #000 solid;

	margin:0;

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

	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;

}



.comment_top a:hover

{

	color:#8a0202;

	background:#FFF

}



ul.commentlist li .comment_top

{

	width:510px;

	background:url(images/commenta.jpg) no-repeat;

	color:#000

}



ul.commentlist li p

{

	line-height:1.5em;

	font-size:1em;

	margin:0;

	padding:6px

}



ul.commentlist li .comment_bottom

{

	width:510px;

	height:53px;

	background:url(images/comment_bota.jpg) no-repeat;

	text-align:left;

	padding:15px 0 0 10px

}



ul.commentlist li.alt .comment_top

{

	width:510px;

	background:url(images/commentb.jpg) no-repeat;

	color:#000

}



ul.commentlist li.alt .comment_bottom

{

	width:510px;

	height:53px;

	background:url(images/comment_botb.jpg) no-repeat;

	text-align:left;

	padding:15px 0 0 10px

}



ul.commentlist li.alt p

{

	line-height:1.5em;

	font-size:1em;

	margin:0;

	padding:6px

}



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

	width:55px;

	top:42px;

	left:122px;

	text-align:center;

	color:#fff;

	font-size:28px;

	font-weight:700

}



.cmeta

{

	font-size:10pt

}



.comment_form

{

	width:495px;

	height:429px;

	background:url(images/comment_formbg.jpg) no-repeat;

	color:#000;

	float:left;

	font-size:1.2em;

	margin:0;

	padding:35px 0 0 10px

}



.commentnumber

{

	font:italic 14px 'Times New Roman', Times, serif;

	margin-top:-8px;

	float:right;

	color:gray;

	font-size:28pt;

	padding:0 5px 0 0

}



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







#searchform

{

	float:right;

	margin: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;

	width:180px

}

#feedburn {
  margin-right: 57px;
  float: right;
}

#paypalb input {
  width: 74px;
  height: 21px;
  border: 0;
}


#feedburnie {
  margin-right: 35px;
  float: right;
}




textarea

{

	border:1px solid #000;

	background:#fff;

	color:#000;

	width:470px

}



/* 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 --------------------------------- */



.utwreltags a

{

	font-size:70%;

	color:silver;

	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;

	background:#eee;

	border-left:2px gray solid;

	padding:10px

}



.related ul

{

	margin:8px

}



.related 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 silver;

	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:silver;

	font-size:1.4em;

	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:silver;

	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:#8a0202;

	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:#8a0202;

	font-weight:700;

	text-decoration:none

}







.commentlist a:visited,.comment_top a,.comment_top a:visited,li.alt .comment_top a:visited

{

	color:#8a0202

}