/*
Theme Name: Daily Designs 365
Description: Simple theme I created to showcase my daily designs for the the daily design challenge.
Author: Dani McDaniel
Author URI: http://anidandesign.com
*/

/*---------------------- 
COLOR SWATCHES 
M Gray: #262626
M Pink: #E02B6B
lt pink: #febed4
white: #FEFDFD
Lt gray: #ebebeb
dk gray: #181818
-----------------------*/

/* RESET --------------------------------- */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, img { margin: 0; padding: 0; border: 0; }

/* BODY -----------------------------------*/
body { background: #262626; font-size: .90em; font-family: Arial, sans-serif; color: #ebebeb; margin: 0 auto; }

/* MAIN -----------------------------------*/
pre { font-family: Courier; font-size: 11px; border: 1px solid #d0d0d0; color: #7F7F7F; margin: 15px auto 15px auto; padding:8px; background: #F3F3F3; text-align: center; width: 93%; font-weight: normal; }
code, kbd, samp, tt { font-family: Courier; font-size: 11px; color: #5F5F5F; }
blockquote { width:450px; font-size: 12px; margin: 10px 0px 10px 50px; padding: 0 0 0 15px; border-left: 3px solid #ccc; clear: both; }
blockquote p:first-letter { float: left; margin: .2em .3em .1em 0; font-family: "Monotype Corsiva", "Apple Chancery", fantasy; font-size: 230%; font-weight: bold; }
blockquote p:first-line { font-variant: small-caps; }

/* RANDOM ----------------------------------*/
.small { font-size: 11px; font-style: italic; }
.centeralign { text-align: center; margin: auto; }
.overflow { overflow: auto; }
.clear, .clearfix { clear: both; }
.hidden { display: none; }
.floatleft { float: left; }
.floatright { float: right; }

*::-moz-selection {
background: #e02b6b none repeat scroll 0 0;
color: #262626;
}
::selection { background:#e02b6b none repeat scroll 0 0; color: #d3d2d2; }

/* IMAGES -----------------------------------*/
.wp-smiley { max-height: 1em; margin:0 !important; }
.alignleft, img.alignleft { display: inline; float: left; margin-right: 1.5em; background: #181818; border: 1px solid #111; padding: 10px; }
.aligncenter:hover, .aligncenter:active, img.aligncenter:hover, img.aligncenter:active, .alignright:hover, alignright:active, img.alignright:hover, img.alignright:active, .alignleft:hover, .alignleft:active, img.alignleft:hover, img.alignleft:active { border: 1px solid #E02B6B; }
.alignright, img.alignright { display: inline; float: right; margin-left: 1.5em; background: #181818; border: 1px solid #111; padding: 10px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin: auto; background: #181818; border: 1px solid #111; padding: 10px; }

/* LINKS -------------------------------------*/
a { color: #E02B6B; text-decoration:none; }
a:visited { color: #E02B6B; text-decoration:none; }
a:hover { color: #FEFDFD; text-decoration:none; }
a:active { color: #FEFDFD; text-decoration:none; }
a:focus { outline: none;}

/* LISTS -------------------------------------*/
ul { margin:0; padding:0; list-style-type:none; }
li { margin:0; padding:0; list-style-type:none; }

.entry-content ul ol { margin-left:0;}
.entry-content ul li { margin-left:10px; list-style:disc; list-style-position:inside; }
.entry-content ul li ol { margin-left:10px;}
.entry-content ol li { margin-left:5px; list-style: decimal; list-style-position:inside; }
.entry-content ol li li { margin-left:5px; }

/* HEADERS ------------------------------------*/
h1,h2,h3,h4,h5,h6 { font-family: Georgia, serif; }
h2.entry-title { font-size:210%; letter-spacing: -1px; font-weight: bold; margin: 10px 0 20px; line-height: 28px; }

h2.index-entry-title, h2.index-entry-title a, h2.index-entry-title a:visited, h2.page-title, h2.search { text-shadow: 1px 1px 1px #111; color: #FEFDFD; text-decoration: none; }
h2.index-entry-title a:hover, h2.index-entry-title a:active { color: #E02B6B; text-decoration: none; text-shadow: 1px 1px 1px #111; }

#footer h2, #footer h2 a, #footer h2 a:visited { text-shadow: 1px 1px 1px #111; color: #E02B6B; text-decoration: none; margin: 0 0 15px; }
#footer h2 a:hover, #footer h2 a:active { color: #FEFDFD; text-decoration: none; text-shadow: 1px 1px 1px #111; }

h2.single-entry-title { text-shadow: 1px 1px 1px #111; color: #FEFDFD; }

h2.search, h2.archive-title { font-size: 190%; margin: 0px 0 25px 0px; text-shadow: 1px 1px 1px #111; color: #E02B6B; }

h3#comments,h3#pings { margin: 20px 0 10px; font-size:140%; text-shadow: 1px 1px 1px #111; color: #FEFDFD; width: 570px; }
h3#comments span,h3#pings span, h4#comments span { color: #E02B6B; }
h4#comments { font-size:160%; text-shadow: 1px 1px 1px #111; color: #FEFDFD; background: #2b2b2b url(img/commentbubble.png) 0% 50% no-repeat; border-bottom: 1px solid #181818; padding: 10px 0px 10px 51px; border-top: 1px solid #343434; margin: 0; }

.outerheaderwrap { margin: 15px 0; border-bottom: 1px solid #343434; padding: 0; border-top: 1px solid #181818; } 

/* HEADERS IN HEADER */
header h1 {}
header h2 {}

/* HEADERS IN POSTS */
.entry-content h3 {font-size:140%;}
.entry-content h4 {font-size:120%;}
.entry-content h5 {font-size:100%;}
.entry-content h6 {font-size:90%;}

/* STRUCTURE--------------------------------------*/
#wrapper { clear:both; margin: 50px auto 0; padding:0; width:840px; overflow: auto; }

/* POSTS ------------------------------------------*/
.posts-wrap { float:right; width: 570px; margin: 0 0 0 40px; }
.post { padding: 0px; margin: 0 0 20px 0; }
.post-index { margin: 0 0 20px 0; }
.post-single { margin:0 0 20px 0; }

/* ENTRY ------------------------------------------*/
.entry-content { line-height: 21px; }
.entry-content p { padding: 7px 0; }
.entry-content-single {}
.entry-content-index { margin: 0 0 0px; }
.entry-content-index img { margin: 0; }
.entry-content .jump { margin: 7px 0; text-align: right; text-transform: uppercase; }

/* META ------------------------------------------*/
.date-meta { 
 font-family: Arial, sans-serif; 
 font-size: 105%; 
 color: #ebebeb; 
 font-weight: normal; 
 font-variant: normal;
 background: #181818; 
 border: 1px solid #111; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
 padding: 3px 10px; 
 display: block; 
 margin: 15px 0; 
 overflow: auto;
}
.entry-meta-single-share ul, .entry-meta-single ul, .date-meta ul { list-style: none; margin: 0; padding: 0; }
.entry-meta-single-share li, .entry-meta-single li, .date-meta li { display: inline; list-style: none; margin: 0 10px 0 0; }
.entry-meta-single li.date, .date-meta li.date { background: url(img/date.png) 0% 50% no-repeat; padding: 0 0 0 19px; }
.entry-meta-single li.theme, .date-meta li.theme { background: url(img/theme.png) 0% 50% no-repeat; padding: 0 0 0 19px; }
.entry-meta-single li.share, .date-meta li.share { background: url(img/share.png) 0% 50% no-repeat; padding: 0 0 0 19px; }

.entry-meta-single-share li.twitter { background: url(img/twitterhrt.png) 0% 53% no-repeat; padding: 0px 0 0 22px; }
.entry-meta-single-share li.email { background: url(img/heart.png) 0% 53% no-repeat; padding: 0px 0 0 22px; }
.entry-meta-single-share li.delicious { background: url(img/delicioushrt.png) 0% 53% no-repeat; padding: 0px 0 0 22px; }
.entry-meta-single-share li.stumble { background: url(img/stumble.png) 0% 53% no-repeat; padding: 0px 0 0 22px; }

.entry-meta {}
.outermetawrap { margin: 0px 0 15px; border-bottom: 1px solid #343434; padding: 0; border-top: 1px solid #181818; }
 
.entry-meta-single { font-size: 90%; background: #2b2b2b; text-transform: uppercase; margin: 0px 0 0px; border-bottom: 1px solid #181818; padding: 10px; border-top: 1px solid #343434; text-shadow: 1px 1px 1px #111; }

.entry-meta-single-share { font-size: 90%; background: #2b2b2b; text-transform: uppercase; margin: 0px 0 0px; border-bottom: 1px solid #181818; padding: 10px; border-top: 1px solid #343434; text-shadow: 1px 1px 1px #111; }

/* PAGES ------------------------------------------*/
#page {}
#page-content {}

/* SIDEBAR -----------------------------------------*/
#sidebarmain { margin: 0; float:left; width:230px; }

/* FOOTER -----------------------------------------*/
.outerfooter { border-top: 1px solid #111; margin: 50px 0 0; }
#footer { height:auto; width: 100%; overflow:hidden; margin: 0; clear:both; padding: 0; background: #181818; border-top: 1px solid #343434; color: #ebebeb; }

#footer .inner { width: 840px; margin: 40px auto 20px; overflow: hidden; line-height: 19px; }

.outerright { overflow: auto; border: 1px solid #111; margin: 0 0 24px 24px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.outerright:hover, .outerleft:hover, .outercenter:hover { border: 1px solid #E02B6B; }
.outerleft { overflow: auto; border: 1px solid #111; margin: 0 24px 24px 0px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.outercenter { width: 244px; overflow: auto; margin: 0 auto 24px; border: 1px solid #111; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

#footer .inner .right { float: right; }
#footer .inner .right p { padding: 0 0 10px; }
#footer .inner .left { float: left; }
#footer .inner .center {}

#footer .inner .left .item, #footer .inner .right .item { width: 234px; margin: 0; padding: 15px; background: #262626; border: 1px solid #343434; text-align: left; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: auto; }

#footer .inner .center .item { margin: 0; padding: 15px; background: #262626; border: 1px solid #343434; text-align: left; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; overflow: auto; }

#footer .inner .bottom { width: 100%; clear: both; margin: -10px 0 0 0; text-align: left; height: 33px; line-height: 33px; }
#footer .inner .bottom .left { float: left; }
#footer .inner .bottom .right { float: right; }

#footer .inner .left .item .tweet { text-align: center; width: 95%; padding: 5px; background: #181818; border: 1px solid #111; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; margin: auto ; }
#footer .inner .left .item .tweetbottom { margin: 5px auto 0; padding: 0 0 0 84px; background: #262626 url(img/twitterbird.png) 30px -2px no-repeat; height: 53px; line-height: 50px; font-weight: bold; font-size: 125%; color: #FEFDFD; font-family: Georgia, serif; }
#footer .inner .left .item .tweetbottom a, #footer .inner .left .item .tweetbottom a:visited { text-shadow: 1px 1px 1px #111; color: #FEFDFD; text-decoration: none; }
#footer .inner .left .item .tweetbottom a:hover, #footer .inner .left .item .tweetbottom a:active { text-shadow: 1px 1px 1px #111; color: #E02B6B; text-decoration: none; }

#footer .inner .left .item img.style { float: left; margin: 0 5px 0 0; padding: 2px; background: #181818; border: 1px solid #111; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

#footer .inner .left ul { list-style: none; margin: 10px auto -3px; padding: 0; }
#footer .inner .left li { list-style: none; margin: 0 5px 0 0; padding: 0; display: inline; }
#footer .inner .left li a img { border: 0; padding: 0; }

#footer .inner .center ul { list-style: none; border-top: 1px solid #181818; border-bottom: 1px solid #343434; }
#footer .inner .center li { display: block; border-top: 1px solid #343434; border-bottom: 1px solid #181818; }
#footer .inner .center li a, #footer .inner .center li a:visited { background: #262626 url(img/icon-projects.png) 0% 50% no-repeat; padding: 6px 0 6px 20px;  display: block; color: #FEFDFD; text-decoration: none; }
#footer .inner .center li a:hover, #footer .inner .center li a:active { padding: 6px 0 6px 20px; display: block; background: #343434 url(img/icon-projectsr.png) 0% 50% no-repeat; text-decoration: none; font-weight: normal; color: #e02b6b; }

#footer .inner .right ul { list-style: none; border-top: 1px solid #181818; border-bottom: 1px solid #343434; }
#footer .inner .right li { display: block; border-top: 1px solid #343434; border-bottom: 1px solid #181818; }
#footer .inner .right li a, #footer .inner .right li a:visited { background: #262626 url(img/rsshrt.png) 2% 51% no-repeat; padding: 6px 0 6px 24px;  display: block; color: #FEFDFD; text-decoration: none; }
#footer .inner .right li a:hover, #footer .inner .right li a:active { padding: 6px 0 6px 24px; display: block; background: #343434 url(img/rsshrtr.png) 2% 51% no-repeat; text-decoration: none; font-weight: normal; color: #e02b6b; }

/* NAVIGATION -------------------------------------*/
.navigation { width:95%; height:auto; clear:both; margin: 20px auto; overflow: auto; }
.nav-next {float:right; width:48%; text-align:right;}
.nav-prev {float:left; width:48%; text-align:left;}
#navigation-index {}
#nav-single {}
#nav-prev-single {}
#nav-next-single {}
#comment-nav {}

/* COMMENTS LIST ---------------------------------------*/
ul.commentlist, ul.pinglist { margin: 20px 0; }
li.comment,li.trackback, li.pingback { margin: 0px 0 20px; padding: 10px; border: 1px solid #111; background: #febed4; color: #262626; line-height: 19px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

li.alt { margin: 0px 0 20px; padding: 10px; border: 1px solid #111; background: #343434; color: #ebebeb; line-height: 19px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
ul.children { margin: 0 0 0 10px; }

/* STYLES AUTHOR COMMENTS */
ul.commentlist .comment-author-admin { border: 1px solid #111; background: #181818; color: #ebebeb; }
ul.commentlist .comment-author-admin .gravatar img { border: 1px solid #E02B6B; background: #262626; padding: 2px; float: right; margin: 4px 0px 2px 6px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.gravatar img { padding: 2px; background: #262626; border: 1px solid #111; float: right; margin: 4px 0px 10px 6px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/*COMMENT AUTHOR NAME AND DATE*/
.commentmeta { margin: 0 0 10px; text-transform: uppercase; text-shadow: 1px 1px 1px #FEFDFD; }
.comment-author-admin .commentmeta, li.alt .commentmeta { margin: 0 0 10px; text-transform: uppercase; text-shadow: 1px 1px 1px #111; }
.commentmeta span { font-size: 15px; font-weight: bold; }

/*AWAITING MODERATION*/
.commentwait { margin: 6px 0; font-style: italic; text-transform: uppercase; text-shadow: 1px 1px 1px #111; }


/*REPLY TO COMMENT*/
.reply { padding: 0; text-transform: uppercase; margin: 10px 0 0 0; font-size: 90%; text-shadow: 1px 1px 1px #FEFDFD; }
.comment-author-admin .reply, li.alt .reply, li.alt .commentwait { text-shadow: 1px 1px 1px #111; }

/* COMMENT FORM */
form#postcomment { margin:15px 0; }

p.commenttext { line-height: 19px; margin: 10px 0; }

/* FORM INPUTS */
input#searchfield, input#author, input#email, input#url, input#submit, textarea#comment { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display: block; border: 1px solid #111; background: #181818; padding: 10px; margin: 0 0 8px; width: 548px; color: #ebebeb; font-size: 125%; }
input#searchfield:focus, input#author:focus, input#email:focus, input#url:focus, input#submit:focus, textarea#comment:focus { outline: 1px solid #e02b6b; width: 546px; }
input#submit { width: 570px; }
input#submit:hover { color: #e02b6b; border: 1px solid #e02b6b; cursor: pointer; }

/* SEARCH FORM ------------------------------------------*/
#search { margin: 25px auto; }
form#searchform {}

/* 404 PAGE ----------------------------------------------*/
.error404, .error404 .item { margin: auto; text-align: center; }
.error404 .item img { border: 0px; text-align: center; }
.error404 h1, .error404 h2 { margin: 10px auto; }

/* YETII TABS ----------------------------------------------*/
.tab { display: block; }
#tab-container-1 { width: 230px; margin: 20px 0; }
#tab-container-1-nav { width: 230px; height: 30px; display: block; font-size: 115%; font-weight: normal; text-transform: normal; margin: 0 0 15px; } 
#tab-container-1-nav li { margin: 0 7px 0px 0; border: 1px solid #111; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; float: left; display: inline; }
#tab-container-1-nav li a { padding: 5px 9px; display: block; background: #e02b6b; color: #181818; text-decoration: none; border: 1px solid #e02b6b; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } 
#tab-container-1-nav li a:hover { padding: 5px 9px; display: block; color: #FEFDFD; background:#181818; text-decoration: none; border: 1px solid #e02b6b; }
#tab-container-1-nav li a.active { padding: 5px 9px; display: block; color: #181818; background: #febed4; text-decoration: none; border: 1px solid #febed4; } 
#tab-container-1-nav li a.active:hover { padding: 5px 9px; display: block; background-color: #181818; color: #FEFDFD; border: 1px solid #e02b6b; }

#tab1, #tab2 { text-transform: uppercase; }
#tab1 ul { list-style: none; border-top: 1px solid #181818; border-bottom: 1px solid #343434; }
#tab1 li { display: block; border-top: 1px solid #343434; border-bottom: 1px solid #181818; }
#tab1 li a, #tab1 li a:visited { background: #2b2b2b; padding: 6px 10px;  display: block; color: #FEFDFD; text-decoration: none; }
#tab1 li a:hover, #tab1 li a:active { color: #e02b6b; padding: 6px 10px; display: block; background: #343434; text-decoration: none; font-weight: normal; }

#tab2 ul { list-style: none; border-top: 1px solid #181818; border-bottom: 1px solid #343434; }
#tab2 li { display: block; border-top: 1px solid #343434; border-bottom: 1px solid #181818; }
#tab2 li a, #tab1 li a:visited { background: #2b2b2b; padding: 6px 10px;  display: block; color: #FEFDFD; text-decoration: none; }
#tab2 li a:hover, #tab1 li a:active { color: #e02b6b; padding: 6px 10px; display: block; background: #343434; text-decoration: none; font-weight: normal; }