/**********************************
 * FreeTemplates4U.com
 *
 * Copyright (c) 2008-2010
 * by Dr.Kameleon
 * --------------------------------
 * file : style.css
 **********************************/

/* Reset all styles */
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, sub, sup, tt, var, center, dl, dt, dd, ul, li, fieldset, form, label, legend, tbody, tfoot, thead, tr, th
{ background: transparent; border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; padding: 0; outline: 0; }

/************************
 * GENERAL STYLING ~
 ************************/
body { font-size:12px; font-family:verdana; /*background: url(http://convertfrom.com/img/back.png);*/}
.clear { clear:both; padding:0; margin:0; }

/* Main Layout */
#layout { margin:0 auto; width:750px; /* width:780px; padding-left:25px; background:url(img/bg-slc.png) repeat-y; padding-right:25px; */}

/******************
 * HEADER
 ******************/
#layout #header #upper-menu { text-align:right; border-bottom:1px solid #ccc; padding-bottom:5px; padding-right:5px; padding-top: 5px; }
#layout #header #upper-menu a { text-decoration:none; color:#888; }
#layout #header #upper-menu a:hover { text-decoration:none; color:#000; }
#layout #header #logo { padding-top:10px; }
#layout #header #main-menu {position:relative;z-index:100;height:35px;background: url(img/gradient-right.gif) no-repeat 100% 0}
#layout #header #main-menu ul.menu, ul.menu ul {list-style:none;}
#layout #header #main-menu ul.menu {height:35px; margin-right: 9px; background: #7c7c7c url(img/gradient-left.gif) no-repeat 0 0; padding: 0 0 0 9px}
#layout #header #main-menu .menu li {float:left;position:relative;}
#layout #header #main-menu a, #layout #header #main-menu .separator {color:#fff;display:block;font-size:1.25em;font-weight:bold;margin:5px 0;line-height: 25px;padding:0 12px;border-right: 1px #999 solid}
#layout #header #main-menu a:hover, #layout #header #main-menu span:hover {text-decoration:none; color:#2c2c2c;}
#layout #header #main-menu ul li a:hover, #layout #header #main-menu ul li span:hover { background:#cccccc;}
#layout #header #main-menu ul li ul li a:hover, #layout #header #main-menu ul li ul li span:hover { background:#7c7c7c; }
#layout #header #main-menu ul ul {background:#ebebed;padding:0;position: absolute;width:180px;margin:0;opacity: 0.9; border-width: 0px 1px 2px; border-style: solid;border-color: #ebebed #ddd #ccc;left: -999em; z-index: 100000000000}
#layout #header #main-menu ul ul a, #layout #header #main-menu ul ul span.separator {border:none;color:#000;font-weight:normal;height:24px;line-height:24px;text-transform:none;text-align:left;margin: 0;padding:0 0 0 10px;width: 170px; display:block}
#layout #header #main-menu a span, #layout #header #main-menu span span {padding: 0!important}
#layout #header #main-menu ul ul a:hover, #layout #header #main-menu ul ul .parent span:hover {background-color: #7c7c7c}
#layout #header #main-menu ul ul a:hover span, #layout #header #main-menu ul ul .parent span:hover span {color:#fff}
#layout #header #main-menu ul ul .parent, #layout #header #main-menu ul ul .parent:hover {background-image: url(img/arrow.png); background-repeat: no-repeat; background-position: 170px 10px}
#layout #header #main-menu li:hover ul, #layout #header #main-menu li.sfhover ul {left: auto;}
#layout #header #main-menu li:hover ul ul, #layout #header #main-menu li.sfhover ul ul {left: -999em}
#layout #header #main-menu ul ul li:hover ul, #layout #header #main-menu ul ul li.sfhover ul {opacity: 0.99; left:181px; margin-top: -26px; border-width:1px 1px 2px !important}
#layout #header #main-menu ul ul ul a:hover {color:#fff; background: #7c7c7c}
#layout #header #main-menu ul ul ul li span {background: none !important}
#layout #header #main-menu .menu li:hover, #layout #header #main-menu .menu li.sfhover {position:static;}
#layout #header #main-menu li .horizontal-separator { border-bottom:2px solid #ddd; }
#layout #header #main-menu ul li a, #layout #header #main-menu ul li a span { text-decoration:none; }
#layout #header #main-menu ul li ul li a, #layout #header #main-menu ul li ul li a span { text-decoration:none; }

/******************
 * CENTRAL
 ******************/
#layout #central { padding-top: 15px; }
#layout #central #sidebar { width:200px; float:left; text-align:justify; padding-right:5px; }
#layout #central #sidebar .box { border:4px solid #ccc; padding:5px; margin-bottom:10px; }
#layout #central #sidebar .box h3 { font-size:16px; color:#888; border-bottom:1px solid #999; }
#layout #central #sidebar .content { text-align:center; margin-top:10px; }
#layout #central #main { text-align:justify; padding-left:5px; }

/******************
 * FOOTER
 ******************/
#layout #footer { border:4px solid #ccc; padding:5px; margin-bottom:10px; text-align:right; }
    
/*************************
 * SPECIFIC ELEMENTS ~
 *************************/

/* Gallery Cubes */
.gallerycube-single { padding:5px 10px 5px 10px; width:360px; float:left; margin:0 0px 15px 17px; background:#ffffff; border:4px solid #e5e5e5; }
.gallerycube-single h2 { font-size:1.2em; margin:0 0 3px 0; padding:0; font-weight:bold; background:#FFF; margin-left:-10px; margin-bottom:-5px; margin-right:-10px; margin-top:-5px; padding-left:10px; padding-right:10px; padding-bottom:5px; padding-top:5px; }
.gallerycube-single h2 a { color:#990000; text-decoration:none; }
.gallerycube-single h2 a:hover { color:#474848; text-decoration:none; }
.gallerycube-single h4 { font-size:12px; background:#FFF; margin-left:-10px; margin-bottom:-5px; margin-right:-10px; margin-top:-5px; padding-left:10px; padding-right:10px; padding-bottom:5px; padding-top:5px; text-align:center; font-weight:bold; }
.gallerycube-single h5 { font-size:12px; background:#e5e5e5; margin-left:-10px; margin-bottom:-5px; margin-right:-10px; margin-top:-5px; padding-left:10px; padding-right:10px; padding-bottom:5px; padding-top:5px; text-align:center; }
.gallerycube-single h5 a { color:#444; text-decoration:none; }
.gallerycube-single h5 a:hover { color:#444;	text-decoration:none; }
.gallerycube-single p { margin:10px 0 0px 0;	border:none; }
.gallerycube-single2 { padding:5px 10px 5px 10px; width:360px; float:left; margin:0 0px 15px 17px; background:url(images/back_choice2.png) repeat-y; border:4px solid #666; }
.gallerycube-single2 h2 { font-size:1.2em; margin:0 0 3px 0;	padding:0; color:#ffffff; font-weight:bold; background:#FFF; margin-left:-10px; margin-bottom:-5px; margin-right:-10px; margin-top:-5px; padding-left:10px; padding-right:10px; padding-bottom:5px; padding-top:5px; }
.gallerycube-single2 h2 a { color:#990000; text-decoration:none; }
.gallerycube-single2 h2 a:hover { color:#990000; text-decoration:underline; }
.gallerycube-single2 h4 { font-size:12px; background:#FFF; margin-left:-10px; margin-bottom:-5px; margin-right:-10px; margin-top:-5px; padding-left:10px; padding-right:10px; padding-bottom:5px; padding-top:5px; text-align:center; font-weight:bold; }
.gallerycube-single2 h5 { font-size:12px; background:#666; margin-left:-10px; margin-bottom:-5px; margin-right:-10px; margin-top:-5px; padding-left:10px; padding-right:10px; padding-bottom:5px; padding-top:5px; text-align:center; }
.gallerycube-single2 h5 a { color:#FFF; text-decoration:none; }
.gallerycube-single2 h5 a:hover { color:#FFF; text-decoration:underline; }
.gallerycube-single2 p { margin:10px 0 0px 0; border:none; }
.gallerycube-linkbar { padding:10px 10px 5px 10px; width:500px; float:left; margin:0 0 15px 17px; background:#e5e5e2; border:4px solid #e5e5e5; }
.gallerycube-archive { padding:5px 10px 5px 10px; width:227px; float:left; margin:0 0 15px 17px; background:#ffffff; border:4px solid #e5e5e5; }
.gallerycube-archive h2 { font-size:1.2em; margin:0 0 3px 0; padding:0; font-weight:bold; background:#FFF; margin-left:-10px; margin-bottom:-5px; margin-right:-10px; margin-top:-5px; padding-left:10px; padding-right:10px; padding-bottom:5px; padding-top:5px; }
.gallerycube-archive h2 a { color:#667c9b; text-decoration:none; }
.gallerycube-archive h2 a:hover { color:#3399cc; text-decoration:none; }
.gallerycube-archive h4 { font-size:12px; background:#FFF; margin-left:-10px; margin-bottom:-5px; margin-right:-10px; margin-top:-5px; padding-left:10px; padding-right:10px; padding-bottom:5px; padding-top:5px; }
.gallerycube-archive h5 { font-size:12px; background:#e5e5e5; margin-left:-10px; margin-bottom:-5px; margin-right:-10px; margin-top:-5px; padding-left:10px; padding-right:10px; padding-bottom:5px; padding-top:5px; text-align:center; color:#9f9f9f; }
.gallerycube-archive h5 a { color:#444; text-decoration:none; }
.gallerycube-archive h5 a:hover { color:#444; text-decoration:none; }
.gallerycube-archive p { margin:10px 0 0px 0; border:none; }
.gallerycube-archive2 { padding:5px 10px 5px 10px; width:227px; float:left; margin:0 0 15px 17px; background:url(images/back_choice.png) repeat-y; border:4px solid #666; }
.gallerycube-archive2 h2 { font-size:1.2em; margin:0 0 3px 0; padding:0; color:#ffffff; font-weight:bold; background:#FFF; margin-left:-10px; margin-bottom:-5px; margin-right:-10px; margin-top:-5px; padding-left:10px; padding-right:10px; padding-bottom:5px; padding-top:5px; }
.gallerycube-archive2 h2 a { color:#667c9b; text-decoration:none; }
.gallerycube-archive2 h2 a:hover { color:#3399cc; text-decoration:underline; }
.gallerycube-archive2 h4 { font-size:12px; background:#FFF; margin-left:-10px; margin-bottom:-5px; margin-right:-10px; margin-top:-5px; padding-left:10px; padding-right:10px; padding-bottom:5px; padding-top:5px; }
.gallerycube-archive2 h5 { font-size:12px; background:#666; margin-left:-10px; margin-bottom:-5px; margin-right:-10px; margin-top:-5px; padding-left:10px; padding-right:10px; padding-bottom:5px; padding-top:5px; text-align:center; color:#666; }
.gallerycube-archive2 h5 a { color:#FFF; text-decoration:none; }
.gallerycube-archive2 h5 a:hover { color:#FFF;	text-decoration:underline; }
.gallerycube-archive2 p { margin:10px 0 0px 0;	border:none; }

/* Paged Navigation */
.paged-navigation { margin:0 0 20px 0px; padding:10px 0 0 0; color:#838383; }
.paged-navigation .wp-pagenavi { padding-left:30px; }
.paged-navigation a { padding:4px 8px 4px 8px; background:#fff; border:2px solid #b5b5b5; color:#838383; font-size:10px; margin:0 5px 0 0; }
.paged-navigation a:hover { padding:4px 8px 4px 8px;	border:2px solid #3399cc; color:#000000; text-decoration:none; font-size:10px; margin:0 5px 0 0; }
.paged-navigation .on { padding:4px 8px 4px 8px; border:2px solid #3399cc; color:#000000; font-size:10px; margin:0 5px 0 0;}
.paged-navigation span { padding:4px 8px 4px 8px; border:2px solid #b5b5b5; font-size:10px; margin:0 5px 0 0; }

/* Info-Frame */
#infoframe h2.title { font-size:26px; font-family:verdana; margin-left:215px; margin-bottom:10px; }
#infoframe .content-single { height:90px; border:4px solid #ddd; background:#bbb; padding:10px; margin-left:217px; margin-right:1px; margin-bottom:20px; }
#infoframe .content-archive { height:270px; border:4px solid #ddd; background:#bbb; padding:10px; margin-left:217px; margin-right:1px; margin-bottom:20px; }
#infoframe .ad { float:left; margin:10px; }

/* Template Info */
#templateinfo { text-align:right; }

/* Option Label */
.optionlabel { background:#ccc; padding:5px; margin-left:603px; margin-top:2px; }
.optionlabel a { text-decoration:underline; color:#777; }
.optionlabel a:hover { text-decoration:none; color:#000; }

/***************************************
    This is the end,
        my only friend the end...
****************************************/