/*
Theme Name: ablogtheme
Theme URI: http://www.themelayouts.com/
Description: Designed by <a href="http://www.themelayouts.com">ThemeLayouts</a>.<br> This work is licensed <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> This means you may use it and make any changes you like. However, credit links must remain on footer for legal use.
Version: 1
Author: ThemeLayouts/DreamTemplate
Author URI: http://www.themelayouts.com/
*/

* { margin:0; padding:0; list-style-type:none; border:none; }

body {font:15px/20px Arial; text-align:center; background:#dccea7 url(image/top_bg.png) repeat-x top;}
#bottom_bg{ background:url(image/bottom_bg.png) repeat-x bottom;}
#container { width:957px; margin:0 auto; position:relative; text-align:right;}
#top { height:143px; position:relative;}
#top #toplinks { float:left;}
#top #toplinks img { margin-left:5px;}
#top #logo { background:url(image/logo_bg) no-repeat left top; position:absolute; right:-150px; width:649px; height:142px;}
#top #logo a { display:block; position:absolute; top:50px; left:100px;}
#top #logo h1 { font-size:40px; color:#fff; font-weight:normal; position:absolute; top:45px; left:165px; line-height:60px; font-family:'Myriad Pro'}
#top #logo h1 a { display:inline; position:relative; top:0; right:0; color:#fff;}
#top #logo h1 a:hover { text-decoration:none; color:#f1f9fd; }
#logo h3 { font-weight:bold; position:absolute; top:90px; left:168px; color:#33627c; font-size:12px; }
#top #nav { position:absolute; left:0; top:85px;}
#top #nav li { float:left; padding-left:10px;}
#top #nav li a { display:block; background:url(image/btn.png) no-repeat top; width:102px; height:36px; text-align:center; font:14px/34px Arial; color:#fff; }
#top #nav li a:hover, #top #nav li a.active { text-decoration:none; color:#33627c; background-position:bottom;}

#header { height:239px; position:relative; background:url(image/header_bg.png) no-repeat 0 25px;}
#header #about_me { background:url(image/about_me_img.jpg) no-repeat 27px 5px; height:213px;}
#header #about_me h3 { width:121px; height:24px; background:url(image/about_me.png) no-repeat left top;}
#header .head_box { position:relative; float:left; width:675px;}
#header .head_box h3 { margin:40px 0 0 185px;}
#header .head_box p { padding:50px 0 0;direction:rtl;} /* margin-left:185px;*/
#header .head_box h3 span { display:none;}

#header #about_me { background:url(image/about_me_img.jpg) no-repeat 27px 5px; height:213px;direction:rtl;}
#header #about_me h3 { width:138px; height:24px; background:url(image/about_me.png) no-repeat left top;float:right;}

#header #subscription { position:absolute; right:2px; top:84px;}
#header #email { background:url(image/email_bg.png) no-repeat; width:246px; height:45px; margin-top:5px;}
#header #email .input { font:11px Arial; width:110px; margin:14px 16px 0 80px; padding:0; line-height:11px; border:none; background-color:none;}
#header #email .submit { position:relative; top:8px; left:-6px;}

#content { width:687px; float:left; padding-right:10px;}
#entries { margin:30px 0;}
#pages { margin-bottom:30px; margin-top:10px;}
#pages .posts_older { float:left;}
#pages .posts_newer { float:right;}
.entry { position:relative; margin:20px 0 13px; padding-bottom:20px; border-bottom:2px solid #d1c195; direction:rtl;float:none;}
.entry .date { position:absolute;left:0;}
.entry .date span { font-size:24px;float:none;}
.entry h2 { font-size:24px; font-weight:normal; background:url(image/arrow.png) no-repeat right 3px; padding-left:25px; margin-bottom:8px; padding-right:28px;float:right;}
.entry h2 a:hover { color:#33627c;}
.entry .tags { background:url(image/tags_left.png) no-repeat left top; height:22px; line-height:22px; padding-left:30px; float:left;}
.entry .tags span { display:block; background:url(image/tags_right.png) no-repeat right top; float:left; padding-right:20px;}
.entry .tags span a { color:#81734f;}
.entry p { margin:10px 0;}
.entry .comments { background:url(image/comments_bg.png) no-repeat left top; padding-left:25px; float:right; height:27px; line-height:27px; width:71px;font-size:11px;}
.entry .more { display:block; float:right;margin-right:4px;}

#comments { border-bottom:1px solid #d1c195; margin:20px 0;}
#comments h6 span , #add_comment h6 span { display:none;}
#comments h6 , #add_comment h6 { height:21px; margin:20px 0 15px; background:url(image/arrow.png) no-repeat right top;}
#comments h6.com em { display:block; background:url(image/comments.png) no-repeat left top; margin-right:25px; height:20px; width:110px;float:right;}
.comment { margin:23px 0;}
.comment .details { float:right; width:160px; padding-top:5px;direction:rtl;}
.comment .details span { display:block; line-height:15px;}
.comment .details .author { color:#3279a0; }
.comment .details .date { font-style:italic; color:#ad9f7a;}
.comment .comment_center { float:right; width:520px; background:url(image/comment_center.png) repeat-y right;}
.comment .comment_bottom { background:url(image/comment_bottom.png) no-repeat right bottom; }
.comment .comment_top { background:url(image/comment_top.png) no-repeat left top; padding:8px 14px 8px 36px; overflow:hidden;}

#add_comment { margin-bottom:25px;}
#add_comment h6.add_com { margin-bottom:5px;}
#add_comment h6.add_com em { display:block; background:url(image/reply.png) no-repeat 3px; margin-right:25px; height:20px; width:130px;float:right;}
#add_comment p { font-weight:bold; margin:5px 0 0;direction:rtl;}
#add_comment p span { font-weight:normal; font-style:italic;}
#add_comment .input { background:url(image/textbox.png) no-repeat right top; width:156px; padding:6px 10px; height:20px; line-height:14px; font:11px Arial; color:#595c53; border:none; background-color:none;direction:rtl;}
#add_comment .textarea { height:114px; width:280px; background:url(image/textarea.png) no-repeat left top;float:right;}
#add_comment .submit { margin:10px 0; display:block;}
#add_comment .text_area { font:11px Arial; height:114px; width:282px;}

#sidebar { width:243px; float:right;}
#sidebar #search { background:url(image/search_bg.png) no-repeat; width:246px; height:45px; margin-top:30px;}
#sidebar #search .input { font:11px Arial; width:110px; margin:14px 16px 0 80px; padding:0; line-height:11px; border:none; background-color:none;}
#sidebar #search .submit { position:relative; top:8px; left:-6px;}
#sidebar h4 { height:24px; background:url(image/arrow.png) no-repeat right top; margin:20px 0 5px;}
#sidebar h4 span { display:none;}
#sidebar h4 strong { display:block; height:23px; margin-left:25px; }
#sidebar #tags a { padding:0 3px; line-height:25px;}
#sidebar #tags h4 strong { background:url(image/tags.png) no-repeat right top;margin-right:24px;}  
#sidebar #categories h4 strong { background:url(image/categories.png) no-repeat right top;margin-right:24px;}
#sidebar #archives h4 strong { background:url(image/archives.png) no-repeat right top;margin-right:24px;}

.boxcenter { width:243px; background:url(image/box_center.png) repeat-y; margin-bottom:10px;}
.boxbottom { background:url(image/box_bottom.png) no-repeat bottom;}
.boxtop { background:url(image/box_top.png) no-repeat top; padding:5px 8px 10px;}
#sidebar li { border-bottom:1px solid #e1d8bf; line-height:27px;direction:rtl;}

.hr { height:5px; padding:0; background:url(image/hr.png) repeat-x top; clear:both; margin-top:-15px;}
.hr hr { display:none;}

#footer { height:294px; position:relative;}
#footer h5 span { display:none;}
#footer h5 { height:21px; margin:20px 0 13px;}
#footer #socialize h5 { background:url(image/socialize.png) no-repeat right center;}
#footer #recent_comments h5 { background:url(image/recent_comments.png) no-repeat right center;}
#footer #recent_comments { left:357px;}
#footer #recent_posts h5 { background:url(image/recent_posts.png) no-repeat right center;}
#footer .foot_box { width:291px; position:absolute; }
#footer .foot_box ul { width:291px; height:193px; background:url(image/box_bg.png) no-repeat left top; padding-top:3px; }
#footer .foot_box ul li a { line-height:28px; display:block; padding-right:10px; color:#574f37; width:281px;direction:rtl;}
#footer #recent_comments ul li a { background:url(image/comment_ico.png) no-repeat right 5px; padding-right:21px; width:259px; line-height:13px; display:block; height:57px;direction:rtl;}
#footer #socialize { position:absolute; right:0; width:243px;}
#footer #socialize li { height:25px; line-height:16px; border-bottom:1px solid #bbaa7b; margin:1px 0; height:27px; }
#footer #socialize li a { display:block; padding:5px 5px 5px 30px; color:#574f37; width:208px; line-height:16px; background-image:url(image/social_icon.png); background-repeat:no-repeat;}
#footer #socialize li a:hover { background-color:#cbb987;}
#footer #socialize li a.s_1 { background-position:5px 3px;}
#footer #socialize li a.s_2 { background-position:5px -24px;}
#footer #socialize li a.s_3 { background-position:5px -51px;}
#footer #socialize li a.s_4 { background-position:5px -79px;}
#footer #socialize li a.s_5 { background-position:5px -107px;}
#footer #socialize li a.s_6 { background-position:5px -135px;}

#footer #footlinks { position:absolute; top:258px;}
#footer #footlinks li { display:inline; color:#4c8caf;}
#footer #footlinks li a { color:#c1dff1; padding:0 5px;}
#footer #footlinks li a:hover { color:#fff; text-decoration:none;}

#footer #footnote { position:absolute; top:258px; right:0; color:#33627c;}

.clear {clear:both;font-size:1px;line-height:0px;height:1px;overflow:hidden;}
a img {border-width:0;}
a {color:#3279a0;text-decoration:none;}
a:hover {text-decoration:underline;}

img.aligncenter { display: block; margin-left: auto;	margin-right: auto ; padding:5px; border:1px solid #d8d8d8; }
img.alignright { margin: 4px 0 2px 15px;	display: inline; padding:5px; border:1px solid #d8d8d8;}
img.alignleft {	margin: 4px 15px 2px 0;display: inline; padding:5px; border:1px solid #d8d8d8;}
.alignright {float: right; }
.alignleft {float: left; }