/*
Theme Name: Elegance
Theme URI: http://www.proudthemes.com/2010/06/elegance/
Description: Elegance Theme
Version: 1.0
Author: ProudThemes
Author URI: http://www.proudthemes.com
Tags: white, fixed-width, two-columns, widgets
*/


* {padding:0; margin:0; border: none; outline:0; }
body {font-family:Helvetica, Arial, Tahoma, sans-serif; font-size: 62.5%; color: #333; text-align:center; background-color: #f1f1f1; }
a {text-decoration:none; color:#ed1c24; }
a:hover {text-decoration:none; color: #00aeef; }
h1,h2,h3,h4,h5,h6 {font-weight:normal; margin:0; padding:0; color:#333; }
p {margin: 0 0 10px; }
li,p {line-height: 1.6em; }
li {list-style-type: none; }

#wrap {width:100%; margin: 0 auto; text-align:left;  }
#wrap div.frame {background-color: #fff; }
#wrap div.wrap {width: 960px; margin: 0 auto; text-align: left; }
#wrap div.clear {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; }
#wrap div.sep {font-size:1px; height: 1px; margin:10px 0; line-height: 1px; margin-bottom: 10px; }

::-moz-selection{background:#333; color:#fff;}
::selection{ background:#333; color:#fff; }

#header {padding: 20px 0 40px; }
#header div.wrap, div.teaser, p.postmetadata {padding: 0 10px 20px; width: 940px; border-bottom: solid 1px #ccc; }
#logo {float: left; display: inline; text-align: left; }

div.teaser, div.single {margin-bottom: 30px; }
div.teaser p {font-size: 24px; line-height: 32px; margin-bottom: 24px; }
div.single p.postmetadata {margin-left: 0; font-size: 12px; letter-spacing: 1px; padding-right: 0; padding-left: 0; width: 960px;  }
h1.important {font-size: 80px; line-height: 80px; font-weight: normal; letter-spacing: -1px; margin-left: -4px; margin-bottom: 20px; }

#nav {float: right; display: inline; margin-top: 15px; }
#nav li.current-cat, #nav li.current_page_item {background: #f1f1f1 url(images/backMenu.png) repeat-x top left; }
#menuhead, #menuhead ul {margin:0; padding:0; position:relative; line-height:18px; z-index:300; width:100%; }
#menuhead {margin-left: 10px; }
#menuhead a {display:block; padding:2px 10px; text-decoration:none; color: #333; }  
#menuhead a:hover {background-color:#fff; color:#ed1c24;}  
#menuhead li {float:left; display: inline; position:relative; line-height: 30px; font-size: 16px; }
#menuhead li li {line-height: 20px; font-size: 12px; }  
#menuhead ul {position:absolute; display:none; width:120px; top:32px; left:0; }  
#menuhead ul a {border-left:1px solid #333; border-right: 1px solid #333; padding: 5px 10px; background-color: #444; color: #ccc; }  
#menuhead li ul {width:130px;}  
#menuhead li ul a {width:130px; float:left; display:inline; border-bottom:1px solid #555;}  
#menuhead ul ul {top:auto;}  
#menuhead li ul ul {left:130px; margin:0 0 0 10px;}  
#menuhead li:hover ul ul, #menuhead li:hover ul ul ul, #menuhead li:hover ul ul ul ul {display:none;}  
#menuhead li:hover ul, #menuhead li li:hover ul, #menuhead li li li:hover ul, #menuhead li li li li:hover ul {display:block;}

/* 3. Content Area */
#content {}
.posts {margin-bottom: 10px; }
.posts .post {float: left; display: inline; margin-right: 15px; }
.posts .post-last {margin-right: 0; }
.posts-3 .post-small {width: 310px; }
.posts-4 .post-small {width: 150px; }
.posts-5 .post-small {width: 184px; }
.posts h2 {font-size: 12px; font-weight: bold; line-height: 20px; }
.posts a, div.navigation a {color: #333; }
.posts a:hover, div.navigation a:hover {color: #ed1c24;}
.posts .thumb {margin-bottom: 6px; opacity: 0.7; }
.posts .post:hover .thumb {opacity: 1;}
.posts .info {margin: 0 10px; }
.posts .meta {font-size: 12px; }
.posts h3, h3.archive, p.postmetadata {font-size: 16px; font-weight:normal; line-height: 24px; margin-bottom: 20px; margin-left: 10px; }

.navigation {padding-top: 20px; border-top: solid 1px #ccc;}
.navigation p {font-size: 16px; text-align: center; }
.navigation a {margin: 0 5px;}

div.single {font-size: 16px; line-height: 20px; }
div.single img {margin-bottom: 20px; border: 0px solid #f1f1f1;}
div.single p {margin-bottom: 20px; }

.post-comments {border-top: solid 5px #333; }
#comments p {font-size: 11px; letter-spacing: 1px; margin-top: 14px; }

/* 4. Comments */
ol.comments {padding: 20px 0; margin:0; }
ol.comments a {text-decoration: none;}
ol.comments div.comment-body {position: relative; }
ol.comments div.reply {position: absolute; top: 0; right: 0; }
ol.comments li {list-style-type: none; margin: 0 0 1em; padding: 15px 15px 5px; font-size: 14px; line-height: 20px; min-height: 90px; }
ol.comments li ul.children {padding: 10px 0 0; }
ol.comments li ul.children li {clear: left; margin: 0 10px 10px 10px; }


ol.comments {font-family: Helvetica, Arial, Tahoma, sans-serif; }
ol.comments img.avatar { float: left; display: inline; margin: 0 15px 15px 0; border: solid 4px #ccc; }
ol.comments cite {font-size: 12px; line-height: 18px; font-weight: bold; font-style: normal; margin-left: 0; }
ol.comments cite.author {color: #333;}
ol.comments span.says {display: none; }
ol.comments .commentmetadata {line-height: 18px; font-size: 10px; margin-bottom: 5px; text-transform: uppercase; }
ol.comments blockquote {font-size: 12px; line-height: 18px; }
#comments ol.comments p {text-shadow: #fff 1px 1px 1px; letter-spacing: 0; font-size: 14px; }
ol.comments li.comment {background-color: #f7f7f7; }
ol.comments li.bypostauthor { background-color: #fff; }

.afterpost .navigation .alignleft a, .reply a, .afterpost .navigation .alignright a,.cancel-comment-reply a { background: #333; color: #fff; padding: 2px 5px; margin-bottom: 5px; font-weight: normal; text-transform: uppercase; font-size: 10px; }
.afterpost .navigation .alignleft a:hover, .afterpost .navigation .alignright a:hover, .reply a:hover, .cancel-comment-reply a:hover { background: #ed1c24; text-decoration: none; }
.afterpost .navigation .alignleft a, .afterpost .navigation .alignright a {width:125px; padding:3px 0 0 3px; text-align:center; height:20px;}

#commentform {margin-top: 15px; clear: left; font-family: Helvetica, Arial, Tahoma, sans-serif; }
#commentform code {font-size: 11px; }
#commentform p {margin: 0 0 5px; font-size: 12px;}
#commentform label {float: left; display: inline; font-weight:normal; line-height: 26px; font-size: 11px; text-transform: none; margin-left: 10px; margin-right: 40px; }
#commentform input {clear: left; float: left; display: inline; width: 250px;	padding: 6px 0 2px 5px;	font-size: 12px; margin-bottom: 10px; }
#commentform textarea {	width: 500px; height: 100px; padding: 2px; margin-bottom: 10px;	}
#commentform input, #commentform textarea, #footer input{background: #fff url(images/backSearch.png) repeat-x top left;	 border: 1px solid #ccc; color: #333; }
.column-narrow input {width: 130px;}
.column-narrow label {margin-left: 0; text-transform: uppercase;}
#commentform #submit, .column-narrow #searchsubmit, #footer #searchsubmit {font-size: 11px; padding: 2px 10px; width: auto; background: none; background-color: #333; color: #fff; border: none; }
#commentform #submit:hover, #footer #searchsubmit:hover {background-color: #005599; }

.post-content p {margin: 14px 0; }
.post-content img {margin: 0 0 20px 0; }
.post-content ul, .post-content ol {margin-left: 20px; margin-bottom: 14px; }
.post-content li {list-style-position: inside;} 
.post-content ul li {list-style-type: square;}
.post-content ol li {list-style-type: decimal;} 
.post-content blockquote {margin-left: 20px; padding-left: 20px; font-style: italic; border-left: dotted 2px #aaa; }
.post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {margin: 14px 0; }
.post-content .alignleft {float: left; display: inline; margin: 0 15px 10px 0; }
.post-content .alignright {float: right; display: inline; margin: 0 0 10px 15px; }

/* 4. Footer Area */
#footer {margin: 0; padding-top: 30px; padding-bottom: 40px; font-size: 12px; line-height: 20px; border-top: solid 1px #ececec; text-shadow: #fffde5v  1px 1px 1px; color: #777; }
#footer a {color: #777; text-decoration: none; }
#footer a:hover {color: #ed1c24;text-decoration: none; }
#footer h3 {font-size: 16px; font-weight: normal; line-height: 20px; margin-bottom: 14px; color: #777; }
#footer p {text-align: left; }
#footer ul {display: block; text-align: left; margin-bottom: 5px; }
#footer ul li {display: inline; margin-right: 15px; }
#footer div.column {float: left; display: inline; margin-right: 15px; width: 310px; }
#footer div.column-last {margin-right: 0; }
#footer div.widget {margin-bottom: 20px; }
#footer div.socialize li {margin: 0 0 10px; float: left; display: inline; width: 154px; line-height: 18px;}
#footer div.socialize li img {float: left; display: inline; margin: 0 5px 0 0; }

/* Captions */
.wp-caption {	float: left; display: inline; text-align: center;	padding: 0 0 5px 0;	margin: 0 10px 10px 0;}
.wp-caption p { font-family: Helvetica, Arial, Tahoma, sans-serif;	text-align: center;	font-size: 11px;	text-transform: uppercase;}