/*
Theme Name: Andrée Wallin
Theme URI: http://andreewallin.org/
Description: Theme for Andrée Wallin
Version: 1.0
Author: David Boni & Carson Perrotti

	This theme was designed and built by David Boni and Carson Perrotti.

	The CSS, XHTML and design is released under Copyright
*/

* { margin:0px; padding:0px; text-indent:0px; }
:focus { -moz-outline-style:none; }
img { border:none; padding:0px; }
ol, ul { list-style:none; }
.left { float:left!important }
.right { float:right!important }
.clear { clear:both!important; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
.end { border:none!important; margin-right:0!important; }
.last { background:none!important; margin-bottom:0!important; }
center { line-height:0px!important; }

/* COMMON */

html { background:#0d0d0d url(img/background-metal.jpg) repeat-x center 58px;}
body { background:#0d0d0d url(img/background-metal.jpg) repeat-x center 58px; font-size:13px; font-family:Arial,san-serif; color:#666666; line-height:19px;}
html, body {height: 100%; }
:link, :visited { text-decoration:none; color:#aaa; }
a:hover { color:#fff!important; }
h1 { font-family:Arial,sans-serif; font-size:28px; color:#fff; line-height:38px; font-weight:normal; padding-bottom:10px; }
h1 a { color:#333!important; }
h2 { font-family:Arial,sans-serif; font-size:22px; color:#fff; line-height:36px; font-weight:bold; padding-bottom:10px; }
h3 { color:#fff; font-size:16px; font-weight:normal; padding:0 0 15px; }
h4 { color:#555; font-size:11px; line-height:14px; font-weight:normal; padding-bottom:30px; text-transform:uppercase; }
h5 { font-family:Arial,sans-serif; font-size:12px; font-weight:normal; padding:0 0 10px 0; margin:0; }
h5 a { color:#333!important; }
p, ul, ol { padding-bottom:15px; }


/* LAYOUT */

#header { position:relative; background: url(img/background-header1.png) repeat-x; height:66px; z-index:5; }

#container {min-height: 100%;}

#footer-content { background:url(img/copyright.png) center no-repeat; border-top:1px solid #181818; width:100%; margin:0 auto; padding-top:11px; height:29px; }
#footer { position: relative; clear:both; margin-top: -320px; height: 320px; width:100%; border-top:1px solid #222; background:#000; }
#footer ul li { float: left; height: 10px; border-right: 1px solid #292929; padding-right:7px; margin:4px 7px 0 0; line-height:10px; }
#footer :link, #footer :visited { color: #666666; -webkit-text-size-adjust:none; }
#footer p { background: url(img/icons.gif) no-repeat right 0; padding:2px 38px 4px 0; }
#footer p, #footer p span { -webkit-text-size-adjust:none;  }
.clearfooter { }

#index { width:100%; background:#0d0d0d; }
#content { background:url(img/ransparent.png); width:960px; margin:31px auto 0; padding-bottom: 320px;}

.row { width:960px; margin-bottom:28px; background:transparent; }
.col { width:305px; float:left; padding-top:46px; position:relative; }

h1 .post { text-align:center; }
.post { margin:10px auto 70px; width:960px; }
/* .post p { width:538px; background:#000; -moz-box-shadow: rgba(30,30,30,1) 0px 1px 0px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px #090909 solid; padding:10px 15px; } */
.post img { text-align:center; -webkit-box-shadow: rgba(0,0,0,0.9) 0px 0px 10px; -moz-box-shadow: rgba(0,0,0,0.9) 0px 0px 10px; box-shadow: rgba(0,0,0,0.9) 0px 0px 10px; }

#plate { width:100%; height:92px; background:url(/wp-content/themes/AW/img/plate4.png) top center repeat-x transparent; position:relative; z-index:11;margin:-77px 0 0; }

.news-thumbs { float:left; width:300px; height:200px; margin-left:30px; }
.portfolio-thumbs { float:left; width:300px; height:200px; margin-left:30px; -webkit-box-shadow: rgba(0,0,0,0.9) 0px 0px 10px; -moz-box-shadow: rgba(0,0,0,0.9) 0px 0px 10px; box-shadow: rgba(0,0,0,0.9) 0px 0px 10px; }

.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* NAVIGATION */

#nav { margin:0 auto; width:961px; z-index:10; }
#nav ul { width:961px; background:transparent; }
#nav li { position:relative; float:left; }
#header li :link, #header li :visited { background: url(img/background-navigation2.png) no-repeat; height:58px; display: block; text-indent: -3000px; overflow: hidden; padding: 0px 0 0 0; }

#header .page-item-1 :link, #header .page-item-1 :visited { width: 192px; background-position: 0px 0px; }
#header .page-item-2 :link, #header .page-item-2 :visited { width: 192px; background-position: -192px 0px; }
#header .page-item-3 :link, #header .page-item-3 :visited { width: 192px; background-position: -384px 0px; }
#header .page-item-4 :link, #header .page-item-4 :visited { width: 192px; background-position: -576px 0px; }
#header .page-item-5 :link, #header .page-item-5 :visited { width: 193px; background-position: -768px 0px; }

#header .page-item-1 :hover { background-position: 0px -58px; }
#header .page-item-2 :hover { background-position: -192px -58px; }
#header .page-item-3 :hover { background-position: -384px -58px; }
#header .page-item-4 :hover { background-position: -576px -58px; }
#header .page-item-5 :hover { background-position: -768px -58px; }

#header .page-item-1.current_page_item :link, #header .page-item-1.current_page_item :visited { background-position: 0px -58px; }
#header .page-item-2.current_page_item :link, #header .page-item-2.current_page_item :visited { background-position: -192px -58px; }
#header .page-item-3.current_page_item :link, #header .page-item-3.current_page_item :visited { background-position: -384px -58px; }
#header .page-item-4.current_page_item :link, #header .page-item-4.current_page_item :visited { background-position: -576px -58px; }
#header .page-item-5.current_page_item :link, #header .page-item-5.current_page_item :visited { background-position: -768px -58px; }


/* SLIDESHOW */

#slideshow { position:relative; z-index:4; width:1100px; height:455px; margin:-7px auto 30px; background: url(img/awload.jpg) no-repeat;}
#slideshow DIV { position:absolute; top:0; left:0; z-index:8; opacity:0.0; width:1100px; height:455px; }
#slideshow DIV.active { z-index:10; opacity:1.0; }
#slideshow DIV.last-active { z-index:9; }
#slideshow DIV IMG { width:1100px; height:455px; display:block; border:0; }


/* 404 */
#fourohfour { position:relative; width:960px; height:455px; margin:25px auto 30px; -webkit-box-shadow: rgba(0,0,0,0.9) 0px 0px 14px; -moz-box-shadow: rgba(0,0,0,0.9) 0px 0px 14px; box-shadow: rgba(0,0,0,0.9) 0px 0px 14px; background: url(img/404.jpg) no-repeat;}

/* ABOUT */

.about-page h2 { font-size: 24px; line-height: 24px; }
.about-page .col { padding-top: 35px; }
.about-page .width915 { padding-top: 46px; }
.about-page .col li { background: url(img/background-ul-li.gif) left 2px no-repeat; padding: 0 0 3px 18px; }
.about-page .row-b { padding-bottom:16px; }


/* CONTACT */

.contact-name { background:#000; color:#888; border:1px solid #222; padding:3px; -moz-border-radius:4px; width:190px; }
.contact-email { background:#000; color:#888; border:1px solid #222; padding:3px; -moz-border-radius:4px; width:190px; }
.contact-subject { background:#000; color:#888; border:1px solid #222; padding:3px; -moz-border-radius:4px; width:382px; }
.contact-message { background:#000; color:#888; border:1px solid #222; padding:3px; -moz-border-radius:4px; width:574px; }



/* NEWS */

.news-post { width:960px; margin:0 0 50px; border-bottom:1px solid #333; }
.news-info { float:left; display:block; width:300px; margin-right:30px; }
.news-info h2 { margin:0; padding:0; }
.news-info h4 {  }
.news-content { float:left; display:block; width:630px; padding:0 0 30px 0; }
.news-content p { width:560px; padding:14px 60px 0 0; }
.news-content img { max-width:630px!important; height:auto; padding:0 0 15px 0; -ms-interpolation-mode : bicubic; }


/* PORTFOLIO */

.portfolio-image img { -webkit-box-shadow: rgba(0,0,0,0.9) 0px 0px 10px; -moz-box-shadow: rgba(0,0,0,0.9) 0px 0px 10px; box-shadow: rgba(0,0,0,0.9) 0px 0px 10px; }
.post .wp-caption-text { text-indent: -9999px; line-height: 0%; font-size: 1px; margin-top:-5px;}

.taglist { color:#444!important; float:right; margin:5px 0; } 
.taglist a { color:#444; background:#000; padding:4px 7px; margin:0 0 0 7px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.taglist a:hover { background:#222; color:#000!important; }
.taglist a:active { background:#111; }


/* SINGLE POST */


.single-post { margin-top:30px; width:630px; }
.single-post img { -webkit-box-shadow: rgba(0,0,0,0.9) 0px 0px 10px; -moz-box-shadow: rgba(0,0,0,0.9) 0px 0px 10px; box-shadow: rgba(0,0,0,0.9) 0px 0px 10px; }


/* CONTACT FORM */

.contactform { position:static; overflow:hidden; width:960px; margin:50px 0;}
.contactleft { width:100%; white-space:pre; text-align:left; clear:both; float:left; display:inline; padding:0; margin:0; }
.contactright { width:576px; text-align:left; float:left; display:inline; padding:0; margin:2px 0 15px; }
.contacterror { border: 1px solid #ff0000; }
.contactsubmit { background-image:url(http://andreewallin.com/wp-content/themes/AW/img/contact-button.png); }

#wpcf_your_name { background:#000; color:#888; border:1px solid #222; padding:3px; -moz-border-radius:4px; width:190px; }
#wpcf_email { background:#000; color:#888; border:1px solid #222; padding:3px; -moz-border-radius:4px; width:190px; }
#wpcf_website { background:#000; color:#888; border:1px solid #222; padding:3px; -moz-border-radius:4px; width:386px; }
#wpcf_msg { background:#000; color:#888; border:1px solid #222; padding:3px; -moz-border-radius:4px; width:574px; }