@charset "UTF-8";

/* CSS Document */

/* Reset and General
-------------------------------------------------------------- */

* { margin: 0; padding: 0; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input { border: 0; outline: 0; font-size: 100%; }

body { background:#fff url(../images/patternbg.jpg); font-size:14px; color:#454545; line-height: 180%; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Links
------------------------------------------------------------- */

a:focus { outline: none; }

a img { border:none; }

a { text-decoration:underline; color:#333; }

a:hover { color:#777; }



/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Layout
------------------------------------------------------------- */

.pagewidth { width:960px; margin:0 auto; position:relative; }

.header { background:url(../images/logo-header.png) no-repeat; position:relative; width:960px; height:153px; }

body.home #headerstrip { height:310px; }

div#cosmostop { display:block; width:100%; position:absolute; top:153px; height:9px; background:url(../images/cosmosstrip.png) repeat-x; }

body.home div#cosmostop { top:313px; display:block; }

span#cosmosbottom { display:block; width:100%; position:absolute; bottom:-1px; height:9px; background:url(../images/cosmosstrip.png) repeat-x; }

#headerstrip { position:absolute; display:block; left:0; top:0; width:100%; height:150px; background:#000 url(../images/patternbg.jpg); }

#content { width:100%; position:relative; padding:30px 0; background:url(../images/lotus-bg.png) bottom right no-repeat; }

body.home #content { padding:0 0 30px 0; }

#outer_wrapper { position:relative; width:100%; background:#fff url(../images/mainbg.png) }

#main_col { width:660px; float:left; padding:0 0 30px 0; position:relative; }

#right_col { border:1px solid #cfd7d8; width:228px; margin:0 0 50px 0; float:right; padding:20px; background: url(../images/sm-patternbg.png) }

#right_col p { padding:0; margin:0; }

#right_col p.right { font-size:12px; }

#right_col h5 { padding:15px 0 0 0; margin:0; line-height:10px; }

#right_col .quote { padding:10px 0; border-top:1px solid #777; border-bottom:3px solid #777; margin:10px 0; }

/* Logo 
-------------------------------------------------------------- */
.logo { }

.logo h1 a span, .logo h2 a span, #content h1 em, #content h2 strong { position:absolute; top:0; width:50px; text-indent:-5000px; }

body.home .logo h2 span, .logo h3 span { display:none; display:block; width:50px; height:50px; overflow:hidden; margin-left:-3000px; }

.logo h1 a, .logo h2 a { display:block; width:254px; height:133px; }

/* Footer 
-------------------------------------------------------------- */

#footer { clear:both; display:block; width:960px; padding:20px 0px 20px 0; margin:0 auto; position:relative; }

#footer p { color:#fff; font-size:12px; line-height:17px; padding:0 0 10px 0; }

#footer li { color:#fff; font-size:13px; line-height:19px; padding-bottom:8px; list-style-type:none; }

#footer .inspirationalquote p { font-size:16px; line-height:24px; }

#footer .inspirationalquote p.right { font-size:12px; }

div#footericons { position:relative; clear:both; padding:30px 0 5px 0; width:960px; }

div#footericons a { margin:0 10px 0 0; border:0px; }

#footer ul { margin:0; padding:0; }

#footer a { text-decoration:none; color:#fff; }

#footer p a, #footer ul a { border-bottom:1px dotted #333; }

#footer p a:hover, #footer ul a:hover { background:#333; }

#footer .info_box { width:200px; float:left; padding:0 30px 0 0; border-left:1px solid #252525; }

#footer .inspirationalquote { width:250px; padding:0; }

#footer .info_box h2 { color:#457b80; font-size:22px; padding-top:0; margin-top:0; }

#footer p.copyright { font-size:11px; clear:both; }

#preview, #screenshot, #tooltip { position:absolute; background:#000; padding:5px 10px; display:none; color:#fff; font-size:11px; text-align:center; line-height:16px; }

#tooltip { text-align:left; }

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

li ul, li ol { margin: 0; }

ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 3em; }

ul { list-style-type: square; }

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; }

thead th { background: #c3d9ff; }

th, td, caption { padding: 4px 10px 4px 5px; }

tr.even td { background: #e5ecf9; }

tfoot { font-style: italic; }

caption { background: #eee; }

/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Text Elements
------------------------------------------------------------- */

body, form, input { font-family:georgia, helvetica, arial, sans-serif }

p { padding:10px 0px; }

h1, h2, h3, h4, h5 { text-transform:uppercase; color:#000; padding:5px 0 10px 0; font-weight:normal; }

h1 { font-size:28px; padding:0 0 15px 0; }

h2 { font-size:24px; }

body.santa-rosa-web-design #content h2, body.san-francisco-web-design #content h2, body.sonoma-county-web-design #content h2 { font-size:18px; }


h3 { font-size:22px; }

h4 { font-size:18px; }

h5 { font-size:14px; }

h6 { font-size:12px; }

blockquote { background:#fff url(../images/blockquote.png) no-repeat 8px 8px; border:1px dotted #ddd; color:#474747; font-style:italic; margin:1em 25% 1em 0; min-height:40px; padding:1em 1em 1em 7em; }

cite { font-size: 12px; float: right; margin:0px 0px 20px 0px; }

address { margin:0px 20px 0px 0px; display:block; float:left; }

/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Images
------------------------------------------------------------- */

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

img.left_top, img.right_top, img.left_inside, img.right_inside, img.inlinephoto { background:#fff; border:1px solid #ccc; }

p img.left_top, img.left_top { float: left; margin: 8px 15px 15px 0; }

img.left_top { margin: 15px 15px 5px 0; }

p img.right_top, img.right_top { float: right; margin: 8px 0px 15px 15px; }

img.right_top { float: right; margin: 15px 0px 5px 15px; }

p img.inlinephoto, img.inlinephoto { clear:both; display:block; margin:0; }

/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Navigation
------------------------------------------------------------- */

/* Right Menu
------------------------------------------------------------- */
div.sub { padding:0 0 30px 0; }

div.sub li { color:#777; }

ul#leftmenu, ul#blogcategorymenu, ul#templatemenu { list-style-type:none; margin:0; padding:0 }

ul#leftmenu ul, ul#blogcategorymenu ul { list-style-type:none; margin:0px 0 0 10px; padding:0; }

ul#leftmenu li, ul#templatemenu li { list-style-type:none; padding:5px 10px 0px 0; font-size:18px; text-transform:uppercase; }

ul#leftmenu li, ul#templatemenu li { padding:5px 10px 0px 0; font-size:15px;  }

body.unique-t-shirts-and-posters ul#leftmenu li { font-size:14px;}

ul#blogcategorymenu li { list-style-type:none; padding:0px 10px 0px 0; font-size:16px; }

ul#leftmenu li ul li, ul#blogcategorymenu li ul li { padding:0 10px; }

ul#leftmenu ul li, ul#blogcategorymenu ul li { list-style-type:none; border:none; font-size:13px; font-weight:normal; border:0px; }

ul#leftmenu li a, ul#templatemenu li a { text-decoration:none; color:#000; }

ul#blogcategorymenu a:hover { color:#777; }

ul#leftmenu a.currentnode, ul#leftmenu a.currentpage, ul#blogcategorymenu li a, ul#leftmenu li a:hover { color:#457b80; text-decoration:none; }


body.templates ul#templatemenu a.templates,
body.search-templates ul#templatemenu a.search-templates,
body.template-login ul#templatemenu a.template-login,
body.template-help ul#templatemenu a.template-help,
body.choosing-a-template ul#templatemenu a.template-choose,
body.template-modification ul#templatemenu a.template-modification

 { color:#457b80;}


ul#leftmenu li a:hover, ul#templatemenu li a:hover { border-bottom:1px solid #457b80 }

ul#leftmenu li a.santa-rosa-web-design, ul#leftmenu li a.san-francisco-web-design, ul#leftmenu li a.sonoma-county-web-design, ul#leftmenu li a.sebastopol-web-design {display:none;}

/* Main Top Menu
------------------------------------------------------------- */

#menu_horiz { width:800px; position:absolute; top:-80px; right:0; z-index:5000; }

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }

#menu_container { /* Fix for Opera 8 */ /*   overflow: hidden;  */ width: 100%; z-index:1000000; }

#main_menu li { padding:0; margin:0 0 0 15px; font-size:13px; text-transform:uppercase; letter-spacing:1px; float:right; }

#main_menu li li { font-size:13px; text-transform:lowercase; letter-spacing:normal }

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#main_menu li li { width: 175px; }

/* Unless you know what you do, do not touch this */ 
#main_menu, #main_menu ul { list-style: none; margin: 0px; padding: 0px; }

#main_menu ul { position: absolute; top: auto; display: none; }

#main_menu ul ul { margin-top: 1px; margin-left: -1px; left: 100%; top: 0px; }

#main_menu li li { margin-left: 0px; margin-top: 0; border-bottom:1px solid #000; float: none; position: relative; z-index:10000; }

/* Styling the basic apperance of the menu elements */
#main_menu a { display: block; margin: 0px; padding: 0 5px 2px 5px; text-decoration: none; color: #bababa; line-height:20px; }

#main_menu li a:hover { color:#fff; }

#main_menu li li a { background-color:#454545; background-image:none; line-height:16px; padding:3px 5px 3px 5px; }

#main_menu li li a:hover { color:#fff; background:#000; }

#main_menu li, #main_menu li.menuparent { color: #000; }

#main_menu li.menuactive a, li.currentpage, #main_menu ul li a { color: #000; background: #1ba1ad; }

#main_menu li.menuactive ul li a { color: #000; }

#main_menu li.menuactive ul li a:hover { color: #fff; }

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#main_menu ul li.menuparent, #main_menu ul li.menuparent:hover, #main_menu ul li.menuparenth { }

/* Styling the apperance of menu items on hover */
#main_menu li:hover, #main_menu li.menuh, #main_menu li.menuparenth, #main_menu li.menuactiveh { background-color: #222222; }

#main_menu ul, #main_menu li:hover ul, #main_menu li:hover ul ul, #main_menu li.menuparenth ul, #main_menu li.menuparenth ul ul { display: none; }

#main_menu li:hover ul, #main_menu ul li:hover ul, #main_menu ul ul li:hover ul, #main_menu li.menuparenth ul, #main_menu ul li.menuparenth ul, #main_menu ul ul li.menuparenth ul { display: block; }

/* IE Hacks */
#main_menu li li { float: left; clear: both; }

#main_menu li li a { height: 1%; }

#main_menu li li li a { height: 1%; }

/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Accessibility
------------------------------------------------------------- */
span.accesskey { text-decoration:none; }

.accessibility, hr { position: absolute; top: -999em; left: -999em; }

dfn { position: absolute; left: -1000px; top: -1000px; width: 0; height: 0; overflow: hidden; display: inline; }

/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Home Slide Show
------------------------------------------------------------- */
.slideshow { position:relative; height:375px; width:960px; }

div#slide-holder { z-index : 1; width : 960px; height : 375px; position : absolute; background:#fff url(../images/ajax-loader.gif) 50% 50% no-repeat; }

div#slide-holder div#slide-runner { width : 960px; height : 375px; overflow : hidden; position : absolute; }

div#slide-holder img { margin : 0; display : none; position : absolute; }

div#slide-holder div#slide-controls { width : 960px; height : 35px; top:340px; display : none; position : absolute; background : #000 0 0 no-repeat; }

div#slide-holder div#slide-controls p.text { float : left; color : #fff; display : inline; font-size : 11px; line-height : 34px; margin : 0 0 0 10px; padding:0; text-transform : lowercase; }

div#slide-holder div#slide-controls p#slide-nav { padding:5px 0; float : right; height : 18px; display : inline; margin : 0 0 0 0; }

div#slide-holder div#slide-controls p#slide-nav a { float : left; width : 18px; height : 18px; display : inline; font-size : 10px; margin : 4px 9px 0 0; line-height : 16px; text-align : center; text-decoration : none; background-position : 0 0; background-repeat : no-repeat; color:#fff; }

div#slide-holder div#slide-controls p#slide-nav a.on { background-position : 0 -18px; color:#000; }

div#slide-holder div#slide-controls p#slide-nav a { background-image : url(../images/folionav.png); }

/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Info Box Home
------------------------------------------------------------- */
.info_box_holder { background: url(../images/mehomepage.png) no-repeat; width:960px; height:127px; display:block; position:relative; margin:20px auto 30px auto; overflow:hidden; }

.info_box_holder img.me { float:left; width:169px; height:127px; }

.testimonial_box { width:959px; clear:both; position:relative; margin:0; border-left:1px solid #ccc; }

.testimonial_box p { font-size:18px; }

.testimonial_box p.right { font-size:14px; font-style:italic; float:none; }

.info_box_holder h3 span, .info_box_holder h2 em { position:absolute; top:0; left:0; text-indent:-3000px; width:1px; height:1px; overflow:hidden; }

body.home p.note { display:none;font-size:11px; color:#000; line-height:16px; padding-bottom:25px; }

/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Portfolio
------------------------------------------------------------- */

/* logos
------------------------------------------------------------- */
div.gallery { margin:20px 0; }

div.gallery div img { display:none; }

div.gallery div.img a { float:left; display:block; width:120px; height:120px; background-position:50% 90%; border:1px solid #ddd; margin:0 10px 10px 0; }

div.gallery div.img a:hover { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }


/* print
------------------------------------------------------------- */
div.printgallery { margin:20px 0; clear:both; width:660px; }

div.printgallery div img { display:none; }

div.printgallery div.img a { float:left; display:block; width:315px; height:75px; background-position:50% 90%; border:1px solid #ddd; margin:0 10px 10px 0; }

div.printgallery div.img a:hover { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

#content div.printgallery h4 { clear:both; font-size:16px; margin:0; padding:0 0 5px 0; }

div.printgallery { margin:0 0 20px 0; padding:0 0 5px 0; }


/* web
------------------------------------------------------------- */

div.category_item { width:320px; margin:0 10px 10px 0; float:left; }

div.category_item a.galleryimg { display:block; width:320px; height:150px; background-repeat:no-repeat; background-position:50% 0; border:1px solid #ddd; }

div.category_item a.galleryimg:hover { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

div.category_item img { display:none; }

#content div.category_item p { font-size:12px; padding:8px 0 0 0; margin:0; }

div.category_item p a { text-decoration:none; color:#333; }

/* web detail page */

p#click_img { width:660px; display:block; position:absolute; font-size:11px; text-align:center; top:355px; right:0; height:12px; padding:0; margin:0; }

h4.margin { margin-bottom:0px; padding-bottom:0px; }

#mainimg { width:660px; height:410px; position:relative; top:10px; }

/*#mainimg #portimg { position:relative; width:658px; height:350px; background:#fff url(../images/ajax-loader.gif) center center no-repeat; left:0; top:0; border:1px solid #ddd; overflow:hidden; padding:0; clip:rect(0px, 660px, 352px, 0px); }*/

#mainimg #portimg { position:relative; width:660px; height:350px; left:0; top:0; border:1px solid #ddd; overflow:hidden; padding:0; }

#mainimg #portimg a { display:block; display:block; width:660px; height:350px; }

#mainimg #portimg img { display:none; }

#mainimg #portimg ul { padding:0; position:absolute; margin-left:0; width:60000px; }

#mainimg #portimg ul li { padding:0; margin:0; list-style-type:none; }

#mainimg #portimg li { float:left; list-style-type:none; margin:0; padding:0; background:#fff url(../images/ajax-loader.gif) center center no-repeat; }

#mainimg ul#screenshots { position:absolute; width:660px; padding:0; margin:0; height:40px; top:358px; left:0; }

#mainimg ul#screenshots li { text-align:left; font-size:10px; line-height:14px; padding:0!important; height:20px; margin:4px 5px 0 0!important; list-style-type:none; float:left; }

#mainimg ul#screenshots li a { text-decoration:none; color:#333; background:#333; display:block; width:15px; height:15px; overflow:hidden; outline:none; line-height:15px; text-align:center; }

#mainimg ul#screenshots li.activeslide a, #mainimg ul#screenshots li.activeslide a:hover, #mainimg ul#screenshots li a:hover { color:#1ba1ad; background:#1ba1ad; }

#content h1#project_title { font-size:18px; padding:0 0 8px 0; margin:0; }

div.pagenav { text-align:center; font-size:16px; border-bottom:1px solid #ddd; padding:5px 0; text-transform:lowercase; margin:10px 0; clear:both; width:653px; }

div.pagenav a { text-decoration:none;color:#1ba1ad }

div.pagenavbottom { border-top:1px solid #ddd; border-bottom:0px; width:643px; }

div.pagenav p { margin:0; padding:0 0 0; font-size:11px; }

div.pagenavright { display:block; position:absolute; top:388px; right:0; text-align:right; font-size:11px; text-transform:lowercase; margin:10px 0; }

div.pagenavright p, div.pagenavright a { margin:0; padding:0 0 0; font-size:11px; text-decoration:none; }

body.find-ur-way .next {display:none;}

/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Accordion
------------------------------------------------------------- */

#wrapper { padding:10px 0; width:600px; }

#wrapper h3 { padding:4px 0 4px 0px; display:block; }

#wrapper p, #wrapper h4 { padding:0; margin:10px 0 10px 20px; border-left:1px solid #ccc; }

.accordionButton { cursor: pointer; margin:0; border-bottom:1px solid #ddd; }

.accordionButton:hover { border-bottom:1px solid #333; }

.accordionButton img { padding:0 10px 0 0; vertical-align:baseline; }

.accordionContent { width: 100%; display: none; padding:0 0 15px 10px; float:left; clear:both; }

.accordionButtonSelected { border-bottom:1px solid #ddd; }

/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Blog/News CSS
------------------------------------------------------------- */

div.flash { /* christina reminder -- add custom field if statement in smarty */ width:525px; height:344px; margin:15px auto; clear:both; }

div.news_body_wrapper { float:right; width:600px; }

div.news_body_wrapper h1 { font-size:25px; padding:0; }

div.news_body_wrapper h2 { font-size:18px; }

a.newsummaryimage { width:100px; height:100px; display:block; }

span.imagwrapper { float:right; margin:12px 0 10px 12px; width:100px; height:100px; padding:0; border:1px solid #ddd; background:#fff }

div.newsdate { width:35px; text-align:center; float:left; background:#ccd8d9; padding:3px; color:#fff; margin:5px 0 0 0; line-height:15px; text-transform:uppercase; }

div.newsdate span.month { font-size:11px; }

div.newsdate span.day { font-size:25px; }

div.newsdate span.year { font-size:11px; }

div.NewsSummary { clear:both; position:relative; margin:0 0 10px 0; border-bottom:1px solid #ddd; }

div.oddnews { padding:10px 0 15px 0; background:url() 50% 100% no-repeat; }

div.evennews { padding:10px 0 15px 0; background:url() 50% 100% no-repeat; }

.NewsSummary h3 { font-size:22px; margin:0; padding:0; }

h4.subheadernews { font-size:15px; margin:0; padding:0; }

.NewsSummary h3 a, h4.subheadernews a { text-decoration:none; }

.NewsSummary h3 a:hover, h4.subheadernews a:hover { text-decoration:underline; }

.NewsSummary h3, h4.subheadernews { padding:0 0 5px 0; }

div.poster p { font-size:11px; }

div.NewsPageCount { text-align:right; }

div.topnewscount { padding:0 0 20px 0; }

div.NewsSummary div.poster p { float:left; width:40%; padding:3px 0; }

div.NewsSummary div.poster { }

div.NewsSummary div.poster p.comments { text-align:right; float:right; width:30%; }

div.NewsSummaryMorelink { text-align:right; clear:both; text-transform:lowercase; font-size:12px; }

#content div.NewsPageCount p { padding:0; margin:0; font-size:11px; text-transform:uppercase; }

#content div.NewsPageCount a { padding:0 2px; margin:0 1px; }

/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Forms
------------------------------------------------------------- */

/* Search
------------------------------------------------------------- */

body.search #content h3 { font-size:26px; margin:0 0 15px 0; padding:0; }

span.searchhilite { background:#ddd; }

div#search { width:171px; position:absolute; top:0; right:0; height:35px; display:block; overflow:hidden; z-index:20000; }

input[type=text]:focus, input[type=password]:focus { outline: 0 none; }

fieldset.search { border: none; width: 171px; margin:0; padding:0; }

.search input { border: none; float: left; }

div#search .search input.box { font-size: 12px; font-weight:bold; width:115px; height:25px; background-image:none; background-color:transparent; margin-right: 0px; position:absolute; top:8px; left:5px; color:#fff; font-weight:normal; }

.search .btn { width: 40px; height: 35px; cursor: pointer; text-indent: -9999px; position:absolute; top:0px; right:0px; }

.search .btn:hover { background:url(../images/search-hover.png) no-repeat bottom right; }

/* Contact
------------------------------------------------------------- */
#content input[type="text"], #content textarea, #content select /* To keep form fields consistent when FireFox overrides them*/ { background: #fff!important; border: 1px solid #dddddd; padding:4px; margin:2px 0 3px 0; }

#content input[type="text"]:hover, #content textarea:hover, #content select:hover { border: 1px solid #777; }

#content textarea, #content input[type="text"] { width:93%; }

#content textarea { height:100px; }

#content input[type="button"], #content input[type="submit"]  /* To keep form fields consistent when FireFox overrides them*/ { border: 1px solid #000; background:#000; color:#fff; font-weight:normal; font-size:16px; padding:3px; text-transform:uppercase; }

#content input[type="submit"]:hover, #content input[type="button"]:hover { background:#333; border-color:#333; }

.contactform div { /*this makes the form fields and labels not so squished together */ margin:2px 0; }

fieldset legend { /*the legend does not display */ display:none; }

.fileupload input { clear:both; display:block; font-size:15px; }

.fileupload { font-size:11px; }

label, .fileupload label { font-size: 14px; margin:2px 0 0 0; padding:0; text-transform:lowercase; }

.textarea textarea, .textfield input, .select select { /*general field styles */ font-size:14px; padding:5px; }

.textfield label, .textarea label, .select label { /*labels inside these divs are blocks */ display:block; width:100%; margin:0; }

.textarea textarea { /*width and height of the textarea field */ height:100px; width:95%; }

.contactform p, .contactform h3, .contactform h2 { /*If you add text inside the your form this is where you set the formats up if you override the main css */ padding:2px 0!important; }

div.textfield input { /*the text field input width and styles */ }

div.select select { /*width of the select field */ }

.contactform span { /*spans inside the form are blocks, display inline if necessary */ display:block; }

.contactform span.error { font-size:14px; color:#990000; display:block; margin:2px 0 8px 0; }

div.error_message { padding:0 0 20px 0; color:#990000; font-size:14px; }

div.error_message h2 { color:#990000!important; font-weight:bold!important; }

div.error_message span { display:block; }

p.required { font-size:11px; }

fieldset.spam, div.spam { margin:15px 0 10px 0; }

#content fieldset.spam input[type="text"], #content div.spam input[type="text"] { width:50%; border-color:#777; }

fieldset.spam span, div.spam label span { font-size:14px; }

fieldset.spam img { }

label em { font-size:10px; font-weight:normal; }

div.addcomment { display:block; margin:20px 0 0 0; }

div.comment { border:1px solid #ddd; overflow:hidden; }

div.odd { background:#eee; padding:10px; margin-bottom:5px; }

div.even { background:#f8f8f8; padding:10px; margin-bottom:5px; }

div.comment p.comment_title { font-weight:bold; font-size:17px; padding:0 0 5px 0; margin:0; }

#content #comments p.comment_date, #content #comments p.comment_author { font-size:11px; padding:0; margin:0; }

#content #comments p.comment_date { text-align:right; float:right; }

#content #comments p.comment_author { float:left; }

#content #comments p.comment_data { font-size:12px; line-height:18px; }

#content #comments div.odd p.comment_data { border-bottom:1px solid #ddd; }

#content #comments div.even p.comment_data { border-bottom:1px solid #ddd; }

/*COMMENT FORM */

div.error, div.error h2, div.moderation p, div.moderation h2 { color:#990000; }

#comments { padding:20px 0 20px 0; clear:both; }

#comments h2 { font-size:25px; }

div.commentform { width:100%; }

div#comments form input[type="text"], div#comments form textarea, div#comments form select { width:100%; }

div#comments form label { display:block; clear:both; }

div#comments form div.notify label { display:inline; clear:none; }

div#comments form div.notify { display:block; padding:8px 0 8px 0; clear:both; }

div#comments form textarea { height:110px; font-family:georgia; }

div.submit { clear:both; padding:10px 0; }

input#m5c887cancelcomment { background:#ccc!important; border-color:#ccc!important; margin-left:15px; }

input#m5c887cancelcomment:hover { background:#000!important; border:1px solid #000!important; color:#fff!important; }

/* text buttons */
div#comments div.commentwrapper a { color:#fff; padding:5px; background:#000; text-decoration:none; }

/* text buttons hover state */

div#comments div.commentwrapper a:hover { }

/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Share This Facebook Twitter Email
------------------------------------------------------------- */

#sharethis { position:absolute; top:-150px; right:275px; width:50px; height:30px; overflow:hidden; z-index:20000; }

#sharethis * { font-size:10px; }

#sharethis { }

#sharethis a.stbutton { background-image:none!important; background-repeat:no-repeat!important; display:block; text-indent:-3000px; overflow:hidden!important; height:30px; width:50px; }

a#facebook, a#twitter, a#rss { z-index:20000; position:absolute; top:-150px; right:190px; width:20px; height:20px; display:block; }

a#twitter { right:245px; }

a#facebook { right:218px; }

a#facebook span, a#twitter span, a#rss span { margin-left:-3000px; overflow:hidden; position:absolute:width:20px;
height:20px; }

/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Misc
------------------------------------------------------------- */
p.right { text-align:right; font-style:italic; }

.typeinaddress p { margin:0; padding:0 }

.typeinaddress p.small { font-size:11px; font-style:italic; width:500px; line-height:14px; }

p.source { padding:0px 0 15px 0; margin:-10px 0 0 0; font-style:italic; font-size:12px;text-align:left;text-indent:100px; }

.clear { clear:both; }

.center { text-align:center; margin:0 auto; display:block; }

.divider { display:block; width:100%; padding:10px 0 0 0; border-bottom:1px solid #ccc; margin:0 0 10px 0; }

.quote p { padding:0px 0 10px 0; }

div.logospagetext p { position:absolute; display:block; height:10px; width:10px; overflow:hidden; text-indent:-3000px; }

#content #right_col div.twitter h5 { margin:5px 0; padding:0; }

div.twitter p { font-size:12px; line-height:18px;padding-top:10px!important; }

div.twitter p em { font-size:10px; }

div.twitter { padding:10px; border:4px double #cfd7d8; background:#f3f8f8; margin:20px 0 0 0; clear:both; }

#ifiesix { display:none; }

span.small {font-size:15px;}

/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Float Containers Fix
------------------------------------------------------------- */

.cf:after, #content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

/* See conditional statements for IE 6 and 7  --------- */


/*-------------------------------------------------------------- */
/*-------------------------------------------------------------- */
/* Print CSS
------------------------------------------------------------- */

 @media print {

.header *, #menu_horiz *, div#cosmostop, span#cosmosbottom, div.pp_overlay, #footer *, .pp_content_container *, .pp_content_container, #right_col, div.ppt, #footer, .header, #menu_horiz, #content div.pagenavright, #click_img, ul#screenshots a, ul#screenshots { display:none!important; }

#content, #main_col { float:none; width:100%; padding:0!important; margin:0!important; position:relative; top:0px!important; left:0px; }

div.gallery div img { display:block; }

div.category_item img { display:block; }

#mainimg #portimg img { display:block; padding:0; margin:0; border:none; }

#mainimg #portimg, #mainimg, #mainimg #portimg li { position:relative; width:800px; height:800px; clear:both; overflow:visible; padding:0; margin:0; border:none; }

#portimg a { display:none; }

h1, h2, h3, h4, h5 { text-transform:none; font-weight:bold; }

p { clear:both; }
}