/*   
Theme Name: Systematic Child Theme
Theme URI: 
Description: Design by Dennis Tam. Code by James Black
Author: James Black
Author URI: http://www.systematicdesign.net
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */

@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


/*

Systematic Stylesheet
James Black

*/


body {

background: #e7e8ea;
margin:auto;
height:900px;
width:1500px;
margin-top:50px;
}


#wrapper {

width:1066px;
height:638px;
margin:auto;

font-family: Helvetica, arial, san-serif;


}

#home_content {

width: 1066px;
height:525px;



}

.menu {
width:1066px;

}

.sf-menu {
border: none!important;
background: none;
margin-left:-10px;
}
.sf-menu li {
border: none!important;
background: none;


}
.sf-menu li:hover {
background: none;

}
#work_items_container {

position: relative;
left:15px;
top:10px;
}
#work_items_container ul{

margin-left:0px;
list-style-type: none;
}

.sf-menu li a,.sf-menu li a:hover {

display: inline;
list-style-type: none;
border: none!important;
background: none!important;
font-family: Helvetica, arial, san-serif;
color: #949599;
font-size: 18pt;
font-weight: 100;
text-decoration: none;
margin-right: 10px;

}

#access {
border: none;

}
img {

border: none;

}

#branding {
padding-top: 0px;
padding-bottom:10px;

width:1066px;

}

#main {
padding-top:5px;
width:1066px;
}

/*

content



*/
#container {
width:1066px;

}
.entry-content {
padding-top: 0px;
font-family: Helvetica, arial, san-serif;
font-size: 9pt;
}
.entry-content p{
margin-bottom: 8px;
padding-top:0px;
}
#content, #content_work {
margin:0px;
background:white;
width:1066px;
height:525px;
overflow: hidden;
}
.content_container {
padding-top:60px;
padding-left:15px;
padding-right:15px;
}
.content_container p {
line-height: 13pt;

}
#content_work {
height:660px!important;

}

#home_images_container p {
display: none;
margin:0px;
padding:0px;
height:525px;

}
.img_list {


width:1066px;
height:540px;
padding:0px;
padding-top: 5px;
}

.img_list .item {

display: inline;
margin:8px;

float: left;
width:328px;
height:250px;
}

li.current_page_item a{

color: #52b8da!important;


}

.page_item, .sf-menu a,.sf-menu a:visited {
color:#949599;
font-size: 18pt;

}
/*

work subpage style
*/


#play_ico {
position: absolute;
top:200px;
left:60%;
z-index: 9999;

}

#work_subpage {
width:1066px;

height:550px;
position: absolute;
top:-600px;

}

.item_thumb_img {
width:328px;
height:206px;
overflow: hidden;

}

#subpage_back_btn {
left:0px;
top:490px;
position: absolute;
width:50px;
height:80px;

}

#work_subpage .item_desc {
position: relative;
left:40px;
top: 440px;
text-align: right;
width:280px;
}


#img_holder {
width:683px;
height:427px;
position: relative;
left:340px;
margin-top: 0px;
overflow:hidden;
}

.ajax_loader_item_img {

position: absolute;
left:300px;
top:180px;


}

.ajax_loader_home_img {

position: relative;
left:500px;
top:220px;
z-index: 99999;

}

#images_container {
float: right;
padding-right:20px;
padding-top: 20px;
}

#images_container h4 {
position: absolute;
text-align: right;
left:140px;
top:430px!important;
width:200px;
color: #52b8da;
font-weight: 100;
text-transform: none;
line-height: 14px;
font-size: 14px;
}
/*
Home styles
*/

#home_img_list {
list-style-type: none;
padding-left:0px;
margin-top: 5px;
height:525px;
}


#home_img_list li{
height:555px;


}

.home_desc {
background: #d1d2d4;
padding:5px;
margin-top:-4px;
}

.home_desc p {
margin-top:0px;
margin-bottom:0px;
color: #333;
letter-spacing: 3px;
}



#footer {
border: none;
color: #bbb;
}

.facebook_ico {
float: left;
margin-top: -15px!important;
}

.footer_copyright {
float: right;

}




#prevBtn {
position: absolute;
left: 10px;
top:560px;


}
#nextBtn {
position: absolute;
left: 1000px;
top:560px;


}
#controls li {
display: inline;
margin-left:25px;
margin-right:25px;
}
#controls {
margin: 0px;
position: absolute;
left:18%;
top:560px;

}

.video-js-box {
position: absolute!important;
left:400010px;
top:20px;

}

.gfield input {

border: none;
background-color: #e1e1e1;
width:250px!important;
height:18px!important;
padding:3px!important;
}
.gform_heading {

margin-bottom: 0px!important;

}

.gform_title {
padding:0px!important;
margin:0px!important;
color: #ed5a32;
font-style: normal!important;
}
.gform_fields li {
margin-top: 0px!important;
margin-bottom:0px!important;
padding-top:0px!important;
padding-bottom:0px!important;
}
.gfield label {
margin:0px!important;
padding:0px!important;


}
.gform_footer  {
margin: 0px!important;
padding:0px!important;

}
#post-8 {

padding:20px;


}
.gfield textarea {
width:250px!important;
border: none;
background-color: #e1e1e1;
padding:3px!important;
height:100px!important;

}

.nav-next {
clear: both;
position: absolute!important;
float: none!important;
top:505px;
left:510px;
}

.nav-previous {
position: absolute!important;
float: none!important;
top:505px;
left:15px;

}

.single_container {
height:550px!important;

}


#gforms_confirmation_message {

border: 1px solid #ccc!important;
background-color: #f1f1f1!important;
padding-left:10px;

}
.vjs-fullscreen {
left:0px!important;
top:0px!important;
}
.pos_no {
position: static!important;
left: 0px;
top:0px;

}

.sf-menu li:active {
background: none!important;

}

.work_title_with_player {
left:175px!important;

}