/*
Theme Name: ClearsiteTheme2
Theme URI: http://www.clearsitemultimedia.com
Description: 
Version: 1
*/


/* -------------------------------------------------------------- 
  
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5em; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
a { outline: none;}


/* -------------------------------------------------------------- 
   
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
font-size: 75%;
color: #333333;
background: #000000;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.2em; line-height: 1; margin-top: 1em; margin-bottom: 0.5em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img       { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #88B35B; text-decoration: none; }
a           { color: #0b615e; text-decoration: none; font-weight: bold; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: none; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background: #CC0000; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


/* universal */


img {
border: none;
}


.lowercase {text-transform:lowercase;}


p {
padding: 0px;
margin: 0px;
}

h1 {
margin:0px;
padding-left: 40px;
height: 60px;
font: bold 240%/100% Arial, Helvetica, sans-serif;
color: #c9eefe;
}

h1 a, h1 a:visited {
color: #c9eefe;
text-decoration: none;
}

h1 a:hover {
color: #ffffff;
text-decoration: none;
}

h2 {
color: #8D4E68;
letter-spacing: -1px;
font: bold 2em Arial, Helvetica, sans-serif;
line-height: .75em;
margin: 0;
padding: 0;
}

h2 a, h2 a:visited {
color: #a8357a;
text-decoration: none;
}

h2 a:hover {
color: #88B35B;
text-decoration: none;
}

h3 {
color: #333333;
text-transform: uppercase;
}

h4 {
font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;
color: #758d38;
margin: 10px 0px 5px;
}

.sub {
border:0px;
}


#page {
margin: 0px auto;
width: 755px;
background: #ffffcc url(images/content.gif) repeat-y;
text-align: left;
}


/* header */

#header {
height: 300px;
/*position: fixed;
z-index: 100;
top: 0;*/
}

#header-container {
position: relative;
background-image:url(images/header.gif);
background-repeat: no-repeat;
height: 300px;
width: 755px;
}

#headerimg {
position: absolute;
padding: 0;
height: 300px;
width: 955px;
left: -100px;
}

#headerimg h1 
{
width: 755px;
height: 285px;
background-image:url(images/alt_header.gif);
background-position: 0 0;
background-repeat: no-repeat;
margin: 0 0 0 100px;
text-indent: -9999px;

}

#logo {
position: absolute;
top: 0px;
margin: 0;
padding: 0;
background: transparent url(images/title.png) no-repeat 0 0;
width: 526px;
height: 167px;
overflow: hidden;
line-height: 1000px;
}


/* nav */

#nav {
	height: 20px; 
	width: 300px; 
	margin: 0px;
	position: absolute;
	z-index: 1050;
	left: 48px;
	bottom: 30px;
	padding: 0px;
	text-indent: -9999px;
}

#nav li 
	{
	float: left;  
	height: 20px; 
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	}
	
#nav li a {height: 20px; display: block;}

#nav li a:hover {cursor:pointer;cursor:hand;}

li#home a 
	{ 
	width: 50px;
	background: transparent url(images/mainMenu.gif) no-repeat 0 0;
	}
	
li#home a:hover 
	{ 
	width: 50px;
	background: transparent url(images/mainMenu.gif) no-repeat 0 -20px;
	}	
	
li#portfolio a 
	{ 
	margin-left: 20px;
	width: 69px;
	background: transparent url(images/mainMenu.gif) no-repeat -70px 0;
	}
	
li#portfolio a:hover 
	{
	margin-left: 20px; 
	width: 69px;
	background: transparent url(images/mainMenu.gif) no-repeat -70px -20px;
	}	
	
li#blog a 
	{ 
	margin-left: 20px;
	width: 42px;
	background: transparent url(images/mainMenu.gif) no-repeat -160px 0;
	}
	
li#blog a:hover 
	{
	margin-left: 20px; 
	width: 42px;
	background: transparent url(images/mainMenu.gif) no-repeat -160px -20px;
	}	
	
li#contact a 
	{ 
	margin-left: 20px;
	width: 60px;
	background: transparent url(images/mainMenu.gif) no-repeat -290px 0;
	}
	
li#contact a:hover 
	{
	margin-left: 20px; 
	width: 60px;
	background: transparent url(images/mainMenu.gif) no-repeat -290px -20px;
	}			


/* search */

input, textarea {
font-size:12px;
background: #FFFFFF;
border: 1px solid #FFFF33;
color: #000000;
}

input#submit {
background: #CCCCCC;
}


#search {
position: absolute;
bottom: 28px;
right: 40px;
}



/*search form */
#searchform {
margin: 15px 0 0;
}
#searchform br {
display: none;
}


#searchform #s:focus, #searchform #s input[type="text"]:focus {
background-color: #FFFFFF;
}

#searchform #s {
width: 120px;
height: 12px;
padding: 3px 5px 3px 5px;
background: #FFFFdd;
margin-right: 2px;
margin-top: 3px;
color: #000000;
font-weight: normal;
text-indent: 0px;
vertical-align: middle;
cursor: text;
}




/* search form button - to specify button only use input[type="submit"] */
#searchform input {
border: none;
color: #000000;
text-decoration: none;
background: url(images/searchIcon.gif) no-repeat ;
padding: 0px 0px 5px 10px;
font: bold 100%/100% Arial, Helvetica, sans-serif;
vertical-align: middle;
height: 33px;
width: 33px;
text-indent: -1000px;
margin-top: 8px;
cursor: pointer;
}





/* blog */

#blog{

}





/* content */
#content {
padding: 0px 40px 30px 45px;
float: left;
width: 420px;
overflow: hidden;
}


/* page titles */

#page-title {
background-image: url(images/pageTitle.gif);
text-indent: -1000em;
width: 410px;
height: 100px;
margin: 40px 0px 0px 0px;
padding: 0px;
}

#page-title h2{
border: none;
line-height: 100%;
margin: 0px;
padding: 0px;
}


.blog {
background-position: 0px 0px;
}

.about {
background-position: 0px -100px;
}

.contact {
background-position: 0px -200px;
}

.search {
background-position: 0px -300px;
}

.error {
background-position: 0px -400px;
}

.alternative {
background-position: 0px -500px;
}

.alternative-portfolio {
background-position: 0px -600px;
}

blockquote {
margin: 0px;
padding: 0px 5px 5px 30px;
background: transparent url(images/blockquote.gif) no-repeat ;
}


/*post*/



.post {
clear:both;
padding-bottom: 25px;
}

.post p {
margin: 0px;
padding: 0px 0px 10px 0px;
}

.post-date {
width: 45px;
height: 49px;
float:left;
background: url(images/date.gif) no-repeat;
background-position: -1px 0;
}
.post-month {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color: #333333;
text-align: center;
display:block;
line-height: 11px;
padding-top: 11px;
margin-left: 2px;
}
.post-day {
font-size: 18px;
text-transform: uppercase;
color: #333333;
text-align: center;
display:block;
line-height: 18px;
padding-top: 4px;
margin-left: 2px;
}
.post-title {
float: left;
margin-left: 5px;
width: 360px;
text-transform: lowercase;
margin-bottom: 25px;
}

.post-title h2 {
margin-top: 5px;
margin-bottom: 4px;
}

.entry {
clear: both;

}

.post-cat, .post-comments, .post-calendar {
font-size: .9em;
letter-spacing: .05em;
font-weight: bold;
}

.post-cat {
background: url(images/category.gif) no-repeat;
padding-left: 24px;
padding-right: 10px;
float:left;
color: #999999;
}

.post-comments {
background: url(images/comments.gif) no-repeat;
padding-left: 20px;
float: left;
}

.post-calendar {
background: url(images/mini-calendar.gif) no-repeat;
padding-left: 20px;
float: right;
color: #999999;
}





.mini-add-comment {
background: url(images/addComment.gif) no-repeat;
padding-left: 20px;
float: left;
font-size: 95%;
}
.navigation {
clear: both;
padding: 10px 0px;
}
.navigation a, .navigation a:visited {
}
.previous-entries a {
float: left;
padding-left: 18px;
background: url(images/prevArrow.gif) no-repeat left center;
text-transform: lowercase;
}
.next-entries a {
float: right;
padding-right: 18px;
background: url(images/nextArrow.gif) no-repeat right center;
text-transform: lowercase;
}




/* contact */

#contact {
margin: 0px;
padding: 0px;
}


/* comments area */

#comments, #respond {
border-bottom: 1px solid #fcf076;
width: 410px;
padding: 10px 0 5px 0;
clear: both;
color:  #88B35B;
font: bold 150% Arial, Helvetica, sans-serif;
text-transform: lowercase;
}


.commentlist {
margin: 10px 0px;
padding-left: 20px;
line-height: 130%;
}
.commentlist li{
padding: 5px 10px;
}
.commentlist .alt {
background: #FFFFCC;
}
.commentlist cite {
font-weight: bold;
font-style: normal;
font-size: 100%;
color: #999999;
}
.commentlist cite a, .commentlist cite a:visited {
color: #990066;
}
.commentlist small {
margin-bottom: 5px;
display: block;
font-size: 87%;
}
#commentform {
margin-top: 10px;
font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
padding: 8px 0 0 0;
margin: 0 0 10px 0;
color: #333333;
}
#commentform label{
color: #333333;
font: normal 90%/100% Arial, Helvetica, sans-serif;
text-transform: uppercase;
}
#commentform input{
height: 18px;
width: 410px;
background: #FFFFFF;
border: 1px solid #fcf076;
margin-top: 2px;
}
#commentform textarea{
width: 410px;
height: 115px;
background: #FFFFFF;
border: 1px solid #fcf076;
padding: 2px;
margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
background: #ffffff;
}
#commentform #submit{
background: url(images/sendCommentBtn.gif) no-repeat;
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFFFFF;
border: none;
width: 135px;
height: 26px;
cursor: pointer;
}



/* sidebar */

#sidebar {
margin-top: 20px;
float: right;
padding: 0px 40px 20px 40px;
width: 170px;
color: #666666;
overflow: hidden;
}
/*sidebar title (h2) */
#sidebar h2, #sidebar .sidebartitle{
font: bold 1em/1em Arial, Helvetica, sans-serif;
background: url(images/sidebarTitles.gif) no-repeat;
color: #0b615e;
margin: 20px 0px 0px 0px;
border-bottom: none;
text-transform: lowercase;
width: 170px;
height: 15px;
text-indent: -1000em;
}
/*sidebar text styles */
#sidebar a, #sidebar a:visited{
letter-spacing: 0em;
color: #02514d;
text-decoration: none;
text-transform: lowercase; 
}
#sidebar a:hover{
color: #A8357A;
text-decoration: none;
}
/*sidebar list level1 */
#sidebar ul {
margin: 0;
padding: 0;
}
#sidebar ul li {
font: bold .92em/1em Verdana, Arial, Helvetica, sans-serif;
margin: .4em 0 .6em 0;
border: none;
display: block;
}

/*sidebar list level2 */
#sidebar ul li ul {
	padding: 0;
	margin: 0;
}
#sidebar ul li ul li{
	padding: 2px 0 2px 0px;
	margin-left: 0px;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
	padding: 1px 0 1px 10px;
	border: none;
}

#sidebar .categories  {
background-position: 0px 0px;
}

#sidebar .recent  {
background-position: 0px -20px;
}

#sidebar .archives  {
background-position: 0px -40px;
}

#sidebar .links  {
background-position: 0px -60px;
}

/* ads */
#ads
{
margin: 45px 0 30px 0;
}


/* blogroll */
/*ul.list-blogroll li{
background: url(images/sidebar.gif) no-repeat !important;
padding: 0px 10px !important;
}*/

/*category widget */

/*ul.list-cat li, li.widget_categories li{
background: url(images/sidebar.gif) no-repeat !important;
padding: 0px 10px !important;
}*/

/*recent widget */
/*ul.list-recent li, li.widget_recent li{
background: url(images/sidebar.gif) no-repeat !important;
padding: 0px 10px !important;
}*/

/*archives widget */
/*ul.list-archives li, li.widget_archives li{
background: url(images/sidebar.gif) no-repeat !important;
padding: 0px 10px !important;
}*/

/*pages widget */
ul.list-page li, li.widget_pages li, li.widget_recent_entries li{
background: url(images/sidebar.gif) no-repeat !important;
padding: 0px 10px !important;
}
/*sub-pages */
ul.list-page li ul li, li.widget_pages li ul li{
background: url(images/sidebar.gif) no-repeat !important;
padding: 0px 10px !important;
}
/*recent comments widget */
li.widget_recent_comments li{
background: url(images/sidebar.gif) no-repeat !important;
padding: 0px 10px !important;
}
/*calendar widget */
li.widget_calendar td {
padding: 1px 7px;
}
/*text widget */
.textwidget {
padding-top: 5px;
}


/* footer area */

#footer {
clear: both;
background: url(images/footer.gif) no-repeat;
color: #fcf076;
font: bold 80% Verdana, Arial, Helvetica, sans-serif;
line-height: 95%;
padding: 50px 0px 0px 50px;
height: 100px;
text-transform:lowercase;
position: relative;
}

#footer-left { 
position: absolute; 
top: 0;
left: -50px; 
width: 50px; 
height: 150px;
background: transparent url(images/footer-left.gif) no-repeat 0 0;
}

#footer-right { 
position: absolute; 
top: 0;
left: 755px; 
width: 50px; 
height: 150px;
background: transparent url(images/footer-right.gif) no-repeat 0 0;
}

.legalDark { color: #ffc376;}


#footer a, #footer a:visited {
color: #ffffff;
}
#footer h4 {
font: normal 146%/100% "Trebuchet MS", Tahoma, Arial;
color: #9cdbfb;
margin: 10px 0px 5px;
}
.footer-recent-comments {
width: 240px;
float: left;
margin-left: 10px;
}
.footer-recent-comments ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.footer-recent-comments ul li {
background: url(images/mini-footer-comments.gif) no-repeat;
padding: 0px 0px 10px 20px;
}
.footer-recent-posts {
width: 240px;
float: left;
margin-left: 10px;
}
.footer-recent-posts strong {
font-size: 107%;
line-height: 135%;
font-weight: bold;
}
.footer-recent-posts ul {
list-style: none;
margin: 0px;
padding: 0px;
font-size: 92%;
line-height: 110%;
}
.footer-recent-posts ul li {
background: url(images/mini-footer-post.gif) no-repeat;
padding: 0px 0px 10px 20px;
}
.footer-about {
width: 220px;
float: right;
padding-right: 10px;
padding-left: 10px;
}




/* alignments */

.center {
text-align: center;
}
img.center, img[align="center"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
img.alignleft, img[align="left"] {
float:left;
margin: 2px 10px 5px 0px;
}
.alignright {
float: right;
}
img.alignright, img[align="right"] {
float:right;
margin: 2px 0px 5px 10px;
}
.clear {
clear:both;
}
hr.clear {
clear:both;
visibility: hidden;
margin: 0px;
padding: 0px;
}