/*  
Theme Name: Galleried
Theme URI: http://www.WPJuicy.com/
Description: A Wordpress theme from WPJuicy.com.
Version: 1.0
Author: Effi
Author URI: http://www.WPJuicy.com/
Tags: threaded-comments, fixed-width, right-sidebar, two-columns, theme-options
*/

/* -------------------- GENERAL -------------------- */


@font-face { font-family: "Diavlo"; src: url("fonts/Diavlo_BOLD_II_37.otf") format("opentype"); } /* A font by Jos Buivenga (exljbris) -> www.exljbris.com */

* { margin: 0; padding: 0; }

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, code, img, 
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

body { font-family: Myriad Pro, Geneva, Arial, Helvetica, Tahoma, sans-serif; font-size: 14px; line-height: 1.6em; text-align: justify; color: #111; }

h1, h2, h3, h4, h5, h6 { font-family: "Diavlo", Arial, "MS Trebuchet", sans-serif, Verdana; font-weight: normal; text-transform: uppercase; text-shadow: 0 1px 1px #333; }
h1 { font-size: 44px; }
h2, h2 a { font-size: 22px; text-shadow: 0 1px 1px #bbb; color: #121212; text-decoration: none; margin-top: 15px; }
h3 { font-size: 18px; margin-bottom: 20px; text-shadow: 0 1px 1px #bbb; }
h4, h5, h6 { font-size: 16px; }

a { text-decoration: none; color: #499cc2; }
a:hover { text-shadow: none; text-decoration: underline; }

hr { display: none; }

.entry img { border: 1px solid #fff; margin: 5px; }

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 0 0 2px 7px; padding: 0; display: inline; }
img.alignleft { margin: 0 7px 2px 0; padding: 0; display: inline; }
img.wp-smiley { border: 0; margin: 0; padding: 0; background: transparent; }

a img {	border: 0; }

input, textarea { font-family: Arial, Helvetica, Georgia, Sans-Serif; font-size: 12px; padding: 2px; }
input#s, input#author, input#email, input#url, textarea#comment { padding: 3px; }

input#author, input#email, input#url { margin: 0 5px 0 0; }

pre { width: 90%; }
small { font-size: 90%; }
code { color: #008099}
blockquote { margin: 1em 3em; color: #777; border-left: 2px solid #999; padding-left: 1em; }


.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.wp-caption img { margin: 0; padding: 0; border: 0 none; }

.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

.demodownload { margin: 10px 0; }
.download { color: #499cc2; font-size: 150%; padding: 5px 5px 0 5px; font-family: "Diavlo", Arial, "MS Trebuchet", sans-serif, Verdana; border: 1px solid #555; }
.download:hover { background: yellow; }


/* -------------------- LAYOUT -------------------- */


#header { height: 145px; background: url(images/bg.gif); }
#header-inner { margin: auto; width: 1004px; height: 89px; position: relative; }


#header .topmenu { float: left; width: 1000px; height: 35px; padding: 0; margin: 0; clear: both; background: #4cbeff url(images/cellshade.png) repeat-x top center; }

#header .topmenubox { float: left; padding-top: 1px; padding-left: 1px; padding-right: 1px; margin: 0; background: #121212; }

#header .topmenu #topmenuleft { float: left; width: 790px; height: 35px; padding-top: 3px; margin-left: 10px; }
#header .topmenu #topmenuright { float: left; width: 200px; height: 35px; padding-top: 2px; list-style: none; display: inline; }


#main { overflow: hidden; padding-bottom: 10px; padding-top: 10px; z-index: 1; position: relative; background: #dadada url(images/bg-body.gif) repeat-x top center; border-top: 1px solid #111; }
#main-inner { margin: auto; padding: 0; width: 1000px; overflow: hidden; min-height: 350px; text-align: left; }


.contentwide { float: left; width: 1000px; }

.content { float: left; width: 700px; margin: 0; padding: 0; }

#sidebar { float: right; width: 290px; margin: 0 0 0 10px; padding: 0; }


#footer-box-container { width: 1000px; margin: 0 auto; }


/* -------------------- HEADER / SITE TITLE -------------------- */


#header .site_title { float: left; width: 80%; height: 108px; }

#header .site_title h1 { padding: 70px 0 0 10px; color: #4cbeff; }
#header .site_title a, #header .site_title a:visited { color: #4cbeff; text-decoration: none; }

#header .description { padding: 0; color: #101010; }

#header .syndication { float: left; width: 20%; height: 43px; margin: 0; padding-top: 65px; text-align: right; }


/* -------------------- DROP-DOWN MENU -------------------- */


#dropmenu, #dropmenu ul { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; position: relative; line-height: 1.6em; z-index: 300; width: 100%; text-transform: uppercase; font-size: 95%; }

#dropmenu a { color: #111; display: block; padding: 6px 20px; text-decoration: none; }

#dropmenu a:hover { color: #111; background: #fff; }

#dropmenu li { float: left; position: relative; }
#dropmenu ul { position: absolute; display: none; width: 120px; top: 2.5em; left: 0; }
#dropmenu ul a { }
#dropmenu li ul a { border-bottom: 1px solid #999; width: 70px; color: #111; height: auto; float: left; }
#dropmenu li ul a:hover { color: #111; background: #fff; }

#dropmenu ul ul { top: auto; }
#dropmenu li ul ul { left: 120px; margin: 0 0 0 10px; }
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul { display: none; }
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul { display: block; }

#dropmenu ul li, #dropmenu li.active .children li.active ul li { padding: 0 13px; width: 112px; background: #fff; }
#dropmenu ul li:hover { background: #f5c13a; padding: 0 13px; }


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


#searchform { background: url(images/search.png) no-repeat; width: 186px; height: 26px; padding: 2px 0; margin-top: 3px; }
#searchform #s { background: #f9f9f9; border: none; font: italic 110% Georgia, "Times New Roman", Times, serif; color: #888; width: 130px; height: 21px; padding: 0 5px; margin-left: 35px; }
#searchform #s:focus { outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }


/* -------------------- POSTS -------------------- */


.boxgallery { margin: 10px 0 10px 0; }
.gallery { padding: 0; background: #1a1a1a; }

.boxposthome { padding: 2px; border: 1px solid #aaa; background: #fff; width: 334px; height: 1%; float: left; margin: 0 5px 10px 5px; }
.posthome { height: 500px; background: #dadada url(images/bg-body.gif) repeat-x top center; padding: 10px; }

.boxpost { padding: 2px; margin: 10px 0 10px 0; border: 1px solid #aaa; background: #fff; }
.post { background: #dadada url(images/bg-body.gif) repeat-x top center; padding: 10px; }


.boxpagenav { padding: 2px; margin: 0; border: 1px solid #aaa; background: #fff; clear: both; }
.pagenav { padding: 10px 0; text-transform: uppercase; background: #fdfdfd url(images/shadow-bot.gif) repeat-x bottom center; }

.post p { margin: 0; }

.entry { padding: 10px 0 0 0; }

.post h3 { padding: 20px 0 10px 0; }

.post ul, .post ol { margin: 0; padding: 0 0 0 20px; }
.post ul li, .post ol li { padding: 0 0 0 10px; }

.boxpostinfo { padding-top: 1px; padding-bottom: 1px; margin: 10px 0 0 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: #fff; }
.postinfo { padding: 0 5px; background: #eee; font-size: 10px; color: #555; text-transform: uppercase; }
.postinfo a { color: #555; }


/* -------------------- SIDEBAR -------------------- */


#sidebar, #sidebar a { color: #222; font-size: 12px; text-transform: uppercase; }

#sidebar h3 { margin: 2px 0 10px 0; padding: 0; color: #4a95b6; }

#sidebar1 p { padding: 8px 0; }
#sidebar1 ul { margin: 0; padding: 0; list-style: none; clear: both; }
#sidebar1 li { margin: 0; padding: 10px; list-style: none; clear: both; }
#sidebar1 ul li { padding: 0; margin: 0; list-style: none; }

#sidebar2 ul { margin: 0; padding: 0; list-style: none; clear: both; }
#sidebar2 li { margin: 0; padding: 10px; list-style: none; clear: both; }
#sidebar2 ul li { padding: 0; margin: 0; }
#sidebar2 ul ul li { padding: 0 0 0 10px; }
#sidebar2 ul ul ul li { padding: 0 0 0 10px; }

#sidebar img { float: left; margin: 0 5px 5px 0; padding: 2px; }


.box { padding: 2px; border: 1px solid #aaa; background: #fff; margin-top: 10px; }
.boxinside { padding: 7px; background: #fdfdfd url(images/shadow-bot.gif) repeat-x bottom center; }


/* -------------------- COMMENTS -------------------- */


.comments { padding: 20px 0 0 0; }
.comments h2 { padding-bottom: 20px; }

#respond h3 { }


#commentform #author, #commentform #email, #commentform #url, #commentform textarea { border: 1px solid #ccc; margin-left: 10px; margin-bottom: 10px; }

#commentform textarea { width: 96%; margin-bottom: 10px; }

#commentlist, #commentlist2 { width: 98%; margin: 0 0 20px 0; padding: 0 0 0 10px; }
#commentlist ul, #commentlist2 ul { margin: 0; padding: 0; }

#commentlist li { border: 1px solid #ccc; margin: 0 0 20px 0; list-style-type: none; padding: 0; }
#commentlist2 li { border: 1px solid #ccc; margin: 0 0 20px 0; list-style-type: none; padding: 5px 14px 9px 63px; }

#commentlist li p { padding: 5px 10px 5px 80px; margin: 0; }
#commentlist2 li p { margin: 0; }

#commentlist a, #commentlist2 a { }

#commentlist li div.meta, #commentlist2 li div.meta { padding: 0; margin: 0; text-align: center; }

#commentlist2 li.even { background: #eee; }
#commentlist2 li.odd { background: #fff; }

#commentlist li .avatar { margin: 5px; }
#commentlist2 li .avatar { margin-left: -58px; }

.avatar { float: left; padding: 0; border: 1px solid #bbb; width: 50px; height: 50px; }	


#commentlist2 li ul li { margin-right: -15px; margin-left: -50px; margin-bottom: -10px; }

.children { padding: 0; }

.reply { text-align: right; padding: 5px; }
.navigation { width: 100%; height: 20px; }
.cancel-comment-reply { text-align: right; float: none; }

.comment-meta1 { float: right; margin-top: 5px; margin-right: 10px; margin-bottom: 10px; font-size: 80%; color: #555; }
.comment-meta1 a { color: #333; }

.comment-meta  a { font-size: 8px; float: right; margin-top: -18px; color: #757575; }

.fn { font-size: 110%; font-weight: bold; font-style: normal; }
.says { display: none; }


/* -------------------- CALENDAR -------------------- */


table#wp-calendar { width: 100%; text-transform: none; }

table#wp-calendar caption { padding: 10px 15px; }

table#wp-calendar th { padding: 0px; text-align: center; background: #eee; }
table#wp-calendar td { padding: 0px; text-align: center; }


/* -------------------- FOOTER -------------------- */


#footer { float: left; width: 100%; font-size: 12px; clear: both; text-align: center; text-transform: uppercase; background: url(images/bg.gif); border-top: 1px solid #121212;}

#footercredit { float: left; width: 100%; font-size: 10px; clear: both; background: #1a1a1a; }

#footer a { color: #f6f6f6; }
#footer a:hover { }

#footer p { margin: 20px 0; padding: 0; color: #eee; }


.boxfooter { float: left; width: 100%; clear: both; color: #eee; }
.boxfooter h3 { color: #4a95b6; }

.footerinside { width: 305px; float: left; }
.footerinsideright { width: 300px; float: right; }

.footerinside, .footerinsideright { padding: 10px; margin: 25px 0; }
.footerinside p, .footerinsideright p { color: #111; padding: 0 10px; }
.footerinside li, .footerinsideright li {  padding: 3px 0; list-style: none; }
.footerinside img, .footerinsideright img {  padding: 0; margin-right: 4px; margin-left: 4px; border: 1px solid #fff; }


/* -------------------- 
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
 -------------------- */


.anythingSlider                         { width: 696px; height: 330px; position: relative; margin: 0 auto; color: #f9f9f9; }
.anythingSlider h2, .anythingSlider a   { color: #f9f9f9; padding-bottom: 10px;}

.anythingSlider .wrapper                { width: 616px; overflow: auto; height: 341px; padding: 0 40px; position: absolute; top: 0; left: 0; }

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: #2f2f2f; border-bottom: 1px solid #222; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 300px; width: 696px; margin: 0; }
.anythingSlider .entryslider            { float: right; width: 38%; padding: 20px 20px 20px 20px; }
.anythingSlider .entrysliderimg         { float: left; width: 53%; }
.anythingSlider .entryslider-no-img     { font-size: 120%; padding: 60px; }

.anythingSlider .arrow                  { display: block; height: 200px; width: 47px; background: url(images/arrows.png) no-repeat 0 0; opacity: 0; filter: alpha(opacity=0); text-indent: -9999px; position: absolute; top: 56px; cursor: pointer; }
.anythingSlider .arrow:hover            { opacity: 0.5; filter: alpha(opacity=50); }

.anythingSlider .forward                { background-position: 0 0; right: 0px; }
.anythingSlider .back                   { background-position: -47px 0; left: 0px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -47px -200px; }

#thumbNav                               { position: relative; top: 301px; text-align: center; }
#thumbNav a                             { color: black; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #2f2f2f url(images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; color: #f1f1f1; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #222; }

#start-stop                             { background: green; background-image: url(images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 301px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }