/* 
Copyright 2009 Greta Hoffman
Theme Name: itliterallyis
Theme URI: http://www.itliterallyis.com/
Version: 1.0
*/

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
img { border: none; }

/* BASE */
body { font: 11px "Arial", serif; background: url('images/background.jpg') repeat-x; background-color:#efefef;}
a, a:visited { text-decoration: none;color: #000;outline: none; }
p {margin-bottom: 15px;font: 11px "Arial", serif; text-align: justify;}
p a {text-decoration: underline;}
p a:hover {color:#181818;}
h2{font: 24px "Times", serif; font-weight: bold; padding-top: 14px;}
h3{font: 22px "Times", serif; font-weight: bold;  padding-top: 15px;}

/* LAYOUT */
#header { float:left; width: 832px; height: auto; min-height: 100%; background-color: #fff; }
#header-caption { font: 21px "Helvetica", serif; margin-top: 32px; margin-left: 17px; font-weight: bold; width: 252px; height: 164px; background-color: #fff; padding-left: 17px; padding-top: 30px; float: left; display: block; text-indent: -9999px; background: url(images/header-caption.jpg) no-repeat;}
#content { float:left; width: 614px; background-color: #fff; margin-right: 16px;border: 0px solid red; }
#white{ float:left; width: 816px; background-color: #fff; padding-top: 45px; min-height: 550px; padding-right: 16px; padding-bottom: 60px;}

/* SIDEBAR */
#sidebar { float:right; width: 183px; min-height: 448px; background-color: #f4f3f3; border: 0px solid red; padding-bottom: 40px}
#sidebar h2{ color: #888783; font: 11px "Arial", serif;  font-weight: bold; margin-left: 14px; letter-spacing: 1.5pt;}	
#sidebar ul{ color: #888783; font: 11px "Arial", serif; width:160px; list-style: none;  margin-top: 13px; margin-left: 14px;}
#sidebar li{ list-style: none; list-style-position:outside; color: #888783; font: 11px "Arial", serif;  }
#sidebar a{ color:#1b8cb6;}
#sidebar a:hover{ text-decoration: underline;}
* html ul#nav {padding-bottom: 5px;}

/* NAVIGATION */
ul#nav { float: right; display: block; width: 183px; margin: 0px; padding-bottom: 20px;}
ul#nav li { float: left; list-style: none;  margin-top: 0px;}
ul#nav li a { float: left; height: 31px; background: url('images/navigation.gif'); text-indent: -9999px; }
ul#nav li.item-portfolio a { width:183px; background-position: 0px 0px; }
ul#nav li.item-portfolio a:hover { background-position: 183px 0px; }
ul#nav li.item-exhibitions a { width:183px; background-position: 0px -31px; }
ul#nav li.item-exhibitions a:hover { background-position: 183px -31px; }
ul#nav li.item-photos a { width:183px; background-position: 0px -62px; }
ul#nav li.item-photos a:hover { background-position: 183px -62px; }

/* TITLES */
.title-portoflio{ width: 262px; height: 31px; text-indent: -9999px; background: url(images/title-portfolio.gif) no-repeat; margin-left: 22px; }
.title-exhibitions{ width: 262px; height: 31px; text-indent: -9999px; background: url(images/title-exhibitions.gif) no-repeat; margin-left: 22px; }
.title-photos{ width: 262px; height: 31px; text-indent: -9999px; background: url(images/title-photos.gif) no-repeat; margin-left: 22px; }
.title-tag{ 
width: 254px; 
height: 15px;  
margin-left: 22px; 
background-color: #efda70;
font-size: 22px; 
font-weight:600; 
color: white;
font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif; 
padding-left: 7px;
padding-top: 6px;
padding-bottom: 10px;
text-transform: capitalize;
}
	
/* POSTS */
#content h2 { width: 592px;}
.post { width: 592px; margin-left: 22px; background: url('images/divider.gif') top repeat-x; }
.meta { font-size: 10px; line-height: 12px; color: #8a8a8a; margin-top: 5px; margin-left: 1px; margin-bottom: 5px; }
.meta a { font-weight: bold; color: #8a8a8a; }	
.entry-actions{ margin-bottom: 60px; font: 15px "Times", serif; font-weight: bold; color: #000; }
.more-link{ font: 15px "Times", serif; font-weight: bold; color: #000; display: block; float: left; width:100px; margin-top: 30px;}
.entry-actions a:hover {color: #1b8cb6;}
.entry p{ margin-top: 15px; margin-bottom: 10px; width: 563px;}
.entry a {color:#1b8cb6; text-decoration: none; }
.entry a:hover {color:#1b8cb6; text-decoration: underline;}
.meta a:hover { color: #4c4c4c; }
.nav { width: 592px; margin-left: 22px; background: url('images/divider.gif') top repeat-x; padding-top: 16px; }
.nav .arrow a { }
.nav .arrow a:hover {}
.nav .right a{ text-indent: -9999px; float: right; width: 120px; height: 28px; background: url(images/next-posts.jpg) no-repeat; cursor: pointer; background-position: 0px 0px;}
.nav .left a{ text-indent: -9999px; float: left; width: 150px; height: 28px; background: url(images/previous-posts.jpg) no-repeat; cursor: pointer; background-position: 0px 0px; }	
.nav .right a:hover {background-position: 0px -28px; }
.nav .left a:hover {background-position: 0px -28px; }


/* FOOTER */
#footer { float: left; width: 807px; height: 225px; background: url('images/footer-background.jpg') repeat-x; padding-left: 26px;}
#previous-posts{  float: left; width: 762px; height: 159px;  margin-top: 30px; background-color: #fff; padding-left: 19px; }
.previous-thumb{ float: left; display: block;width: 116px; height: 85px; border: 1px solid #dddddd; margin-right: 7px; margin-top: 12px; background-color: #f5f5f5; }

/* COMMENTS */
input:focus, textarea:focus { outline: none; }
#respond label { float: left; width: 70px; margin-top: 6px; color: #484848; }
#respond li{ margin-top: 6px; }
#respond input { height: 14px; font: 11px Arial, sans-serif; color: #484848; border: 1px solid #c6c6c6; padding: 5px; width: 158px; background-color: #fff; }
textarea { text-indent: 2px; padding: 3px; width: 340px; height: 90px; font: 11px Arial, sans-serif; color: #373737; border: 1px solid #c6c6c6; background-color: #fff; }
#comment_post_ID{display: none;}
#comment_parent{display: none;}
#comments { width: 592px; height: 2px; margin-left: 22px; background: url('images/divider.gif') top repeat-x; margin-bottom: 25px; margin-top: 45px; }
h3#comments { float: left; display:block; margin: 10px 0px 0px 79px; }

ol.comment-list li{ width: 592px; margin-left: 22px;}
.comment-list li .meta { float: left;}
.comment-list li .comment .meta { width: 100%;}
.comment-list .comment { float: left; width: 550px; }
.comment-list .comment p { font-size: 11px; }	
small { font-size: 10px;font-style: italic; color: #1b8cb6; margin-left: 20px;	 }

#respond {float: left; width:483px; padding-left: 22px; margin-top: 60px; padding-bottom: 200px; }
input#submit { width: 100px; height: 30px; font: 18px "Times", serif; color: #343434; font-weight: bold; background-color: transparent; border: none; cursor: pointer; float: right; margin-right: 35px; margin-top: 0px; }
input#submit:hover {color: #1b8cb6; }
#respond-header{ width:483px; height:38px; background-color: #e2e1e1; }
#respond-bg{ padding-left: 18px; width:465px; height:240px; background-color: #f4f3f3; padding-top: 10px; }
#respond-header h3{ font: 18px "Times", serif; color: #343434; font-weight: bold; padding-left: 11px; padding-top: 8px;}

/* MISC */
.edit { float: right; margin-top: 22px; }
.edit a, .edit a:hover { color: #1b8cb6;}
.flash { display: none;}

/* TAG CLOUD */
#sidebar #tagcloud a {
background-color: #efda70;
text-transform: lowercase;
color: #fff;
font-weight: bold;
padding: 3px;
display: inline-block;
margin-top: 2px;
margin-bottom: 3px;
margin-right: 1px;

}

#sidebar #tagcloud a:hover{
text-decoration: none;
background-color: #e6ca41;
}