/*
Theme Name: A Dream Within
Theme URI: http://www.aunexamor.net/wpthemes
Description: A two column, widget-ready WordPress theme designed by <a href="http://www.aunexamor.net">AExA</a>.
Version: 1.0
Author: Asma Kausar
Author URI: http://aunexamor.net
Tags: dark, red, white, tan, two-columns, fixed-width, right-sidebar, threaded-comments

Copyrighted to Asma Kausar ~ asmakr[at]gmail[dot]com

*/


* { 
     padding: 0;
     margin: 0;
} 


body { 
         font: 11px/160% verdana, arial, tahoma, verdana,sans-serif;
	 color: #665B59;
	 background: #57503E url(images/page_bg.jpg) repeat;
}

a {
         text-decoration: none; 
	 cursor: default;
} 


/*-- SKELETON --*/

#top_bg { 
         background: url(images/top_bg.jpg) top left repeat-x;
	 width: 100%;
} 

#layout { 
         width: 770px;
	 margin: 0 auto;
	 background: url(images/lay_bg.jpg) top left repeat-y;
}

#header { 
         width: 770px; 
	 height: 166px;
	 background: url(images/image_01.jpg) top left no-repeat; 
	 position: relative;
}

#container_bg { 
	 background: url(images/image_03.jpg) bottom left no-repeat; 
	 float: left;
}

#container { 
         width: 770px;
	 background: url(images/image_02.jpg) top left no-repeat; 
	 float: left;
         padding-bottom: 20px;       
}

#content { 
         float: left; 
	 width: 485px;
	 margin: 10px 0 0 38px;
}

#sidebar { 
         float: right;
         width: 185px;
         margin: 70px 34px 0 0;
} 

#footer { 
         clear: both; 
	 width: 770px;
	 background: url(images/image_04.jpg) top left no-repeat; 
	 height: 114px;
} 


#footer-info { 
	 width: 550px;
	 float: left;
	 margin: 15px 0 0 35px;
}

#footer #toTop { 
         float: right; 
	 margin: 80px 35px 0 0;
         font: bold 10px arial, sans-serif;
         text-transform: uppercase;
         
} 

/*-- TOP NAVIGATION MENU --*/

ul#topmenu { 
         position: absolute;
	 right: 35px;
	 list-style-type: none;
	 margin: 10px 0 0 0;
	 font: bold 11px arial, tahoma, sans-serif;	 
         letter-spacing: 1px;
}

ul#topmenu  li { 
         float: left; 
	 text-transform: uppercase;
	 margin: 0;
	 background: url(images/topmenu.jpg) top center repeat-x;
	 border: 1px solid #000;
	 border-width: 0 1px 0 0;
}


ul#topmenu li a { 
         color: #897266;
	 display: block;
	 padding: 7px 10px;
}

ul#topmenu li a:hover, ul#topmenu li.current_page_item a:hover {
         color: #D4CFC9; 
	 border-bottom: none;
} 

ul#topmenu li.current_page_item a { 
         color: #BFB6AD;
}

ul#topmenu li:hover, ul#topmenu li.current_page_item  { 
         background: url(images/topmenu.jpg) bottom center repeat-x;
}


/*-- SITE TITLE AND DESCRIPTION --*/

h1 { 
	 float: left;
	 margin: 126px 0 0 450px; 
	 font: italic 330%/0 'times new roman', serif; 
} 

h1 a { 
         color: #A7A29C;
}

h1 a:hover { 
         color: #B7B2AC;
	 border-bottom: none;
} 


.description { 
	 position: absolute;
         left: 448px;
         top: 142px;
} 


/*-- CSS CURVE --*/

.curve { 
         float: left; 
         clear: left;  
         display: block; 
         height: 13px;
}

#line1 { width: 44px; }
#line2 { width: 40px; }
#line3 { width: 35px; }
#line4 { width: 25px; }
#line5 { width: 20px; }
#line6 { width: 15px; }
#line7 { width: 15px; }


#welcome { 
         color: #57403C;
	 float: right; 
	 width: 535px;
	 margin: 5px 35px 15px 0;
}

a { 
         color: #705A45; 
}

a:hover, #sidebar ul.desc li a:hover { 
         color: #87694C;
	 border-bottom: 1px solid #373536;
}

#sidebar a:hover {
	 color: #8F8F8F;
}
	 

/*-- LISTS --*/
 
ol, ul { 
	 margin: 10px 0; 
} 

#content ol { 
	 list-style-position: outside; 
	 padding-left: 40px;
} 

ul { 
	 list-style-type: none;
	 margin: 15px 0;
}

#sidebar ul { 
	 margin: 15px 0;
         list-style-type: none;
}

#sidebar ul ul { 
	 margin: 5px 0;
         list-style-type: none;
}

#sidebar ul li { 
	 padding-left: 10px;
	 color: #4F4B4A;
}

#content ul li, #sidebar ul li li {
         background: url(images/bullet.jpg) 0 7px no-repeat;
         padding-left: 15px;
         margin: 2px 0 2px 10px;
}


/*-- HEADRES --*/

h1.pagetitle {
         margin: 10px 0; 
	 font: 210%/120% georgia, serif;
         text-align: left;
 
}

h2 { 
	 padding: 5px 0;
	 margin: 20px 0 10px 0;
	 color: #705A45;
	 font: 180%/120% georgia, serif;
	 background: url(images/h2.jpg) center left no-repeat;
	 padding-bottom: 20px;
}

h2 a:hover { 
         border-bottom: none; 
}

#sidebar h2 {
	 font-size: 13px;
}

h2 span {
 	 font: 10px verdana, sans-serif;
	 float: left;
  	 margin: 8px 0 10px 0;
	 color: #3F2827;
}   

h2 span a { 
	 color: #573A39;
}

h2 span span { 
	 float: none; 
} 

#sidebar h2 { 
         color: #573A39;
}

h3 { 
	 margin: 15px 0;
	 font: bold 100%/190% arial, tahoma, verdana, sans-serif;
	 border-bottom: 1px solid #252324;
	 text-transform: uppercase;
	 letter-spacing: 1px;
}

/*-- FORM ELEMENTS --*/

form { 
	 margin: 20px 0;
}

input, textarea, label { 
         padding: 2px 3px; 
         margin: 5px 10px;
}
 
input, textarea{ 
	 font: 12px 'courier new', monospace;
	 color: #272020; 
	 background: url(images/top_bg.jpg) 0 -410px; repeat;
	 border: 1px solid #63543F;
         padding: 3px 4px; 
}

fieldset { 
         border: 1px solid #272020;
         padding: 5px; 
} 

#commentform input {
	 width: 300px;
}

input:hover, textarea:hover { 
         color: #060604;
}

textarea { 
	 background-position: 0 -401px;
	 padding-top: 10px;
}

#commentform textarea { 
         width: 92%;
} 

#commentform label { 
         float: left;
	 width: 110px;
	 background: #180E0D;
         border: 1px solid #271716;
}

.button, #commentform #submit { 
	 width: 110px;
	 font: inherit;
	 color: #060604;
}

#searchform {
         background: url(images/searchform.jpg) top left no-repeat; 
}

#content #searchform { 
         width: 370px; 
         margin-left: 50px;
} 

#sidebar #searchform { 
         background: url(images/sidebar_searchform.jpg) top left no-repeat; 
}

#searchform input { 
         padding-left: 0;
         margin: 3px 0 2px 5px;
         background: none; 
         border: none;
} 

#searchform input:hover, .searchbutton { 
        color: #372D2D; 
} 

.search { 
         width: 295px; 
         float: left;
} 

#sidebar .search { 
         width: 100px; 
} 
.searchbutton { 
         width: 58px; 
         float: right;
         padding: 3px 5px 3px 2px ; 
}

#container input.searchbutton:hover { 
         color: #645B52;
}


.clear { 
         clear:both;
}

/*-- BLOCKQUOTE --*/

blockquote { 
	 padding-left: 10px;
	 border-left: 2px dotted #371F18;
	 margin: 20px 0 20px 35px;
	 width: 410px;
	 font: italic 12px 'lucida sans', arial, sans-serif;
         color: #473C3A;
}

/*-- POST ETCS --*/

.postmetadata { 
        color: #3F2827;
        border: 1px solid #0F0F0F;
        display: block;
        padding: 2px 5px;
        font-size: 10px;
        margin: 5px 0;
}

.postmetadata a, .comment-meta a { 
         color: #573A39;
}

.comment-meta a:hover { 
        border-bottom: none; 
        color: #5A4A3A;
}


/*-- COMMENT STYLING --*/

#content ul.commentlist ul {
	padding: 0;
        background: none; 
}

.commentlist li .avatar {
	float: left;
        margin-right: 10px;
        padding: 3px;
        background-color: #1F1F1F;
}

#content ul.commentlist li {
	margin: 15px 0 15px 0;
	padding: 10px;
	background: none;
        border: 1px solid #0F0F0F;
}

#content ul.commentlist li li { 
	margin: 10px 0 0 10px;
}

.commentlist .reply {
        text-align: right; 
}

.commentlist .comment-reply-link {
        padding: 3px 10px; 
        background-color: #0F0F0F;
        border: 1px solid #171717;
}

.commentlist p {
	margin: 10px 0;
}

.alt {
	margin: 0;
	padding: 10px;
        background: #070707;
}


/*-- CALENDER WIDGET --*/

#calendar_wrap {
	margin: 15px 0;
}

table#wp-calendar {
        width: 100%;
        text-align: center;
} 

table#wp-calendar caption {
        text-align: right;
        padding: 0 8px 3px 0;
        letter-spacing: 2px;
        border-bottom: 1px solid #171717;
}

table#wp-calendar caption, #wp-calendar th, #wp-calendar #prev, #wp-calendar #next {
        font: bold 11px arial, sans-serif; 
        text-transform: uppercase; 
}

#wp-calendar th {
	color: #3F372F;
        padding: 2px 0;
        background-color: #070707;
} 

#wp-calendar td {
	padding: 2px 0;
}

#wp-calendar #today {
        background-color: #070707;
        color: #6F6361;
	font-weight: bold;
} 

#wp-calendar #prev {
	text-align: left;
}

#wp-calendar #next {
	text-align: right;
}

#wp-calendar #prev, #wp-calendar #next {
	padding: 3px;
}

/*-- RECENT COMMENTS WIDGET --*/

#sidebar #recentcomments li { 
	line-height: 160%; 
	background-image: none;
	border-bottom: 1px solid #171717;
	padding: 0 0 3px 0;
	margin-left: 2px;
}

#recentcomments a { 
	text-transform: uppercase;
	font: 10px arial, sans-serif;
	color: #3F332F;
}

#recentcomments a:hover {
	color: #59483E;
} 

#recentcomments .url {
	text-transform: none; 
	font: 11px verdana, sans-serif;
	color: #4F4B4A;
} 

/*-- TAG CLOUD WIDGET --*/

.widget_tag_cloud {
        line-height: 180%;
}

.widget_tag_cloud a {
	vertical-align: middle;
        padding: 0 1px;
        color: #3F332F;
        font-family: arial, sans-serif;
        letter-spacing: 1px;
}

#sidebar .widget_tag_cloud a:hover {
        border-bottom: none;
	color: #59483E;
}


.navigation { 
         margin: 25px 0;
}

.alignleft { 
         float: left; 
} 

.alignright { 
         float: right; 
}

.alignleft a, .alignright a { 
         background: #180E0D;
	 margin: 5px 0;
	 padding: 3px 5px;
         border: 1px solid #271716; 
} 

.alignleft a:hover, .alignright a:hover { 
         border: 1px solid #271716; 
}

.aligncenter {
         margin: 0 auto;
}


p { 
         margin: 12px 0;
}

img { 
         background: #171717;
         padding: 5px;
         margin: 2px;
}

a img, #container img:hover a:hover { 
         border: none; 
}