/*
____________________________________________________________

• AUTHOR	gabriel madison
• WEB		ohsoso.com
• EMAIL		info@ohsoso.com
• CLIENT	RAF
• VERSION	1.9
____________________________________________________________
HTML
__________________________________________________________*/

@import url(reset.css);

body		{ overflow: -moz-scrollbars-vertical; overflow-x: hidden; overflow-y: scroll; background-color: #000; font-size: 12px; 
			  font-family: Arial, Helvetica, sans-serif; line-height: 15px; }
html#page_stuff		{ cursor: url(raf_cursor.cur),url(cursor/raf_cursor.cur),default; }
select, 
input		{ color: #CCC; font-family: Arial, Helvetica, sans-serif; }
h1			{ font-weight: normal; }
p			{ margin: 0 0 20px 0; }
ul			{ margin: 0; padding: 0; }
img			{ border: 0; }
a, a:active, a:visited, 
a:hover		{ outline: none; color: #CFCFCF; text-decoration: none; }
a:hover		{ color: #FFFFFF; }

/*__________________________________________________________
ID
__________________________________________________________*/

#container	{ position: absolute; top: 150px; left: 50%; clear: both; margin: 0 0 0 -515px; padding: 0; width: 1030px; }
#content	{ margin: 0 0 0 544px; color: #CFCFCF; }

#header		{ width: 504px; }

#logo		{ position: fixed; top: 150px; margin: 50px 0 0 0; width: 350px; }
.stuff #logo		{ top: 100px; margin-left: -25px; }
#main_menu	{ position: fixed; top: 150px; display: block; margin: 0 0 0 294px; padding: 0 0 0 40px; width: 160px; }

#menu		{ width: 160px; color: #CFCFCF; list-style: none; }
#menu li	{ padding: 0 0 0 18px; min-height: 18px; background:  url(../img/nav.png) no-repeat 0 5px; }
#menu li:hover, 
#menu li.current_page_item, 
#menu li.current-cat			{ min-height: 18px; background: url(../img/nav_sel.png) no-repeat 0 0; }
#menu li.current_page_item a, 
#menu li.current-cat a			{ color: #FFF; cursor: default; }
#menu li a						{ display: block; width: 100%; min-height: 18px; }
#menu li.space					{ background: none; }

#vid_lst li		{ min-height: 18px; color: #333; }
#vid_lst li a	{ width: auto; min-height: 18px; }

#search_box		{ position: fixed; top: 95%; left: 20px; z-index: 1230; }
#search_textbox	{ position: absolute; top: -6px; left: 25px; width: 375px; }
#s				{ margin-top: 1px; height: 21px; border: 1px solid #000; background-color: #1A1A1A; }
#searchsubmit	{ height: 23px; border: 0; background-color: #1A1A1A; cursor: pointer; }
#searchsubmit:hover	{ color: #FFF; }

#twitter_box	{ position: fixed; top: 95%; left: 20px; margin: -32px 0 0 0; z-index: 1240; }
#twitter_img	{ height: 21px; position: absolute; top: 0; }
#twitter_text	{ height: 21px; position: absolute; top: 0; margin: 2px 0 0 28px; }

#insta_box	{ position: fixed; top: 95%; left: 20px; margin: -32px 0 0 0; z-index: 1250; }
#insta_img	{ height: 21px; position: absolute; top: -26px; }
#insta_text	{ height: 21px; position: absolute; top: -26px; margin: 2px 0 0 28px; }

#loading	{ position: fixed; top: 100px; left: 362px; z-index: 2300; width: 150px; height: 150px; }

/*__________________________________________________________
CLASS
__________________________________________________________*/

.col_1, 
.col_2, 
.col_3		{ display: block; float: left; padding: 0 10px 0 0; width: 230px; }
.col_2		{ padding: 0; width: 480px; }
.col_3		{ padding: 0; width: 780px; }
.hide		{ display: none; }
#vid_lst li.parent			{ color: #FFF; cursor: pointer; }
.children-list li:before	{ display: inline-block; margin: 0; width: 2px; height: 2px; background: #AAA; content: ""; vertical-align: middle; }
.children-list a 			{ padding: 0 0 0 8px; }
.children-list .hidden a 	{ padding: 0; }
.alert			{ padding: 5px 7px 5px 7px; margin-bottom: 20px; background-color: #FFF; }
.alert-error	{ color: #000; background-color: #FFF; }

/*__________________________________________________________
PAGES
__________________________________________________________*/

.contact #content ul		{ margin: 0 0 20px 0; min-height: 105px; }
.contact #content ul li		{ display: block; clear: both; color: #CFCFCF; }
.contact #content ul li p 	{ margin: 0; }
.contact #content ul li a 	{ text-decoration: underline; }

.cv #content .col_2			{ padding: 0 40px 0 0; width: 440px; }
.bio #content .col_2 .dwnl	{ display: block; clear:both; text-align: center; padding: 10px 0 0 0; text-transform: uppercase; }
.bio #content .col_2 .dwnl img	{ display: block; padding: 5px 0 10px 0; margin: 0 auto; width: 36px; }

/*__________________________________________________________
WALL
__________________________________________________________*/

.toggle-respond		{ padding: 0 0 20px 15px; display: block; clear: both; background: url(../img/ico_plus.png) no-repeat top left; }
.toggle-respond.act	{ background: url(../img/ico_minus.png) no-repeat top left; }
#respond			{ display: none; width: 220px; margin: 0; padding: 0; }
#respond #author,
#respond #comment_captcha_code,
#respond textarea	{ padding: 3px 4px; margin: 0; width: 212px; border: 0; background: #1A1A1A; color: #FFF; }
@-moz-document url-prefix() { #respond .comment-form-captcha { margin: 3px 0 0 0; } }
#respond #author	{ margin: 0 0 4px 0; text-transform: uppercase; }
input#send			{ height: 23px; border: 0px; background-color: #1A1A1A; cursor: pointer; margin: 0 0 25px 0; }
input#send:hover	{ color: #FFF; }

#respond textarea 	{ height: 100px; }

.masonry			{ margin: 0; padding: 0; }
.masonry .masonry-brick	{ width: 220px; margin: 0 0 5px 0; }
.navigation			{ display: none; }
.comment			{ word-wrap: break-word; font-size: 11px; line-height: 14px; background: #000; margin: 0; padding: 0; }
.comment h2			{ text-transform: uppercase; font-size: 12px; font-weight: normal; margin: 0; }
.comment.depth-1	{ margin: 0 0 5px 0; padding: 0; }
.comment.depth-2, 
.comment.comment-author-admin	{ padding: 23px 0 0 0; margin: 0 0 5px 0; width: 220px; position: relative; font-style: italic; background: url(../img/bg_line.png) no-repeat top left; }
.comment.depth-2 h2	{ font-style: normal; }
.comment-form-captcha img { padding: 4px 0 4px 0; display: block; clear: both; }
.comment-form-captcha #comment_captcha_code	{ clear: both; }
#infscr-loading		{ margin: 0 0 0 200px; display: none; }
#infscr-loading img	{ width: 16px; height: 16px; top: 10px; right: 10px; position: absolute; }

/*__________________________________________________________
MOBILE
__________________________________________________________*/

@media screen and (max-width: 480px) {
body		{ -webkit-text-size-adjust: none; } }

.mob .gallery 			{ margin: 10px 0 0 0; padding: 0 0 20px 0; width: 240px; background: url(../img/line.png) no-repeat bottom left; }
.mob .gallery li		{ display: block; float: left; padding: 0 5px 5px 0; width: 75px; }
.mob .gallery li img	{ display: block; width: 100%; height: auto; }

/* For inline examples only */
.mob #PhotoSwipeTarget	{ width: 100%; height: 200px; }

.mob #Indicators 		{ margin-top: 20px; text-align: center; }
.mob #Indicators span	{ display: inline-block; overflow:hidden; margin: 0 10px 0 0; padding: 0; width: 10px; height: 10px; 
						  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background: #C5C5C5; -o-border-radius:5px; }
.mob #Indicators span.current	{ background: #EEBF02; }

.mob #container		{ position: relative; top: auto; left: 0; float: left; clear: both; margin: 10px 0 10px 10px; padding: 0; width: auto; }
.mob #content		{ float: left; clear: both; margin: 0 20px 0 0; color: #CFCFCF; }

.mob #vid_lst		{ padding: 0 0 20px 0; background: url(../img/line.png) no-repeat bottom left; color: #CFCFCF; }
.mob #vid_lst li	{ padding: 0 0 2px 5px; }

.mob #logo			{ position: relative; top: auto; display: block; float: left; clear: both; margin: 0 0 10px 0; padding: 0; width: 240px; }
.mob #logo img		{ width: 240px; height: auto; }

.mob #menu			{ padding: 10px 0 0 0; width: 230px; }
.mob #main_menu		{ position: relative; top: auto; display: block; float: left; clear: both; margin: 0 0 10px 0; padding: 0; }
.mob #main_menu a.back	{ padding: 0 0 20px 0; }

.mob #search_box		{ position: relative; top: auto; left: auto; clear: both; margin: 0; padding: 0 0 20px 0; width: auto; }
.mob #search_textbox	{ position: relative; top: auto; left: auto; width: auto; height: 18px; }
.mob #search_textbox input	{ width: 220px; text-transform: uppercase; }
.mob #search_textbox img 	{ height: 100%; }

.mob #content .contact ul		{ margin: 0 0 20px 0; min-height: 105px; }
.mob #content .contact ul li	{ display: block; clear: both; padding: 0 0 0 5px; color: #CFCFCF; }
.mob #content .contact ul li p 	{ margin: 0; }
.mob #content .contact ul li a 	{ text-decoration: underline; }

.mob #content .cv .col_2		{ padding: 0 40px 0 0; width: 440px; color: #CFCFCF; }

.mob #content .dwnl				{ display: block; clear:both; text-align: center; padding: 10px 0 0 0; text-transform: uppercase; }
.mob #content .dwnl img			{ display: block; padding: 5px 0 10px 0; margin: 0 auto; width: 36px; }

/*__________________________________________________________
PAD/TABLET
__________________________________________________________*/

@media screen and (device-width: 768px) {
body		{ -webkit-text-size-adjust: none; } }

.pad #container			{ clear: both; margin: 0 0 0 -452px; padding: 0; width: 904px; }

.pad .gallery 			{ margin: 0 0 15px 0; padding: 0; width: 320px; }
.pad .gallery li		{ display: block; float: left; padding: 0 5px 5px 0; width: 75px; }
.pad .gallery li img	{ display: block; width: 100%; height: auto; }

/* For inline examples only */
.pad #PhotoSwipeTarget	{ width: 100%; height: 200px; }

.pad #Indicators 		{ margin-top: 20px; text-align: center; }
.pad #Indicators span	{ display: inline-block; overflow:hidden; margin: 0 10px 0 0; padding: 0; width: 10px; height: 10px; 
						  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background: #C5C5C5; -o-border-radius:5px; }
.pad #Indicators span.current	{ background: #EEBF02; }

.pad #main_menu a.back	{ padding: 0 0 20px 0; }

.pad #search_textbox	{ position: absolute; top: -6px; left: 0; width: 375px; }
.pad #search_textbox input	{ width: 220px; text-transform: uppercase; }

.pad #vid_lst 		{ padding: 0 40px 0 0; width: 360px; }

.pad #content .contact ul		{ margin: 0 0 20px 0; min-height: 105px; }
.pad #content .contact ul li	{ display: block; clear: both; padding: 0 0 0 5px; color: #CFCFCF; }
.pad #content .contact ul li p 	{ margin: 0; }
.pad #content .contact ul li a 	{ text-decoration: underline; }

.pad #content .cv .col_1		{ padding: 0 20px 0 0; width: 380px; color: #CFCFCF; }

.pad #content .dwnl				{ display: block; clear:both; text-align: center; padding: 10px 0 0 0; text-transform: uppercase; }
.pad #content .dwnl img			{ display: block; padding: 5px 0 10px 0; margin: 0 auto; width: 36px; }