/*
Theme Name: Ribbons
Description: Custom made for Angie--based on the Starkers theme by Elliot Jay Stocks)
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body {
	background-color:#6e2d5e;
	margin:0px;
	padding:0px;
	font:12px/22px Arial, Helvetica, sans-serif;
	color:black;
}

a {color:#ff10ac; text-decoration:none;}
	a:link {color:#ff10ac; text-decoration:none;}
	a:visited {color:#ff10ac; text-decoration:none;}
	a:hover {color:#6e2d5e; text-decoration:none;}
	a:active {color:#ff10ac; text-decoration:none;}

h1 {color:#ff10ac; font-size:30px;}
h2 {color:#ff10ac; font-size:24px;}
h3 {color:#ff10ac; font-size:22px;}
h4 {color:#ff10ac; font-size:18px;}

.input {background:#ffffff url(images/commentbg.jpg) top left no-repeat; font-size:14px; padding:2px;}

	#container1 {
		background:#000000 url(images/container1bg.png) top repeat-x;
		margin:0px;
		padding:0px;
		width:100%;
	}
	
		#container2 {
			background:url(images/container2bg.png) top center repeat-y;
			margin:0px auto;
			padding:0px;
			width:895px;
		}
		
			#container3 {
				background:url(images/headerbg.png) top center no-repeat;
				margin:0px;
				padding:0px;
				width:895px;
			}
			
				#header {
					width:895px;
					height:210px;
				}
		
					#logo {
						width:590px;
						height:130px;
						margin:0px;
						padding:10px 0px 0px 130px;
						z-index:5;
						position:absolute;
					}
					
					#tagline {
						width:550px;
						margin:0px;
						padding:105px 0px 0px 300px;
						z-index:6;
						position:absolute;
						color:#f51480;
						font-size:14px;
						line-height:18px;
					}
					
					#menu {
						color:white;
						font:small-caps 14px Georgia, "Times New Roman", Times, serif;
						position:absolute;
						margin:0px;
						padding:178px 10px 0px 10px;
					}
						
						#menu a {color:white; text-decoration:none;}
							#menu a:link {color:white; text-decoration:none;}
							#menu a:visited {color:white; text-decoration:none;}
							#menu a:hover {color:#ffbddd; text-decoration:underline;}
							#menu a:active {color:white; text-decoration:none;}
					
						#menu ul {display:inline; list-style-type:none; margin:0px; padding:0px;}
							#menu li {display:inline; margin:0px 20px 0px 10px; padding:0px;}
				
				#content {
					padding:20px;
					margin:0px;
					overflow:auto;
				}
				
					#sidebar {
						float:right;
						width:200px;
						margin:0px;
						padding:0px;
					}
					
						#sidebar .widget {
							margin:0px 20px 0px 0px;
							padding:0px 0px 20px 0px;
							line-height:18px;
							clear:both;
						}
						
							#sidebar .authorimg {border:0px; margin:0px 0px 0px 10px; padding:0px;}
						
							#sidebar h2 {color:#6e2d5e; font-size:22px;}
						
							#sidebar .widget a {color:#525252;}
								#sidebar .widget a:hover {color:#fd33ad;}
							
							#sidebar .widget ul {margin:0px; padding:0px; list-style:none;}
						
							#sidebar .widget ul li {
								margin:0px;
								padding:5px 0px;
								border-bottom:1px dashed #8e8e8e;
							}
							
							#sidebar .widget #s {background:#ffffff url(images/searchboxbg.jpg) top no-repeat; font-size:14px; padding:2px; color:#525252; width:170px;}
							#sidebar .widget #searchsubmit {background:#f96aaf url(images/buttonbg.jpg) top repeat-x; font-size:14px; color:#ffffff; margin:5px 0px 0px 0px; padding:2px; float:right; border:1px solid #fe1eae;}
					
					#postage {
						float:left;
						width:650px;
						margin:0px;
						padding:0px;
					}
					
						.posts {
							margin:0pxx;
							padding:0px;
						}
							.date {
								width:70px;
								margin:10px 0px 0px 0px;
								padding:0px;
								float:left;
								text-align:center;
								background-image:url(images/post-arrow.png);
								background-position:top right;
								background-repeat:no-repeat;
							}
							
								.date p.date1 {color:#000000; font-size:18px; font-weight:bold;}
								.date p.date2 {color:#ff10ac; font-size:30px; font-weight:bold;}
								.date p.date3 {color:#ff10ac; font:italic 12px Arial, Helvetica, sans-serif;}
								
							.postcontent {
								float:left;
								width:550px;
								margin:0px 10px 20px 0px;
								padding:10px;
								background-color:white;
							}
								
								.postcontent p {margin:0px; padding:5px 0px;}
								.postcontent ul {margin:0px 0px 0px 20px; padding:0px 0px 0px 10px; list-style:disc;}
									.postcontent ul li {margin:0px; padding:0px 0px 5px 0px; list-style:disc;}
								.postcontent ol {margin:0px 0px 0px 20px; padding:0px 0px 0px 10px;}
									.postcontent ol li {margin:0px; padding:0px 0px 5px 0px;}
								
								.postcontent h1 {color:#ff10ac; font-size:30px;}
								.postcontent h2 {color:#ff10ac; font-size:24px;}

								.postcontent .story {padding:0px 0px 10px 0px;}
									.postcontent .story .alignleft {margin:0px 10px 0px 0px; padding:0px;}
								
								.postcontent .meta {
									border-top:1px dashed #ff10ac;
									padding:10px 0px 0px 0px;
									color:gray;
								}
								
						.postage-page {background-color:#ffffff; margin:0px 10px 0px 20px; padding:10px;}
							.postage-page p {margin:0px; padding:10px 0px;}
							.postage-page ul {margin:0px 0px 0px 20px; padding:0px 0px 0px 10px; list-style:disc;}
								.postage-page ul li {margin:0px; padding:0px 0px 5px 0px; list-style:disc;}
							.postage-page ol {margin:0px 0px 0px 20px; padding:0px 0px 0px 10px;}
								.postage-page ol li {margin:0px; padding:0px 0px 5px 0px;}
						
						#commentclass {width:630px; margin:0px; padding:20px 0px 0px 10px;}
						
							#commentclass h3 {padding:10px 0px;}
						
							#commentclass .commentlist {}
								#commentclass .commentlist li {background-color:#ffffff; width:590px; margin:0px 20px 10px 20px; padding:10px; border-top:1px dashed #ff10ac; font-size:11px;}
									#commentclass .commentlist li .fn {color:#6e2d5e; font-size:18px;}
										#commentclass .commentlist li .fn a {color:#6e2d5e; font-size:18px;}
											#commentclass .commentlist li .fn a:link {color:#6e2d5e; font-size:18px;}
											#commentclass .commentlist li .fn a:visited {color:#6e2d5e; font-size:18px;}
											#commentclass .commentlist li .fn a:active {color:#6e2d5e; font-size:18px;}
											#commentclass .commentlist li .fn a:hover {color:#ff10ac; font-size:18px;}
										#commentclass .commentlist li .says {color:#6e2d5e; font-size:14px;}
						
							
							#commentclass .avatar {float:left; margin:0px 10px 0px 0px; padding:0px 0px 10px 0px;}
							
							#commentclass p {padding:5px 0px;}
							
							#commentclass #comment {width:620px;}
							
							#commentclass .comment-meta {font:italic 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#c3c2c2;}
							
							.commentbg {background:#ffffff url(images/commentbg.jpg) top left no-repeat; font-size:14px; padding:5px; color:#525252;}
							.commentsubmit {background:#f96aaf url(images/buttonbg.jpg) top repeat-x; font-size:14px; color:#ffffff; margin:5px 0px 0px 0px; padding:2px; float:right; border:1px solid #fe1eae;}


								
	
	#footer {
		background:#6e2d5e url(images/footerbg.png) top repeat-x;
		margin:0px;
		padding:20px 0px 50px 0px;
		width:100%;
		color:white;
		clear:both;
		overflow:auto;
		text-align:center;
	}
				
				#footer a {color:#fcb8d7;}
				#footer a:hover {color:#ffffff;}