/*  
Theme Name: FLAW
Theme URI: http://www.tragicdesigner.com/flaw/
Description: This is my theme for my wedding page.
Version: 1.0
Author: Fanny Rodríguez
Author URI: http://www.tragicdesigner.com/

*/

* 		{margin:0; padding:0;}
body 	{background: #f2e2d2 url('images/bg.jpg'); color:#333; font: 11.5px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; text-align: justify;}
a		{color:#00738e; font-weight: bold; text-decoration: none;}
a:hover	{text-decoration: underline;}
a img	{border:0px;}
p		{margin:15px 0px;}

.left	{float: left;}
.right	{float: right;}
.clear 	{clear: both;}
.line	{width:100%; margin:15px 0px; border-bottom:1px dashed #5D3D1A;}

#wrap			{width:955px; margin:0px auto; background: transparent url('images/head.jpg') no-repeat top center; min-height:500px; height:auto !important; height:500px;}
#header			{height:290px; width:100%;}
#content		{width:97%; padding:1.5%; border: 1px dashed #cca57e; background-image: url('images/sidebar.png'); }
#content h2		{color:#e10001; font-size: 2em; padding-bottom:5px; border-bottom: 1px solid #cca57e; margin-bottom:10px;}
#content h3		{color:#5D3D1A; font-size: 1.5em; border-bottom: 1px solid #cca57e;}
#content h4		{text-align:left; font-size:1.5em; color:#3c1f0f; margin:10px 0px;}
#sidebar		{float:left; width:20%; padding:1.5%; border: 1px dashed #cca57e; background-image: url('images/sidebar.png'); }
#sidebar ul		{list-style: none; margin:5px 0px 20px; }
#side_content	{float:right; width:72%; margin-right:2%; text-align: justify; line-height:180%;}
#footer			{padding:15px; width:925px; background-image: url('images/footer.png'); color:#5D3D1A; margin-top:25px;}

#head_post			{background: url('images/header.jpg') no-repeat center right; height:144px;}
#head_post h2 		{line-height:80%; float:left; margin:55px 0px 0px 15px; font-size: 2em;}
#head_post a 		{color:#3C1F0F;}
#head_post .small 	{color: #333; font-size: 12px;}
#date_post			{line-height:145%; font-size: 21px; width:106px; padding-top:25px; height:125px; text-align: center; color:#FFF; font-family: Times, serif; background-image: url('images/date.png'); background-repeat: no-repeat; float:left;}

#countdown, #navi		{width:100%;}
#countdown				{height:205px; color:#FFF; font-family: Times, serif;}
#countdown div			{font-size:2em; left:572px; position:relative; top:20px; width:250px; text-align: center;}

#navigation				{font-size: 16px; font-weight: bold; list-style: none; float: right; margin-right:10px;}	
#navigation a 			{color:#3c1f0f; text-decoration: none;}
#navigation li 			{float: left; display: block; width:105px; text-align: center; padding: 5px 0px; height:30px;}
#navigation li:hover 	{background-image: url('images/navigation_hover.png');}
#navigation li:hover a	{color:#FFF;}

#respond		{background: url('images/header.jpg') no-repeat center right; color:#3C1F0F; font-size:18px; padding:15px;}
#comment		{width:100%; height:120px;}

.staff		{list-style: none;}
.staff li	{margin:0px 0px 15px;}
.staff h4	{ font-size:14px; background-image: url('images/footer.png'); color:#5D3D1A; padding:5px 8px; margin: 0px 0px 10px;}