

/*

Theme Name: Elegent Designs Simplistic 4

Theme URI: www.elegentdesigns.com/themes2/?preview_theme=Elegent Designs Simplistic 4

Description: An Elegent Design with a simplistic look.

Author: M.Ahsan

Author URI: www.elegentdesigns.com

Version: 1.0

*/









/********** Reset & Basic Elements *****************/



body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,

li, dl, dt, dd, form, a, fieldset, input, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: none;

}



body {

	background: #fff;

	color: #000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	line-height: 1.5em;

	font-size: 0.813em;

	text-align: center;

}





h1, h2, h3, h4, h5, h6 {

    color: #000000;

	font-size: 100%;

    padding: 0.5em 0;

	font-weight: normal;

    line-height: 1.2em;



}



h1{font-size: 2em;}/* 26px */

h2{font-size: 1.847em;}/* 24px */

h3{font-size: 1.693em;}/* 22px */

h4{font-size: 1.539em;}/* 20px */

h5{font-size: 1.385em;}/* 18px */

h6{font-size: 1.231em;}/* 16px */





p {

	padding: .5em 0;



}



p a {

  font-weight: bold;

}



ol, ul {

  list-style: none;



}



blockquote {

   background: url(images/opening_blockquote.png) top left no-repeat;

   clear: both;



}



blockquote p {

  padding: 1em 2.1em 0.9em 2.2em;

  margin: 5px 10px;

  font-style: italic;

  background: url(images/closing_blockquote.png) bottom right no-repeat;

}





a:link {

	color: #blue;

	text-decoration: none;



}



a:visited {

	color: #blue;

	text-decoration: none;

}



a:hover {

	color: #b0b2a6;

	text-decoration: underline;

}





a img, img {

	border: none;

  	display: block;

	border: 1px solid #969696;



}









/************** Generic Classes ************/



.clear {

	clear: both;

}



.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}



.alignleft {

   float: left;

   margin: 10px 10px 10px 0;





}



.alignright {

   float: right;

   margin: 10px 0 10px 10px;





}



.seperator {

  border-bottom: 1px solid #969696;

  margin-bottom: 20px;



}





.textcenter {

  text-align: center;

}



.gap {

  margin: 20px 0;

}









/************** Basic Layout *************/



body {

	background: #d4d4d4 url(images/body_bg.png) 0 0 repeat-x;

}



.container {

	width: 940px;

	margin: 0 auto;

	text-align: left;

}



#header-wrapper {

	width: 940px;

	height: 170px;



}



#main-wrapper {

	width: 940px;

	margin: 0 auto;

}



#content-wrapper {

	width: 620px;

	float: left;

	margin: 40px 10px 0;

	display: inline;

}



#sidebar-wrapper {

	width: 290px;

	float: right;

	margin: 40px 0;

    display: inline;

}



#footer-wrappera {

	background: #afb0a5 url(images/footer_bg.png) 0 0 repeat-x;

	border-bottom: 1px solid #919191;

}



#footer-wrapperb {

	background-color: #585858;

}



/************** Header Wrapper ********/



/************** Logo ******************/



#logo {

	height: 100px;

    margin-left: 10px;

    float: left;



}



#logo img {

  border: none;

}



#logo #logoheading {

  height: 100px;



}



#logoheading h1, #logo h2 {

  margin: 0;

  padding: 0;

}





#logoheading h1 {

    font-size: 42px;

    text-transform: uppercase;

    margin-bottom: 5px;

    padding-top: 10px;



}



#logoheading h2 {

    font-size: 14px;

    color: #ffffff;

    text-transform: uppercase;

}



#logoheading h1 a {

  color: #ffffff;

}



#logoheading h1 a:hover {

  text-decoration: none;

}



/************** Twitter Update *******/



#twitupdate {

  float: right;

  width: 400px;

  height: 100px;

  position: relative;

}



#twitupdate img {

  position: absolute;

  top: 20px;

  left: 0;

  border: none;



}





#twitinner {

  width: 318px;

  background-color: #d4d4d4;

  border: 1px solid #969696;

  margin-top: 10px;

  padding: 5px 10px 10px 70px;

  overflow: hidden;

  font-size: 0.9em;

  color: #1c7cc2;



}



#twitinner a {

  font-weight: bold;

  color: #87c41a;

}







/************** Navigation *************/



/************** Page Navigation *************/



ul#page-nav {

	float: left;

	height: 30px;



}



ul#page-nav li {

	display: inline;

	line-height: 28px;

	padding: 0 10px;



}





ul#page-nav li a {

	color: #ffffff;



}



ul#page-nav li a:hover {

	text-decoration: none;

}



/************** Category Navigation *************/



ul#category-nav {

	float: right;

	margin-left: 10px;

	border-left: 1px solid #75756d;

	border-right: 1px solid #b7b6af;

}



ul#category-nav li {

	position: relative;

	float: left;

	line-height: 40px;

	width: 150px;



}



ul#category-nav li a {

	color: #ffffff;

	display: block;

	text-align: center;

	border-left: 1px solid #b7b6af;

	border-right: 1px solid #75756d;

}



ul#category-nav li a:hover {

	text-decoration: none;

	background: #afb1a6 url(images/category_nav_hover.png) 0 0 repeat-x;

}



ul#category-nav li ul {

	display: none;

	position: absolute;

	width: 150px;

	top: 40px;

	left: 0;

	background-color: #9c9c9c;

}



ul#category-nav li:hover ul {

	display: block;

}



ul#category-nav li:hover ul ul {

	display: none;

}



ul#category-nav li ul ul {

	display: none;

	position: absolute;

	width: 150px;

	top: 0px;

	left: 150px;

	background-color: #9c9c9c;

}



ul#category-nav ul li:hover ul {

	display: block;

}





/************** Post *************/



.post {

	border: 1px solid #969696;

	padding: 15px;

	background: #e6e5e5 url(images/post_header_gradient.png) 0px 0px repeat-x;

    margin-bottom: 20px;



}



.post-image {

	float: left;

	width: 200px;

	height: 200px;

	margin: 0 20px 20px 0;

    background-image: url(images/post_thumbnail.png);

}



.post-body h1, .post-body h2, .post-body h3,

.post-body h4, .post-body h5, .post-body h6 {

  clear: both;

}





.post-body .post-labels a,

.post-body .post-author a {

	color: #b0b2a6;



}



.post .post-header {

	margin-bottom: 5px;

}



.post .date-header {

	float: left;

	width: 60px;

	height: 48px;

	background: url(images/date_header_bg.png) 0 0 no-repeat;

	text-align: center;

	font-size: 22px;

	font-weight: bold;

	color: #ffffff;

	margin: 0;

	padding: 1px 0 6px 0;

    line-height: 22px;







}



.post .post-title {

	float: left;

	width: 450px;

	margin: 0;

	padding: 0 0 0 10px;

}



.post .post-comment-link {

	float: right;

	width: 58px;

	height: 49px;

	background: url(images/comment_no_bg.png) 0 0 no-repeat;

	line-height: 22px;

}



.post .post-comment-link a {

	text-align: center;

	font-size: 22px;

	font-weight: bold;

	color: #ffffff;

	margin: 0 auto;

	display: block;



}



.post-body ul {

  list-style-type: disc;

  margin: 0 0 0 30px;

  padding: 0.3em 0;

}



.post-body ol {

  list-style: decimal;

  margin: 0 0 0 30px;

  padding: 0.3em 0;



}



.post-body dl {

  margin: 0 10px;

  padding: 0.3em 0;



}

.post-body dt {

  font-weight: bold;

  padding: 0.3em 0;

}



.post-body dd {

  margin: 0 10px;

  padding: 0 1em 0 1em;

  border-left: 1px solid #969696;

}



.post .ads-above {

  float: left;

  margin: 10px 10px 10px 0;

}



.post .ads-below {

  width: 470px;

  margin: 10px auto;

}



#bookmarkus{

    float: left;

	width: 300px;

	overflow: hidden;



}



#bookmarkus img{

	float: left;

	display: inline;

	margin: 15px 5px 15px 0;

    border: none;

    width: 45px;

    height: 45px;

}





/************** Sidebar Wrapper *************/



#sidebar-wrapper .widget {

  margin: 0 0 20px 0;

  padding: 0 15px;

  background: #e6e5e5 url(images/post_header_gradient.png) 0px 0px repeat-x;

  border: 1px solid #969696;

  list-style: none;



}



#sidebar-wrapper .widget_tag_cloud {

  padding-bottom: 15px;

}





#sidebar-wrapper #search,

#sidebar-wrapper #subscribe,

#sidebar-wrapper #advertise,

#sidebar-wrapper .textwidget {

  margin: 0 0 20px 0;



}



#sidebar-wrapper h3,

#sidebar-wrapper h2 {

  font-size: 1.85em;

  text-align: left;

  color: #585858;



}



#sidebar-wrapper .widget ul {

	margin-bottom: 20px;

}



#sidebar-wrapper .widget li {

	padding: 0.2em 0;

	border-bottom: 1px solid #969696;



}



#sidebar-wrapper .widget li a {

	display: block;

	padding: 0.2em 0;



}



#sidebar-wrapper .widget li:hover,

#sidebar-wrapper .widget li a:hover {

	text-decoration: none;

	background-color: #d2d2d2;

    color: #000000;



}





/************** Search *************/



.search-holder {

  margin: 10px 0;

}





#search {

	width: 259px;

	height: 35px;

	background-Image: url(images/search_bg.png);

    background-repeat: no-repeat;

}





#search p {

	margin: 0;

	padding: 0;

}



#search #s {

	width: 210px;

	font-size: 20px;

	color: #b0b2a6;

	margin: 4px 4px 0 4px;

	padding:1px;

	float: left;

	background-color: #d4d4d4;



}





#search #searchbtn{

	margin-top: 4px;

	margin-right: 7px;

	float: right;

}



/************** RSS *************/



#subscribe img,

#advertise img{

	border: none;

	display: inline;



}



#subscribe img {

    float: left;

    margin-right: 10px;

    margin-bottom: 5px;

}



#subscribe h5 {

    font-size: 1.3em;

    padding: 0;

    margin: 0;



}



#subscribe #postrss a {

    color: #ff740B;

}



#subscribe h5#commentrss a {

    color: #22b7e8;

}



#subscribe h5#emailrss a {

    color: #68c782;

}



#subscribe h5 a:hover {

  text-decoration: none;

}





#subscribe span {

  font-style: italic;

  font-size: 0.9em;

}







#easyTooltip{

	padding:5px;

	border:1px solid #969696;

	background:#afb1a6;

	}





/******* Calender ************************/



#wp-calendar {

	empty-cells: show;

	margin: 10px auto;

	width: 270px;

    padding-right: 10px;

}



#wp-calendar th {

  text-align: center;



}





#wp-calendar #next a {

	text-align: right;

}



#wp-calendar #prev a {

	text-align: left;

}



#wp-calendar a {

	display: block;

    font-weight: bold;



}



#wp-calendar caption {

	text-align: center;

	width: 100%;

    font-weight: bold;

    text-transform: uppercase;



}



#wp-calendar td {

	text-align: center;

    padding: 3px 0;



}









/******* Blog Pager ************************/



.blogpager {

    margin-bottom: 20px;



}



.wp-pagenavi {



  font-weight: bold;

  padding: 20px 0;

}



.wp-pagenavi a,

span.pages,

span.current {

  padding: 3px;

  border: 1px solid #969696;

  margin: 3px;

  clear: both;

}



.wp-pagenavi a:hover {

  background-color: #b6b4b4;

  text-decoration: none;

  color: #ffffff;

}





span.pages {

  background-color: #d9d9d9;



}



span.current {

  background-color: #b6b4b4;

  color: #000000;

}





/********* Comments *********************************/



#comments_template {

	margin-top:20px;

}



ol#comments {

	margin-top:10px;



}

ol#comments li {

	list-style:none;

	padding-bottom:20px;

	margin-bottom:20px;

	border: 1px solid #969696;

    background-color: #d1d1d1;

}



ol#comments .comment_info img {

  float: left;

  margin: 10px;



}



ol#comments .comment_info h4,

ol#comments .comment_info p {

  font-size: 0.9em;

  font-weight: bold;

  padding: 0;

  margin: 0;

  padding-top: 10px;



}



ol#comments .comment_info p a{

  font-weight: normal;

}





ol#comments .the_comment {

  margin: 0 10px 10px 10px;

  word-wrap: wrap;

  clear: both;



}



ol#comments .avatar {

	padding: 3px;

    margin: 5px;

    border: 1px solid #969696;

}



ol#comments small a {

	font-weight:normal;

	color:#000000;

}



#comments_template form input,

#comments_template form textarea {

    background-color: #d1d1d1;

    padding: 5px 0;

    border: 1px solid #969696;

    overflow: hidden;



}



#comments_template form #submit {

  width: 130px;

  border: 1px solid #969696;

  padding: 7px 0;

  background-color: #b6b4b4;

  margin-top: 5px;

  font-weight: bold;

  color: #ffffff;

  cursor: pointer;



}





#comments_template label p {

  font-size: 0.8em;

  padding: 0;

  margin: 0;



}





ul.commentlist {

	margin:20px 0px;

	padding: 0px;



}



ul.commentlist li {

	margin-bottom: 20px;

	padding:10px 5px 30px 90px;

	position:relative;

	list-style:none;

	border:1px solid #969696;

	background-color: #d1d1d1;



}



ul.trackbacklist li {

        padding: 10px;

}



ul.commentlist .avatar {

	position:absolute;

	top:10px;

	left:10px;

    padding: 3px;

	border:1px solid #969696;

}



ul.commentlist .commentmetadata {

	display: none;

}



ul.commentlist .comment-author .fn {

  font-weight: bold;

}





ul.commentlist ul  {

	margin-top: 30px;



}

ul.commentlist ul li {

	border: 0px;

    margin-right: -5px;

    background-color: #d1d1d1;

	padding-bottom:0px;



}





ul.commentlist .comment-reply-link {

  float: right;

  padding: 5px;

  margin: -3px 5px 0 0;

  border: 1px solid #969696;

}



ul.trackbacklist .comment-reply-link {

       display: none;

}



/************** Footer Wrapper *************/



#footer-wrappera .widget-footer {

	width: 290px;

	margin: 20px 0 20px 0;

	padding: 0 10px;

	float: left;

}





.widget-footer h3 {

  font-size: 1.85em;

  text-align: left;

  color: #585858;



}



#footer-wrappera .widget-footer ul {

    border-bottom: 1px solid #b7b6af;

}





#footer-wrappera li {

	padding: 0.2em 0;

	border-top: 1px solid #b7b6af;

    border-bottom: 1px solid #75756d;

}





#footer-wrappera li a {

	display: inline;

	color: #ffffff;

	padding: 0.2em 0;







}



#footer-wrappera li a:hover {

	text-decoration: none;

}



#footer-wrapperb p {

	text-align: center;

	padding-top: 0.3em;

    padding-bottom: 0;

    margin-left: 10px;

	color: #ffffff;

}



#footer-wrapperb p a {

	color: #f2eff7;

}



#footer-wrapperb p.sponsors,

#footer-wrapperb p.sponsors a {

    font-size: 0.9em;

    margin: 0;

    padding: 0;

    color: #909090;

}
