/*

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

Theme Name: xMark

Theme URI: http://blogdesignsolutions.com/

Description: Custom blog design by Lisa Sabin-Wilson

Version: 2.5

Tags: 3 column, fluid, widgets, options page, widget ready, red, grey, gray, black

Author: Lisa Sabin-Wilson

Author URI: http://blogdesignsolutions.com



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

 

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

*/







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





body

{

	background:#303030;

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

	color:#000;

	margin:0

}



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



#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:30px;

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

}



.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:#000000;

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

}



img.alignleft {

   float: left;

   padding: 5px;

   margin: 0 8px 0 0;

   background: #eee;

   border: 1px solid silver;

}



img.alignright {

   float: right;

   padding: 5px;

   margin: 0 0 0 8px;

   background: #eee;

   border: 1px solid silver;

}



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

.alignleft {float:left;}

.alignright {float:right;}



.wp-caption {

   border: 1px solid silver;

   text-align: center;

   background-color: #eee;

   padding-top: 4px;

   margin: 10px;

   /* optional rounded 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: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

}



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



.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

}



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



.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 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, li#search

{

	background:#f2f2f2;

	border-bottom:1px solid silver;

	margin:0 0 10px 0;

	padding:5px

}



.textwidget p

{

	line-height:1.2em;

	padding:5px

}



#lside2 h2, #rside h2

{

	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;

}





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

}