/* ==|== primary styles =====================================================
   Author: Iksi
   ========================================================================== */
html,body                              {height:100%;}
body                                   {background-color:#fff; color:#333333;}
a, a:visited, a:hover                  {color:#ed1c2d; text-decoration:underline;}
a:hover                                {text-decoration:none;}
                                       
address                                {font-style:normal;}
span                                   {color:#ed1c2d;}
figure,                                
iframe,                                
p                                      {margin:0 0 25px 0;}
                                       
ul,ol                                  {padding-left:16px;}
ul                                     {list-style:none; padding:0;}
                                       
h1,h2,h3,h4,h5,h6                      {line-height:1.25em; margin:0 0 25px 0; color:#ed1c2d}
h1                                     {font-size:30px;}
h2                                     {font-size:24px;}
h3                                     {font-size:18px; margin-bottom:0.6em;}
h4                                     {font-size:14px;}
h5                                     {font-size:13px;}
h5                                     {font-size:12px;}
h6                                     {font-size:10px;}

h1 a,h2 a,h3 a,
h4 a,h5 a,h6 a,
h1 a:visited,h2 a:visited,h3 a:visited,
h4 a:visited,h5 a:visited,h6 a:visited {text-decoration:none;} 
h1 a:hover,h2 a:hover,
h3 a:hover,h4 a:hover,
h5 a:hover,h6 a:hover                  {text-decoration:underline;}

body>div.wrapper                       {width:935px; padding:0 25px; margin:0 auto;}
                                       
body>div.wrapper>header                {width:100%; text-align:center; padding:25px 0;}
                                       
body>div.wrapper>header h1             {width:295px; height:75px; display:inline-block; text-indent:-9999px;margin-bottom:25px; background-repeat:no-repeat; background-image:url(../img/thrilleragency.png); }
body>div.wrapper>header h1 a           {display:block; height:100%;}
                                       
body>div.wrapper>header>nav a          {text-decoration:none;}
body>div.wrapper>header>nav a:hover    {text-decoration:underline;}
body>div.wrapper>header>nav li         {display:inline;}
                                       
body>div.wrapper>header>nav            {font-size:1.15em;}
body>div.wrapper>header>nav>ul li:before             {content:'\a0/\a0\a0';}
body>div.wrapper>header>nav>ul li:first-child:before {content: '';}

body>footer                            {height:100px; background-color:#fafafa; border:1px solid #efefef; border-bottom:0; display:block; overflow:hidden; width:935px; margin:0 auto;}
body>footer h4                         {font-weight:normal; margin-bottom:1em; line-height:1em; font-size:1.15em;}
body>footer>div                        {border:0px solid red; width:454px; float:left; padding:25px 0; text-align:center;}
body>footer>div:first-child            {margin-right:25px;}

/* body container - because it needs padding */
body>div.wrapper>div                   {padding-bottom:101px;}
                                        
/* index/home */                        
.index>article                         {width:909px; padding:12px; margin-right:25px; height:auto; background:#fafafa; border:1px solid #efefef; float:left; margin-bottom:25px;}
.index>article address>p               {margin:0; width:50%; float:left;}
.index>article section                 {width:362px; float:left; margin-right:25px;}
.index>article figure                  {float:left;}

/* artists */
.artists>div                           {position:relative; width:100%; height:180px; border:1px solid #efefef; background-color:#fafafa; margin-bottom:25px; overflow:hidden;}
.artists>div .dock                     {text-align:center; position:absolute; bottom:12px; width:100%;}
.artists>div .dock img                 {vertical-align:bottom;}

.artists>article                       {min-height:300px; width:429px; padding:12px; background:#fafafa; border:1px solid #efefef; margin: 0 0 25px 0; float:left;}
.artists>article.pos-2                 {margin-left:25px;}
.artists>article figure                {float:left; margin-right:12px; margin-bottom:0;}
.artists>article figure a              {width:215px; height:300px; overflow:hidden; display:block;}

/* news */
.news>article                          {min-height:300px; width:429px; padding:12px; background:#fafafa; border:1px solid #efefef; margin: 0 0 25px 0; float:left;}
.news>article>header a                 {color:#222222;}
.news>article.pos-2                    {margin-left:25px;}
.news>article figure                   {float:left; margin-right:12px; margin-bottom:0;}
.news>article figure a                 {width:215px; height:300px; overflow:hidden; display:block;}

/* concepts */
.concepts>article                      {min-height:300px; width:429px; padding:12px; background:#fafafa; border:1px solid #efefef; margin: 0 0 25px 0; float:left;}
.concepts>article.pos-2                {margin-left:25px;}
.concepts>article figure               {float:left; margin-right:12px; margin-bottom:0;}
.concepts>article figure a             {width:215px; height:300px; overflow:hidden; display:block;}

/* article (concept/new/artist) */
.article>nav                           {border:1px solid #efefef; width:79px; float:left; border-left:0;}
.article>nav li                        {display:block; width:79px; height:78px; border-top:1px solid #efefef; background-color:#fafafa;}
.article>nav li.nav-next               {border-top:0;}
.article>nav a                         {display:block; width:79px; height:78px; text-indent:-9999px; background-color:#fafafa;}
.article>nav a:hover                   {background-color:#efefef;}
.article>nav li.nav-prev               {background-image:url(../img/prev-dis.png);}
.article>nav li.nav-prev a             {background-image:url(../img/prev.png);}
.article>nav li.nav-next               {background-image:url(../img/next-dis.png);}
.article>nav li.nav-next a             {border:0; height:79px; background-image:url(../img/next.png);}
.article>nav li.nav-up a               {background-image:url(../img/up.png);}
.article>article                       {float:left; width:829px; padding:12px; background-color:#fafafa; border:1px solid #efefef; min-height:300px;}
.article>article                       {margin-bottom:25px;}
.article>article>section               {float:left; width:362px;}
.article>article>section + section     {width:442px; margin-left:25px;}
.article>article figure                {width:100%; height:250px; margin-top:25px;}
.article>article figure:first-child    {margin-top:0;}
.article>article header                {margin-bottom:25px;}
.article>article header h2             {margin-bottom:10px;}
.article>article header>p              {margin-top:-10px; font-size:12px; text-transform:capitalize; color:#999999;}
.article>article header>ul             {margin-top:-10px; font-size:12px; text-transform:capitalize; word-spacing:3px;}
.article>article header>ul li          {display:inline;}
.article>article header>p a            {text-decoration:none;}
.article>article section p:last-child,
.article>article section figure:last-child {margin-bottom:0;}

.concept.article>article figure        {height:500px;}
.new.article>article header h2         {color:#222222;}

body>div.wrapper {
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin-bottom: -101px;
}

.social                                {margin:0 auto; position:relative; width:300px; height:21px; overflow:hidden;}
.fb                                    {left:203px; position:absolute; top:0; width:115px; border:none; overflow:hidden; height:21px; display:inline;}
.gplus                                 {position:absolute; left:160px; top:0; width:32px; overflow:hidden; display:inline;}
.follow                                {position:absolute; left:0; top:0; width:150px; overflow:hidden;}
                                       
.article>article .social               {margin:0; position:relative; height:21px; width:200px; overflow:hidden; margin-top:25px;}
.article>article .social .fb           {left:102px; position:absolute; top:0; width:106px; border:none; overflow:hidden; height:21px; display:inline;}
.article>article .social .gplus        {position:absolute; left:62px; top:0; width:32px; overflow:hidden; display:inline;}
.article>article .social .tweet        {position:absolute; left:0; top:0; width:55px; overflow:hidden;}
                                       
input[type='text']                     {height:22px; border:0; background-color:#fff; color:#b4b4b4; border: 1px solid #d4d4d4; padding:0 8px; vertical-align:top;}
input[type='submit'] {
	line-height:normal;
	height:20px;
	margin:2px 0 2px 5px;
	padding:0 10px;
	vertical-align:top;
    cursor: pointer;
    color: #fff;
    line-height: normal;
    border: 1px solid #f14c5a;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;	
    background-color: #ed1c2d;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#f68b94), to(#ed1c2d));
    background-image: -moz-linear-gradient(top, #f68b94, #ed1c2d);
    background-image: -ms-linear-gradient(top, #f68b94, #ed1c2d);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f68b94), color-stop(100%, #ed1c2d));
    background-image: -webkit-linear-gradient(top, #f68b94, #ed1c2d);
    background-image: -o-linear-gradient(top, #f68b94, #ed1c2d);
    background-image: linear-gradient(top, #f68b94, #ed1c2d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f68b94', endColorstr='#ed1c2d', GradientType=0);
}
input[type='text'],input[type='submit'] {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* slideshow */
.slideshow                             {display:block; width:522px; position:relative; min-height:344px; height:auto; overflow:hidden;}
.slideshow .prev                       {left:0; background-image:url(../img/slideshow-prev.png);}
.slideshow .next                       {right:0; background-image:url(../img/slideshow-next.png);}
.slideshow .prev, .slideshow .next     {width:27px; height:100px; background-repeat:no-repeat; cursor:pointer; position:absolute; top:122px; z-index:30; display:none;}
.slideshow img                         {margin-bottom:25px;}                            
                                                                
.article .slideshow                    {width:442px; min-height:290px; height:auto;}
.article .slideshow .prev,
.article .slideshow .next              {top:95px;}

.clear                                 {clear:both;}