/*
Theme Name: elegant
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/
*/

body, h1, h2, h3, h4, h5, h6, ul, li, form, fieldset, p { margin:0; padding:0; list-style-type:none; border:none; }

body { color:#908058;font:11px/15px Georgia; background:#a59468 url(image/top_bg.png) repeat-x top; text-align:left;}
#bottom_bg { background:url(image/bottom_bg.png) repeat-x bottom;}
#container { width:988px; margin:0 auto;}
#toplinks { height:34px;}
#toplinks a { float:right; height:32px; display:block; color:#fff; font:10px/32px Tahoma; text-align:right; opacity:0.6;}
#toplinks a span { display:block; padding-left:15px; padding-right:15px; width:56px; border-left:1px solid #9a8961; height:33px;}
#toplinks a:hover { opacity:1; background-color:#a69366}
#toplinks a.about span { background:url(image/about.png) no-repeat 15px 50%; width:48px;}
#toplinks a.contact span { background:url(image/contact.png) no-repeat 15px 50%; border-right:1px solid #9a8961;}

#top { height:182px; position:relative;}
#top #logo { position:absolute; left:96px; top:26px; width:108px; height:82px; background:url(image/logo_bg.png) no-repeat left top;}
#top #logo img { position:absolute; top:-15px; left:27px;}
#top #blog_title h1 { font:30px/40px Georgia,'Museo 500'; padding:10px 20px 10px 0; display:block; position:absolute; top:36px; left:215px; width:50%;}
#top #blog_title h1 a { color:#fff;}
#top #blog_title h5 { display:block; font:italic 11px/62px Georgia; color:#dacfb6; border-left:1px solid #c8b890; padding-left:20px; position:absolute; left:380px; top:36px;}
#top #search { position:absolute; right:0; top:51px;}
#top #search p { display:block; background:url(image/search.png) no-repeat left top; width:52px; height:18px; position:absolute; right:246px; top:6px;}
#top #search p span { display:none;}
#top #search .input { width:157px; height:15px; background:url(image/search_bg.png) no-repeat left top; display:block; right:42px; position:absolute; top:0; border:none; margin:0; padding:9px 5px 9px 35px; font:italic 11px/15px Georgia; color:#cbbe9b;}
#top #search .input:focus , #top #search .input:active, #top #search .input:hover { background-position:bottom; color:#ffffff;}
#top #search .submit { display:block; width:42px; height:33px; border:none; background:url(image/go.png) no-repeat left top; position:absolute; top:0; right:0; }
#top #search .submit:hover { background-position:bottom; cursor:pointer;}

#content { background:url(image/content_center.png) repeat-y 95px; width:988px;}
#content_bottom { background:url(image/content_bottom.png) no-repeat 95px bottom; width:988px;}
#content_top { background:url(image/content_top.png) no-repeat 95px top; width:988px; position:relative; }

#main { float:left; padding-left:95px; width:657px; position:relative;}
#nav { position:absolute; top:0; left:95px; z-index:1;}
#nav li { float:left; height:39px; border-top:1px solid #83744f; border-right:1px solid #83744f; background:url(image/button_bg.png) repeat-x left top; bottom:40px; position:relative;}
#nav li a { display:block; float:left; color:#ddd6c5; text-align:center; font:12px/39px Georgia; padding:0 15px 0 35px;}
#nav li.active { width:120px; height:45px; padding-left:10px; background:url(image/home_bg.png) no-repeat left top; bottom:45px; border:none;}
#nav li.active a.home { background:url(image/icon_home.png) no-repeat 29px 50%; width:100px; font:12px/45px Georgia; color:#736a53; padding-left:15px; padding-right:0;}
#footer { height:318px;}
#nav li a:hover { color:#fff;}
#nav li:hover { background-position:bottom;}
#nav li a.portfolio { background:url(image/icon_portfolio.png) no-repeat 15px 50%;}
#nav li a.archives { background:url(image/icon_archives.png) no-repeat 15px 50%;}
#nav li .arrow { background:url(image/arrow.png) no-repeat right 50%; padding-right:15px;}
#nav li a.sitemap { background:url(image/icon_sitemap.png) no-repeat 15px 50%;}

#sub_nav { position:absolute; top:39px; left:-1px; width:140px; z-index:500; display:none; border:1px solid #83744f; border-top-width:0;}
#sub_nav li { float:none; height:25px; background:none; position:relative; bottom:auto; width:140px; left:0px; float:left; border-right:none;}
#sub_nav li a { font:11px/25px Georgia; height:25px; position:relative; top:auto; left:auto; text-align:left; background:#b3a176 url(image/dropdown_bg.png) repeat-x top; padding:0 0 0 10px; width:130px; display:block; height:25px;}
#sub_nav li a:hover { background-position:bottom; font-style:italic;}

#wrapper { padding-left:26px; padding-right:17px; padding-top:20px;}
.post { position:relative; margin:15px 0 40px;}
.post .date { position:absolute; top:0; left:-121px; background:url(image/date_bg.png) no-repeat left top; width:116px; height:31px; font:18px/31px "Times New Roman", Times, serif; color:#fff; padding-left:5px;}
.post .date span { font-size:12px; font-style:italic;}
.post .comments_link { position:absolute; left:-137px; top:40px; font:11px/15px "Times New Roman", Times, serif; background:url(image/icon_comments.png) no-repeat 20px 50%; padding-left:20px; border-top:1px solid #b09f73; padding:10px 0 10px 20px; width:101px;}
.post .comments_link a { border-bottom:1px solid #b09f73; color:#fff; margin-left:20px;}
.post .comments_link a:hover { color:#564d33;}
.post .read_more { position:absolute; left:0; }
.post .read_more a { position:absolute; bottom:-15px; left:-121px; background:url(image/read_more.png) no-repeat left top; width:121px; height:31px; display:block;}
.post .read_more a:hover { background-position:bottom;}
.post .read_more a span { display:none;}
.post .post_content { padding-left:35px; margin-bottom:20px; position:relative;}
.post .post_content p, .post .post_content ul { margin:10px 0;}
.post .post_content li { margin:5px 0;}
.post .post_content a { color:#31a8bd; text-decoration:underline;}
.post .post_content a:hover { color:#26899b;}
.post .clear { background:#e4ddcc;}

.post .post_content h2 { margin:15px 0; font:24px/30px Georgia, 'Museo 500' , 'Times New Roman'; }

#pages_nav_space { height:50px;}
#pages_nav { margin:10px 0 12px; padding-left:26px; height:36px; position:absolute; bottom:0; width:590px;}
#pages_nav div { margin:0 auto; display:table; white-space:nowrap;}
#pages_nav a { display:table-cell; float:left;}
#pages_nav a span { width:29px; height:36px; text-align:center; font:italic 12px/34px Georgia; color:#ddd6c5; background:url(image/page_bg.png) no-repeat left top; display:block;}
#pages_nav a:hover span { color:#fff; background-position:bottom;}
#pages_nav a em { width:77px; height:36px; background:url(image/older.png) no-repeat left top; display:block;}
#pages_nav a strong { width:78px; height:36px; background:url(image/newer.png) no-repeat left top; display:block;}
#pages_nav a:hover em, #pages_nav a:hover strong { background-position:bottom;}
#pages_nav .current { background-position:bottom; color:#fff;}


#sidebar { width:236px; float:right;}
#sidebar #rss { position:relative; top:-18px; width:236px; height:66px;}
#sidebar #rss a { display:block; background:url(image/subscribe_rss.png) no-repeat left top; width:236px; height:66px;}
#sidebar #rss a:hover { background-position:bottom;}
#sidebar #rss a span { display:none;}
#sidebar h3.about_me { background:url(image/about_me.png) no-repeat left top; margin:-10px 0 10px 5px; width:97px; height:20px;}
#sidebar h3.about_me span { display:none;}

.sidebar_top { background:url(image/sidebar_top.png) no-repeat left top; position:relative;}
.sidebar_center { background:url(image/sidebar_center.png) repeat-y; width:236px;}
.sidebar_bottom { background:url(image/sidebar_bottom.png) no-repeat left bottom;}

#about_me { background:url(image/about_top.png) no-repeat left top; color:#d7cdb2; font-style:italic; padding:12px 8px;}
#about_me a { color:#fff; border-bottom:1px solid #8e8163;}
#about_me a:hover { color:#4c432e;}
#sidebar_links { margin-bottom:20px;}
#sidebar_links li { border-right:1px solid #897953; border-bottom:1px solid #897953; }
#sidebar_links li a { display:block; font:11px/31px Georgia; width:225px; padding-left:10px; background:url(image/sidebarlink_bg.png) repeat-x top; color:#dad3c3;}
#sidebar_links li a:hover { background-position:bottom; color:#fff; font-style:italic;}

#first .sidebar_center { margin-top:50px;}
#first .sidebar_top { padding-bottom:45px; }
#second .sidebar_center { margin-top:40px;}
#second { top:-45px; position:relative;}

.sidebar_tabs { position:absolute; top:-26px;}
.sidebar_tabs li { float:left; border-top:1px solid #83744f; border-right:1px solid #897953; border-left:1px solid #897953;}
.sidebar_tabs li a { float:left; text-align:center; padding:0 10px; background:url(image/sidebartab_bg.png) repeat-x top; color:#ddd6c5; line-height:25px; outline:none;}
.sidebar_tabs li a:hover { background-position:bottom; color:#fff;}
.tabnav li.ui-tabs-selected a { background:url(image/sidebartab_active.png) repeat-x top; height:30px;}
.tabnav li.ui-tabs-selected { top:-3px; position:relative; }
.tabnav li.first { position:relative; border-left:0;}
.tabnav li.second { position:relative; left:-1px;}
.tabnav li.third { position:relative; left:-2px;}

#first .tabdiv li , #tab_bookmarks li { padding:0 5px; position:relative; height:31px; width:226px; }
#first .tabdiv ul , #tab_bookmarks ul { padding:10px 0; }
#first .tabdiv li a , #tab_bookmarks li a { font:11px/30px Georgia; color:#b8b09a; width:212px; border:1px solid #706344; display:block; padding-left:10px; background:url(image/li_bg.png) no-repeat left top; z-index:1; height:30px; top:-10px;}
#first .tabdiv li a:hover , #tab_bookmarks li a:hover { background-position:bottom; color:#fff; padding-left:25px; width:197px; border-color:#65583a; z-index:3;}

#tab_twitter a.main img { float:left; padding:2px; margin-right:5px; opacity:0.6;}
#tab_twitter a.main:hover img { opacity:1;}
#tab_twitter li { padding:0 5px; width:226px; margin-bottom:10px; }
#tab_twitter li span { font-size:10px; color:#a49a82;}
#tab_twitter li span a { color:#fff; border-bottom:1px solid #8e8163;}
#tab_twitter li span a:hover { border-bottom:1px solid #8e8163; color:#4b3d1d;}
#tab_twitter ul { padding:10px 0 3px; }
#tab_twitter li a.main { font:11px/30px Georgia; color:#b8b09a; width:222px; border:1px solid #706344; display:block; background:url(image/twiter_bg.png) no-repeat left top; height:30px; margin-bottom:2px; }
#tab_twitter li a:hover { background-position:bottom; color:#fff; border-color:#65583a; }

#tab_last_fm { padding-top:4px; background:url(image/songs_bg.png) repeat-x center 4px;}
#tab_last_fm ul { padding:20px 5px 15px;}
#tab_last_fm li { width:85px; height:85px; padding:0 13px; float:left; margin-bottom:5px; position:relative;}
#tab_last_fm li .overlayer { position:absolute; top:0; left:0;}
#tab_last_fm li a.track_link { display:block; width:85px; height:85px; position:relative;}
#tab_last_fm li div { width:120px; height:30px; position:absolute; top:20px; left:-3px; background:url(image/title_bg.png) no-repeat left top; text-align:center; padding:4px 0 5px; display:none;}
#tab_last_fm li div a strong { display:block; text-align:center; font-style:normal; font-weight:normal;}
#tab_last_fm li div a { font-style:italic; color:#fff; font-size:10px; display:block; width:120px; height:30px;}

#comments { padding-left:35px; margin-top:-20px;}
#comments a { border-bottom:1px solid #addce5;}
#comments a:hover { color:#236976;}

.comment { margin:15px 0;}

.comment_info { float:left; width:200px;}
.comment_info span { display:block;}
.comment_info span.author { padding-top:20px; line-height:15px; font-size:12px; position:relative; padding-left:85px;}
.comment_info .eg-image { background-color:#ebe6d9; border:1px solid #e0d8c3; top:0; left:0; padding:6px; position:absolute;}
.comment_info .eg-image img { border-bottom:none; text-decoration:none; margin:0; padding:0; display:block; }
#comments .comment_info .eg-image a { border-bottom:none; text-decoration:none; padding:0; margin:0; border-bottom-width:0; display:block;}
.comment_info span.date { font-size:10px; padding-left:85px; }

.comment_content { width:332px; background-color:#f1ead9; border:1px solid #e0d8c3; float:right; padding:15px; font-size:10px; position:relative; line-height:18px; min-height:41px;}
.comment_content .com_arrow { position:absolute; left:-17px; top:20px; background:url(image/comment_arrow.png) no-repeat left top; width:17px; height:31px;}

h6 { font:14px/30px Georgia, 'Times New Roman'; color:#aa996c;}
h6 strong , h6 span { color:#736a53;}
h6 span { font-size:18px; }

#add_comment { padding-left:35px; padding-bottom:30px;}
#add_comment h6 { margin:20px 0 10px;}
#add_comment p { color:#908058;}
#add_comment p em { color:#aa996c;}
#add_comment .left { float:left; width:145px;}
#add_comment .right { float:right; width:420px;}
#add_comment .input { display:block; border:1px solid #dad2bb; background:url(image/input_bg.png) repeat-x top; padding:6px 4px; font:10px/15px Georgia; color:#b5a887; width:137px; margin-bottom:7px; margin-top:2px;}
#add_comment .input:focus , #add_comment .input:active { border-color:#bcb299; color:#958868; }
#add_comment .textarea { background:#f6f3eb url(image/textarea.png) repeat-x top; width:412px; height:115px;}

#footer { background:url(image/foot_bg.png) no-repeat 95px top; position:relative; color:#94d0dc; font:10px/13px Georgia;}
#footer h4 span { display:none;}
#footer #latest_comments { position:absolute; top:0; left:105px; width:274px;}
#footer .blue li { margin-bottom:10px; }
#footer #latest_comments .blue li { margin-bottom:19px;}
#footer #latest_posts .blue li p a { padding:}
#footer a { color:#fff; border-bottom:1px solid #519fae;}
#footer a:hover { color:#165460; }
#footer .blue li p a { display:block; padding:7px 10px; width:254px; color:#aedae1; border:1px solid #258192; background:url(image/foot_text_bg.png) repeat-x; margin-bottom:5px;}
#footer .blue li p a:hover { background-position:0 -41px; border:1px solid #247b8c; color:#fff;}
#footer #latest_comments h4 { background:url(image/comments.png) no-repeat left top; width:106px; height:19px; margin:18px 0 14px;}
#footer #latest_posts h4 { background:url(image/posts.png) no-repeat left top; width:106px; height:19px; margin:18px 0 14px;}
#footer #flickr h4 { background:url(image/flickr.png) no-repeat 14px top; width:106px; height:19px; margin:18px 0 14px;}
#footer #latest_posts { position:absolute; top:0; left:425px; width:274px;}
#footer #footnote { position:absolute; top:290px; left:105px;}
#footer #flickr { position:absolute; right:0; width:250px; }
#footer #flickr li { float:left; padding:0 0 5px 14px;}
#footer #flickr li a img { padding:4px; background-color:#52a8b8; opacity:0.6;}
#footer #flickr li a { border-bottom:none;}
#footnote span { font-style:italic;}

.ui-tabs-hide {  display: none;  }

.more-link { display:none;}
img.aligncenter { display: block; margin-left: auto;	margin-right: auto ; padding:5px; background-color:#ece3ce; border:1px solid #e0d8c3; }
img.alignright { margin: 4px 0 2px 15px;	display: inline; padding:5px; border:1px solid #e0d8c3; background-color:#ece3ce;}
img.alignleft {	margin: 15px 15px 2px 0;display: inline; padding:5px; border:1px solid #e0d8c3; background-color:#ece3ce; }
.alignright {float: right; }
.alignleft {float: left; }
.post .post_content a img.alignleft , .post .post_content a img.aligncenter, .post .post_content a img.alignright { position:relative; }
.post .post_content a:hover img.alignleft , .post .post_content a:hover img.aligncenter, .post .post_content a:hover img.alignright { border-color:#c5bba1;}

.clear {clear:both;font-size:1px;line-height:0px;height:1px;overflow:hidden;}
a img {border-width:0;}
a {color:#3e97e4; text-decoration:none;}
a:hover { color:#d69d03;}

