/*  
Theme Name: SymiSun
Theme URI: http://symisun.com/
Description: A unique theme for SymiSun* (updated February 06, 2010).
Version: 1.0
Author: Stamatis Kritikos for SymiSun*
Author URI: http://stamatiskritikos.com/
Company URI: http://symisun.com/

	SymiSun v1.1

	This theme was designed and coded by Stamatis Kritikos,
	whose blog you will find at http://stamatiskritikos.com/
	and his company at http://symisun.com

	The CSS, XHTML and design is a commercial work
	and you are not allowed to use it in any way

*/


/* Global white space reset */
* {padding:0; margin:0}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin:0 10px}
li, dd {margin-left:15px}
fieldset {padding:6px}

/* Undo default HTML styling of common browsers */
a:link, a:visited {color:#e74b44}
ul, ol {list-style:none}
img {border:none}
a img:hover, a img:focus {background:none!important}

/* General */
body {
	background:#add9f4 url('images/bg.jpg') repeat-x top left;
	color:#222;
	text-align:left;
	margin:0;
	font:normal 11px/16px tahoma,serif
	}

/* General links */
a:hover {text-decoration:none; color:#f00}
a:focus, input:focus {outline:none}

/* Paragraph and headings */
p {margin:0 0 10px 0}
h1, h2, h3, h4, h5, h6 {font-weight:normal; margin:0}
h1 {font-size:17px; color:#000}
h2 {font-size:16px; color:#c30}
h3 {font-size:15px; color:#fff}
h4 {font-size:14px; color:#589108; border-bottom:1px solid #ddd;}
h5 {font-size:13px; color:#e98523}
h6 {font-size:12px; color:#666}
/* Alike */
.s13 {font-size:13px}
.s11 {font-size:11px}
/* Colors */
.cone {color:#589108}
.ctwo {color:#630}
.c3 {color:#222}
.c4 {color:#036}

/* Forms */
.input {
	background:#f5f5f5;
	color:#000;
	border-left:1px solid #d1d1d1;
	border-top:1px solid #a9aaab;
	border-bottom:1px solid #f7f9f9;
	border-right:1px solid #f4f4f4
	}
.submit {font:bold 13px verdana,serif; cursor:pointer!important}
radio {margin:0 5px 0 0; background:none; border:none}

/* Who's your daddy */
#daddy {width:998px; background:url('images/bg-all.jpg') repeat-y top left}

/* Header */
#header {height:87px}
#header p {margin:0}

/* Content columns */
#cA {
	float:left;
	width:216px;
	margin:0;
	display:inline;
	background:#E6F5FA url('images/left.jpg') no-repeat top left;
	height:661px;
	text-align:left
	}
#cB {
	float:left;
	width:568px;
	margin:0;
	display:inline;
	background:url('images/bg-page.jpg') repeat-y top left
	}
#Btop {height:12px; background:url('images/top-page.jpg') no-repeat top left; text-align:left}
#Bspa {padding:15px 25px; color:#555}
#Bspa a:hover {background:#ffffbe}
.tip {font:normal 10px tahoma,serif; color:#777; background:#f4f4f4; border:1px solid #eee; padding:5px; text-align:center}
#cC {float:left; width:214px; margin:0; display:inline; background:url('images/bg-right.jpg') repeat-y top left; text-align:left}
#Cflags {width:55px; height:22px; padding:85px 0 0 20px; text-align:center}
#Ctop {background:url('images/top-right.jpg') no-repeat top left; height:529px}
#Ctext {font-size:10px; padding:95px 20px 0 20px; color:#036; line-height:normal}
#Ctext a:link, #Ctext a:visited {color:#3366CC; text-decoration:none; font-family:verdana,serif}
#Ctext a:hover {background:#b0d8f2}
#Cmoni {padding:60px 15px 0 15px; font-size:10px; color:#444; line-height:normal}
#Cmore {height:19px; padding:5px 0 0 0; background:#f1f7fa; border:1px solid #94bcd8; text-align:center}
#Cmore a:link, #Cmore a:visited {color:#147; text-decoration:none}
#Cmore a:hover {background:none; color:#369}
#Cbot {width:216px; height:132px; background:url('images/bottom-right.jpg') no-repeat top left; position:absolute; bottom:238px; right:0}

/* Menu */
#menu {font:bold 11px tahoma,serif; padding:85px 0 0 15px}
#menu ul {padding:0; margin:0}
#menu li {
	list-style:none;
	margin:5px 0 0 0;
	height:24px;
	width:175px;
	background:url("images/bg-menu.gif") no-repeat top right;
	float:left
	}
#menu ul li a:link, #menu ul li a:visited {
	display:block;
	padding:2px 0 4px 5px;
	color:#069;
	width:175px;
	margin:-1px 0 0 0;
	text-decoration:none
	}
#menu ul li a:hover {color:#036!important; text-decoration:none; background:url("img/bg-menu-on.gif") repeat-x top left}
#menu-home {background:url('images/menu-home.gif') no-repeat left center; padding:4px 0 4px 50px}
#menu-portfolio {background:url('images/menu-portfolio.gif') no-repeat left center; padding:4px 0 4px 50px}
#menu-quote {background:url('images/menu-quote.gif') no-repeat left center; padding:4px 0 4px 50px}
#menu-solutions {background:url('images/menu-solutions.gif') no-repeat left center; padding:4px 0 4px 50px}
#menu-publications {background:url('images/menu-publications.gif') no-repeat left center; padding:4px 0 4px 50px}
#menu-templates {background:url('images/menu-templates.gif') no-repeat left center; padding:4px 0 4px 50px}
#menu-contact {background:url('images/menu-contact.gif') no-repeat left center; padding:4px 0 4px 50px}

/* Page */
.lefty {float:left; clear:left; width:228px; padding:7px 0 0 0}
.righty {float:right; clear:right; width:270px; padding:7px 0 0 0}
#do {font:normal 11px tahoma,serif; width:290px; float:right;}
#do ul {padding:0; margin:5px 0 0 0}
#do li {
	list-style:none;
	margin:5px 0 0 0;
	float:left;
	padding:0 0 6px 0
	}
#do ul li a:link, #do ul li a:visited {
	display:block;
	padding:11px 0 0 5px;
	color:#069;
	margin:-1px 0 0 0;
	font-size:12px;
	font-weight:bold;
	text-decoration:none
	}
#do ul li a:hover {color:#036!important; text-decoration:none; background:none}
#do-portfolio {background:url('images/icon-website.png') no-repeat left center; padding:6px 0 18px 50px}
#do-skins {background:url('images/icon-cms.png') no-repeat left center; padding:6px 0 18px 50px}
#do-logos {background:url('images/icon-logos.gif') no-repeat left center; padding:6px 0 18px 50px}
#do-media {background:url('images/icon-folder.png') no-repeat left center; padding:6px 0 18px 50px}
.do-desc {padding:0 0 0 55px}
#page {font-size:12px; letter-spacing:1px; line-height:16px}
#page h2 {font:bold 17px "trebuchet ms",serif; color:#069; margin:0 0 10px 0}
#page h3 a {display:block; font-weight:bold;}
#page h3 a:hover {background-color:#fff}
#page ul {margin:10px 0 0 0;}
#page ul li {text-align:center; display:inline; font-weight:bold;}
#page ul li a, #page ul li p {
	display:block; float:left; margin:5px 3px 0 0; height:158px; width:169px; 
	background:#fff url('images/sites/thumbs.gif') no-repeat top left; text-decoration:none; color:#333;
	}
#page ul li a:hover {background:#fff url('images/sites/thumbs.gif') no-repeat bottom left; color:#111;}
#page ul li img {display:block; margin:4px 0 7px 6px;}
.postmetadata {margin-top:20px; padding:7px 12px 10px 12px; background-color:#f7f7f7; border-top:1px solid #eee;}
.navigation {font-weight:bold}

/* Footer */
#foomama {width:100%; height:238px; background:url('images/bg-footer.jpg') repeat-x top left; clear:both}
#footer {
	height:238px;
	width:998px;
	margin:0;
	background:url('images/footer.jpg') no-repeat top left;
	color:#007195;
	position:relative
	}
#footer a:link, #footer a:visited {color:#007199}
#footmenu a:active, #passion a:active {color:#CDEBF6}
.valid {padding:65px 240px 0 0; text-align:right; font:bold 10px tahoma,serif}
.valid a:hover {background:#6cf}
.copyright {padding:1px 240px 0 230px; font:normal 10px tahoma,serif; color:#007195}
.copyright p {margin:0; display:inline}
.flinks {float:right; font:bold 11px tahoma,serif; color:#006285}
.flinks a:link, .flinks a:visited {color:#006285!important; text-decoration:none}
.flinks a:hover {background:#5bdff4; text-decoration:none}

/* Misc */
.clear {clear:both}
.after:after {
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden
}
.fl {float:left; margin:0 10px 5px 0}
.fr {float:right; margin:0 0 5px 10px}
#proper-space {height:248px}
#preloader {display:none}
.megapad {padding:30px}
.ar {float:right}
.center {text-align:center}
.right {text-align:right}
.temp {margin:10px 0 0 0}
.img-shadow {float:left; background:url('images/shadow.gif') no-repeat bottom right; margin:10px 10px 0 0 !important}
.img-shadow img {display:block; position:relative; background:#fff; border:1px solid #a9a9a9; margin:-6px 6px 6px -6px; padding:4px}
.img-shadow2 {background:url('images/shadow.gif') no-repeat bottom right; margin:10px 10px 0 0 !important}
.img-shadow2 img {display:block; position:relative; background:#fff; border:1px solid #a9a9a9; margin:-6px 6px 6px -6px; padding:4px}
ul.check {list-style-type:circle;}
ul.check li {padding:0 0 0 20px!important; display:block!important; font-weight:normal!important; text-align:left!important; margin:5px 0; background:url('images/check.gif') no-repeat 0 50%}

/* Hardcoded */
.alignright {float:right; margin:10px 0 0 10px;}
.alignleft {float:left; margin:10px 10px 0 0;}