/*  
Theme Name: Crimson Style
Theme URI: http://wordpress.org/
Description: My own Wordpress theme.
Version: 1.0
Author: Elaine Howes
Template: new

*/



body {margin: 0 0 20px 0; padding: 0; font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	background: #a8c9b4 url(http://www.crimsondesigns.com/bg-images/bg-wallpaper3.jpg); color: #222; text-align: center;}
	
	#main {
position:relative; background: url(http://www.crimsondesigns.com/bg-images/bg-body3.png) repeat-x;}	
	
#page {padding: 0; margin: 0 auto; width: 900px; background: #c0d8ca; 
   text-align: left; position: relative;}

#header {background: #e6ca89 url(http://www.crimsondesigns.com/bg-images/bg-header3.jpg) no-repeat; height: 200px; padding-top: 6px;}

#content {font-size: 1.2em; background: #fefef6 url(images/bg-content.jpg) repeat-x; min-height: 930px}

.narrowcolumn {font-size: 1.2em; background: #fcf8e8 url(images/stripes.jpg); border: 2px solid #b9bc95; padding: 10px 10px 40px 10px; width: 610px; margin-top: 12px; float: left;}

.widecolumn {padding: 10px 10px 40px 10px; font-size: 1.2em; background: #fcf8e8 url(images/stripes.jpg); border: 2px solid #b9bc95;  width: 610px; margin-top: 12px; float: left}

.post {margin: 10px auto 40px auto; clear: both; width: 560px; background: #fefefe; padding: 12px; border: 1px solid #b9bc95; }

.entry {margin: 15px 0; background: #fefef6;}

#footer {color: #aba; font-size: 11px; margin: 0 260px 0 0; clear: both;
 padding: 3px; text-align: center; clear: both;}
	
	/* header section */

img.logo {position: absolute; top: 62px; left: 60px; border: 0;}

#title {margin: 50px 235px 0px 332px; padding: 0;
      position: relative; width: 228px; height: 72px;
      overflow: hidden; font: 22px Georgia, serif;}

#title span {display: block;
      position: absolute; left: 0; top: 0; z-index: 1;
      width: 228px; height: 72px; margin: 0; padding: 0;
      background: url(http://www.crimsondesigns.com/bg-images/nh-web-design-blog.gif) top left no-repeat;}
	  	  
#header .description {font-size: 14px; font-weight: bold; color: #bfcec7; padding: 12px 5px; margin: 2px 355px 28px 355px; color: #730000; 
font-family: arial, sans-serif; text-align: center;}

#address {position: absolute; top: 55px; right: 35px; width: 180px; 
text-align: center; font-weight: bold; font-size: 11px; color: #656752; overflow: hidden;}
	  
/* end header section */	  

div.light {background: #fff; margin: 5px;}

div.standout {border: 1px dashed #93b092; background: #fff; padding: 5px; margin: 10px; clear: both;}

div.featureThis {margin: 10px 20px; padding: 10px; background: #f4f8e5; color: #9c6835;
           border: 1px solid #b9bc95;}
		   
div.featureThis input {background: #fff; padding: 4px;}
 
div.featureThis2 {margin: 10px 20px; padding: 10px; background: #fff;
           border: 1px dashed #b9bc95;}
		   
div.featureThis3 {margin: 10px 20px; padding: 10px; background: #dbecde;
           border: 1px dashed #b9bc95;}

div.featureThis4 {margin: 10px 0; padding: 0 10px; background: #f4f8e5; color: #9c6835;
           border: 1px solid #b9bc95;}
		   
p.feature {margin: 10px 20px; padding: 5px; background: #f4f8e5; color: #9c6835;
           border-top: 1px solid #b9bc95; border-bottom: 1px solid #b9bc95;}
		   
p.feature2 {margin: 10px 20px; padding: 5px; background: #deeee1; color: #9c6835;
           border: 1px solid #b9bc95;}
		   
.featureThis4 p {font-size: 1.1em;}

.centerAlign {text-align: center;}

hr {display: none}

.post hr {display: block;}

.narrowcolumn .postmetadata {padding-top: 5px;}

.widecolumn .postmetadata {	margin: 30px 0;	}

.widecolumn .smallattachment {text-align: center;
	float: left; width: 128px; margin: 5px 5px 5px 0px;}

.widecolumn .attachment {text-align: center; margin: 5px 0px;}

.postmetadata {clear: left;}

#footer p {	margin: 0; padding: 10px 0; color: #333; text-align: center;}

.narrowcolumn .entry p, .widecolumn .entry p { margin: 15px 5px; line-height: 1.5em;}

/* post extra data */

.narrowcolumn .postmetadata {text-align: center;}

.alt {background-color: #f4f8e5; border-top: 1px solid #b9bc95; border-bottom: 1px solid #b9bc95;}

small {font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em; line-height: 1.5em; margin-left: 5px;}
	
/* end post extra data */
	
h2, h3 {font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold;}

h2 {font-size: 1.5em; margin: 8px 0; padding: 5px 15px; border-bottom: 3px double #b9bc95;}

 .entry h3 {font-size: 1.3em; padding: 3px 10px; margin: 15px 0; background: #fffbe4; border-bottom: 1px solid #b9bc95;}

p {margin: 15px 5px;}

.narrowcolumn p {line-height: 1.4em;}

h2.pagetitle {font-size: 1.6em;}

#sidebar h2 {font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.2em; text-align: center;}

#sidebar h2 a {text-decoration: underline; color: #25304f;}

#sidebar p {text-align: center;}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #333;}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, cite {text-decoration: none;	}

h2.pagetitle {margin-top: 30px;	text-align: center;}

.entry h3 {clear: both;}

h3.comments {padding: 0; margin: 40px auto 20px ;}

h4 {background: #f9f5df url(images/bg-header.jpg) 50% 50% repeat-x; color: #384; 
 padding: 3px; margin: 15px 0px 10px 0px; font-size: 1.2em; clear: both;}
 
 
h5 {color: #384; border-bottom: 1px solid #384;
 padding: 3px; margin: 15px 0px 10px 0px; font-size: 1.1em; clear: both;}

.entry p a:link, .entry p a:visited {color: #a23129;}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, strike {color: #666;}

code {font: 1.1em 'Courier New', Courier, Fixed;}

acronym, abbr, span.caps {font-size: 0.9em; letter-spacing: .07em;}

a, h2 a:hover, h3 a:hover {	color: #06c; text-decoration: none;}

a:hover {color: #147; text-decoration: underline;}


/* navigation */

#navWrap { width: 900px; border-top: 1px solid #a8c9b4; padding-bottom: 2px; height: 2.4em; position: relative;}

#nav {position: relative; float: left; text-align: center; background: #a8c9b4; color: #555;
 font-family: verdana, sans-serif; width: 896px; font-size: 11px; font-weight: bold;
  background: #deeee1 url(http://www.crimsondesigns.com/images/bg-button.jpg) repeat-x; margin-left: 2px; margin-right: 2px;}

ul#topRow {position: relative; float: left; left: 50%; text-align: center;}

ul#topRow li {display: block; float: left; position: relative; right: 50%;  }

#nav ul {position: relative; margin: 0; padding: 0; list-style-type: none; }

#nav li { padding: 3px; border-right: 1px solid #dadfd4; border-left: 1px solid #fff;
 background: #deeee1 url(http://www.crimsondesigns.com/images/bg-button.jpg) repeat-x; z-index: 1000;  position: relative;}

#nav li:hover {color: #fff; background: #deeee1 url(images/bg-nav-blue.jpg) repeat-x;}

#nav a {text-decoration: none; padding: 4px; display: block; line-height: 1.3em;}

a:link {color: #1a2450;}
a:visited {color: #404575; }
a:hover {color: #8d2825; background: #cce3d7;}
a:active {color: #404575; }

#nav ul li.other {margin: 0px 0px 0px 2px;}

/* end navigation */

/* Begin Images */
p img {	padding: 0;	max-width: 100%;}

img.centered {display: block;
	margin-left: auto; margin-right: auto;}
	
/* recent post divs */
	
.navigation {display: block; margin-top: 10px; margin-bottom: 20px;  padding: 5px;}

.navigation div {margin: 0 5px;}

.alignright {float: right; text-align: right; background: #f9f5df;}

.alignleft {float: left; text-align: left; background: #f9f5df;}

/* end recent post divs */

img.alignright {margin: 0 0 5px 10px; display: inline; float: right;}
	
img.alignleft {margin: 0 10px 5px 0; display: inline; float: left;}

img.rightside {float: right; margin: 0px 0px 15px 18px; border: 1px solid black;}
img.leftside {float: right; margin: 0px 18px 15px 0px; border: 1px solid black;}

img.rightside2 {float: right; margin: 0px 0px 15px 18px; border: none;}
img.leftside2 {float: left; margin: 0px 18px 15px 0px; border: none;}


/* End Images */

/* Begin Lists */

html>body .entry ul {
	margin-left: 0px; padding: 0 0 0 30px;
	list-style: none; padding-left: 10px;
	text-indent: -10px;	} 

html>body .entry li {margin: 7px 0 8px 10px;}
	
.entry ul li:before {content: "\00BB \0020";}

.entry ol {	padding: 0 0 0 35px; margin: 0;}

.entry ol li {margin: 0; padding: 0;	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;	}
		
/* Begin Sidebar */

#sidebar {font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; 
padding: 20px 0 10px 0; width: 248px; background: #94ac9c; border: 2px solid #b9bc95; float: right;
margin-top: 12px}

#sidebar form {	margin: 0;}
	
#sidebar h2 {margin: 5px 0 0; padding: 3px; color: #253052;}

#sidebar ul ul {background: #c7dccd url(http://www.crimsondesigns.com/images/bg-sidebarNav-blog.jpg) repeat-y; padding: 5px; border-top: 2px solid #b9bc95;  border-right: 2px solid #b9bc95; border-bottom: 2px solid #b9bc95; text-align: left; width: 220px; margin: 5px 4px 5px 0;}

#sidebar a {color: #222;}

#sidebar ul, #sidebar ul ol {margin: 0; padding: 0;}

#sidebar ul li {list-style-type: none;  font-size: 1.1em;
	list-style-image: none;	margin-bottom: 15px;}

#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}

#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 0;}

#sidebar ul ul ul {margin: 0 0 0 10px;	}

ol li, #sidebar ul ol li {list-style: decimal outside;}

#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0; padding: 3px; border-bottom: 1px dotted #b9bc95;}
	
	
/* Begin Form Elements */

#searchform {margin: 0; padding: 3px; }

#sidebar #searchform #s {width: 150px; padding: 2px; margin: 6px; border: 1px solid black; float: left;}

#sidebar #searchsubmit {padding: 2px; margin: 6px 4px 4px 6px; border: 1px solid #b9bc95; border: 1px solid black; width: 60px; background: #c7dccd url(http://www.crimsondesigns.com/images/bg-sidebarNav-blog.jpg) repeat-y;}

select {width: 130px;}

#commentform input {width: 180px; padding: 2px;	margin: 5px 5px 10px 0; border: 1px solid #b9bc95;}

#commentform textarea {margin: 0px 20px; width: 80%; padding: 2px;}

#commentform #submit {margin: 10px; float: right;}

.submitThis {margin: 5px;}

/* End Form Elements */


/* Begin COMMENTS*/

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}

.commentlist li {font-weight: bold;	}

.commentlist cite, .commentlist cite a {
	font-weight: bold; font-style: normal; font-size: 1.1em;}

.commentlist p {font-weight: normal;
	line-height: 1.5em;	text-transform: none;}

#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}

.commentmetadata {font-weight: normal;}

.alt {margin: 0; padding: 10px;}

.commentlist {padding: 0; text-align: justify; background: #f9f5df; border: 1px solid #f9f5df;}

.commentlist li {margin: 15px 0 3px;
	padding: 5px 10px 3px; list-style: none;}

.commentlist p {margin: 10px 5px 10px 0;}

#commentform p {margin: 5px 0;}

.nocomments {text-align: center;
	margin: 0; padding: 0;	}

.commentmetadata {margin: 0; display: block;}
/* End COMMENTS */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {cursor: help;}

acronym, abbr {	border-bottom: 1px dashed #999;	}

blockquote {margin: 15px 30px 15px 10px; padding: 0px 0px 0px 20px; border-left: 5px solid #829789;
color: #505f5a; background: #fff; font-family: Verdana, sans-serif; border-bottom: 1px dashed #829789;}

blockquote cite {margin: 5px 0 0 0; display: block;}

blockquote p {margin: 0; padding: 5px;}

.center {text-align: center;}

a img {	border: none;}

.entry a {font-weight: bold; text-decoration: underline;}

p.note {border-top: 1px dashed #000; padding-top: 15px;}

.special {color: #873029; font-weight: bold;}
.special2 {color: #1a2450; font-weight: bold;}
.strong {font-weight: bold;}

input {background: #f4f8e4; border: 1px solid #25304f;}

#tag_cloud h2 {background: #829789; margin-bottom: 6px;}
#tag_cloud a {padding: 3px; margin: 2px;}

 .entry ul {font-weight: bold; color: #1a2450; margin: 20px; background: #fff; padding: 20px;}

.textwidget li a {margin: 2px; padding: 2px;}

img.spaceright {border: 1px solid #000; margin-right: 2px;}

p.postmetadata {clear: both;}

.entry div.standout ol {padding: 5px; margin: 0;}

.entry div.standout ol li {list-style-type: none; padding: 5px; margin: 0; color: #1a2450;}

.ladybugStyle {background: #fff url(images/ladybug.jpg) bottom left repeat-x;
border: 1px dashed #93b092; padding: 10px 6px 60px 6px; margin: 10px;}

.swanStyle {background: #010100 url(images/swans-on-black.jpg) bottom left no-repeat; 
padding: 15px 5px 170px 5px; color: #fff; width: 434px; margin: 15px 10px; text-align: center;}

.swanStyle ul {color: #f8f8f8; background: none;}

.clear {clear: both;}
.centerAlign {text-align: center;}

#tweetmeme_button {margin: 20px;}

/* comment notification plug-in div */

.wrap {background: #fcf8e8; text-align: left; border: 2px solid #b9bc95; padding: 10px 20px;}

.wrap ol {margin: 0 20px;}

p.subscribe-to-comments {background: #fcf8e8; border: 1px solid #b9bc95; padding: 8px;}

.post .wp-caption {border: 1px solid #eee; padding: 5px 5px 0 5px; text-align: center; margin: 0 0 10px 10px;}
.entry .wp-caption-text {padding: 2px; margin: 0; border: 1px solid #eee; background: #fff;}