/*
Theme Name: Design The Art
Theme URI: http://www.designtheart.com/
Description: Custom Modified Theme
Version: 1
Author: design the art
Author URI: http://www.chitzs.com/
*/

@font-face {
	font-family: 'SegoeUINormal';
	src: url('fonts/segoeui-webfont.eot');
	src: local('?'), url('fonts/segoeui-webfont.woff') format('woff'), url('fonts/segoeui-webfont.ttf') format('truetype'), url('fonts/segoeui-webfont.svg#webfontFYbmwiyZ') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'LiberationSansBold';
	src: url('fonts/LiberationSans-Bold-webfont.eot');
	src: local('?'), url('fonts/LiberationSans-Bold-webfont.woff') format('woff'), url('fonts/LiberationSans-Bold-webfont.ttf') format('truetype'), url('fonts/LiberationSans-Bold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

body, h1, h2, h3, h4, h5, h6, ul, li, form, fieldset, p { margin:0; padding:0; list-style-type:none; border:none; }

body { color:#1cbabb;font:13px/15px Trebuchet MS; background:#1cbabb 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 #148b8b; height:33px;}
#toplinks a:hover { opacity:1; background-color:#50b7b8}
#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 #148b8b;}

#top { height:153px; position:relative;}
#top #logo { position:absolute; left:1px; top:1px; width:1015px; height:154px; background:url(image/logo_bg.png) no-repeat left top;}
#top #logo img { position:absolute; top:73px; left:424px;}
#top #blog_title h1 { font:30px/40px Trebuchet MS,'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 13px/62px Trebuchet MS; 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 13px/15px Trebuchet MS; 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; z-index:1; left:162px;}
#nav li { float:left; height:33px; width:130px; margin-left:-15px;}
#nav li a { display:block; height:33px; width:130px; float:left; text-indent:-9999px;}
#nav li a:hover{background-position:0 -34px;}

.mhome{ background: transparent url('image/home.png') 0 0 no-repeat scroll; margin-left:15px;}
.mservices{ background: transparent url('image/services.png') 0 0 no-repeat scroll;margin-left:15px;}
.mgallery{ background: transparent url('image/gallery.png') 0 0 no-repeat scroll; margin-left:15px;}
.mcontactme{ background: transparent url('image/contactme.png') 0 0 no-repeat scroll; margin-left:15px;}
.mblog{ background: transparent url('image/blog.png') 0 0 no-repeat scroll; margin-left:15px;}

/*#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:#148b8b; 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 #148b8b; 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:13px/25px Trebuchet MS; height:25px; position:relative; top:auto; left:auto; text-align:left; background:#148b8b 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:16px/31px "Verdana", Times, serif; color:#fff; padding-left:5px;}
.post .date span { font-size:11px; font-style:italic;}
.post .comments_link { position:absolute; left:-137px; top:40px; font:13px/15px "Times New Roman", Times, serif; background:url(image/icon_comments.png) no-repeat 20px 50%; padding-left:20px; border-top:1px solid #148b8b; padding:10px 0 10px 20px; width:101px;}
.post .comments_link a { border-bottom:1px solid #148b8b; color:#fff; margin-left:20px;}
.post .comments_link a:hover { color:#148b8b;}
.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; font:12px/14px 'SegoeUINormal', Trebuchet MS, sans-serf; color:#04353F;}
.post .post_content h2 { margin:40px 0 20px; font:22px/24px 'LiberationSans', Trebuchet MS, 'Times New Roman'; overflow: visible;}

.post .post_content li { margin:5px 0;}
.post .post_content a { color:#23A9BF; text-decoration:none; text-shadow:1px 2px 1px #006A7F;}
.post .post_content a:hover { color:#26899b;}
.post .clear { background:#6fd7d8;}

#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 Trebuchet MS; color:#ffffff; 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 #twitter { position:relative; top:-5px; width:236px; height:66px;}
#sidebar #twitter a { display:block; background:url(image/follow_me.png) no-repeat left top; width:236px; height:66px;}
#sidebar #twitter a:hover { background-position:bottom;}
#sidebar #twitter a span { display:none;}
#sidebar h3.about_me { background:url(image/about_me.png) no-repeat left top; margin:18px 20px 2px 48px; width:97px; height:25px;}
#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:#ffffff; font-style:bold; padding:12px 8px;}
#about_me a { color:#90e4e5; border-bottom:1px solid #63d2e7;}
#about_me a:hover { color:#7dfdff;}
#sidebar_links { margin-bottom:20px;}
#sidebar_links li { border-right:1px solid #148b8b; border-bottom:1px solid #148b8b; }
#sidebar_links li a { display:block; font:13px/31px Verdana; width:225px; padding-left:10px; background:url(image/sidebarlink_bg.png) repeat-x top; color:#cff9fa;}
#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 #148b8b; border-right:1px solid #148b8b; border-left:1px solid #148b8b;}
.sidebar_tabs li a { float:left; text-align:center; padding:0 10px; background:url(image/sidebartab_bg.png) repeat-x top; color:#ffffff; line-height:25px; outline:none;}
.sidebar_tabs li a:hover { background-position:bottom; color:#7dfdff;}
.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:13px/30px Trebuchet MS; color:#ffffff; width:212px; border:1px solid #3296a9; 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, #tab_bookmarks li a { color:#ffffff; }
#first .tabdiv li a:hover , #tab_bookmarks li a:hover { background-position:bottom; color:#fff; padding-left:25px; width:197px; border-color:#148b8b; 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:#c7ffff;}
#tab_twitter li span a { color:#fff; border-bottom:1px solid #8ce4e4;}
#tab_twitter li span a:hover { border-bottom:1px solid #148b8b; color:#0e6b6b;}
#tab_twitter ul { padding:10px 0 3px; }
#tab_twitter li a.main { font:13px/30px Trebuchet MS; color:#ffffff; width:222px; border:1px solid #148b8b; 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:#148b8b; }

#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:12px; 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:#f1f1f1; border:1px solid #dedede; 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:11px; padding-left:85px; }

.comment_content { width:332px; background-color:#f1f1f1; border:1px solid #dedede; float:right; padding:15px; font-size:11px; 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 Trebuchet MS, 'Times New Roman'; color:#148b8b6;}
h6 strong , h6 span { color:#148b8b;}
h6 span { font-size:18px; }

#add_comment { padding-left:35px; padding-bottom:30px;}
#add_comment h6 { margin:20px 0 10px;}
#add_comment p { color:#125f5f;}
#add_comment p em { color:#27b7b7;}
#add_comment .left { float:left; width:145px;}
#add_comment .right { float:right; width:420px;}
#add_comment .input { display:block; border:1px solid #dedede; background:url(image/input_bg.png) repeat-x top; padding:6px 4px; font:12px/15px Trebuchet MS; color:#000000; width:137px; margin-bottom:7px; margin-top:2px;}
#add_comment .input:focus , #add_comment .input:active { border-color:#148b8b; color:#000000; }
#add_comment .textarea { background:#000000 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:12px/15px Trebuchet MS;}
#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;}