/*
Theme Name: UnEstereotipycal
Theme URI: http://estereotips.net
Description: Estereotips way
0: Version.3
Author: Estereotips
Author URI: http://graphpaperpress.com/
Tags: minimalistic, clean, fixed width, three column, two column, separate blog, 
*/

/* load 960 framework */
@import url("library/960/reset.css");
@import url("library/960/text.css");
@import url("library/960/960.css");
@import url("library/nav/superfish.css");
/* global styles */
body {background: url(images/index.html) repeat;margin: 20px 0;color:#666}
h1,h2,h3,h4,h5 {color:#444;}
a {text-decoration: none; color: #1b1b1b; font-weight:bold;}
 a:hover {border-bottom-color: #FFAA00; border-bottom-style: solid; border-bottom-width: 0.071em; color: #FFAA00;}
 a:active {border-bottom-color: #FFAA00; border-bottom-style: solid; border-bottom-width: 0.071em; color: #FFAA00;}
h4 {font-size:16px;margin:0 0 0px 0;padding:0;color:#333; line-height:20px}

/* headers */
#header {margin-top: 15px;}
#logo { float:left; margin-right:15px;}
#header h1 {margin:0; text-transform: capitalize; font-size: 60px;padding:0;line-height: 1}
#header h1 a {color: #333;border:none;}
#header h1 a:hover {color:#666;}
#header .description {color:#bbb;font-family: Ubuntu;font-style: italic;font-size: 14px }

/* intro text */
#introduction {margin:30px; padding:40px 0px 10px 0px; text-align:center;}
#introduction h2 {font-size:30px;font-family: Ubuntu; margin:0 0 px 0;padding:0}
#introduction h3 {line-height:1.3;color: #999;font-size: 18px}
#introduction .description {color:#1b1b1b;font-family: Ubuntu;font-style: italic;font-size: 40px; line-height:35px; letter-spacing:-2px;}
#introduction2 {position:relative; margin:20px 0px 20px 40px; height:150px}
#introduction2 h2 {font-size:34px;font-family: Ubuntu; margin:0 0 0px 0;padding:0 line-height:35px; letter-spacing:-2px; color:#333;}
#introduction2 h3 {line-height:1.3;color: #999;font-size: 18px}
#introduction2 .description {color:#1b1b1b;font-family: Ubuntu;font-style: italic;font-size: 36px; margin-left:110px; }
/* Navigation Highlights */
/*.current-cat a, .current_page_item a {font-weight:bold;}*/
.sf-menu a:hover{color:#fff; background:#000000;}

/* NAVIGATION - Search for something */
#search { float:right;   margin:20px; font-size:11px;}
.menu2 { position:absolute; top:50px; left:380px; display:inline; list-style:none; width:300px; font-size:15px; font-weight:bold; text-transform:lowercase;}
.menu2 ul { list-style:none;}
.menu2 li { display:inline; margin-left:5px}
/* Portfolio Gallery */
#gallery {border:10px solid #e5ded6;}
#gallery-nav {margin:2px 0 25px 0;padding: 0;list-style: none;}
#gallery-nav li { display: inline; margin:0;padding:4px 2px; background:#f6ede7; }
#gallery-nav li.current {background: #e5ded6; }
#gallery-nav li.current a {color:#666}
#gallery-nav li a {color:#aaa;font-weight: bold; border: none; padding:5px}

/* content */

#content2 {margin-top:5px;}
#content2 h2 {font-family: "Ubuntu";font-size: 20px; font-weight: bold; color:#bbbbbb;}
#content2 div.portfolio{background: #fff;}
#content2 div.portfolio  a.thumb {display: block;position: relative;overflow: hidden;height: 50px;padding: 0px 15px; color: #333;border:none;border: 1px solid #eee;}
#content2 div.portfolio h4 {position:relative;}
#content2 div.portfolio a:focus, #content2 div.portfolio a:hover { text-decoration: none; }
#content2 div.portfolio img {position: absolute;top: 7px;left: 7px;width: 284px;height: 35px; border: 0;z-index:3;}
#content2 div.portfolio span.title { position:absolute;bottom:0;left:0;padding:10px;}
#content2 div.portfolio span.category { position:absolute;bottom:0;left:0;margin:0 20px 20px 25px; font-size:12px;color:#aaa;}
#content2 div.portfolio span.category a {font-size:12px;border: none;color:#888;}

#content2 div.portfolio2{background: #fff; }
#content2 div.portfolio2  a.thumb {display: block; position: relative; overflow: hidden;height: 50px;padding: 0px 15px;color: #333;border:none;line-height: 1.2;border: 1px solid #eee;}
#content2 div.portfolio2 h4 {position:relative;}
#content2 div.portfolio2 a:focus, #content2 div.portfolio a:hover { text-decoration: none; }
#content2 div.portfolio2 img {position: absolute;top: 7px;left: 7px;width: 284px;height: 35px;border: 0;z-index:3;}
#content2 div.portfolio2 span.title { position:absolute;bottom:0;left:0;padding:10px;}
#content2 div.portfolio2 span.category { position:absolute;bottom:0;left:0;margin:0 20px 20px 25px; font-size:12px;color:#aaa;}
#content2 div.portfolio2 span.category a {font-size:12px;border: none;color:#888;}

#content2 div.portfolio3{background: #fff;}
#content2 div.portfolio3  a.thumb {display: block;position: relative;overflow: hidden;height: 50px;padding:0px 15px;color: #333;border:none;line-height: 1.2;border: 1px solid #eee;}
#content2 div.portfolio3 h4 {position:relative;}
#content2 div.portfolio3 a:focus, #content2 div.portfolio a:hover { text-decoration: none; }
#content2 div.portfolio3 img {position: absolute;top: 7px;left: 7px;width: 284px;height: 35px;border: 0;z-index:3;}
#content2 div.portfolio3 span.title { position:absolute;bottom:0;left:0;padding:10px;}
#content2 div.portfolio3 span.category { position:absolute;bottom:0;left:0;margin:0 20px 20px 25px; font-size:12px;color:#aaa;}
#content2 div.portfolio3 span.category a {font-size:12px;border: none;color:#888;}


#content h2 {font-size: 25px;margin-top: 20px; margin-bottom: 5px;font-weight: bold; color:#000000;}
#content div.portfolio{background: #fff url(images/art.png) 10px 10px no-repeat;margin-bottom: 22px;}
#content div.portfolio  a.thumb {display: block;position: relative;overflow: hidden;height: 134px;padding: 15px;color: #eee;border:none;line-height: 1.2;border: 1px solid #eee;}
#content div.portfolio h4 {position:relative;}
#content div.portfolio a:focus, #content div.portfolio a:hover { text-decoration: none; -moz-box-shadow: 5px 5px 2px #888; -webkit-box-shadow: 5px 5px 2px #888; box-shadow: 5px 5px 2px #888;}
#content div.portfolio img {position: absolute;top: 7px;left: 7px;width: 284px;height: 150px;border: 0;z-index:3;}
#content div.portfolio div.title { position:absolute;bottom:70pt;left:7pt;padding:0px 20px 0px 25px;background-color:white; width:100px; height:20px;opacity:0.8; color:black;}
#content div.portfolio span.category { position:relative;bottom:0;left:0;margin:100px 20px 20px 25px; font-size:12px;color:#aaa;}
#content div.portfolio span.category a {font-size:12px;border: none;color:#888;}


#content div.portfolioHome{background: #fff url(images/index.html) 10px 10px no-repeat;margin-bottom: 22px;}
#content div.portfolioHome  a.thumb {display: block;position: relative;overflow: hidden;height: 134px;padding: 15px;color: #eee;border:none;line-height: 1.2;border: 1px solid #eee;}
#content div.portfolioHome h4 {position:relative;}
#content div.portfolioHome a:focus, #content div.portfolio a:hover { text-decoration: none; -moz-box-shadow: 5px 5px 2px #888; -webkit-box-shadow: 5px 5px 2px #888; box-shadow: 5px 5px 2px #888;}
#content div.portfolioHome img {position: absolute;top: 7px;left: 7px;width: 284px;height: 150px;border: 0;z-index:3;}
#content div.portfolioHome div.title { position:absolute;bottom:70pt;left:7pt;padding:0px 20px 0px 25px;background-color:white; width:100px; height:20px;opacity:0.8; color:black;}
#content div.portfolioHome span.category { position:relative;bottom:0;left:0;margin:100px 20px 20px 25px; font-size:12px;color:#aaa;}
#content div.portfolioHome span.category a {font-size:12px;border: none;color:#888;}




#content div.portfolio2{background: #fff url(images/education.png) 10px 10px no-repeat;margin-bottom: 22px;}
#content div.portfolio2  a.thumb {display: block;position: relative;overflow: hidden;height: 134px;padding: 15px;color: #333;border:none;line-height: 1.2;border: 1px solid #eee;}
#content div.portfolio2 h4 {position:relative;}
#content div.portfolio2 a:focus, #content div.portfolio2 a:hover { text-decoration: none; -moz-box-shadow: 5px 5px 2px #888; -webkit-box-shadow: 5px 5px 2px #888; box-shadow: 5px 5px 2px #888;}
#content div.portfolio2 img {position: absolute;top: 7px;left: 7px;width: 284px;height: 150px;border: 0;z-index:3;}
#content div.portfolio2 div.title { position:absolute;bottom:70pt;left:7pt;padding:0px 20px 0px 25px;background-color:white; width:100px; height:20px;opacity:0.8; color:black;}
#content div.portfolio2 span.category { position:relative;bottom:0;left:0;margin:100px 20px 20px 25px; font-size:12px;color:#aaa;}
#content div.portfolio2 span.category a {font-size:12px;border: none;color:#888;}

#content div.portfolio3{background: #fff url(images/code2.png) 10px 10px no-repeat;margin-bottom: 22px;}
#content div.portfolio3  a.thumb {display: block;position: relative;overflow: hidden;height: 134px;padding: 15px;color: #333;border:none;line-height: 1.2;border: 1px solid #eee;}
#content div.portfolio3 h4 {position:relative;}
#content div.portfolio3 a:focus, #content div.portfolio3 a:hover { text-decoration: none; -moz-box-shadow: 5px 5px 2px #888; -webkit-box-shadow: 5px 5px 2px #888; box-shadow: 5px 5px 2px #888;}
#content div.portfolio3 img {position: absolute;top: 7px;left: 7px;width: 284px;height: 150px;border: 0;z-index:3;}
#content div.portfolio3 div.title { position:absolute;bottom:70pt;left:7pt;padding:0px 20px 0px 25px;background-color:white; width:100px; height:20px;opacity:0.8; color:black;}
#content div.portfolio3 span.category { position:relative;bottom:0;left:0;margin:100px 20px 20px 25px; font-size:12px;color:#aaa;}
#content div.portfolio3 span.category a {font-size:12px;border: none;color:#888;}




/* prev next navigation */
.navigation, .navigation-archive {clear: both;margin-bottom: 20px;height: 33px;text-align:center}
.next  {background: url(images/next.gif) 0 -66px no-repeat;width: 85px; height: 33px;float: right}
.prev  {background: url(images/prev.gif) 0 -66px no-repeat;width: 115px; height: 33px;float: right}
.next a {background: url(images/next.gif) 0 0 no-repeat;}
.prev a {background: url(images/prev.gif) 0 0 no-repeat;}
.next a, .prev a {float:right;display:block; height:33px;text-indent:-9999px;border:none;}
.next a {width:85px;}
.prev a {width:115px;}
.next a:hover, .prev a:hover {background-position: 0px -33px;border:none}
.navigation-archive .prev {float:left}

/* widgets */
h3.sub {margin-bottom:7px;font-weight: bold}
.item ul li {display: block;list-style:none;border-bottom:1px solid #ddd;margin:0;padding:8px 0;}
.item ul li a {display: block;border: none;font-weight: bold;}
.item dt {font-weight: bold;float:left;width:80px;padding-bottom:7px;clear:left}
.item dd {padding-bottom:7px;}
.portfolio p {margin: 0;padding: 0;font-family:Ubuntu,Times; font-size: 12px;}
.portfolio2 p {margin: 0;padding: 0;font-family:Ubuntu,Times; font-size: 12px;}

.item h4 {color:#666;margin-bottom: 10px}
.textwidget {margin-bottom:30px}
.item2 ul li {display: block;list-style:none;border-top:1px dotted #ddd;margin:0;padding:4px 0;}
.item2 ul li a {display: block;border: none;font-weight: bold;}
.item2 dt {font-weight: bold;float:left;width:80px;padding-bottom:7px;clear:left}
.item2 dd {padding-bottom:7px;}
.item2 h4 {color:#666;margin-bottom: 5px}


#wp-calendar  {width: 100%}
#wp-calendar td {text-align: center;}
#wp-calendar thead {font-weight: bold;background: #eee}
#wp-calendar td#prev {text-align: left}
#wp-calendar td#next {text-align: right}

/* Content Area */
.postmetadata {font-size: 12px;}
small {color: #bbb}
hr.dotted {border:none;border-bottom: 1px dotted #ccc }
.pagetitle, .post h2 {margin-top:10px}
.post h3 a{font-weight: bold} 

/* Form Elements */
input,textarea {font-size: 12px; border: none;padding:3px; background: #E5DED6; line-height: 1; border:solid 1px #dbdbdb;}
textarea {font-family: "Lucida Sans"}
#submit {font-weight: bold; padding: 5px 10px;border:1px solid #aaa}

/* Comments */
#respond h3 {border-bottom: 1px solid #ddd;padding-bottom:7px}
.commentlist {padding: 0;margin: 0;}
.commentlist li {margin: 10px 0 0px;padding: 10px 10px 10px 10px;list-style: none;border:1px solid #ddd; }
.commentlist li ul {padding: 0;margin: 0;}
.commentlist li ul li {margin-right: 0px;margin-left: 0px;}
.commentlist li .avatar {float: left;border: 1px solid #eee;padding: 2px;background: #fff;margin-right:10px}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;}
.commentmetadata {font-weight: normal;font-size: 11px}
.children { padding: 0; }
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0 0 10px 0;display: block;}
.even, .alt {background:#f8f6f2;}
ul.children li.odd {background: #f6ede7;}
.thread-odd {background: #f6ede7;}
.thread-even {background:#f8f6f2;}
.depth-1 {}
.says {display:none;}
.cancel-comment-reply small {font-size:1em;}
.bypostauthor {background: #fff}
.cancel-comment-reply {margin-bottom: 20px}

#sidebar {text-transform: capitalize;font-size: 28px;}
#sidebar2 {float: right; margin-top:56px;font-size: 12px;}
.alignleft { float: left; margin-right: 10px;}
.alignright { float: right; margin-left: 10px;}
.video { padding:10px 10px 0px 10px; display: block; margin-top: 30px; margin-bottom: 20px; border:1px solid #ccc}
#language {position:absolute; right:0px; top:0px;}
#language ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
#language li {display: inline; margin-left: 5px;}
#language span {padding:5px; color:#000000; font-weight:bold; font-size:10px;}
#language span:hover {background: #FFAA00;}
#language .translate {display: inline; padding:5px; color:#000000; font-size:10px; margin-left:60px;}
#menunav { position:absolute; left: 0px; top:96px; }
#menucat { position:absolute; left: 150px; top:92px; }
.container_12 {position: relative;}
#footer { border:2px solid #EEEEEE; width:940px; color:#1b1b1b; }
.footer-right {float:left; padding:10px;margin:0px 0 0 0; }
.footer-left {width:400px; float:left; padding:10px;margin:0px 0 0 0; }
#box_title{ z-index:10; padding:6px 0 2px 5px; height:125px; width:260px; position:absolute; background-color:#000;border: 1px solid #000; opacity:.80; filter:alpha(opacity=80);color:white; filter: “alpha(opacity=80)”;-moz-box-shadow: 5px 5px 0px #000; -webkit-box-shadow: 5px 5px 2px #888; box-shadow: 5px 5px 2px #0009;}
/* menu years */

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color:white;
text-align:center;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: rgb(187, 187, 187);
}

.pagemenu{
margin-left:15px;
margin-top:15px;
float:left;
font-size:15px;
}
#years{
margin: 10px 0 20px 0;
}
#years a{font-size: 14px;font-weight: bold; color:#bbbbbb;}
#years a:hover{border-bottom-color: #FFAA00; border-bottom-style: solid; border-bottom-width: 0.071em; color: #FFAA00;}
.a2006, .a2007, .a2008, .a2009, .a2010, .a2011, .a2012{
border-bottom-color: #FFAA00; border-bottom-style: solid; border-bottom-width: 0.071em; color: #FFAA00;
}

#lineabaja{
border-top:2px solid red;
height:15px;
margin:170pt 0 0 0;
}																																			
#catty{
font-size:15px;
color:#1b1b1b;
font-weight:bold
float:left;
display:none;
}
#footer2 { margin: 50px 0 0 0px; color:#1b1b1b; }

.thoughts{
width:600px;
border:2px solid #EEEEEE;
margin:30pt 0;
float:left;
padding:10pt 10pt 0 10pt;
text-align:center;
font-size:15px;
font-style: italic;

}
.img-thumb{
float:left;
margin-right:15px;
}
.img-thumb2{
margin: 15px 15px 20px 15px;
min-height:70px;
min-width: 100px;
}
.img-thumb2:hover{
background-color: #EDEDFF;
}
.related-thumb2{
float:left;
margin-right:15px;
min-height:45px;
min-width:100px;
margin-top:10px;
}
#lang_sel_list {
font-size:12px;
color:#cbcbcb;
font-weight:bold;
margin-left:13px;
}
#lang_sel_list li a {
color:#898989;}

.entry{
text-align: justify !important;
}

#intro-canvas{
width:960px;
height:400px;
-moz-border-radius: 15px;
border-radius: 15px;
}