﻿/*
Theme Name: ElegancePassion
Description: ElegancePassion by <a href="http://www.hostgator-coupon-code.org/">Hostgator Coupons</a> .
Version: 1.0
Author: Banhawi & Alex Scott Gray
Author URI: http://www.hostgator-coupon-code.org/
Tags: blue,green,pink,dark,two-columns,right-sidebar
*/
@import url('style/reset.css');
@import url('style/typography.css');
* {margin : 0;padding : 0;}
html,body{margin:0;padding:0}
body{font-family : Helvetica nue, Arial, sans-serif;font-size :12px;text-align:left;line-height:18px;color:666;}
#container{width:975px;margin:0 auto 40px auto;text-align:left;position: relative}
#wrap {width:975px;background: url('images/wrap.jpg') repeat-y;}
a{text-decoration:none;}
a:hover{text-decoration: underline;}
img{ padding:5px;margin:5px;}
a img{border:0px;}
.fixed {position: fixed;top: 220px;right: 10px;}
.fixed img {margin:5px 0;padding:0}
.colors {position: absolute;top: 190px;right: 0;}
a.pink {width:10px;height:10px;background:#f13c84;display: block;float: left;margin-right: 2px;}
a.blue {width:10px;height:10px;background:#008aff;display: block;float: left;margin-right: 2px;}
a.green {width:10px;height:10px;background:#2ab81b;display: block;float: left;margin-right: 0;}
/********************************************************
************************HEADER***********************/
#header {width: 975px;height: 163px;margin-bottom:57px;position:relative;}
#header h1 a,#header h1 a:hover,#header h1 a:visited,#header h1 a:active {color:#fff;font-weight:bolder;font-size:30px;text-decoration:none;margin-right:15px;position: absolute;top: 55px;left: 0;}
span.description {font-size:13px;font-weight:lighter;padding:5px;color: #ccc;position: absolute;top: 85px;left: 0;}
ul#topnav { position:absolute;right:0;top:75px; }
ul#topnav,ul#topnav li { list-style-type:none; }
ul#topnav li { display:block;float:left;margin-right:10px; }
ul#topnav li a { background:#313131;color:#fff;padding:10px 15px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
ul#topnav li.current a,ul#topnav li.current_page_item a,ul#topnav li a:hover{text-decoration:none;}

/*******************************************************
*******************CONTENT******************************/
#content {background-color: #fff;width:628px;float:left;padding: 47px;margin-left: 77px;}
.post h2, .post h2 a:hover, .post h2 a:visited, .post h2 a {text-decoration : none;color : #292929;font-size: 36px;font-weight:bold;padding-bottom:10px;}
.line{width:100%;border-bottom:1px #e1e1e1 solid;margin-bottom:20px;}
.post {margin-bottom : 20px;text-align : justify;position: relative;}
.comments { position: absolute;top: 0;left: -129px;padding: 10px;font-size: 21px;}
.comments a {color: #fff;text-decoration: none;}
.comments span.small {font-size: 11px;}
.post ul, .post ol {margin-left : 25px;}
p.meta {color:#fff;padding:5px;display:inline;}
.entry {padding :10px 0 25px 0;border-bottom:1px #e1e1e1 solid;}
a.more-link {color:#fff;padding:5px 10px;margin:5px 0;display:block;width:70px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
small {font-family : Arial, Helvetica, sans-serif;font-size : 11px;}
blockquote {background-image: url(images/bquote.jpg);background-repeat: no-repeat;background-position: left top;margin:10px 40px 10px 5px;font-family : Georgia, "Times New Roman", Times, serif;color : #555;clear: both;padding-top: 15px;padding-left: 38px;}
code {font : 14px 'Courier New', Courier, Fixed;color:#7b7661;display : block;overflow : auto;text-align : left;margin : 10px 0 10px 0;padding : 5px 10px 5px 10px;background : #eee;border-top : 1px solid #ccc;border-bottom : 1px solid #ccc;}
p.postmetadata {background:url('images/tags.jpg') no-repeat;width:594px;height:39px;font-size:12px;margin-top:20px;padding: 15px;}
p.postmetadata a {color:#7b7661;}
.navigation {display : block;font-size : 16px;font-weight : bold;}
	.alignleft {float : left;text-align : left;}
	.alignright {float : right;text-align : right;}
/*******************************************************
*******************SIDEBAR******************************/
#sidebar{float:right;width:124px;padding:40px 26px;}
#sidebar a, #sidebar a:visited {font-family : Arial, Helvetica, sans-serif;font-weight : bold;color : #3a3a3a;}
#sidebar a:hover {text-decoration : underline;}
#sidebar > ul {list-style : none;margin : 20px 0 20px 0;}
#sidebar ul ul  {list-style-type: none;margin:0;padding:5px 0;}
#sidebar ul ul ul {margin: 0 0 0 5px;padding:0;}
#sidebar ul ul ul ul{margin: 0 0 0 5px;padding:0;}
#sidebar ul li {line-height : 21px;}
#sidebar ul ul li {margin-left : 10px;width: 150px;float: left;margin-bottom: 0;}
#sidebar ul ul li:last-child{margin-bottom: 20px;}
#sidebar ul ul ul li {margin-left : 5px;margin-bottom: 0;}
#sidebar ul ul ul li:before, #sidebar ul ul ul ul li:before {content: "\00BB \0020";}
#sidebar h2 {font-size : 21px;font-weight : bold;color : #3a3a3a;text-align : left;margin-bottom: 5px;}
table#wp-calendar{ width: 95%; margin:0 auto; }
/*******************************************************
*******************COMMENTS******************************/
h3#comments,h3#respond {color : #656971;margin-left:5px;margin-bottom: 20px;}
h3#respond{border-top: 1px #ccc solid;padding-top: 20px;}
ol.commentlist .left{width: 150px;float: left;}
ol.commentlist .right{ width: 390px;float: left;margin-bottom: 20px;padding: 0 10px;}
#auth{padding:10px 10px;}
.avatar {padding : 3px;border : 1px solid #ccc;margin:0 5px 5px 0;float: left;}
ol.commentlist {list-style-type : none;margin-bottom: 20px;}
ol.commentlist li {width: 650px;}
.authcomment {border-bottom : 0px;} 
.authcomment .right{background-color: #eeeeee !important;} 
small.commentmetadata{padding-bottom: 5px;float: right;}
span.comauth{margin-bottom : 12px;font-family : Georgia, "Times New Roman", Times, serif;font-size: 12px;color:#666;}
#comment_title {margin-bottom : 5px;}
#commentform {margin-bottom : 50px;margin-left : 10px;}
#commentform label{margin-bottom : 5px;font-family : Georgia, "Times New Roman", Times, serif;font-size: 12px;color:#666;}
#commentform textarea {width : 98%;padding : 5px;font-size : 12px;background : #fff;border : 1px solid #d2cece;margin:5px 0px;}
input#author,input#email,input#url {width : 300px;padding : 4px;font-size : 12px;background : #fff;border : 1px solid #d2cece;margin:0;}
input#submit{background : #d2cece;color:#656971;padding:5px;border:0px;} 
/*******************************************************
*******************FOOTER******************************/
#footer{background: #0a0809 url('images/footer.jpg') repeat-x top;padding-top: 40px;color: #fff;}
#footer-content {
	width: 975px;
	margin: 0 auto;
	letter-spacing: -.3px;
	position: relative
}
.by {
	position: absolute;
	bottom: 0;
	right:0;
}
#footer h2 {
	color : #fff;
	font-size: 24px;
	font-weight: bold;
	margin-bottom:20px;
}
#footer-content .left {
	width : 641px;
	float : left;
	margin-bottom: 30px;
	text-align: justify;
	margin-right: 25px;
}
	#footer-content .lleft {
		width : 308px;
		float : left;
		margin-right: 25px;
	}
	#footer-content .lright {
		width : 308px;
		float : right;
	}
#footer-content .right {
	width : 308px;
	float : right;
	margin-bottom: 30px;
}
#footer-content li.recentcomments {
	padding: 3px 10px;
	background: #000;
}
#footer ul,#footer li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#footer ul li{
	margin-bottom: 10px;
}
#footer ul li a,#footer ul li a:visited {
	padding: 10px;
	background: #000;
	color: #fff;
	line-height: 36px;
}
#footer ul li a:hover {
	color: #fff;
	text-decoration: none;
}
#footer .cp {
	padding : 10px;
	padding-left : 0;
	display : block;
	width : 950px;
	clear : both;
	margin : 0 auto;
	border-top: 1px #3b3e43 solid;
	text-align: right;
	
}
/*******************************************************
*******************Defaults******************************/
h1{
	font-size: 28px;
}
h2{
	font-size: 24px;
}
h3{
	font-size: 21px;
}
h4{
	font-size: 18px;
}
h5{
	font-size: 16px;
}
h6{
	font-size: 14px;
}
hr {display : none;}
blockquote {
    font-style:italic;
    font-size:13px;
}
blockquote em, blockquote cite, blockquote i {
    font-style:normal;
}
input, textarea {
    font-family:Georgia, serif;
}
.caps {
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:1px;
}
.important {
    font-weight:bold;
}
table {
	margin-bottom: 10px;
}
table,th,tr,td {
	border: 1px #ccc solid;
	padding: 5px;
}
caption {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}
th {
	background: #eee;
}
tr:hover {
	background: #eee;
}
td:hover {
	background: #ccc;
}
.important {
    font-weight:bold;
}
.clear {
	clear: both;
}

/*******************************************************
*******************Search Form******************************/
		#sidebar #searchform {
			float: right;
			margin-top: 7px;
			margin-right: 5px;
			width: 103px;
			background : transparent url('images/search.jpg') no-repeat top;
			padding: 10px;
			position: relative;
			margin-bottom: 20px;
		}
		#sidebar #searchform #s {
			background: transparent;
			border: 0;
			width: 85px;
			color: #494435;
		}
		#sidebar input#searchsubmit {
			border:0px;
			background: transparent;
			width: 20px;
			height: 25px;
			position: absolute;
			top: 3px;
			right: 3px;	
		}
    /* 404 Pages **************************************
	***************************************************/
	/* Search form for 404 Pages */
	#content #searchform {
		float: left;
		margin-top: 3px;
		margin-right: 5px;
		background: none;
	}
	#content #searchform input {
		width: 300px;
		background: #eee;
		color: #666;
		border: 1px solid #ccc;
		padding: 10px;
		margin: 5px 0;
	}
	#content input#searchsubmit {
		width: 50px;
		height: 100%;
		background: #333;
		color: #fff;	
		margin: 0 0 0 3px;
		padding: 10px;
	}
	#content .left404{
		width: 290px;
		float: left;
	}
	#content .left404 h2,#content .right404 h2 {
		font-size: 18px;
	}
	#content .right404{
		width: 290px;
		float: right;
	}
	
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
