﻿/*-----------------------------------------------------------------

style sheet for side effects
copy rights Amir Taj
2009


-------------------------------------------------------------------*/

*
{
    margin:0;
    padding:0;
    color:#717171;
    font-family:Arno Pro;
    font-size:16px;
}
ul,li
{
    display:inline;
    list-style:none;
    list-style-type:none;
}
ul.contact
{
    width:auto;
    margin:0px;
    padding:2;
}
ul.contact li a:hover
{
    background-color:#717171;
    color:#fff;
}


input.submit
{
    background:#fff;
    border:1px #717171 ridge;
    padding:3px;
    margin:2px;
}
.submit:hover
{
    background:#717171;
    color:#fff;
}

.clear
{
    clear:both;
}

hr
{
    width:100%;
    color:#989898;
    margin: 7px 0 7px 0;    
}
h1, h2, h3
{
    color:#717171;
}
h1
{
    padding:25px 0;
    font-size:2em;
}

h2
{
    font-size:large;
}

h3
{
    padding:20px 0 20px 0;
    font-size:inherit;
    text-decoration:underline;
}

hr
{
    color:#717171;
    width:100%;
}

body
{
	background: #ffffff url('../images/bg.png')	repeat fixed top center;/*#ffc600 */
}
.wrapper-inner{
	height: 100%;
	min-height: 750px;
}

#wrapper {
background:transparent url('../images/body-bg.png') no-repeat scroll 0 0;
margin:50px auto;
padding:50px 25px 40px;
width:950px;
}

#header
{
    width:100%;
    min-height:80px;
}

#logo
{
    background:#ffffff url('../images/logo.png') no-repeat 35px top;
    vertical-align:top;
    float:left;
    width:250px;
    height:50px;
}

#nav
{
    float:right;
    width:450px;
}

#nav li
{
    padding:20px 5px 0 5px;
}
#nav li.active
{
    /*color:#494949;
    font-weight:bold;*/
}

#nav a
{
    text-decoration:none;
}

#nav a:hover
{
    color:#494949;
    text-decoration:underline;
}

.intro
{
    padding: 0 0 20px 0;
    line-height:2em;
}
.largetext
{
    font-size:3em;
}

.quote
{
    background: #201b17 url('../images/quote.jpg') no-repeat;
    padding:5px;
    float:left;
    width:320px;
    min-height:200px;
    margin:2px;
}
.quote p
{
    color:#840259 !important;
    padding: 40px 15px 40px 15px;
}
.player
{
}
#copyright
{
    float:left;
    width:500px;
}
#copyright p
{
    margin:0;
    font-size:10px;
    padding:0;
}
#footer
{
    margin:0;
    float:right;
    width:180px;
}
ul.social-main li { list-style-type:none;float:left; display:inline; }
ul.social-main li a,
ul.social-main li a:hover{
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	padding-left: 0;
	text-indent: -999em;
	width: 30px;
	margin:2px;
	text-align:left;
}

ul.social-main li.facebook a	{	background-image: url('../images/facebook.png');}
ul.social-main li.twitter a	{	background-image: url('../images/twitter.png');	}
ul.social-main li.flickr a		{	background-image: url('../images/flickr.png');	}
ul.social-main li.youtube a	{	background-image: url('../images/youtube.png');}
ul.social-main li.rss a		{	background-image: url('../images/rss.png');	}

ul.social-main li.facebook a:hover	{	background-position: bottom left;}
ul.social-main li.twitter a:hover	{	background-position: bottom left; }
ul.social-main li.flickr a:hover		{	background-position: bottom left;	}
ul.social-main li.youtube a:hover	{	background-position: bottom left;}
ul.social-main li.rss a:hover		{	background-position: bottom left;}

#footer p
{
    text-align:right;
    font-size: small;
    padding: 7px 7px 0 7px;
}
.form
{
    width:35%;
    float:left;
}
.form .col
{
    float:left;
    width:50%;
    height:40px;
}
.form .col input
{
    border:1px #717171 solid;
}

.form .col input:focus
{
    border:1px #000 solid;
}

.form .col textarea
{
    scrollbar-base-color:white;
    scrollbar-face-color:#717171;
    scrollbar-arrow-color:white;
    scrollbar-highlight-color:white;
    scrollbar-shadow-color:white;
    scrollbar-darkshadow-color:white;
}

.right
{
    float:right;
    width:45%;
}
.right ul, li
{
    display:inherit;
}
.press
{
    padding:10px;
    height:500px;
    margin-bottom:10px;
    overflow:scroll;
    overflow-x:hidden;
    scrollbar-base-color:white;
    scrollbar-face-color:#717171;
    scrollbar-arrow-color:white;
    scrollbar-highlight-color:white;
    scrollbar-shadow-color:white;
    scrollbar-darkshadow-color:white;
}

.press p
{
    line-height:30px;
}

ul.presslist li
{
    padding-left:15px;
    line-height:30px;
    display:block;
    background:transparent url(../images/list.png) no-repeat scroll left 10px;
}
.press .right
{
    width:25%;
    float:right;
    margin:40px 0 0 10px;
}
.press .left
{
    width:70%;
    float:left;
}
.press .right img
{
    border:5px solid #989898;
    margin:0 10px 50px 0;
}

/* for press section */
.press .panel
{
    width:100%;
    float:left;
    margin-bottom:50px;
}

.press .panel .text
{
    float:left;
    width:200px;
}
.press .panel img
{
    border:5px solid #ccc;
    margin:0 50px;
}
.press .panel .left-img
{
    float:left;
    width:auto;
    margin:0 50px 0 0;
}
.press .panel .text .heading
{
    font-weight:bold;
    color:#000;
}