/* * * * * * * * * * *

mcoyle.com

CSS Document 

* * * * * * * * * * */



/* * * * * * * * * * *
	SITE STRUCTURE
* * * * * * * * * * */


* {
	padding: 0;
	margin: 0;
} 

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	;
	background-color: #000;
}

#wrap {
width: 900px;
margin: auto;
}

#header {
	height: 148px;
	background-color: #FFF;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding-left: 16px;
}
#searchbox {
	padding-top: 5px;
	padding-bottom: 5px;
}
#navbar {
	height: auto;
	background-color: #FFF;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding-top: 10px;
	padding-bottom: 2px;
	padding-left: 5px;
}
ul { padding: 5px 0 5px 30px; }
#header2 {
	height: auto;
	background-color: #7D8DFE;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding-top: 10px;
	padding-bottom: 10px;
}



/* * * * * * * * * * *
	Link Styles
* * * * * * * * * * */
a {
	color: #009;
	font-weight: bold;
}
a:hover {
	color : #7D8DFE;
}



/* * * * * * * * * * *
	Headers - customized tags
* * * * * * * * * * */
h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #6578FE;
	padding-bottom: 20px;
}
h2 {
color: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
}



/* * * * * * * * * * *
	Width Content for homepage and galleries
* * * * * * * * * * */
#mainbody {
	float: left;
	width: 890px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	background-color: #FFF;
	border-bottom-width: 25px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

#mainmargins {
	float: left;
	width: 820px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 40px;
	background-color: #FFF;
}

#homeimages {
	float: left;
}

#homeads {
	width: 150px;
	padding-top: 6px;
	float: left;
	padding-right: 15px;
	padding-left: 10px;
}

#homeleft {
	float: left;
	width: 305px;
	padding-top: 15px;
	padding-bottom: 30px;
	padding-right: 10px;
}
#homeright {
	float: left;
	width: 460px;
	padding-top: 15px;
	padding-bottom: 30px;
	padding-left: 12px;
	padding-right: 25px;
}



/* * * * * * * * * * *
	Body Content
* * * * * * * * * * */
#content {
background: #FFF;
}
#content h2 a {text-decoration: none; }

#left {
	float: left;
	width: 160px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#left h2 {
	background: #fff;
	color: #000;
	font-size: 15px;
	letter-spacing: -1px;
	font-weight: 100;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
}

#center {
	float: left;
	width: 555px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
#storecenter {
	float: left;
	width: 630px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
#right {
	float: right;
	width: 105px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0;
	height: auto;
}



/* * * * * * * * * * *
	Font Styles
* * * * * * * * * * */
.bodytext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000000;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
}

.header3 {	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #666;
}

.storetext {
	background-color: #FFF;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
}
.stylecaption {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: normal;
	color: #000;
}

.stylecopyright {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: normal;
	color: #000;
}



/* * * * * * * * * * *
	Image Styles
* * * * * * * * * * */
.border {
	color: #FFF;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;

}
.imgborder {
	margin-left: 7px;
	margin-bottom: 5px;
}
.imgmorepadding {
	margin-left: 25px;
	margin-bottom: 5px;
}
.imgmorepadleft {
	margin-right: 25px;
	margin-bottom: 5px;
}
.imgleftsmall {
	padding-right: 5px;
}
.imgevent {
	padding-top: 5px;
	padding-bottom: 5px;
}



/* * * * * * * * * * *
	Table Styles
* * * * * * * * * * */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}
.rowStyle {
	border:1px solid #cccccc;
	background-color: #e6e6e6;
}

.rowStyle:hover {
	background-color:
#cccccc;}

.cellStyle {
	background-color: #FFF;
}

.cellStyle:hover {
	background-color:
#e6e6e6;}


/* * * * * * * * * * *
	For FAQ page
* * * * * * * * * * */
#main h4 {
	padding-left: 20px;
	cursor: pointer;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	background-image: url(images/open.png);
	background-repeat: no-repeat;
	background-position: 0% 10%;
	line-height: 35px;
}
#main h4.close {
	background-image: url(images/close.png);
}
#main .answer {
	background-color: white;
	padding-bottom: 20px;
}



/* * * * * * * * * * *
	Sidebar and other box styles
* * * * * * * * * * */
.sidebar {
	border: thin dashed #999;
	padding-left: 8px;
	padding-right: 5px;
	padding-bottom: 10px;
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	padding-top: 10px;
}

#pdfresume {
	height: 20px;
	width: 230px;
	border: thin dashed #666;
	float: left;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
}

.artbox {
	border: thin dashed #666;
	width: 340px;
	height: 35px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#caringart {	border: thin dashed #666;
	float: right;
	width: 245px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 25px;
}



/* * * * * * * * * * *
	Footer
* * * * * * * * * * */
#formalignment {
	width: 550px;
	float: left;
}

#footer {
	text-align: center;
	font-size: 11px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	background-color: #FFF;
}