/*
Theme Name: Minimalist
Description: Fast loading minimalist theme, utilising mootools, with 5 different colour schemes and no images.
Version: 1
Author: Joey Robinson
Author URI: http://www.techdesigns.co.uk
Latest updated: 7th October 2009
Tags: two-columns, white, black, blue, green, silver, fixed-width, left-sidebar
*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:lighter; }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100%; font-weight:lighter; }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */

a img { border:none } /* Gets rid of IE's blue borders */




html, body{ padding:5px 0px 0px 0px; margin:0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 11px; padding-left:10px;
background-color: transparent;                                      
     background-image: url(http://www.adamatkinson.co.uk/new/photo1/rotate.php);        
     background-repeat:no-repeat;
	 background-attachment:fixed;                            
                                   
     background-position: 950px 0px;
	
	                   
} 

.logo { background: transparent; border:none;}
.logo:hover { background: transparent; border:none;}
 
#page{ width:auto; text-align:left; margin:auto; overflow:hidden;} 

#splatnew{
position:absolute;
top:0;
right:0;
width:281px;
height:357px;
background:url(http://www.adamatkinson.co.uk/new/splatnew.png) no-repeat;
}

#header{ width:100%; margin: 0px; padding: 0px; height:auto; } 
#header h1{ position:relative; float:left; margin:0px 0px 0px 0px; width: auto; padding:0px; font-family:arial; font-weight:bold; font-size:20px; text-transform:uppercase;} 
#header h1 a{ text-decoration:none;}
#header h1 a:hover{ text-decoration:none;}
#header h2{float:left; clear:left; margin:0px 0px 0px 0px; width: auto; padding:0px; font-family:arial; font-weight:bold; font-size:12px; text-transform:uppercase; padding:5px;} 
 
#leftcol{ width:auto; height:auto; float:left;  padding: 0px 0px 0px 0px; text-align:left; z-index:6; display:inline-block;  }



 
#menu {margin:0px 0px; text-align:left; font-weight:bold; font-family:arial; text-transform:uppercase; font-size:14px; display:inline-block; width:280px; }
#menu a {font-weight:bold; font-family:arial; text-transform:uppercase; font-size:11px; text-decoration:none; display:inline-block; margin-left:5px; border-tp: dashed 1px #FFFF00;}
#menu a:hover {font-weight:bold; font-family:arial; text-transform:uppercase; font-size:11px; text-decoration:none;}

.customize {border:none;}

h2.menuheader {cursor: pointer;font-family:arial; font-weight:bold; font-size:14px; text-transform:uppercase;margin:0px; padding:2px; }

h2.menuheader2 {cursor: pointer;font-family:arial; font-weight:bold; font-size:12px; text-transform:uppercase;margin:0px; padding:0px; }
h6 {cursor: pointer;font-family:arial; font-weight:bold; font-size:14px; text-transform:uppercase;margin:0px; padding:2px; }


#menu ul {padding: 5px 0px 2px 10px; margin: 0px 0px 0px 0px;list-style: none; width:auto; clear:left; float:right; z-index:7;}
#menu ul li{margin: 0px 0px 0px 0px; display: block; font-weight:bold; font-family:arial; text-transform:uppercase; font-size:14px;}
#menu ul li a{ width: auto; display: block; padding: 2px 0px 2px 0px; text-decoration:none; font-weight:bold; font-family:arial; text-transform:uppercase; font-size:10px; margin: 0px 0px 0px 0px; vertical-align: bottom; padding-left:3px; padding-right:3px; }
#menu ul li a:hover{ text-decoration:none; font-size:10px; color:#666666; }
#menu ul li ul {padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px;list-style: none; clear:left; }
#menu ul li ul li{margin: 0px 0px 0px 0px; display: block; }
#menu ul li ul li a{ width: 205px; display: block; padding: 5px 20px 5px 5px; text-decoration:none; font-weight:bold; font-family:arial; text-transform:uppercase; font-size:14px; margin: 0px 0px 0px 0px; vertical-align: bottom;}
#menu ul li ul li a:hover{ text-decoration:none; }
#menu ul li ul li ul {padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px;list-style: none; clear:left; }
#menu ul li ul li ul li{margin: 0px 0px 0px 0px; display: block; }
#menu ul li ul li ul li a{ width: 185px; padding: 5px 40px 5px 5px; display: block; text-decoration:none; font-weight:bold; font-family:arial; text-transform:uppercase; font-size:14px; margin: 0px 0px 0px 0px; vertical-align: bottom;}
#menu ul li ul li ul li a:hover{ text-decoration:none; }
#menu ul li ul li ul li ul {padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px;list-style: none; clear:left; }
#menu ul li ul li ul li ul li{margin: 0px 0px 0px 0px; display: block; }
#menu ul li ul li ul li ul li a{ width: 165px; padding: 5px 60px 5px 5px; display: block; text-decoration:none; font-weight:bold; font-family:arial; text-transform:uppercase; font-size:14px; margin: 0px 0px 0px 0px; vertical-align: bottom;}
#menu ul li ul li ul li ul li a:hover{ text-decoration:none; }

ul#recentcomments {padding: 2px 0px 2px 0px; margin: 0px 0px 0px 0px;list-style: none; width:230px; clear:left; float:right;}
ul#recentcomments li{margin: 0px 0px 0px 0px; display: block; font-weight:bold; font-family:arial; text-transform:uppercase; font-size:14px;}
ul#recentcomments li a{ width: 225px; display: block; padding: 5px 0px 5px 5px; text-decoration:none; font-weight:bold; font-family:arial; text-transform:uppercase; font-size:14px; margin: 0px 0px 0px 0px; vertical-align: bottom;}
ul#recentcomments li a:hover{ text-decoration:none; }
#recentcomments a{ text-decoration:none; font-weight:bold; font-family:arial; text-transform:uppercase; font-size:14px;}
#recentcomments a:hover{ text-decoration:none; font-weight:bold; font-family:arial; text-transform:uppercase; font-size:14px; }

#maincol{  display:inline;  width:674px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; text-align:left; padding-right:0; height:auto; }
#maincol h1 {margin:0px 0px 0px 0px; padding:0px; font-family:arial; font-weight:bold; font-size:22px; text-transform:uppercase; clear:both;} 
#maincol h2 { margin:0px 0px 0px 0px; padding:0px; font-family:arial; font-weight:bold; font-size:16px;text-transform:uppercase; clear:both;} 
#maincol h2 a{ text-decoration:none;} 

#maincol h3 { margin:0px 0px 0px 0px; padding:0px; font-family:arial; font-weight:bold; font-size:18px; text-transform:uppercase; clear:both;} 
#maincol h4 { margin:0px 0px 0px 0px; padding:0px; font-family:arial; font-weight:bold;font-size:16px; text-transform:uppercase; clear:both;} 
#maincol h5 { margin:0px 0px 0px 0px; padding:0px; font-family:arial; font-weight:bold; font-size:14px; text-transform:uppercase; clear:both;} 
#maincol h6 { margin:0px 0px 0px 0px; padding:0px; font-family:arial; font-weight:bold; font-size:12px; text-transform:uppercase; clear:both;} 
#maincol p{ font-size: 11px;  clear:left;}
#maincol p a:hover{ text-decoration:none;}
#maincol ul{ font-size: 11px; line-height:1.7em; clear:left;}
#maincol ol{ font-size: 11px; line-height:1.7em; clear:left;}

h2.contentheader{ cursor: pointer; position:relative; float:left; margin:0px 0px 0px 0px; padding:0px; font-family:arial; font-size:14px; text-transform:uppercase; clear:left;} 
h2.contentheader:hover{ }
h2.contentheader:active{ }

.content{clear:both; padding-bottom:3px; padding-top:3px;}

.permalink{ margin:0px 0px 0px 0px; padding:0px; font-family:arial; font-weight:bold; font-size:10px; text-transform:uppercase; clear:both;} 
.permalink a{ text-decoration:none;} 
.permalink a:hover{ text-decoration:none;} 

table#calendar_wrap {width:230px; overflow:hidden;clear:both; }

#wp-calendar{font-family:Arial, Helvetica, sans-serif; font-size: 13px; text-decoration:none; clear:both;width:210px; margin: 6px auto 6px auto; padding: 0px 10px 0px 10px;}
#wp-calendar a{font-family:Arial, Helvetica, sans-serif font-size: 13px; text-decoration:none; }
#wp-calendar a:hover{font-family:Arial, Helvetica, sans-serif font-size: 13px; text-decoration:none; }

blockquote { margin:20px; padding:8px 8px 8px 15px;}
blockquote p {background-color:inherit; font-size:0.9em; line-height:1.3em;}
label {background-color:inherit; font-size:0.9em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; margin:5px 0 15px 0;}


#respond{font-weight:normal;}
#s,#submit { font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}
#author,#email,#url,#comment { font-family:Arial, Helvetica, sans-serif; font-size:1em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}



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;}
.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignright {float:right;}
.alignleft {float:left;}

.divider{height: 25px; width:604px; background: url(img/divider.jpg) top center no-repeat; margin: 10px auto 5px auto;}
.left { float:left; margin:10px 15px 10px 0;}
.right { float:right; margin:10px 0 5px 10px;}
.center { margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0px;}

#postinfotext{font-family:arial; font-size: 14px; line-height:1.7em; font-weight:bold; text-transform:uppercase; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px;}
#postinfotext a { text-decoration:none;}
#postinfotext a:hover{ }


.commentheader {font-family:arial; font-size: 16px; line-height:1.7em; font-weight:bold; text-transform:uppercase; }
.comment { margin:0 0 10px; padding:2px 5px 0px 8px;}

.commenticon {font-family:arial; font-size: 14px; line-height:1.7em; font-weight:bold; text-transform:uppercase;}
.commenticon a{ text-decoration:none;}
.commenticon a:hover{ }

.commenttext { font-size: 13px; line-height:1.7em; }
.commenttext p{ font-size: 13px; line-height:1.7em; }

.comment p {line-height:1.7em; margin:0px; padding-bottom:2px;}
.gravatarside {float:right; width:48px; height:48px; margin:0px 5px 5px 5px;}
.wp-caption { text-align: center; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; clear:both;}
.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;}


.navigation {font-family:arial; font-size: 14px; line-height:1.7em; font-weight:bold; text-transform:uppercase;}
.navigation a { text-decoration:none;}
.navigation a:hover{ }
.prevlink{margin: 0px 6px 0px 0px;}
.nextlink{margin: 0px 0px 0px 6px;}


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 

#gap{
width:auto;
height:40px;}




#hello{

float:left;
width:220px;
height:auto;
padding-right:10px;}

#samplework{

float:left;
width:590px;
height:auto;
margin-left:10px;}


#picture{
position:absolute;
top:0px;
left:940px;
overflow:hidden;


}



#samplework{
margin-top:;
width:674px;
padding-right:0;

}





#hellotitle{
height:185px;
}

#hellotitleindex{
height:170px;
}

#hellotitleshop{
height:189px;
}

#sampleworktitle{
height:171px;
}

#sampleworktitleblog{
height:168px;
}





#headernav{
width:100px;
height:auto;
margin-left:840px;
text-align:right;
}

#headerinfo{
padding-right:40px;
font-size:10px;
}

#maincolsurround{
min-width:939px;

}


#me{height:auto; width:auto; margin:auto;}

#me2{ width:674px; height:auto; margin:auto; margin-top:7px;}
#me2left{ width:200px; height:auto; float:left; padding-left: ; padding-right:px;}
#me2center{ width:200px; height:auto; float:left; padding-left: 26px; padding-right:px;}
#me2right{ width:200px; height:auto; float:left; padding-left: 17px; padding-right:px;}

#mehole{
width: 674px;
height: auto;
margin-left:;
margin-bottom:10px;

}

#about{
width: auto;
height: 500px;
}

#aboutt{
width: 760px;
height: auto;
 background:url(http://www.adamatkinson.co.uk/esimages/opacityback.png) repeat;
  -moz-border-radius: 13px;
    -khtml-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
	padding:10px;
	margin-bottom:10px;
	
}

#about1{
width: auto;
height: auto;
float:left;
margin-right:20px;

}

#about11{
width: 450px;
height: auto;
float:left;
margin-right:20px;
}

#about2{
width: 810px;
height: auto;
}

#about3{
width: 250px;
height: 775px;
float:left;

}

#about33{
width: 340px;
height: auto;
float:left;

}

#about4{
width: 810px;
height: auto;

}

#shopback{
margin-top:-24px;}

.stretch{

height:auto;
}

#footerspace{
width:auto;
height:10px;
}


#artsurround{
margin-top:20px;
width:460px;
height:250px;
float:right;
padding-right:10px;
}

#artsurround4{
margin-top:20px;
width:460px;
height:450px;
float:right;
padding-right:10px;

}

#gapcontent{
width:auto;
height:6px;}

#cart{

float:right;
width:200px;
height:1460px;

min-height:400px;

}

#cart2{

float:right;
width:200px;
height:360px;

min-height:400px;

}

#product{

width:145px;
float:right;
height:100px;
margin-left:10px;
}

#product2{

width:145px;
float:right;
height:100px;
margin-left:10px;


}



#tshirt{

float:left;
}

#product3{

width:145px;
float:right;
height:100px;

}


object #FPG{
height:250px;}


#buy{

margin-top:5px;
width:auto;

height:auto;
}

#flashgallery{
width:674px;
height:auto;


}

#portfoliobox1{
width:200px;
height:auto;
float:left;
margin-top:5px;

}

#portfoliobox2{
width:450px;
height:auto;
float:left;
margin-top:5px;

}

img#wpstats {display:none;}

#helloback3{
position:relative;
cursor:pointer;
background:transparent;
height:auto;
width:auto;
float:left;

color:#666666;

}

#gapcontent {
width:auto;
height:10px;
}

#gapcontent2 {
width:auto;
height:5px;
}

.five {
padding-bottom:3px;
}

 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}