/*
THEME NAME: Arthur Cox
THEME URI: http://www.safetycat.co.uk
VERSION: 1.0
DESCRIPTION: Arthur Cox site.
AUTHOR: Elvina
AUTHOR URI: http://www.safetycat.co.uk
TEMPLATE: sandbox

colours
light blue:  #A8CBD5
rollover pink:  #D01A33
active dark pink:7f0009
dark blue : #003561
midblue [directors]: 003561
light green [dot]: #EFEEC4
dark green [link] : #666600

*/








/* Body
----------------------------------------------------------------------------- */
body {
    font: 12px "Trubuchet MS", Helvetica, Arial, Geneva, sans-serif;
    background-color:#ffffff;
    line-height: 1.1em;
    margin: 0;
    color: #003561;
    
}

p.published {text-align: right;}


.wp-pagenavi {margin-top: 10px;}

/* Links
----------------------------------------------------------------------------- */
a:link,a:visited{
    color: #666600;
    padding: 1px;
    text-decoration: none;
}

a:hover{
    color: #D01A33;
    padding: 1px;
    text-decoration: none;
}



.entry-content a:hover, .entry-meta a:hover, .navigation a:hover, #comments a:hover, #footer a:hover{

    padding: 1px;
    text-decoration:none;
}

.sidebar:visited a:hover, .entry-content:visited a:hover, .entry-meta:visited a:hover, .navigation:visited a:hover, #comments:visited a:hover, #footer:visited a:hover{
    background-color: #B38654;
    color: #FFF;
    padding: 1px;
    text-decoration:none;
}

/* Header DIV
----------------------------------------------------------------------------- */
div#header{
width: 1000px;
height: 162px;
background-color: #A8CBD5;
padding: 0px 0px;
margin-top: 0;
}


div#logo {
position:absolute;
right: 0px;
top: 6px;
}

h1#blog-title {display: none;}

div#menu{
position:absolute;
bottom: 0px;
left: 0px;
width: 600px;
border: 0px solid red;
}

div#menu{
    font-size:1.8em;
    height:1.8em;
    padding-top:0em;
	text-transform: uppercase;
}


div#menu ul{
margin:  0;
padding: 10px;
}

div#menu ul li{
display: inline;
list-style-type: none;
padding-right: 30px;
}


div#menu ul a{
    text-decoration:none;
    font-weight: bold;
        color: #fff;
}

div#menu ul a:hover{
    text-decoration:none;
    font-weight: bold;
    color: #D61B32;
}

div#menu ul,div#menu ul ul,div#menu ul li{
    list-style:none;
}

div#menu ul li.current_page_item a, div#menu ul li.current-cat a{
    color: #D61B32;
}





h1#blog-title a:hover {}




/* Headings
----------------------------------------------------------------------------- */

#comments h3 {
    font-size: 1.5em;
    margin-bottom: -10px;
}
    
.page-title {
    background: url('images/folder.gif') no-repeat center left;
    padding-left: 20px;
}
    
h2.author {
    background: url('images/user.gif') no-repeat center left;
    padding-left: 20px;
}

.entry-content h3,h4,h5,h6{

    color: #003561;

}

h5 {
    font-size: 0.9em;
}

h6 {
    font-size: 0.8em;
}


/* Structure
----------------------------------------------------------------------------- */

div#wrapper /*Main Content*/  {
    width: 1000px;
    margin-left:auto;
    margin-right:auto;
    background-color:#FFF;
    padding:  10px;
    border:1px solid #ECEDC4;
    margin-top: 0px;
    margin-bottom: 10px;

}


div#content {
	margin-top: 0;
    padding-left: 10px;
    width: 800px;
}

div#linkup {float:left;   padding-top: 10px;}

div#facebookLink, div#twitter, div#youtube  {float:left; margin-right: 10px;}
div#facebookLink img,  div#twitter img, div#youtube img, #footer img {vertical-align:bottom;}

div#footer{
    text-align:right;
    padding-top: 10px;
}

#footer:after{
}

navigation.div {
    padding-bottom: 10px;
}

div.navigation a {
    text-transform: lowercase;
    text-decoration: none;
}

div#welcome { 
background: white;
margin: 0;
padding: 0 10px 10px 10px;
border: 1px dotted  #F1EEC4 ;
}
div#welcome p{ 
margin-bottom: 0;}


div#page-title h2  { color: #003561;  margin: 0; margin-top: 5px; padding: 0px; font-weight: normal;}
div#page-title h2  span{ color: #D61B32;}


/* Work page
----------------------------------------------------------------------------- */



div#work-container{
width: 980px;    
background-image: url(images/dot.gif);
padding: 10px 10px 20px 10px;
    min-height:500px;
    position: relative;
}


div#work-content {
	margin: 0 0 0 200px;
	width: 700px;    
	display: table-cell;
	padding-left: 20px;
}




.sidebar{
text-transform: uppercase;
background: white;
width: 160px; 
display: table-cell; 
vertical-align: top;
padding: 0px 20px 20px 0;
margin-right: 20px;
}

/* Work Nav Menu */

ul.work-cats {
margin: 0px 0 ;
padding: 0 ;
font-size: 1.5em;
line-height: 1.5em;
text-transform: uppercase;

}

ul.work-cats li{

list-style-type: none;
padding: 0 10px;
}

ul.work-cats li a{
  text-decoration:none;
  color: #D61B32;
}

ul.work-cats li a:hover{
  text-decoration:none;
	color: #003561;
}

ul.work-cats, ul.work-cats ul li{
    list-style:none;

}

ul.work-cats li.current_page_item a, ul.work-cats li.current-cat a{
    color: #003561;
}


/* Directors List */

div.sidebar h2{
color: #003561;
margin: 0px 0 10px 10px;
font-size: 1.5em;
line-height: 1.5em;
font-weight: normal;
}

ul.directors {
padding-top: 20px;
margin: 0 ;
padding: 0 ;
font-size: 1.1em;
line-height: 1.1em;
}


ul.directors li{
list-style-type: disc;
list-style-position: inside;
margin-bottom: 1.1em;
padding: 0 5px;
}
ul.directors li a{
 text-decoration:none;
 color: #003561;
}

ul.directors li a:hover{
 text-decoration:none;
 color: #D61B32;
}

ul.directors, ul.directors ul li{
}

ul.directors li.current_page_item a, ul.directors li.current-cat a{
    color: #D61B32;
}
/* Work list of movs */

.work-thumblist {border: 0px solid blue; width: 205px ; height: 140px; float: left;}

div.work-thumblist div.entry-content img {border-width: 5px;}

div.work-thumblist div.entry-content a:link, div.work-thumblist div.entry-content a:visited{
 color: white;
 }

div.work-thumblist div.entry-content a:hover{
 color: #EFEEC4;
 }


.work-content h2 {margin-top: 0;}

.highslide-html {background: black;}

#film-container .entry-content {
	text-align: center;
}


.entry-content a:hover {
background: none;
}


/* work popup */

.highslide-body input {
	margin: 5px;
}

.highslide-body label {
	vertical-align: top;
}


/* little button bar below */
div#ac-nav-below{
	clear:left;
	text-align:right;
	margin: 5px;
}

#ac-nav-below img {
	border: 1px solid white;
}

/* ----------------------------------- */

a.ac_getinfo{
	display: block;
	width: 19px;
	height: 45px;
	background: url(images/info.gif) no-repeat center center;
}


a.ac_getinfo:hover{
	background: url(images/info_on.gif) no-repeat center center;
}

a.ac_getinfo img {
	width: 19px;
	height: 33px;
}


/* ----------------------------------- */
a.ac_favourites{
	display: block;
	width: 30px;
	height: 45px;
	background: url(images/fave.gif) no-repeat center center;
}

a.ac_favourites:hover{
	background: url(images/fave_on.gif) no-repeat center center ;
}

a.ac_favourites img {
	opacity: 0;
	filter: alpha(opacity=0); /* MSIE */
	height: 45px;
	width: 30px;
}

/* ----------------------------------- */

a.ac_sendemail{
	display: block;
	width: 33px;
	height: 45px;
	background: url(images/email.gif) no-repeat center center;	
}

a.ac_sendemail:hover{
	background: url(images/email_on.gif) no-repeat center center ;
}

a.ac_sendemail img {
	width: 33px;
	height: 45px;
}




/* these boxes, awards and info are the ones that open out in the window */

#info {
	background: url('images/info.gif') no-repeat left top;
	padding-left: 30px;
	padding-right: 30px;
	height: 100px;
	overflow: auto;
	vertical-align: top;
}	

	#info p {
	padding-top: 2px;
	padding-left: 2px;
}
	
#awards {
	background: url('images/award.gif') no-repeat left top;
	padding-left: 30px;
	padding-right: 30px; 
	height: 100px;
	overflow: auto;
	vertical-align: top;
}
	
#awards p {
	padding-top: 2px;
	padding-left: 4px;	
}



/* the heart that appears when you have favourites */

div#favs_link{
	height:71px;
	margin-top:20px;
	position:absolute;
	right:20px;

}


div#favs_link a{
	display: block;
	height: 70px;
	background: url(images/heart_off.png) no-repeat top center;
}


div#favs_link a:hover{
	background: url(images/heart_on.png) no-repeat top center;
}

div#favs_link img{
	height:71px;
	width: 78px;
	border: none;
}

/* email acknowledgement pop up */
#acknowledgement_container {
	display:block;
	height:1px;
	left:0;
	overflow:visible;
	position:absolute;
	text-align:center;
	top:50%;
	visibility:visible;
	width:100%;
}

#acknowledgement {
	background-color:#EFEEC4;
	border:2px solid #A8CBD5;
	font-family:Verdana,Geneva,Arial,sans-serif;
	font-size:larger;
	line-height: 24px;
	height:80px;
	left:50%;
	margin-left:-125px;
	position:absolute;
	top:-25px;
	visibility:visible;
	width:250px;
	padding: 10px;
} 




/* news page
----------------------------------------------------------------------------- */
div#news-container, div#container{ 
width: 980px;     
background-image: url(images/dot.gif);
padding: 20px 10px;
    min-height:500px;
    position: relative;
}

div#news-container H2{ 
margin:0;
font-size: 1em;
margin-top: 0px;
}


div#news-content H2 {
margin-bottom: 10px;
}

ol.category-news, ol.category-work {
display:table; 
border: 1px #EFEEC4 solid; 
width: 750px; 
padding: 0;
margin: 0;
margin-bottom: 20px; 
}

ol.category-news  li {
background: white;
display:table-cell; 
vertical-align: top;
padding: 10px;

}

ol.category-news  li.news-pic {width: 180px;}

ol.category-news  li.news-pic a{ margin: 0; padding: 1px;}
ol.category-news  li.news-pic a img{ margin-top: 0; padding: 0; border: 0;}

ol.category-news  li.news-text {padding-top: 12px; color:#003561; width: 500px;}


/* FAVE LIST Page
----------------------------------------------------------------------------- */
.fav-thumblist {
border: 1px solid #EFEEC4; background: white; 
width: 200px ; height: 165px; float: left;
margin: 20px 10px 0 0 ;
padding: 5px 0 0 10px;
position:relative;
}

img.delete {border-width: 0px;  
position:absolute;
right: 5px;
bottom: 5px;
}

a img.delete {
background: url(images/delete.png) no-repeat ;
}

a:hover img.delete {
background: url(images/delete-ro.png) no-repeat ;
}

/* favourites page 

.deletefrom{background: url(images/delete.png) no-repeat ;}*/


h3.fav-title{
margin: 0;
padding-bottom: 0px;

}

h4.directed  {
    font-size: 0.8em;
    margin-top: 2px;
}

/* ABOUT Page
----------------------------------------------------------------------------- */

body.pageid-3 div#content {width: 600px;}


div#searchform{margin-bottom: 30px;}

div#searchform input{font-size: 16px;}



                UL.tabNavigation {
                    list-style: none;
					margin: 0;
                    padding: 0;
					padding-bottom: 2px;
					
					border-bottom: 5px solid #A8CBD5;
					
                }

                UL.tabNavigation LI {
                    display: inline;
					padding:3px;
                }

                UL.tabNavigation LI A {
                    padding: 0px 13px;
					background-color: #ECEFB8;
                    color: #BE1421;
					font-size: 20px;
                    text-decoration: none;
					padding-top: 4px;
					padding-bottom: 4px;
					line-height: 1.3em;
                }

                UL.tabNavigation LI A.selected,
                UL.tabNavigation LI A:hover {
                    background-color: #A8CBD5;
					color: #BE1421;

                }
                
                UL.tabNavigation LI A:focus {
                        outline: 0;
                }
div.tabbot {
display: block !important; 
border-top: 0px solid #A8CBD5;
}

                div.tabs > div {
                        padding: 5px;
                        margin-top: 2px;
                       
                }
                
                div.tabs > div h2 {
                        margin-top: 0;
                }

                #first {
                    background-color: #f00;
                }

                #second {
                    background-color: #0f0;
                }

                #third {
                    background-color: #00f;
                }
                
                .waste {
                        min-height: 1000px;
                }



img.downArrow {margin-left: 14px;}

.people_container { 
font-size: 12px;
float:left;}

#people{padding-top: 0px;}
.test .bio-image{ width: 200px; float:left;}
.test {margin-top: 20px; }
.hello { margin-left: 100px; }
.test p { margin: 0; margin-bottom: 16px; font-size: 12px; line-height:1.2em; }

a.drop_click {
font-size: 16px; 
color: #7E000E; 
margin-left: 100px;
}

a.drop_click:hover {
color: #BE1421; 

}




/* SEARCH Page
----------------------------------------------------------------------------- */

#tagcloud {width: 600px; text-align: justify; line-height: 30px;}


div#searchform{margin-bottom: 30px;}

div#searchform input{font-size: 16px;}


/* SEARCH RESULTS Page
----------------------------------------------------------------------------- */

div#search-cat {border: 1px solid yellow; color: brown; background-color: yellow; width: 40px; text-align: center;}

div#search-content ol.post { }
div#search-content ol.category-work li { 
background: white;
display:table-cell; 
vertical-align: top;
padding: 0px 10px 10px 10px;}

div#search-content ol.post  li.search-pic {width: 180px;}



/* CONTACT Page
----------------------------------------------------------------------------- */

div#post-7 {
float:left;
overflow:auto;
width:340px;
}

div#content.contact{
width: 700px;
overflow: auto;
float: left;

}

div#content.contact #rightcol{
float: left;

}


div.wpcf7 {
margin-right: 50px;
float:left;
}

div.wpcf7  input{
}


.entry-content {
 
}

#extra-right-side {
margin-top: 200px;
	float: left;
	margin-left: 20px;
	padding-left: 10px;
	width: 200px;
}

#extra-right-side h4 {
margin: 10px 0 5px;
}
	


#rightcol {
padding-top: 10px;
font-size: 14px;
line-height: 18px;
}

#rightcol small{
text-align: right;
}


/* Single Film Post 
----------------------------------------------------------------------------- */
div#film-container {
background: white; 
}



/* Single Entries
----------------------------------------------------------------------------- */

div.post {
    margin-top: 20px;
}

h2.entry-title a:link, h3.entry-title a:link, h3, h2.entry-title a:visited, h3.entry-title a:visited{
    color:#003561;
    text-decoration: none;
    font-size: 0.9em;
    line-height: 1.2em;
    margin-top: 1px;
    text-transform:uppercase;
 
}

h2.entry-title, h3.entry-title , h4.entry-title{
margin: 0;
padding-bottom: 5px;
/* float: left;*/
}



.page h2.entry-title{
    color:#003561;
    text-decoration: none;
    text-transform: none;
    font-size: 1.5em;
}

h2.entry-title a:hover, h3.entry-title a:hover{
    color:#D61B34;
    text-transform: uppercase;
}

.single h2.entry-title, .single h3.entry-title {
    color:#003561;
    text-decoration: none;
    text-transform: none;
    letter-spacing: -1px;
}



div.entry-meta {
    border-top: 0px solid #345578;
    border-bottom: 1px dashed #A5CCD5;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 5px;
    font-size: 0.9em;
}

.published{
    border-bottom: 0px;
    font-size: 0.9em;
    color: #156F88;
}

.entry-title{
    clear:both;
}
    
.entry-date {
    margin-top: -15px;
    font-size: 0.85em;

}
    
.protected h2, .protected h2.entry-title a:link,.protected  h3.entry-title a:link, .protected h3, .protected h2.entry-title a:visited, .protected h3.entry-title a:visited  /*Protected Post Titles*/ {
    color: #C41E3A;
}

/* Asides
----------------------------------------------------------------------------- */

body.home div.category-asides * {
    display:inline;
    margin-top: 20px;
}
    
body.home div.category-asides {
    border-bottom: 1px solid #345578;
    padding-top: 5px;
    padding-bottom: 5px;
}

body.home div.category-asides .author, body.home div.category-asides .vcard, body.home div.category-asides .cat-links, body.home div.category-asides .edit-link, body.home div.category-asides .meta-sep {
    display: none;
}
    
body.home div.category-asides .entry-meta {
    border: none;
}
    
div.category-asides h2 {
    opacity: 0.8;
    font-size: 1.4em;
}

div.category-asides h3 {
    opacity: 0.8;
}

div.category-asides h2:after, div.category-asides h3:after {
    content: " (aside)";
    opacity: 0.4;
    letter-spacing: -1px;
}

/* Comments
----------------------------------------------------------------------------- */

.comment-author {
    padding-left: 20px;
    background: url('images/comment.gif') no-repeat center left;
    font-weight: bold;
}

.comment-author-admin, .bypostauthor {
    background-color: #DBECFF;
    padding: 2px;
}

li.comment {
    list-style: none;
    margin-left: -40px;
    border-bottom: 1px solid #345578;
    padding: 10px 10px 0px 10px;
}
    
textarea#comment{
    height:13em;
    margin:0 0 0.5em;
    overflow:auto;
    width:66%;
}

.comment-meta {
    text-align: right;
    margin-top: -15px;
    font-size: 0.8em;
}

/* Access DIV/Skip Link/Other Nav. [elvis: removed skip link]
----------------------------------------------------------------------------- */
/* Main Nav Menu */





div.page-link, a.more-link {
    opacity: 0.7;
    font-size: 0.9em;
}

/* Textual and Etc.
----------------------------------------------------------------------------- */

strong{
    
}

blockquote,pre{
    border-left:10px solid #78b8ff;
    padding-left: 10px;
}

abbr{
    cursor:help;
}

acronym{
    cursor:help;
    letter-spacing:0.1em;
}

.news{
    background-color:#75B6FF;
    border-top:2px solid #003561;
    border-bottom:2px solid #003561;
    padding: 2px;
    text-align: center;
}

hr {

}

strike, del {
    color: gray;
}

.important {
    background-color: #78b8ff;
    padding: 1px;
}
    
.caps {
    text-transform: uppercase;
}
    
.amp { 
    font-size: 110%; 
    font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif; 
    font-style: italic;
 }
 
 dt {
    font-weight: bold;
    border-bottom: 1px solid;
}

/* Images
----------------------------------------------------------------------------- */

img{
/* nono no
    border:1px solid #345578;
    margin:10px;
    padding:5px;
    
    max-width:460px;
   width: expression(this.width > 460 ? 460: true);*/
   border: 0px;
}

img.noborder, .comment img, .wp-smiley {
    border: none;
    margin: 0px;
    padding: 0px;
}


/* Sidebar
----------------------------------------------------------------------------- 

div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{
    margin:0;
    padding:0;
}

div.sidebar {
    padding-left:10px;
}


div.sidebar h3 {
    font-size:1.2em;
    border-bottom: 1px solid #345578;
    text-transform: lowercase;
    margin-bottom: 5px;
}


div.sidebar input#s{
    width:7em;
}

div.sidebar li{
    list-style:none;
    margin:0 0 1em;
}

div.sidebar li form{
    margin:0.2em 0 0;
    padding:0;
}

div.sidebar ul ul{
    margin:0 0 0 1em;
}

div.sidebar ul ul li{
    list-style:none;
    margin:0;
}

div.sidebar ul ul ul{
    margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li{
    list-style:none;
}*/

/* Forms
----------------------------------------------------------------------------- */
textarea{
    font:1em Arial, Helvetica, Verdana, Geneva, sans-serif;
    border: 0px solid #003561;
    background: #A8CBD5;
    padding:1px;
    
}

input{
    border: 0px solid #003561;
    background: #A8CBD5;
    padding: 1px;
}
input.button{border: 0px solid white; color: white;}

input.button:hover{border: 0px solid #D01A33; color: #D01A33;}


/* Other
----------------------------------------------------------------------------- */
li#linkcat-2,li.content-column{
    list-style:none;
	position:relative;
}

div.sidebar,div#container{

    
}

div#nav-above,div#nav-below{
    width:100%;
    height:1em;
}

div#nav-above{
    margin-bottom:2em;
}

div#nav-below{
    margin-top:1em;
}




.alignleft,div.nav-previous{
    float: left;
    padding-top: 0px;
    padding-right: 5px;
}

.alignright,div.nav-next{
    float: right;
    padding-top: 10px;
}

form#commentform .form-label{
    margin:1em 0 0;
}

form#commentform span.req-field{
    background:#fff;
    color:red;
}

form#commentform,form#commentform p{
    padding:0;
}

input#author,input#email,input#url{
    width:50%;
}

input#author,input#email,input#url,textarea#comment{
    padding:0.2em;
}

ol.commentlist li{
    margin:0 0 3.5em;
}



/*
LAYOUT: Two-Column (Left)
DESCRIPTION: Two-column fluid layout with one sidebars left of content
*/



div#content {

	margin: 0 0 0 10px;
}
div.sidebar {


}
div#secondary {
	clear: left;
}
div#footer {
	
	width: 100%;
}