/*
Theme Name: Boksar.com
Theme URI: http://wordpress.org/
Description: The modified WordPress Classic theme 
Author: Anthony Rivera
Tags: mantle color, variable width, two columns, widgets
*/

* {padding : 0; margin : 0; outline : none;}
a { color : #fff; outline : none;}
a img { border : none;}
a:visited { color : #342;}
a:hover {	color : #ff0000;}
body {	background : #000;	color : #FFF;	font-family : 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;	font-size : 62.5%;	margin : 0;	padding : 0;}

#contact{position : relative; top : -40px; left : 746px; background:url(images/nav_contact.jpg) no-repeat; width:74px; height:24px; display:block; text-indent:-9999px;}
#header {	width : 800px;	border-bottom : 3px solid #ff0000;	font : normal 230% , Arial, sans-serif;	letter-spacing : 0.2em;	margin : 55px auto 0 auto;	padding : 0}
#header a {	color: #fff; text-decoration : none;}
#header a:hover {text-decoration : underline;}

#nav { height : 30px; margin: -20px auto 0 auto; width:800px;}
#nav li { float : left; list-style : none; padding : 0px;}
#nav a { text-decoration : none; color : #FFFFFF;}
#nav_matte a, #nav_photo a, #nav_personal a, #nav_reel a, #nav_cg a{ display : block; height : 30px; text-indent:-9999px;}

#nav ul{margin : 0;}
#nav li{ list-style : none; display : inline; font-size:18px;}
#nav a:link{color:#FFF; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal;}
#nav a:visited{color:#FFF;}
#nav a:hover{color:#F00;}
#nav a:active{}
#nav a {display:block; text-indent:-9999px;}

.cg { background:url(images/nav_cg.jpg) no-repeat; width:80px;height:31px;}
.matte {  background: url(images/nav_matte.jpg) no-repeat; width:148px;height:29px; }
.personal { background:url(images/nav_personal.jpg) no-repeat; width:116px;height:31px;}
.photography { background: url(images/nav_photo.jpg) no-repeat; width:150px;height:30px;}
.store{ background:url(images/nav_store.jpg) no-repeat; width : 52px;height : 31px; margin : -3px 0 0 0}
.reel{ background:url(images/nav_reel.jpg) no-repeat; width : 110px; height : 31px; margin : 0 0 0 143px;}

h2 {margin : 0 0 0 60px;	padding-bottom : 2px;	text-align:left;}
h2.title{ margin : 20px 0 0 132px; padding : 10px 0 0 15px; border-top : 1px solid #CCCCCC; width : 81%; font-family : Arial, Sans-serif; 
			font-weight : bold; font-size : 1.8em;}
h3 { border-bottom : 1px dotted #eee;	margin-top : 0;}
h3.storytitle{border-top : 1px dotted #eee}
.clearer { clear : both;}

#random {margin: 30px 0 0 0;}
map {margin: 30px 0 0 0;}

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

.clear {clear:both;}
div#wrapper { margin : 0 auto; width : 900px; text-align : center;}

body { background : #000000; color : #FFFFFF; font-family : Arial, Helvetica, sans-serif; text-align : center; margin : 0 auto;}
#masthead{ width:840px; margin: 0 auto;}
h1 { background : url(images/header.jpg) no-repeat; text-indent : -9999px; display:block;}
h1#header a { text-decoration : none; color : #FFFFFF; display : block; height : 66px; width : 332px; text-indent : -9999px;}
hr#redline { width : 840px;	height : 24px; background : url(../images/redline.jpg);	border : none;	margin : 0 auto;}
h2#category{ width : 150px; background-color : #000; float:left; margin-left:64px;}
h4#contact {background:url(../images/nav_contact.jpg) no-repeat; position:relative; left:600px; position:absolute; top:40px; left:66%;}
#contact a { width:74px; height:24px; color:#FFF; text-decoration:none; text-indent:-9999px; display:block;}

.prev{ background:url(images/back.jpg) no-repeat; width:17px; height:19px; text-indent:-9999px;}
.next{ background:url(images/forward.jpg) no-repeat; width:17px; height:19px; text-indent:-9999px;}
.storycontent{ margin-top:50px;}

#thumbs{ margin-top : 0px; margin-left : 50px; padding : 10px; width : 1240px; height : 150px; position : relative; overflow : hidden;}
#thumbs ul li{ float : left; padding-left : 10px; list-style : none;}
#thumbs ul li a img{ border : 1px solid #666666; }


#loader { position : relative; padding : 30px; margin : 0 auto; display : block;}
#loader img { margin :0 auto;}
.loading{ margin-top : 100px; background : url('images/loading.gif') no-repeat 50% 75%; height : 100%; width : 100%;}


img#rand { border : 1px solid #999999; margin : 30px 0 0 0;}
img{ border : 1px solid black;}
#footer{clear : left; font-size : 10px; font-family : Verdana;}

/*--------------------------------------------------------------------------------------------------------------------------------------*/
/*the style for the scrolling thumbnail div*/

#screen2 {	margin : 0 auto;	padding : 0; position : relative;	width : 90%;	clear:both;}

#screen2 #buttons {width : 90%;}
#screen2 .prev, #screen2 .next { position : absolute; top : 50px;}
#screen2 .prev{ left : -40px;}
#screen2 .next{ right : -40px; margin-left : 10px; padding-left : 10px;}

#slideshow, #sub_album { 	padding : 15px; border-top : 1px solid #CCCCCC; border-bottom : 1px solid #CCCCCC; 
							overflow : hidden; width : 89%; height : 100px; margin-left:60px; margin-right:60px;}
#slideshow ul, #sub_album ul { padding-left : 225px; width : 80000px; margin-left:30px;}
#slideshow li, #sub_album li {	cursor : pointer; float : left;	margin : 0pt 8px; list-style : none;}
#slideshow ul li a img, #sub_album ul li a img { border : 1px solid #666666;}

#copyright{color : #666666; position: relative; top : 300px;}

.contact-info{ font-size : 12px; margin-top : 100px; font-family : Verdana;}

small{ font-size : 10px; }