/*  
Theme Name: Sundus
Theme URI: http://www.sunduslive.com
Description: This is my theme.
Version: 1.0
Author: Sundus Hameed
Author URI: http://www.sunduslive.com/

*/

@charset "utf-8";

/* ...................................................... Reseting CSS ...................................................... */

body, h1, h2, h3, h4, h5, h6, p, ul, li, ol, form, small, label, cite, td {
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
}

a {
outline:none;
}

ul {
list-style:none;
}

/* ...................................................... Header Starts ...................................................... */

#wrapper {
	background-image:url(images/bg.jpg);
	background-position:top left;
	background-attachment:fixed;
}

#pagecontainer {
width:970px;
margin-left:20px;
}

#container {
padding:0 0 0 0;
}

#header {
height: 179px;
width:990px;
background:url(images/headerbg.jpg) no-repeat top left;
}

#logo {
width: 196px;
height:60px;
float:left;
padding:15px 0 0 25px;
}

/* ...................................................... Content Starts ...................................................... */

#content {
width:660px;
float:left;
margin-right:-10px;
z-index:1;
position:relative;
}

.post {
padding:20px 10px 20px 45px;
margin-bottom:10px;
background:url(images/postbg.png) repeat-y left;
}

.date2 {
float:left;
width:50px;
height:55px;
background-color:#f6783c;
margin-right:10px;
padding:5px;
text-align:center;
border:1px #dcd7c8 solid;
}

.month, .year {
color:#FFFFFF;
}

.number {
color:#FFFFFF;
font-size:20px;
}

.postright {
width:521px;
float:left;
text-align:left;
}

.postright p {
line-height:18px;
margin-bottom:20px;
}

a.readmore {
background:url(images/buttonbg.jpg) repeat-x #f2f0ea bottom;
padding:5px 10px;
border:#ddd8c9 1px solid;
}

.more-link {
background:url(images/buttonbg.jpg) repeat-x #f2f0ea bottom;
padding:5px 10px;
border:#ddd8c9 1px solid;
}

.postdetails {
margin:3px 0 15px 0;
font-size:11px;
}

small {
margin-bottom:20px;
}

.abtme {
width:125;
margin-right:10px;
}

.comments {
width:32px;
height:35px;
background:url(images/comments2.png);
float:right;
padding:3px 0 0 21px;
font-size:19px;
}
/* ...................................................... Footer Starts ...................................................... */

#footer {
clear:both;
margin-top:0px;
}

#footercontainer {
background:url(images/footer.png);
width:830px;
height:320px;
padding:60px 0 0 20px;
}

.footerbox {
width:230px;
float:left;
margin-right:20px;
margin-bottom:10px;
background:url(images/footerboxbg.png);
padding:10px;
}

.footerbox-about {
width:200px;
float:left;
margin-right:60px;
margin-bottom:30px;
}

.copyrights p {
color:#000000;
font-size:11px;
margin-bottom:30px;
}

.copyrights a {
color:#FFFFFF;
}

#footer h3 {
border:none;
font-size:25px;
padding:0;
margin:0;
}

.csssites ul {
margin:10px 0 0 0;
}

.csssites ul li {
line-height:24px;
text-transform:uppercase;
font-size:12px;
}

.css1 {
float:left;
width:120px;

}

.css2 {
float:left;
width:110px;
}

/* ...................................................... Navigation Starts ...................................................... */

/* Menu */

#catnav {
width:565px;
height:20px;
float:right;
margin-top:40px;
}

#nav {
list-style: none;
}
	
#nav ul {
margin: 0;
padding: 0;
}

#nav li {
float: left;
margin: 0;
padding: 0;
}

#nav a {
display: block;
line-height: 30px;
margin: 0;
padding: 0 20px 0 15px;
font-size: 11pt;
background-color:#f6783c;
margin-left:2px;
color:#FFFFFF;
}

#nav li a:hover {
  color:#742400;
  text-decoration: none;
  display: block;
  background-color:#f6f3c8;
  }

#nav li ul {
  list-style: none;
  position: absolute;
  width: 150px;
  left: -999em;
  }

#nav li:hover ul, #nav li.sfhover ul {
  left: auto;
  }
	
#nav li li {
  float: left;
  margin: 0;
  padding: 0;
  width: 150px;
  }
	
#nav li li a {

  height: 24px;
  line-height: 24px;
  color:#742400;
  background: #f6f3c8;
  margin: 0;
  padding: 2px 20px 2px 15px;
  font-size:12px;
  }
	
#nav li li a:hover {
  background:#e6e3b9;
  }

#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  position: static;
  }


/* ...................................................... Typography Starts ...................................................... */

a {
color:#df5c1e;
text-decoration:none;
}

a:hover {
color:#000000;}

h2 {
color:#df5c1e;
font-size:20px;
font-family:Georgia, "Times New Roman", Times, serif;
}

h3 {
font-size:20px;
font-weight:bold;
margin:18px 0 8px;
padding:5px 0 5px 0;
color:#722500;
border-bottom:1px #4a3f2d dashed;
}

/* ...................................................... Comments Starts ...................................................... */
.logout {
font-size:11px;
}

/* COMMENTS */
#content-body input{padding:3px;border:1px solid #E5E2E0;margin-bottom:2px;}
#content-body textarea{border:1px solid #E5E2E0;width:533px;height:100px;padding:5px;font: 12px Verdana;
}

#content-body input#submit {width: 88px;height: 25px;border: 0px;background: url(images/submit_btn.png) no-repeat;font: bold 12px Helvetica,Georgia,serif;color:#FFF;text-align:center;cursor:pointer;}
#comentarii ol.commentlist{width:547px;margin:0;padding:0;font-size:11px;}

#comentarii .commentlist .author_comment {
}

#comentarii .commentlist .list.alt{
border-bottom:1px solid #666666;
}

#comentarii .commentlist .list{
border-bottom:1px solid #666666;
}

#comentarii .commentlist li{list-style:none;margin-bottom:14px;padding:5px;}
#comentarii .commentlist cite{display:block;font-style:normal;border-bottom:1px dotted #CCC;padding:5px;}
#comentarii .commentlist cite img{border:1px solid #aab59a;float:left;margin-right:9px;padding:1px;}
#comentarii .commentlist .author{font:bold 1.2em Tahoma, "Times New Roman", Times, serif;text-decoration:none;margin-bottom:5px;}
#comentarii .commentlist .time{background:url(images/bg_clock.gif) no-repeat 1px 2px;padding-left:15px;}
#comentarii .commenttext{color:#2C2C29;padding:10px 4px;}
#tabsContainer p{margin-bottom:-2px !important;}
.trackbacks{background-color:#EEEEEE;margin-bottom:5px;padding:10px;border-bottom:1px solid #CCC;}

#tabsContainer {
background:url(images/postbg.png) repeat-y top;
margin-top:2em;
padding:20px 40px 20px 50px;
}

#tabsContainer a{text-decoration:none;}
.tab-content {display: none;}
.tab-content p.no{padding-top:10px;}
.tab-content.selected { display: block; }
.clear_tab{clear:both;border-bottom:3px solid #f6783c;margin-top:-21px;
margin-bottom:20px;
padding-right:20px;}
.tabs {display: block;float: left;height: 30px;padding: 0 0 0 20px;line-height: 29px;position: relative;top: 1px;color: #787878;text-decoration: none;margin: 0 5px 0 0;}
.subscribe_comments {display: block;float: left;height: 30px;padding: 0 0 0 20px;line-height: 29px;position: relative;top: 1px;color: #787878;text-decoration: none;margin: 0 5px 0 0;}
.tabs span {display: block;float: left;padding: 0 20px 0 0;cursor:pointer;}
.tabs.selected {background-color:#f6783c;color:#FFF; }
div.selected{color:#2C2C29;}
.comm_date{background:transparent url(images/date_comm_box.gif) no-repeat;height:100px;width:57px;position:absolute;display:inline;text-align:center;margin:0 0 0 -72px;z-index:2;}
.comm_date .data{margin-left:-1px;padding-top:11px;display:block;font-weight:700;text-transform:uppercase;}
.comm_date .nr_comm{padding-top:15px;color:#FFF;display:block;font-weight:700;}
.comm_date .nr_comm_spot, .comm_date .dsq-comment-count{display:block;margin:0 9px 0 8px;padding:6px 0 5px 0;}
.comm_date .data .j{font-size:24px;}
.comm_date .data .my{margin-left:-1px;font-size:.8em;letter-spacing:-1px;}

/* Begin Form Elements */
#commentform input {
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	width:540px;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	}

/* End Form Elements */

.commentlist li, #commentform input, #commentform textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin:10px 0;
}

.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-style: normal;
	font-size: 1.04em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}


/* ...................................................... General Starts ...................................................... */

.clear {
clear:both;
}

.alignleft {
float:left;
}

.alignright {
float:right;
}

.navigation {
margin-bottom:20px;
padding:0 20px;
}

.pagetitle {
margin-bottom:20px;
}

/* ...................................................... Sidebar Starts ...................................................... */

.ulpages {
padding:0 0 0 20px;
list-style:none;
}

#sidebar {
float:left;
width:220px;
background:url(images/sidebarbg.png) repeat-y;
padding:10px 40px 30px 20px;
}

#sidebar p {
color:#666; line-height:20px;
}

#sidebar ul {
padding-right:20px;
}

#sidebar ul li {
list-style:none;
}

#sidebar ul li ul li {
list-style:none;
padding-left:15px;
margin-top:1px;
}

#sidebar2 ul li {
margin-bottom:7px;
border-bottom:dotted 1px #dfe3d2;
}

#sidebar2 ul li a {
font-size:12px;
padding:1px 4px;
}

#sidebar h2 {
font-size:15px;
color:#333333;
margin:20px 0 20px 0;
clear:both;
}

input {
background-color:#f8f7f3;
border:1px solid #ddd6c5;
padding:4px;
}

/* ...................................................... Search Starts ...................................................... */

.searchform {
padding:10px;
}

#search {
float:right;
margin:20px 45px 0 0;
background:url(images/searchbg.jpg) no-repeat;
width:360px;
height:45px;
padding:10px 20px;
text-align:right;
}

.screen-reader-text {
font-size:12px;
color:#4a3f2d;
}

/* ...................................................... Slideshow Cool Iris Starts ...................................................... */

.piclenselink {
font-size:11px;
padding:5px 10px;
margin-bottom:10px;
}

a.piclenselink {
background-color:#e3e374;
color:#000000;
font-size:11px;
padding:5px 10px;
}

a:hover.piclenselink {
color:#df5c1e;
}

.lifestream_date {
font-size:12px;
}


#fotobook-credits {
	display:none;
}

.lifestream_credits {
	display:none;
}

.lifestream .lifestream_meta {
	margin-bottom:10px;
}

.blockquote.quotescollection  {
	margin-left:0;
}