@import url(reset.css);
body {font: normal 11px Verdana, sans-serif; color: #6f7d7f; background:#282c35 url(images/webheader.jpg) top center no-repeat;}
a {color: #a5b1bd; text-decoration: none; outline: none;}
a:hover {text-decoration: none;}
#wrapper {margin: 0 auto; width: 900px;}
h1 {margin: 0 0 8px 10px; font: normal 18px "Myriad Pro", Arial; color: #b3b3b3; }
.back-icon {float:left; margin-right: 10px; padding-top: 5px;}
h1 a {width: 600px; font: normal 18px Arial; color: #b3b3b3;}
h2 {text-align: left; margin-bottom: 10px; color: #cacaca; font: bold 11px Verdana, sans-serif; border-bottom: 1px solid #3a3d45; padding-bottom: 8px; }
.explain {line-height: 22px; color: #CCD1D7;}

/* HEADER */
#header {height: 280px; }
#navbar {text-align: right; height: 12px; margin: 5px 0 20px 0; padding: 6px; font: normal 10px Verdana, sans-serif; color: #494f5e;}
.active {color: #ffffff; filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1; opacity:1}

/*#navbar {display: block; text-align: center; width: 260px; margin: 30px 0 0 100px; padding:8px; background:#20232a;}
#navbar a {color: #676f79;}
#navbar:hover {background: #181A1F;}
#navbar a.active {color: #ffffff;}*/

/* FOOTER */
#footer {text-align: right; height: 12px; margin: 20px 0 20px 0; padding: 6px; background-color: #181a1f; font: normal 10px Verdana, sans-serif; color: #494f5e;}
#footer p {float:left; }

/* INDEX 1 */
#home {margin-top: 20px;}
#showreel {display:block; float:right;}
#showreel h1 {margin-top: 30px; margin-bottom: 15px;margin-left:0;}
#showreel object {margin-right: 30px;}
#indeax1 {xbackground: url(images/homephoto.jpg) top left no-repeat; float:right; margin-right: 20px; display:block; width: 420px;min-height: 310px; xpadding-left: 455px; text-align: right; }
#randomwork img {position: absolute; top: 0; left: 0; border:4px solid #45474c; width: 65px; height: 65px;}
#randomwork {width: 350px; position: relative; text-align: left; color: #a5b1bd; font: normal 11px Verdana, sans-serif; }
#randomwork li {padding: 5px 0;}
#randomwork em {float:left;display: block; width: 100px;}
#randomwork p {line-height: 25px; margin-top: 10px;}
#randomwork p a {padding: 4px 6px; border:1px solid #3b3f48; background: #1f222a;}

/* INDEX 2 */
#index2 {clear:both;margin-top: 30px;}
#index2 ul {}
#index2 li {float:left; width: 80px; margin-bottom: 14px;}
#index2  img {border: 4px solid #45474c; width: 65px; height: 65px;}
#index2  img:hover {border: 4px solid #77777f;}

/* PORTFOLIO */
#pcat {width: 720px; float:left;}
#pcat li {margin-bottom: 40px; padding: 9px 0 0 9px; width: 230px; height: 87px; bxackground: url(images/cat-bg.png) 0 0 no-repeat; color: #6F7D7F; font: normal 11px Verdana, sans-serif; float: left; }
#pcat li p {color: #6F7D7F;}
#pcat img {border: 6px solid #383e49; width: 208px; margin-bottom: 8px; height: 57px;}
#pcat p.pcatnumber {margin-top: 4px;}
#pright p {color: #6F7d7f; font: normal 11px Verdana, sans-serif; line-height:22px;}

/* PHOTOLIST */
#phlist {padding: 8px;}
#phlist li {float: left; margin: 0 20px 10px 0;}
#phlist img {border-bottom:2px solid #181a1f; height: 90px; width: 90px;}
#phlist img:hover {border-bottom: 2px solid #15ecea;}

/* FEATURED */
#featured {width: 540px; }
#featured img {border-top: 12px solid #2f333d; border-bottom:2px solid #181a1f; }

/* HOME PORTFOLIO LIST */
#hplist {float:left; margin-bottom: 25px; margin-left: 45px; width: 280px;}
#hplist ul {}
#hplist li {margin: 0 0 15px 0;}
#hplist img {border-top: 12px solid #2f333d; border-bottom:2px solid #181a1f; }
#hplist img:hover {border-bottom: 2px solid #15ecea;}

/* PORTFOLIO LIST */
#plist {margin-top: 12px;}
#plist ul {padding-left: 30px;}
#plist li {float: left; margin: 0 0 40px 0;}
#plist img {border-top: 12px solid #2f333d; border-bottom:2px solid #181a1f; height: 120px; width: 280px;}
#plist img:hover {border-bottom: 2px solid #15ecea;}

/* PORTFOLIO DETAIL */
#pwork{float:left; text-align: center; width: 600px;}
.pvideoout {padding: 6px 4px; width: 608px; background-color: #181a1f;}
.pimages {padding: 6px 4px; width: 608px; background-color: #393d49;}
.pimages img {border: 1px solid #4f525a;}

#pdetails {margin-left: 8px; margin-top: 20px; text-align: left; color: #a5b1bd; }
#pdetails em {float: left;display: block; width: 150px; }
#pdetails li {margin-top: 10px;}
.title {color: #06BDDF; font: normal 16px Arial, sans-serif; margin: 14px 0 6px 0; }

#imagenavigation {font-size: 11px; font-family: Verdana, sans-serif; margin-top: 20px; text-align: right; float:right;}
#imagenavigation li {display: inline;}
#imagenavigation li a {padding: 5px; margin-right: 3px;color: #1f756a;}
#imagenavigation li a.active {color: #0ca4bb;}

#pworkright {width: 220px; float: left; margin: 10px 0 0 35px;}

#photocarousel {margin-bottom: 30px;}
#photocarousel li img {filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; width: 93px; height: 40px;}
#photocarousel li img:hover {filter:alpha(opacity=100);-moz-opacity:1; -khtml-opacity: 1; opacity: 1; }
.jcarousel-skin-tango li.active {border-bottom: 2px solid #15ecea; height: 40px;} 
#photocarousel li.active img {filter:alpha(opacity=100);-moz-opacity:1; -khtml-opacity: 1; opacity: 1; height: 40px;}

#statistic {width:200px; border-top: 1px solid #373a3f; border-bottom: 1px solid #373a3f; padding-top: 10px; font: normal 11px Verdana,sans-serif; color: #a5b1bd;}
#statistic p {background: url(images/stat_icon.png) 0 0 no-repeat; padding-left: 24px; margin-bottom: 6px; padding-bottom: 6px; }

/* PHOTO */
.taglist {padding-top: 10px;}
.taglist li {padding-left: 6px; color: #A5B1BD; font: normal 10px Verdana,sans-serif; margin-bottom: 8px; }
.titletag {padding-top: 10px; font: normal 11px Verdana,sans-serif; color: #515661;}
.photoinfo {float:left; display:block; width: 600px; color: #CCD1D7; font-size: 11px; font-family: Verdana, sans-serif; margin-top: 12px; line-height: 22px; text-align: left; margin-bottom: 20px; }

/* PAGINATION */
div.pagination {float:left;padding: 5px;margin: 0 0;text-align:center;font-size: 11px;}
div.pagination a {margin-right: 8px;}
div.pagination a:hover, div.pagination a:active {color: #a5b1bd;}
div.pagination span.current {margin-right:8px;font-weight: bold;color: #0ca4bb;}
div.pagination a.next {color: #a5b1bd; margin-right: 8px;}
div.pagination a.prev {color: #a5b1bd; margin-right: 8px;}
div.pagination a.next:hover, div.pagination a.prev:hover {}
div.pagination .disabled {color: #666;margin-right: 8px;}

/* SOCIAL */
#social {padding-top: 6px; margin-top: 30px; background: #343843; width: 280px; height: 24px;}
#social ul {padding-left: 55px; }
#social img {border:none;}
#social img:hover {border:none;}
#social li {float:left; padding-right: 10px;}

/* PAGES */
#pages {float: left; width: 650px; display: block; line-height: 22px; color: #CCD1D7;}
#pagesright {line-height: 22px; color: #CCD1D7;padding-left: 16px; margin: 0px 0 0 10px; float:left; width:160px;}
#pagesright.ekinmail {margin-bottom: 14px;}
.ekinmail {margin-bottom: 35px;}
#aboutme {width: 300px; float:left; margin-right: 30px;}
.abouttitle {color: #06BDDF; font: normal 11px Verdana, sans-serif; margin: 0px 0 6px 0; }

/* @@ */

.pageactive {color: #15ECEA;}
.explain2 {line-height: 18px; color: #6F7581; font: normal 11px Verdana, sans-serif; margin-bottom: 12px;}