/*
Theme Name: Acornartwork
Theme URI: http://www.acornartwork.com
Description: This is my theme for Acornartwork.com.
Version: 2.0
Author: @nnci
Author URI: http://www.lillarosin.com
 */


/* Reset everything, to make style crossbrowser friendly */
html, body, h1, h2, h3, h4, h5, h6, blockquote, code, p, dd, dl, hr, form, ul, ol, li, a { margin: 0; padding: 0; }

body {
    font-family: Verdana, "Trebuchet MS", Arial, Helvetica, Georgia, sans-serif;
	font-size: 11px;
	text-align: center;
	vertical-align: top;
	background-color: #f6f6f6; /*#f2f3f4; /*#eff0f1;*/
	color: #7a7a7a;
}
a img { border: none; /* For IE */ }

#container-home h2.page-title, #container-normal h2.page-title, #content h2.page-title2 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 22px;
    color: #666666; /*#b0643a;*/
    line-height: 37px;
    margin-bottom: 5px;
}
#content h2.page-title2 { margin-bottom: 20px; } /* Blog title only */

h2.grey { color: #575757; font-size: 16px; padding-bottom: 8px; margin-bottom: 2px; } /* headers in columns (about me)*/
h2.smallerspace { margin: 0; padding: 0; line-height: 17px;} /* Headers in web design boxes */

a, a:visited {
	color: #718ed8; /*#b0643a;*/
	text-decoration: none;
}
a:hover { color: #324c8b; /*#ff9052;*/ }
#footer a:hover { color: #c1d0f3; }

acrynom { border-bottom: 1px dotted black; }

.description-p, .about-p {
	line-height: 22px;
	padding: 10px 0;
	text-align: left;
}

img.key {
	margin-bottom: -5px; /* To vertically centralize key images */
}
.small-space {
	padding-bottom: 15px;
}

.clearfloats {
	clear: both;
}
/****************************** SITE LAYOUT **********************************/
#wrapper-home {
    background: url("layout-images/bg_home.gif") repeat-x top left;
    text-align: left; /* Must have for IE */
    padding-bottom: 10px;
}
#wrapper-normal {
    background: url("layout-images/bg_normal.gif") repeat-x top left;
    text-align: left; /* Must have for IE */
    height: 233px;
}

#top-container {
    margin: 0 auto;
    width: 1100px;
}

#header {
    position: relative;
    top: 103px;
    text-align: left; 
    width: 190px;
    height: 75px;
    background: url("layout-images/logo.jpg") no-repeat top left;
    text-indent: -9999px;
    /*border: 1px solid black;*/
}

#menu-wrapper {
    position: relative;
	text-align: left;
	left: 700px;
    margin-top: 37px;
	height: 35px;
	width: 380px;
    /*border: 1px solid green;*/
}

.menu-item, .menu-item-selected {
	float: left;
	height: 31px;
	margin-left: 18px;
}
a.home, a.portfolio, a.blog, a.about {
	background-position: 0px 0px;
	display: block;
	height: 31px;
}
a.home { background: url("layout-images/menu_home.png") no-repeat; width: 60px;}
a.portfolio { background: url("layout-images/menu_portfolio.png") no-repeat; width: 84px; }
a.blog { background: url("layout-images/menu_blog.png") no-repeat; width: 60px; }
a.about { background: url("layout-images/menu_about.png") no-repeat; width: 79px;}
.menu-item-selected a.home, .menu-item-selected a.portfolio, .menu-item-selected a.blog, .menu-item-selected a.about { background-position: 0px -31px; }

#container-normal, #container-home {
    clear: both;
    margin: 0 auto;
    width: 1100px;
    text-align: left;
    /*border: 1px solid yellow;*/
}
#container-home { margin-top: 50px; }
#container-home .welcome-img { margin-bottom: 70px; /* Push down content */ margin-left: 15px; /* More centered */ } 
#container-normal { margin-top: 85px; /* Push down content */}

/* For content with sidebar */
#content {
	float: left;
	width: 770px;
}

#about-frame {
	width: 720px;
}

#footer-wrapper {
    position: relative;
    top: 10px;
	clear: both;  /* Clear floats from thumbnails! */
	height: 33px;
	color: #a7a7a7;
	font-size: 12px;
	line-height: 33px;
	background: url("layout-images/footer.gif") repeat-x top left;
}
#footer {
	width: 1100px;
	margin: 0 auto;
	text-align: left;
}

/**************************** BLOG POST ENTRIES ********************************/
.post-wrapper {
    padding: 1px;
    background-color: #fdfdfd;
    border: 1px solid #d7d7d7;
    margin-bottom: 20px;  /* To separate posts */
}
.post {
    background: url("layout-images/bg_post.gif") repeat-x;
    padding: 25px 25px 0 25px;
}
.post h2 {
    font-family: Georgia, sans-serif;
    font-size: 18px;
}
.post h2 a { color: #5473b2; }
.post h2 a:hover { color: #324c8b; }
.post h2.noposts { padding-bottom: 20px;}

.entry { line-height: 20px; }
.entry p { padding: 8px 0 8px 0; }
.entry ul, .entry ol {
    margin-left: 15px;
    line-height: 18px;
    padding: 5px 0 10px 0;
}
.entry ul li, .entry ol li { padding: 4px 0; }
.entry ul ul, .entry ol ul { padding: 0 0 0 15px; }
.entry h3 {
    padding: 15px 0 5px 0;
    line-height: 26px;
    font-size: 16px;
}
.entry pre {
    background-color: white;
    border: 1px solid #dcdcdc;
    padding: 5px;
    line-height: 17px;
    font-family: "Lucida Console", monospace;
}

.entry code { /*font-style: italic;*/ font-family: "Lucida Console", monospace; margin: 0 2px; font-size: 11px; }
.entry q {
    font-style: italic;
    display: block;
    padding: 8px 0 5px 20px;
}
.entry .postmetadata {
    padding: 10px 0 3px 0;
    margin: 0px 0 5px 0;
    /*font-style: italic;*/
    font-size: 11px;
}
.entry .postmetadata span.tags {		
	background: url("layout-images/icon_tag.png") no-repeat top left;
	margin-left: 12px;
}
.entry .postmetadata span.time {
	background: url("layout-images/icon_calendar.png") no-repeat top left;
}
.entry .postmetadata span.cat {	
	background: url("layout-images/icon_folder.png") no-repeat top left;
	margin-left: 12px;
}
.entry .postmetadata span.tags span, .entry .postmetadata span.cat span, .entry .postmetadata span.time span {
	margin-left: 15px;	
}

/* For code snippets, font colors */
pre span.g { color: green; }
pre span.r { color: #db2d2d; }


/* My "tips", "note", "help" fields */
.entry .tip { 
    border: 1px solid #f0e3b8;
    background-color: #fffdcb;
    background-image: url("layout-images/tip_bulb.jpg"); 
}
.entry .note { 
    border: 1px solid #b8d1f0;
    background-color: #d5e9fc;
    background-image: url("layout-images/tip_note.jpg"); 
}

.entry .tip, .entry .note, .entry .help {
    margin: 10px 0;
    padding: 20px;
    line-height: 17px;
    background-repeat: no-repeat;
    background-position: 100% 100%;
}
.entry .tip h3, .entry .note h3, .entry .help h3 {
    font-style: italic;
    font-size: 14px;
    padding: 0 0 10px 0; 
}


/* Comments + morelink */
.comments-more {
	clear: both;
	margin-top: 10px;
	background: url("layout-images/bg_morelink.gif") repeat-x;
	border-top: 1px solid #dfdfdf;
    padding: 0 25px;
    height: 35px;
    line-height: 35px;
}
.comments-more span.moretext {
	/*float: right;*/ /* That fuckes up IE7 and IE6! */
	margin-left: 520px; 
}

/***************************** SIDEBARS ********************************/
.sidebar, .sidebar-left { 
    float: left;
    width: 250px;
    margin: 25px 0 0 35px;
    display: inline;  /* Just in case: To fix IE bug (double margin) */
    font-size: 12px;
}
.sidebar-left { margin: 15px 35px 0 0; }

.sidebar ul, .sidebar-left ul {
    list-style-type: none;
    margin: 0; padding: 0;
}
.sidebar ul li, .sidebar-left ul li {
    background-color: #fdfdfd;
	border: 1px solid #e0e1e4;
    padding: 1px;
    margin-bottom: 20px;  /* Space between boxes */
}

.sidebar ul li h2, .sidebar-left ul li h2 {
    background: url("layout-images/bg_sidebar.gif") repeat-x;
    padding: 12px 15px 10px 20px;
    font-family: "Trebuchet MS", Georgia, sans-serif;
    line-height: 32px;
    font-size: 15px;
}
.sidebar ul li.myRSSfeed-wrapper, .sidebar ul li.myTwitter-wrapper {
    border: none;
    padding: 0;
}
.sidebar ul li.myRSSfeed-wrapper a.myRSSfeed, .sidebar ul li.myTwitter-wrapper a.myTwitter {
    border: none;
    display: block;
    height: 65px;
}
.sidebar ul li.myRSSfeed-wrapper a.myRSSfeed { background: url("layout-images/adlabel_rss.jpg") no-repeat; background-position: 0 -65px; }
.sidebar ul li.myRSSfeed-wrapper a.myRSSfeed:hover { background-position: 0 0; }
.sidebar ul li.myTwitter-wrapper a.myTwitter { background: url("layout-images/adlabel_twitter.jpg") no-repeat; }

.sidebar ul ul li, .sidebar-left ul ul li {
    padding: 8px 25px;
    margin: 0;
    line-height: 20px;
    border: none;
    /*background: url("layout-images/bg_sidebar_li.gif") repeat-x;*/
    border-top: 1px solid #eeeeee;
}
.sidebar ul li select, .sidebar-left ul li select {  /* Archives/category dropdown-box */
    margin: 5px 15px 20px 25px;
}
.sidebar ul li div {  /* Tag cloud + search box */
    padding: 5px 25px;
}
.sidebar ul li.widget_tag_cloud div {  /* Tag cloud only */ 
    margin-bottom: 20px;
}
.sidebar li.widget_tag_cloud h2 { padding-bottom: 0; }  /* Less space after header in tag cloud */

.sidebar ul li ul li, .sidebar-left ul li ul li {
    /*padding: 0 25px;*/
    margin: 0;
}
.sidebar ul li ul li ul, .sidebar-left ul li ul li ul {
    padding: 0; 
    margin: 0;
    border: none;
}
.sidebar ul li ul.children { padding: 0 0 0 0; /* Left indentation */ margin: 0; border: none; }

.sidebar ul li ul#rss { }
.sidebar ul li ul#rss li.rss_link {
    background: url("layout-images/icon_feed.png") no-repeat;
    background-position: 10% 40%;
    padding-left: 48px;  /* Moves text */
}
.sidebar ul li ul.fb-updates {
	font-size: 10px;
}
.sidebar ul li ul.fb-updates span.update {}
.sidebar ul li ul.fb-updates span.date { color: #2e7cbf; display: block; text-align: right; margin-top: 5px; font-style: italic; }


table#wp-calendar {
    /*text-align: center;*/
    margin-left: 25px;
    width: 90%;  /* Stretch calendar widget to full width */
}

/****************************** IMAGE THUMBNAILS *********************************/

/* Actual thumb image size: 150x90 */
.small-thumb {
	width: 164px;
	height: 104px; /*125px; /*190px;/*OLD: With descr*/
	float: left;
	margin: 0 20px 20px 0;
	overflow: hidden; /* Must have for IE float bug! */
	/*border: 1px solid red;*/
}
.small-thumb .image {
	height: 90px;
	padding: 6px;
	background-color: #fafafa;
	border: 1px solid #dcdcdc;
}

.thumb-title {
    font-family: "Trebuchet MS", "Palatino Linotype", Arial, sans-serif;
    padding-bottom: 2px;
	margin-top: 5px;
	text-align: left;
	color: #434343;
	font-weight: bold;
	text-transform: uppercase;
}
.thumb-category {
    font-size: 10px;
	text-align: left;
	text-transform: uppercase;
	padding-bottom: 4px;
}
.thumb-descr {
	text-align: left;
	font-size: 9px;
	line-height: 16px;
}

/********************************** WEB DESIGN Thumbnails ******************************/
.webdesign-box {
	background-color: #fafafa;
	border: 1px solid #dcdcdc;
	height: 110px;
	width: 760px;
	position: relative; 
	margin-bottom: 20px;
}
.webdesign-box img {
	padding: 10px;
	float: left;
}
.webdesign-box h3 {
    font-family: "Trebuchet MS", "Palatino Linotype", Arial, sans-serif;
    padding: 10px 0 0 0;
	font-weight: normal;
	font-size: 17px;
}
.webdesign-box p { padding: 5px 15px 5px 10px; font-size: 11px; }

/* List elements with check icon */
.thumb-descr span {
	background: transparent url("layout-images/icon_check_grey.png") no-repeat;
	display: inline-block;
	padding-left: 22px;
	line-height: 22px;
	margin-right: 12px;
}

/********************************* COLUMNS ******************************/

.big-column, .small-column {
	float: left;
	padding-bottom: 0;
}
.big-column { width: 660px; }
.small-column { width: 310px; }

.big-column h2, .small-column h2 {
	border-bottom: 1px solid #d4d4d4;
}

#featured-column-l { 
	float: left;
	width: 590px;
	margin: 0 25px 0 0;
}
/* IE7/6 fix for collapsed parent and float clearings */
#featured-column-l .clearfix:after, #content .clearfix:after, #container-normal .clearfix:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
#featured-column-l .clearfix, #content .clearfix, #container-normal .clearfix { zoom: 1; }

#featured-column-s {
	float: left;
	width: 390px;
	margin-left: 20px;
}
#featured-column-s ul {
	list-style-type: none;
	line-height: 20px;
	font-size: 12px;
}
#featured-column-s ul li {
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #dadada;
}
#featured-column-s ul li span.date {
	font-size: 11px;
	/*font-style: italic;*/
	margin-left: 5px;
}
#featured-column-s p.readmore-link {
	text-align: right;
	margin-right: 10px;
	font-style: italic;
}

.list-column {
	float: left;
	margin-right: 15px;
	width: 205px;
}

.list-column ul {
	padding-top: 15px;
	list-style-position: inside;
	list-style: none;
	font-size: 13px;
}
.list-column li { height: 33px; padding-left: 30px; }
.small-column li a, .small-column a:visited, .big-column li a, .big-column li a:visited { color: #b0643a; }
.small-column li a:hover, .big-column li a:hover { color: #ff9052; }

li.ps { background: url("layout-images/icon_ps.png") no-repeat top left; }
li.max { background: url("layout-images/icon_max.png") no-repeat top left; }
li.ai { background: url("layout-images/icon_ai.png") no-repeat top left; }
li.fl { background: url("layout-images/icon_fl.png") no-repeat top left; }
li.maya { background: url("layout-images/icon_maya.png") no-repeat top left; }
li.check { background: url("layout-images/icon_check_grey.png") no-repeat top left; }

#social-links {
	height: 25px;
	padding-bottom: 40px;
    padding-top: 5px;
}
#social-links ul {
	margin: 0; padding: 0;
	list-style-type: none;
	list-style-position: inside;
}
#social-links ul li {
	padding: 0; margin: 0;
	float: left;
	font-size: 12px;
	padding-left: 30px; /* Moves the link text next to image instead of ontop */
	margin-right: 45px;  /* Space between li items */
}
#social-links ul li a {
	line-height: 25px; /* Centers link text */
}
#social-links li.mail { background: url("layout-images/icon_mail.png") no-repeat; }
#social-links li.fb { background: url("layout-images/icon_fb.png") no-repeat; }
#social-links li.in { background: url("layout-images/icon_in.png") no-repeat; }
#social-links li.da { background: url("layout-images/icon_da.png") no-repeat; }

/***************************** Other images/thumbnails *****************************/
.alignleft {
	float: left;
	margin: 0 10px 0 0;
}
.alignright {
	float: right;
	margin: 0 0 0 5px;
}
.aligncenter, div.aligncenter {
   	display: block;
   	margin: 0 auto;
}

.entry .alignleft { margin: 0 15px 5px 0; }
.entry .alignright { margin: 0 0 5px 15px; }

/* The padding here and margins in wp-caption img is based when PHP code for width is
 * set to 10 more than the image's width. (5px on each side) */
.wp-caption {
    margin-bottom: 5px;
    border: 1px solid #dcdcdc;
   	text-align: center;
   	background-color: #fdfdfd; /*#fafafa;*/
    padding: 8px 4px 8px 4px;
}
.wp-caption img {
    float: none;
    padding: 0;
    margin-bottom: 1px;
    border: none;
}
.wp-caption p.wp-caption-text {
    font-size: 10px;
    font-style: italic;
    padding: 1px 0 0 0; margin: 0; margin-bottom: -5px;
}

/************************** BLOG Comments **************************/
.comments-template{
	margin: 35px 0 0 0;
	border-top: 1px solid #ccc;
	padding: 20px 0 0 0;
}

.comments-template ol {
	margin: 0;
	padding: 0 0 15px 0;
	list-style: none;
}

.comments-template ol li {
    /*position: relative; /* Must have in order to use pos:absolute on avatar */
	margin: 10px 0;
	line-height: 20px;
    padding: 15px;
    background-color: #fafafa;	
}
.comments-template ol li.alt {
    background-color: #eeeeee;
}
.comments-template h2, .comments-template h3 {
	font-family: Georgia, Sans-serif;
	font-size: 16px;    
}
.comments-template h3#comments { 
    background: url("layout-images/icon_comments.png") no-repeat top left; 
    line-height: 35px;
    padding-left: 40px; 
    padding-bottom: 5px; 
}
.comments-template h3#respond {
    background: url("layout-images/icon_leavecomment.png") no-repeat;
    background-position: 0 80%;
    padding-left: 40px;
    padding-top: 15px;
    margin-bottom: 14px;
    line-height: 35px;
    border-top: 1px solid #ccc;
}
.commentmetadata{
	font-size: 11px;
}
.comments-template ol li .avatar {
    float: left;
    margin: 0 15px 10px 0; 
}
.comments-template p.comment-author {
    margin-top: 5px;
    font-size: 14px;
}
.comments-template p.comment-date {
    margin-top: 2px;
    font-style: italic;
}
.comments-template .comment-text {
    margin: 20px 0 0 0;
}
.comments-template p.nocomments{
	margin-left: 40px;
	font-style: italic;
	margin-bottom: 30px;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}
/* Highlighting author (admin) comments */
.comments-template .authcomment {
    background-color: #f8ece4 !important;
}
.comments-template p.allowed-tags {
    padding-top: 5px; padding-bottom: 5px;
}
.comments-template input {
    height: 18px;
    margin-bottom: 20px;
}
.comments-template input#submit {
    margin-top: 10px;
    height: 25px;
}




/*****************/
/* tooltip styling. by default the element to be styled is .tooltip  */
/*.tooltip {
	display:none;
	background: transparent url("layout-images/tooltip/white.png");
	font-size:12px;
	height:55px;
	width:160px;
	padding:25px;
	color:#000;	
	
}*/
/* override the arrow image of the tooltip
.tooltip.bottom {
	background:url(/tools/img/tooltip/black_arrow_bottom.png);
	padding-top:40px;
	height:55px;
} */
.tooltip {
	background-color:#fff;
	border:1px solid #ccc;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#444;
	text-align:left;
	font-size:12px;
	z-index: 200;
	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #ccc;
	-webkit-box-shadow:0 0 10px #ccc;
}