/*=====================================================
 ExpressionEngine Gallery - Alternative Template Method - by 5pieces.com
 http://www.5pieces.com/blog/alternative-gallery-template
 Copyright (c) 2008 John Henry Donovan.
=====================================================
 FEEL FREE TO LEARN FROM THESE METHODS BUT PLEASE DON'T UNDER ANY CIRCUMSTANCE COPY VERBATUM. CONTACT editor@5pieces.com IF YOU HAVE ANY QUESTIONS
=====================================================*/

body {background: #000 url(/images/your_background_image.gif) repeat-x;font:76% helvetica, arial, sans-serif;color:#FFFFFF;margin: 0;padding: 0;}

a:link, a:visited{color:#CC6633;text-decoration:none;}

a:hover{color:#FFFF66;text-decoration:underline;}

a:focus,a:active{color:#FF9900;text-decoration:none;}

#wrapper{position:relative;width:960px;margin-left:auto;margin-right:auto;}

#header{width:100%;margin: 0 0 15px 0;position : relative;padding-top:15px;}

#header h1 {position:absolute;top:0;left:670px;width:288px;height:66px;margin:0;padding:0;background:url(/images/your_logo_image) no-repeat;}

#header h1 a { display : block; height : 66px; text-indent : -9999px; }

h2 {font:20px helvetica, arial, sans-serif; font-weight:normal; letter-spacing:-0.05em; color:#FFCC00;margin:0;padding:0;}

#header p{font: normal normal 11px helvetica, arial, sans-serif;text-transform:uppercase;color: #FFFFFF;}

#content{border-top:3px solid #009999;border-bottom:2px solid #009999;text-align: center;  padding: 15px 0 15px 0; }

#content a:link, #content a:visited{color:#CC6633;text-decoration:none;}

#content a:hover{color:#FFFF66;text-decoration:underline;}

#content a:focus, #content a:active{color:#FF9900;text-decoration:none;}

.catThumbs{width:30%;text-align:center; padding:5px;border: 1px dotted #2D2D2D;min-height:260px;margin:10px;float:left;}

.catThumbs img{margin:0px;border-bottom:3px solid #000000;border-right:3px solid #000000;border-top:none;border-left:none;padding: 6px 6px 12px 6px;background:#fff;}

.catThumbs a:hover img{margin:0px;border-bottom:3px solid #000000;border-right:3px solid #000000;border-top:none;border-left:none;padding: 6px 6px 12px 6px;background:#FFFF66;}

.catThumbs span{font:normal bold 14px helvetica, arial, sans-serif; color:#FF9900; margin:0 0 10px 0;}

.catThumbs p{font: normal normal 11px "Courier New", Courier, monospace;margin:0;padding:0;}

.totalFiles{color:#79bd30;text-align:center;}

.breadCrumb{margin:15px 0 15px 0;text-align:left;}

#content #one { float : left; width :200px;position : relative; top : 10px;text-align:center; padding:5px;border: 1px dotted #2D2D2D;min-height:260px;}

.thumbs{float:left;margin:12px;}

.thumbs img{margin:0px;border-bottom:2px solid #000000;border-right:2px solid #000000;border-top:none;border-left:none;padding: 3px 3px 6px 3px;background:#fff;}

.thumbs a:hover img{margin:0px;border-bottom:2px solid #000000;border-right:2px solid #000000;border-top:none;border-left:none;padding: 3px 3px 6px 3px;background:#FFFF66;}

#content #two { float : left; width : 720px; position : relative; top : -20px; margin-left:25px;text-align:left;}

#title{font:20px helvetica, arial, sans-serif; font-weight:normal; letter-spacing:-0.05em;color: #b70e1d;margin:10px;text-align:center;}

.fullsize {margin-left:auto;margin-right:auto;background:#000;padding:4px;width:402px;}

.fullsize img{border:1px solid #eaeaea;}

#pagination{text-align:center;}

.caption{font: normal normal 10px Arial, Helvetica, sans-serif;text-align:left;color:#ffffff;margin:10px 25px 10px 25px;text-align:right;padding:5px;border: 1px dotted #2D2D2D;}

#comments{border-top:2px solid #009999;margin: 15px 0 15px 0;  padding: 15px 0 15px 0; }

#comments ol li{font: italic bold 200% Georgia, serif;border-top:1px dotted #2D2D2D;}

#comments ol li p{font:65% helvetica, arial, sans-serif;color:#FFFFFF;padding:10px;margin:0;}

#comments ol li span{padding-left:15px;font:20px helvetica, arial, sans-serif; font-weight:normal; letter-spacing:-0.05em;}


#footer{margin:15px;clear:both;}

#footer p{font: normal normal 10px Arial, Helvetica, sans-serif;text-align:center;color:#fff;}

#footer p a:link,a:visited,a:active{color:#eaeaea;}

#footer p a:hover{color:#FFFF66;}



#comments {margin-bottom:20px;}

p.commentinfo{text-align:right;}

form {padding:8px;}

form fieldset {border:0 solid;} 

form p {padding:5px 0;border-bottom:1px dotted;}

form label {display:block;float:left;width:60px;}

#comments label {margin:0 15px 0 15px;}

form em {margin-left:5px;font-size:0.9em;font-style:normal;}

form input, form textarea {padding:3px;border:1px solid;font-family:helvetica, arial, sans-serif;font-size:0.9em;}

form textarea {overflow:auto;}

#comments input {width:200px;}

#comments textarea {width:325px;}

* html #comments textarea {width:350px;} 

form .button {width:90px !important;font-weight:bold;}

#comments .button {margin-left:90px;background-color: #79bd30;text-transform: uppercase;margin-bottom:15px;}

form .hiddenfield {display:none;}

form .info {padding-left:90px;}

@media screen {#content {overflow: hidden;_height: 0;_overflow: visible;}}