/*
Theme Name: Celebrate Creativity
Theme URI: http://cssmayo.com/preview/celebrate_creativity/
Description: Phhotography and design portfolio theme for Wordpress 
Author: cssmayo.com
Author URI: http://cssmayo.com/
*/

* { padding:0; margin:0; outline:0; }
body {
	font-family: Verdana, Arial, sans-serif;
	color:#aaa;
	font-size:12px;
	line-height:19px;
	background:#000 url(images/body-b.jpg) no-repeat center bottom;
	padding-bottom:150px;
}
#body-top { background:url(images/body-t.jpg) no-repeat center 0; }

a img { border:solid 7px #2b333f; }
a:hover img { border-color:#19202a; }

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; height:0; clear:both; display:block; }

a { color:#b40a7e; text-decoration: underline; cursor:pointer; }
a:hover { background:#b40a7e; color:#000; }


h2, h3 { font-size:18px; line-height:21px; font-family: "Trebuchet MS", Arial, sans-serif; color:#fff; font-weight: normal; padding:10px 10px 10px 0;  }

h4 { font-size:12px; line-height:15px; font-family: "Trebuchet MS", Arial, sans-serif; color:#b40a7e; }
h5 { font-size:13px; line-height:18px; font-family: "Trebuchet MS", Arial, sans-serif; color:#fff; font-weight: bold; padding:5px 0;  }
h4 a{ text-decoration: none;}

h1 { font-size:26px; font-family: "Trebuchet MS", Arial, sans-serif; line-height:26px;}
h1 a{ text-decoration: none; color:#fff;}
h1 a:hover{ background:#fff;}


#shell { width:982px; margin:0 auto; }
#header { height:60px; }
#border { background:#121316; border:solid 1px #1a1a1b; width:960px; margin:0 auto; padding:20px 0; }
.container { width:920px; margin:0 auto;}

#bg { background:url(images/bg.png); padding:10px 0; width:100%;}

#header .blog-info { float:left; white-space:nowrap; padding-top:10px; font-size:11px; color:#999;}
#navigation { float:right; white-space:nowrap; font-size:11px; padding-top:20px;}
#navigation ul{ list-style-type: none;}
#navigation ul li{ display:inline; float:left; height:21px; background:url(images/nav-brd.gif) repeat-y right 0; line-height:16px; padding:0 10px 0 10px; position:relative; z-index:30;}
#navigation ul li.last{ background:transparent; padding-right:0;}
#navigation ul li a{ display:inline; float:left; color:#fff; text-decoration: none; background:transparent !important;}
#navigation ul li.sub a{ background:url(images/arr.gif) no-repeat right 7px !important; padding-right:13px;}
#navigation ul li a:hover{ color:#b40a7e; }
#navigation ul li.hover { background-color:#000; }
#navigation ul li.hover a{ background-position:right -43px !important; color:#b40a7e;}

#navigation ul li .sub-menu { width:160px; position:absolute; top:21px; left:0; background:#000; display:none; }
#navigation ul li .sub-menu ul{ padding:10px 10px 5px 10px;}
#navigation ul li .sub-menu li{ float:none; display:block; background:transparent; height:auto; padding:0 0 5px 0;}
#navigation ul li .sub-menu li a{ float:none; background:transparent !important; padding:0; color:#fff; }
#navigation ul li .sub-menu li a:hover{ color:#b40a7e; }

#main { border-top:dashed 1px #4e4e51; border-bottom:dashed 1px #4e4e51; background:url(images/brd.gif) repeat-y 609px 0;}
#content { float:left; width:610px; }
#sidebar { float:right; width:310px; padding-bottom:20px;}

#sidebar { line-height:17px; }
#sidebar ul { list-style-type: none;}
#sidebar ul h2{ padding-left:15px; padding-right:15px; }
#sidebar ul li { border-bottom:dashed 1px #4e4e51; }

#sidebar ul ul li,
#sidebar .widget_text .textwidget,
#sidebar .widget_search div,
#sidebar .widget_tag_cloud div,
#sidebar .widget_calendar #calendar_wrap
{ border-top:dashed 1px #4e4e51; padding:3px 15px 5px 15px; border-bottom:0;}

#sidebar ul li p { padding:10px 15px 12px 15px; font-size:11px;}

.post { padding:20px 15px 25px 0; border-top:dashed 1px #4e4e51; }
.post .entry p{ padding-bottom:15px; }
.post .entry ul,
.post .entry ol { padding:0 0 15px 30px;}
.post .entry li { padding-bottom:3px;}
.post .entry blockquote { padding-left:45px; background:url(images/quote.gif) no-repeat 5px 5px;}

small.date { float:right; font-size:11px; color:#666; }
.post h2 { font-size:15px; line-height:18px; color:#b40a7e; border:0; font-weight: bold; padding:0 0 10px 0;}
.post h2 a{ text-decoration: none;}

.postmeta { height:40px; background:url(images/postmeta.gif) no-repeat 0 0; font-size:11px; padding:0 15px; line-height:37px; white-space:nowrap; margin-top:30px;}

#footer-categories { color:#3c3c3c; font-size:10px; line-height:12px; background:url(images/brds.gif) repeat-y 183px 0; border-bottom:dashed 1px #4e4e51; width:100%; }
#footer-categories .left{ width:168px; padding:0 8px;}

.footer-post { padding-bottom:40px;}
.footer-post .image{ font-size:0; line-height:0; padding-bottom:10px; }
.footer-post .entry p{ padding-top:7px;}

#footer-categories h5{ border-top:dashed 1px #4e4e51; border-bottom:dashed 1px #4e4e51; }
#footer-categories ul{ font-size:12px; line-height:15px; list-style-type: none; padding:10px 0; }
#footer-categories ul li{ padding-bottom:8px; }

#footer { padding:20px 40px;}
#footer h5{ text-transform: uppercase; font-size:14px; }
#footer .left{ width:160px;}
#footer a{ color:#a8a8a8;}
#footer a:hover{ background:#a8a8a8; color:#000;}
#footer ul{ list-style-type: none;}
#footer ul li{ padding-bottom:2px;}


p.copy { text-align: center; padding-top:10px; font-size:11px; color:#a8a8a8;}
p.copy a{ color:#a8a8a8;}
p.copy a:hover{ background:#a8a8a8; color:#000}

#sidebar .widget_calendar #calendar_wrap { padding-top:20px; text-align: center;}
#sidebar .widget_calendar table { width:80%; }
#sidebar .widget_calendar table th,
#sidebar .widget_calendar table td{ padding:3px; }

#sidebar .textwidget p { padding:0 0 10px 0 !important; }

.post .postmetadata { background:#000; padding:10px; color:#666;}

ol.commentlist { list-style-type: none; }
ol.commentlist li{ background:#000; padding:10px; margin-bottom:5px; }
ol.commentlist li p{ padding-top:10px;}
ol.commentlist li img{ float:right}
ol.commentlist li .comment-author{ font-weight: bold;}
ol.commentlist li .comment-meta{ font-size:10px; }

ol.commentlist li .comment-author,
ol.commentlist li .comment-author a,
ol.commentlist li .comment-meta a,
ol.commentlist li .comment-meta{ color:#aaa; }

ol.commentlist li a{ color:#777; }
ol.commentlist li a:hover{ background:#777; color:#fff; text-decoration: none;}

input, textarea, select { font-size:12px; font-family: Arial, sans-serif; background:#000; color:#aaa; border:0; border:solid 1px #222;}
input, textarea { padding:5px; }
textarea { overflow:auto; }

h3#comments { padding:20px 0 10px 0;}
#respond { padding:20px 0 0 0;}
#respond h3{ padding-bottom:10px;}
#respond p{ padding-bottom:10px;}
#respond input{ width:250px; }
#respond input#submit{ width:150px; }
#respond textarea{ width:580px; height:180px; }
	
#content #searchform { text-align: center;}

.screen-reader-text { display:none;}

#searchform input { width:180px;}
#searchform input#searchsubmit { width:80px;}

.page-nav { font-size:9px; height:20px; padding-bottom:10px; line-height:11px; color:#ddd; position:relative; z-index:30; padding-right:15px;}
.page-nav div { float:none; display:block; }
.page-nav .alignright { text-align: right; }

.cnt { padding-right:15px;}

h2.center { padding:20px 0 30px 0; text-align: center; color:#ccc;}

.post .entry ol,
.post .entry ul { padding:0 0 15px 30px;}
.post .entry li { padding:0 0 3px 0;}
.post .entry blockquote { padding-left:45px; background:url(images/quote.gif) no-repeat 5px 5px;}

.latest-posts { font-size:10px; color:#3c3c3c; }
.latest-posts li{ padding-top:15px !important; padding-bottom:15px !important; width:280px; }
.latest-posts .image{ float:left; width:105px; height:105px; }
.latest-posts .info{ float:left; display:inline; margin-left:10px; width:165px; }
.latest-posts .entry{ line-height:13px; padding-top:5px;}
.latest-posts small.date{ float:none; display:block; }

#featured { width:920px; height:534px; position:relative; overflow:hidden; margin-bottom:30px; }
#featured .slide{ position:absolute; top:0; left:0; }
#featured a img{ border-color:#2b333f !important; }
#featured a.post-title{ position:absolute; width:886px; text-decoration: none; color:#fff; font-family: "Trebuchet MS", sans-serif; font-size: bold; font-size:18px; background:url(images/bg.png); padding:15px 10px; left:7px; bottom:7px;}
#featured a.post-title:hover { background:#000;}