/*
Theme Name: DESIGNZATION
*/

/* base styles */
body { background:#fff url(gfx/body.gif); text-align:left; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:12px; }
#page { width:100%; margin:0; padding:10px 0; background:#fff; }
#menutop { width:950px; height:40px; margin:0 auto; }
.content_box { padding:10px; }
.splash { width:950px; height:380px; margin:0 auto 10px; }
.logo { width:250px; height:68px; margin:0 auto 10px; background:url(gfx/logo.png) no-repeat; }
.frontbox { height:143px; padding:0; }
.pink { background:#c8197a url(gfx/dots.png) repeat-x left bottom; }
.grey { background:#dedede url(gfx/dots.png) repeat-x left bottom; }
.black { background:#000 url(gfx/dots.png) repeat-x left bottom; }
.boxpadding { padding:10px; }
.hr { background:#222; color:solid rgba(255,255,255,0.1); width:100%; height:2px; margin:5px 0 15px; padding:0; border:none; float:left; }
td { color:#fff; border-bottom:1px solid #222; line-height:29px; }
tr:hover.entry { background:rgba(0,0,0,.75); }
table { float:left; }
.flickrrss { list-style-type:none; width:40px; height:40px; margin:0 2px 0 0; float:left; }

/* navigation */
#nav ul { margin:0 0 20px; padding:0; list-style:none; overflow:hidden; }
body.home #nav ul { margin:0; border-bottom:none; }
#nav ul li { float:left; width:25%; margin:0; padding:0; }
#nav ul li a { float:left; margin:0; padding:20px 10px 0 0; font-size:1.2em; font-weight:bold; text-decoration:none; text-transform:uppercase; letter-spacing:1px; color:#fff; color:rgba(255,255,255,.75); -webkit-transition:color .2s linear; }
#nav li a em { display:block; padding:0 0 5px; font-size:.9em; font-style:normal; text-transform:none; font-weight:normal; letter-spacing:0; opacity:.6; }
#nav li a:hover { color:#d7df21; }
#nav li.active a { color:rgba(255,255,255,.75); }
#nav li a:active { padding-top:20px; padding-bottom:0; }

/* scrollbar */
#horizontal {width: 1500px; height: 200px; overflow: auto; white-space: nowrap; float: left;}


/* extra
--------------------------------------------- */
#extra { margin:20px 0 0; background:rgba(0,0,0,.26); }
#extra-inner { clear:both; margin:0; padding:1px 0; font-size:1.1em; }
#extra dl { float:left; width:33%; padding:0 80px 0 0; }
#extra dl dt { margin:0 0 10px; font-size:1em; font-weight:bold; text-transform:uppercase; letter-spacing:2px; line-height:1.4em; color:#494949; }
#extra dl dd { margin:0 0 6px; font-weight:bold; line-height:1.4em; }
#extra dl dd.proj { margin-bottom:12px; }
#extra dl dd a { color:#84827b; }
#extra dl dd a:hover { color:#55544e; }
#extra dl dd.proj a { font-weight:normal; font-size:.9em; color:#84827b; color:rgba(132,130,123,.7); }
#extra dl dd a strong { display:block; font-size:1.1em; padding:2px 0 0; color:#84827b; }
#extra dl dd img { float:left; display:block; margin:2px 8px 0 0; padding:2px; background:#222; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }
#extra dl dd.proj a:hover,#extra dl dd.proj a:hover strong { color:#55544e; }
#extra dl dd a:hover img { background:#222; }

/* footer styles */
.footer { padding:20px 0 10px; }
.footer_border { padding:20px 0 10px; border-top:1px solid #dedede; margin:10px 0 0; }
ul#footer { border-top:1px solid rgba(255,255,255,0.1); padding:10px 0 0; }
ul#footer li { display:block; float:left; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid rgba(255,255,255,0.1); color:#959595; }
#footer a { color:#959595; text-decoration:none; }
#footer a:hover { color:#787878; text-decoration:none; border-bottom:1px solid #d7df21; }
.dsgn_footer { padding:20px 0 10px; background:rgba(0,0,0,.26); height:240px; font-family:arial; font-size:12px; }
.dsgn_footer_inner { width:950px; margin:0 auto; text-align:left; }
.dsgn_footer_border { padding:20px 0 10px; border-top:1px solid #dedede; margin:10px 0 0; }
ul#dsgn_footer li { display:block; float:left; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid rgba(255,255,255,0.1); color:#fff; }
#dsgn_footer a { color:#959595; text-decoration:none; }
#dsgn_footer a:hover { color:#959595; text-decoration:none; border-bottom:1px solid #d7df21; }

/* text styles */
h1 { font-size:34px; line-height:39px; text-transform:uppercase; font-weight:normal; color:#ccc; margin:0 0 10px; }
h2 { font-size:14px; text-transform:uppercase; font-weight:normal; color:#fff; }
p { color:#fff; }

/* photo styles */
div.fig { float:right; margin:.4em 0 10px 20px; padding:5px; background:url(gfx/noise-earth.gif); }
div.fig-alt { float:left; margin:.4em 20px 10px 0; }

/* list styles */
ul#boxlist { }
ul#boxlist li { width:400px; height:30px; margin:6px 0 0; display:block; float:left; }
ul#boxlist li:hover { background:#ad1f6b; width:290px; }
ul#boxlist li:hover.blacklist { background:#222; width:290px; }
.blacklist { color:#fff; }
ul.jlist { display:block; }
ul.jlist li { width:100%; padding:5px 0; display:block; float:left; border-bottom:1px solid #222; }
ul.jlist li:hover { background:rgba(0,0,0,.75); }

/* gallery styles */
ul#gallist { }
ul#gallist li { width:70px; height:30px; margin:6px 25px 6px 0; display:block; float:left; }
.boxthumb { width:30px; height:30px; margin:0 10px 0 0; float:left; }
.galthumb { width:70px; height:40px; margin:10px 0 0; padding:0 25px 0 0; float:left; }
.timestamp { font-size:11px; color:#990000; }

/* article styles */
.article_info { display:block; float:left; margin:10px 0 0; }
.article_timestamp { font-size:14px; text-transform:uppercase; font-weight:normal; float:left; color:rgba(255,255,255,0.4); }
.article_author { padding:0 0 0 10px; font-size:14px; text-transform:uppercase; font-weight:normal; color:rgba(255,255,255,0.4); text-decoration:none; }
.article_author a { margin:0 0 0 10px; font-size:14px; text-transform:uppercase; font-weight:normal; color:rgba(255,255,255,0.4); text-decoration:none; border-bottom:1px solid #c8197a; float:left; }
.article_picture { margin:30px 0 0; width:100%; }
.article_text p { font-size:14px; line-height:19px; margin:0 0 5px; color:#dedede; }
.article_text p a { color:#dedede; text-decoration:none; border-bottom:1px solid #c8197a; }
.article_text p a:hover { color:rgba(255,255,255,0.4); text-decoration:none; border-bottom:1px solid #dedede; }
.sub_text p { font-size:12px; line-height:17px; margin:15px 0 5px; color:#dedede; }
.sub_text p a { color:#dedede; text-decoration:none; border-bottom:1px solid #c8197a; }
.sub_text p a:hover { color:rgba(255,255,255,0.4); text-decoration:none; border-bottom:1px solid #dedede; }
.article_bit { width:20px; height:20px; padding:17px; margin:0 10px 0 0; float:left; background:#dedede; }

/* gallery styles */
.gallery_info { display:block; float:left; margin:10px 0 0; }
.gallery_text { font-size:14px; line-height:19px; margin:15px 0 5px; color:#666; float:left; }
.gallery_text p a { color:#222; text-decoration:none; border-bottom:1px solid #ffec00; }
.gallery_text p a:hover { color:#990000; text-decoration:none; border-bottom:1px solid #dedede; }
.gallery_thumb { width:100px; height:100px; background:#ffec00; float:left; margin:10px 15px 10px 0; }
.gallery_paging { display:block; float:left; margin:10px 0 0; }
.gallery_paging li { width:30px; height:15px; background:#dedede; float:left; display:block; margin:0 10px 0 0; padding:3px; text-align:center; line-height:17px; }
.gallery_paging li a { text-decoration:none; color:#222; }
.gallery_paging li a:hover { text-decoration:none; color:#000; }
.gallery_paging li:hover { background:#ffee00; }

/* Begin Images */
p img { padding:0; max-width:100%; }
img.centered { display:block; margin-left:auto; margin-right:auto; }
img.alignright { padding:4px; margin:0 0 2px 7px; display:inline; }
img.alignleft { padding:4px; margin:0 7px 2px 0; display:inline; }
.alignright { float:right; }
.alignleft { float:left; }

/* Moo */
#accordion { margin:20px 0; }
h3.toggler { cursor:pointer; margin:0 0 4px; padding:3px 5px 1px; color:rgba(255,255,255,0.4);  }
div.element p,div.element h4 { margin:0; padding:4px; }
blockquote { padding:5px 20px; }