/*
Theme Name: Weedworks
Theme URI:
Version: 1
Description: A theme by Weedworks
Author: 
Author URI: 
*/

/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
}

a {color: #7A4A77;}
a:hover {color: #4F4F51;}

body {
	background: #FFF url('img/bg.jpg');
	color: #4F4F51;
	font: normal 62.5% "CaeciliaLTStdRomanRegular", Times, sans-serif
}
@font-face {
    font-family: 'CaeciliaLTStdRomanRegular';
    src: url('caecilialtstd-roman-webfont.eot');
    src: url('caecilialtstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('caecilialtstd-roman-webfont.woff') format('woff'),
         url('caecilialtstd-roman-webfont.ttf') format('truetype'),
         url('caecilialtstd-roman-webfont.svg#CaeciliaLTStdRomanRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
p,code,ul {padding-bottom: 10px;}

li {list-style: none;}

h1 {
	font: normal 1.8em CaeciliaLTStdRomanRegular,sans-serif;
	margin-bottom: 4px;
	color: #003399;
}
h2 {font: normal 1.6em CaeciliaLTStdRomanRegular,sans-serif;}
h3 {font: bold 1.1em CaeciliaLTStdRomanRegular,sans-serif;}

h1, h2, h3 {padding-top: 6px;
			padding-bottom: 10px;
}

label {
	display: block;
	font-size: 0.9em;
}

.scrollcontainer {
  width: 675px;
  height: 420px;
	clear:both;
}
#Scroller-1 { 
  position: absolute; 
  overflow: hidden;
  width: 684px;
  height: 420px;
z-index:10;
}
#Scroller-1 p {
font-family: "Arial", Times, sans-serif;
	line-height: 150%;
	color:#808080;
}
.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
z-index:10;
}
.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
  top:180px; left: 675px;
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 210px; left:675px;
}

.grad {
position:absolute;
bottom:0;
height:46px;
width:704px;
z-index:20;
background:  url('img/bottom.png') center no-repeat;
}

/* misc */
.clearer {clear: both;}
.left {float: left;}
.right {float: right;}

/* structure */
.container {
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 0 0;
	width: 940px;
}

/* header */
.top {
	padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0

}
/* title */
#header {
	background: url('img/header.png') bottom no-repeat;
	height: 297px;
	margin: 0 auto;
	padding: 0px 0px 0px;
	width: 940px;
	over: hidden;
	z-index: 100;
}

.wpcf7-text{
width:330px;
padding:5px;
height:20px;
background: url('img/contactbg.png');
border:none;
color:#ffffff;
margin-bottom:15px;
}

.wpcf7-textarea{
width:330px;
padding:5px;
background: url('img/contactbg.png');
border:none;
color:#ffffff;
margin-bottom:15px;
}
.wpcf7-submit{
height:30px;
color:#fff;
background: url('img/contactbg.png');
width:150px;
font-size:1.3em;
text-align:center;
cursor:pointer;
border:none;
font-family:"CaeciliaLTStdRomanRegular", Arial, sans-serif;
}

.wpcf7-submit:hover{
background:#7A4A77;
}


/* navigation */
#navigation {	
	background: url('img/nav.gif') no-repeat;
	height: 42px;
	z-index: 200;
}

#navigation ul{
	width:400px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
#navigation li {
  float: left;
  display: inline-block;
  position: relative;
	
}
#navigation a {
	color: #FFF;
	display: block;
	float: left;
	text-decoration: none;
	font: normal 1.11em "CaeciliaLTStdRomanRegular", Arial, sans-serif;
	line-height: 42px;
	padding: 0 10px;
	
}
#navigation a:hover {color: #4F4F51;}

/* sub-menu */
#navigation li ul {
	width: 180px;
	position: absolute;
	left: 0px;
	top: 42px;
	padding: 0 0 10px 0;
	margin: 0;
	z-index: 200;
}

#navigation li ul li{

background: #000;
width: 180px;
height: 32px;
padding: 0;
margin: 0;
border-bottom: solid 1px #FFF;
	
}

#navigation li ul a{
	background: transparent;
	display: block;
	width: 160px;
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
	
}

#navigation li ul a:hover{
	background: #CCCCCC;
}
/* main */
.main {
	z-index: 50;
}

/* SIDEBAR --------------------------------------------------*/

.sidenav {
	float: right;
	width: 210px;
}
.sidenav h2 {
	color: #000000;
	font: bold 1em Arial,sans-serif;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}
.sidenav ul {
	padding: 0;
	border-top: 0px solid #EAEADA;
}
.sidenav li {border-bottom: 0px solid #EAEADA;}
.sidenav li a {
	font-size: 1.1em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.sidenav li a:hover {
	background: #F0F0EB;
	color: #fff;	
}

/* CONTENT --------------------------------------------------*/

.content {
		float: left;
	margin: 10px 0;
	padding: 15px 20px;
	width:900px;
height:451px;
	background: url('img/contentbg.png') no-repeat;

}
.content .descr {
	color: #000;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.content li { list-style-type: disc; line-height: 180%; padding: 0 0 12px 6px; }
.content p {
	line-height: 180%;
	color:#4F4F51;
font-size:1.1em;
	}

/* CONTENT ABOUT --------------------------------------------------*/

.contentabout {
		float: left;
	margin: 10px 0;
	padding: 15px 20px;
	width:900px;
height:451px;
	background: url('img/about.png') no-repeat;

}
.contentabout .descr {
	color: #000;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.contentabout li { list-style-type: disc; line-height: 180%; padding: 0 0 12px 6px; }
.contentabout p {
	line-height: 180%;
	color:#4F4F51;	}


	
/* CONTENT HOME --------------------------------------------------*/

.contenthome {
	float: left;
	margin: 10px 0;
	padding: 0px 0px;
	width:940px;
}
.contenthome .descr {
	color: #000;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.contenthome li { list-style-type: disc; line-height: 180%; padding: 0 0 12px 6px; }
.contenthome p {
	line-height: 130%;
	}
	
.contenthomeleft{
	float:left;
	width:260px;
	height:300px;
	background: url('img/trading.png') no-repeat;
	padding-top: 180px;
	padding-right: 30px;
	padding-left: 30px;
	line-height: 180%;
	font-size:1.1em;
}

.contenthomeright{
	float:right;
	width:440px;
	height:328px;
	background: url('img/frame.png') no-repeat;
	padding-top: 70px;
	padding-right: 85px;
	padding-bottom: 90px;
	padding-left: 85px;
}

/* content SCROLL*/
.contentscroll {
	float: left;
	width:920px;
	height:451px;
	background: url('img/contentbg.png') no-repeat;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 0px;
}
}
.contentscroll .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.contentscroll li { list-style-type: disc; line-height: 180%; padding: 0 0 12px 6px; }
.contentscroll p {
    font-family: "Arial",sans-serif;
	line-height: 180%;
	color:#808080;

	font-size:0.95em;
	}

.scroll {
width:675px;
padding-top:10px;
margin-right:25px;
float:right;
}
.sidemenu{
width:196px;
float:left;
padding-top:23px;
}
.sidemenu ul {
	padding: 0;
	margin:0;
}
.sidemenu li {
	list-style-type: none;
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 9px;
	margin-left: 0;
}
.sidemenu li a {
	font-size: 0.95em;
	color: #ffffff;
	display: block;
	text-decoration: none;
		background: url('img/contactbg.png') no-repeat;
		text-align:center;
	padding-top: 4px;
	padding-bottom: 4px;
}
.sidemenu li a:hover {
	background:#7A4A77;
}

/* FACEBOOK --------------------------------------------------*/

#facebook{
width:243px;
height:35px;
padding-left:640px;
}	



/* IMAGE STLES --------------------------------------------------*/

img.alignright {float:right; margin:4em 4em 4em 4em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img {border:none;}

/* FOOTER --------------------------------------------------*/

.footer {
	background: url('img/footer.gif') no-repeat;
	color: #FFF;
	font: normal 1em "CaeciliaLTStdRomanRegular",Times, sans serif;
	padding: 0 16px;
	line-height: 42px;
	height: 42px;
}
.footer a, .footer a:hover {color: #FFF;}

/* POSTS --------------------------------------------------*/

.post h1 a {text-decoration:none;}
.post h1 a:hover {text-decoration:underline;}

.post {margin: 6px 0 2px;}
.post .info{
	padding: 5px 10px;
	border: 1px solid #E3E4E4;
	background:#F5F5F5;
	color: #000;
	margin: 2px 0 4px;
}
.post img {border: 0px solid #DDD; margin: 4px 0;}
.post a img {border: 0px solid #DDD;}
.post a:hover img {border-color: #CCC;}

.info a {text-decoration: none;}
.info a:hover {text-decoration: underline;}

/* COMMENTS --------------------------------------------------*/
.content ol li {list-style: none; background: none;}

#commentlist li {
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #700000;
	list-style: none;
}
#commentform {
	margin: 1em 0;
	background: #FAFAFA;
	width: 280px;
}
.commentmetadata {padding: 2px 0 4px;}
.commentmetadata a {color: #664;}

/* COMMENT FORM FIELDS --------------------------------------------------*/

textarea.styled {width: 280px;}

.styled {
	font-size: 1.1em;
	background: #F8F7F6;
	border: 1px solid #D6D3D3;
}
.styled:hover {
	background: #FFF;
	border: 1px solid #D6D3D3;
}
.styled:focus {
	background: #FFF;
	border: 1px solid #939793;
}

#commentform input {margin-bottom: 3px;}


/* HIDDEN ELEMENTS --------------------------------------------------*/

.ui-hidden {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}
.ui-accessible-hidden {
	 position: absolute; left: -99999999px;
}

/* RESET STYLES --------------------------------------------------*/

.ui-reset {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
}

/* CLEARFIX CLASSES --------------------------------------------------*/

.ui-clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}