/**********************************************************************/
/*** all4smartphone.com MAIN Style, v.2004-August-04 ******************/
/*** (c)2004 by All4Smartphone.com & Mikhail Bozgounov (CSS Coding) ***/
/**********************************************************************/


/* ^^^^^^^^^^^^ GENERAL STYLES ^^^^^^^^^^^^ */
/********************************************/

body {
 margin: 10px;
 padding: 0;
 color: #FFFFFF;
 background: #011B3F;
 font: 80%/1.5em "Trebuchet MS", Verdana, Arial, sans-serif;
}

a:link {color: #F2CE5D; text-decoration: none;}
a:visited {color: #F79431; text-decoration: none;}
a:hover {color: #F79431; text-decoration: underline;}
a:active {color: #F79431; text-decoration: underline;}

h1, h2, h3, h4 {line-height: 1em; margin: 0.5em 0;}
h1 {font-size: 140%; color: #CCCCCC;}
h2 {font-size: 140%; margin: 1em 0;}
h3 {font-size: 120%; margin: 1em 0;}
h4 {font-size: 100%; margin: 1em 0; font-style: italic; color: #FFCC66;}

#headings {margin: 1em 0 0 0;}  /* these 3 lines: style for h1-h4 when contained in the HEADINGS div */
#headings h1, #headings h2, #headings h3, #headings h4 {display: inline; color: #CCCCCC;}
#headings a {color: #CCCCCC;}

acronym {cursor: help; border-bottom: 1px dotted #CCCCCC;}
a img {border: 0;}
.clear {clear: both;}
.newsline br.clear {clear: left;}   /* michel - 2005-Feb-14 !!! very_important !!! */


.imageLeft {
margin: 5px 10px 10px -4em; /* container for image(s) */
float: left;
border: 0;
}
.imageRight {
margin: 5px -4em 10px 10px; /* container for image(s) */
float: right;
border: 0;
}
.imageLeft img, .imageRight img {
border: 1px solid #CCCCCC;
}

p {margin: 1em 4em 0 4em; padding: 0; text-align: justify;}

ol {margin: 1em 4em 0 5em; padding: 0;}




.box {
 display: block;
 margin: 2em 0;
 padding: 0 0 1em 0;
 width: 720px; /* width is calculated: 750px - 10+10 (margin left/right) - 10 extra pixels (for IE) */
}
.box h3 a:link, .box h3 a:visited { /* this is for ANCHORS */
 color: #CCCCCC;
 text-decoration: none;
}
.box ul {
 margin: 0 0 0 4em;
 padding: 0;
 list-style-type: disc;
}
.box .downloadUL {
/* list-style-image: url(list-arrow.gif); - this is optional (for later implementation) */
list-style: none;
margin: 0 0 0 4em; /* must be same as P margins for consistency */
}
.newsAuthor, .newsSource {
 font-style: italic;
 display: block;
}
.themesSupplier, .gameSupplier {
 font: bold 80%/1.5em Verdana, Arial, sans-serif;
 color: #738DB3;
 font-style: italic;
 display: block;
}
.advertise {
 font: 85%/1.5em Verdana, Arial, sans-serif;
 color: #E0D40E;
}

.newsDate {
 font: 80%/1.5em Verdana, Arial, sans-serif;
 display: block;
 margin: 10px 0 0 0;
}

.comment {font: 100%/1.5em "Trebuchet MS", Verdana, Arial, sans-serif; font-weight: normal; font-style: italic;}
.comment b {font-weight: bold; color: #738DB3;}

.note {font-style: italic;}
.note b {font-weight: bold;}


.backToDownloads {font-family: Verdana, Arial, sans-serif; line-height: 1.2em; font-variant: small-caps; margin: 15px 0 5px 0; padding: 0;}
.backToDownloads a {line-height: 1.2em; font-variant: small-caps;}


.backToTop {
 display: block;
 text-align: right;
 margin: 0;
 padding: 0 0 5px 0;
 border-bottom: 1px dotted;
}
.backToTop a:link, .backToTop a:visited {
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;
}

.author {font-style: italic; line-height: 1.5em;} /* only for STATIC pages */
.revision {font: 70%/1.5em Verdana, Arial, sans-serif; margin: 10px 0 5px 0;}


.fast {
 display: block;
 text-align: center; /* mistake!!!!!! - centre */
 margin: 0;
 padding: 0;
}
.fast a:link, .fast a:visited {
 color: #FFFFFF;
 font-weight: none;
 text-decoration: none;
}

.author {font-style: italic; line-height: 1.5em;} /* only for STATIC pages */
.revision {font: 70%/1.5em Verdana, Arial, sans-serif; margin: 10px 0 5px 0;}

.fastnews {
 display: block;
 text-align: left; /* podravniava na liavo izbranite novini */
 margin: 0;
 padding: 0;
}
.fastnews a:link, .fastnews a:visited {
 color: #FFFFFF;
 font-weight: none;
 text-decoration: none;
}

.author {font-style: italic; line-height: 1.5em;} /* only for STATIC pages */
.revision {font: 70%/1.5em Verdana, Arial, sans-serif; margin: 10px 0 5px 0;}

/*** CONTENTS DIV - news & new models ***/
.summary {
 display: block;
 margin: 2em 0;
 padding: 0 0 1em 0;
 width: 720px; /* width is calculated: 750px - 10+10 (margin left/right) - 10 extra pixels (for IE) */
 border-bottom: 1px dotted;
}
.summary ul {
 margin: 0 0 0 4em;
 padding: 0;
 list-style-type: square;
}



/*** INDEX page - MAIN CONTENTS & RIGHT FLOATING COLUMN ***/
.newsline {
 width: 490px; /* 490 */
}
.newsline p {
 margin: 0;
 padding: 0;
 font-size: 90%;
}
.newsline .imageLeft {
 margin: 0 8px 0 0;
 padding: 0;
}
.newsline .imageRight {
 margin: 0 0 0 8px;
 padding: 0;
}
.newsline .backToTop {
 margin: 5px 0 20px 0;
 padding: 0;
 font-size: 85%;
 text-align: left;
 border-bottom: 1px dotted;
}
.newsline .backToTop a:link, .newsline .backToTop a:visited {
 color: #F2CE5D;
}
.newsline .backToTop a:hover, .newsline .backToTop a:active {
 color: #F2CE5D;
 text-decoration: underline;
}



/* TEMP DIV for all NewsLine DIVs 2005-Feb-14 */
#newslineDIV {
width: 440px;
}


#floatcol {
 float: right;
 margin: 20px 0 0 5px; /* 20 0 0 10 */
 padding: 0;
 width: 220px;
 border: 0;
}
#floatcol span {
 border: 1px solid #000000;
 margin: 5px 0;
 padding: 0;
 float: centre;
 width: 90px;
}
.9030 {
 border: 1px solid #000000;
 margin: 5px 0;
 padding: 0;
 float: centre;
 width: 90px;
}
.review {
 width: 210px;
}
#floatcol div {
 border: 1px solid #CCCCCC;
 margin: 0 0 5px 0;
 padding: 5px;
 background: #193D71;
}
#floatcol p {
 margin: 0;
 padding: 0;
 font-size: 90%;
}
#floatcol h4 {
 border-bottom: 1px solid;
}





/* -------- GLOBAL STYLES FOR ALIGN CONTAINER, LOGO, CONTENTS -------- */

#container {
 text-align: center; /* aligns the whole contents of the page in the center */
}

#contents {
 width: 750px;
 margin: 0 auto;
 padding: 0;
 text-align: left;
 border: 1px solid #CCCCCC;
}

#logoContainer {
 margin: 0;
 padding: 0;
 position: relative; /* needed for positioning of donate */
}
#logoImage {
 width: 750px;
 height: 100px;
}

#maincontents {
 margin: 0;
 padding: 10px;
}


/*--- SPECIFIC STYLES for downloads.php & similar templates ---*/
#downloadListsContainer {
 display: block;
 width: 600px;
 height: auto;
 margin: 20px auto 20px auto;
 padding: 0;
}	
#downloadLists ul {list-style: none;}
#downloadLists li {
 margin: 5px 3px;
 padding: 0;
 width: auto;
 display: block;
 font-weight: bold;
 font-size: 130%;
}
#downloadLists a {
 color: #CCCCCC;
 text-decoration: none;
 display: block;
 margin: 0;
 padding: 4px 20px;
 width: 400px;
 border: 1px dotted #A8B090;
 background-color: #041F50;
}
#downloadLists li a:hover {
 color: #FFFFFF;
 background-color: #053884;
 border: 1px solid #AAAAAA;
}




/* ^^^^^^^^^^^^ GLOBAL STYLES [NAVIGATION & FOOTER] ^^^^^^^^^^^^ */
/*****************************************************************/

/* -------- NAVIGATION -------- */
#navcontainer {
 position: relative; /* needed for donate banner */
 width: auto;
 height: 21px; /* Note: the height + padding-top must equal 40px, as is the background image size (here: 21 + 19) */
 margin: 0;
 padding: 19px 0 0 0; /* Note: see note above */
 background: url(all4smartphone_logo_b.gif) no-repeat;
 text-align: center;
 border-bottom: 1px solid #CCCCCC;
}
#navigation {margin: 0; padding: 0;}
#navigation ul {list-style: none;}
#navigation li {
 margin: 0;
 padding: 0;
 display: inline;
 font: bold 11px/11px Verdana, Arial, sans-serif;
 }
#navigation li a {
/* BACKUP
 margin: 0 -1px;
 padding: 0.2em 0.5em 0.3em 0.5em;
 text-decoration: none;
 background: url(nav_background.gif) no-repeat left top;
 border: 1px solid #CCCCCC;				*/
margin: 0 -1px;
padding: 0.25em 0.4em 0.30em 0.4em;
text-decoration: none;
 /* background: url(/lib/3cols/nav_background.gif) no-repeat left top; */
background: url(/lib/3cols/new_nav_background.jpg) no-repeat left top;
border: 1px solid #CCCCCC;
width: 1%;
}

#navigation li a:link, #navigation li a:visited {
/* BACKUP
 color: #CCCCCC;			*/
color: #333333;
}
#navigation li a:hover {
/* BACKUP
 color: #333333;
 background: url(nav_background.gif) no-repeat right top; 			*/
 color: #ff6600;
	/* background: url(/lib/3cols/nav_background.gif) no-repeat right top; */
}

/* #navigation li a#current {background: url(nav_background.gif) no-repeat right top; */
#navigation li a#language {
 font-weight: bold;
 color: #F79431;
}
#navigation li a:hover#language {
 color: #333333;
}


#donate {
position: absolute;
right: 5px;
top: 5px;
width: 90px;
height: 21px;
}







/* -------- FOOTER -------- */
#footer {
 border-top: 2px dashed #CCCCCC;
 background: #041F50;
 margin: 0;
 padding: 02px;
 text-align: center;
}
#footer a {color: #F2CE5D;}

#footer #countersCode {display: inline; width: 0; height: 0; border: 1px solid; font-size: 1px; visibility: hidden;}
#footer #countersCode img {width: 0; height: 0; border: 0;}

#footer #mail {color: #CCCCCC; font: 120%/1.6em "Trebuchet MS", Verdana, Arial, sans-serif;}
#footer #links {
 font: 11px/1em "Trebuchet MS", Verdana, Arial, sans-serif;
 border-top: 1px solid #CCCCCC;
 margin: 05px 0 0 0;
 padding: 10px 0 0 0;
}




/* ^^^^^^^^^^^^ SPECIFIC STYLES ^^^^^^^^^^^^ */
/*********************************************/

/*--- SPECIFIC STYLES for index.php, _en.php; aboutme.php, _en.php; siteabout.php, _en.php; ---*/
#imageNiki {width: 200px; height: 300px;}
#imageMichel {width: 150px; height: 190px;}
#nokia7650 {width: 150px; height: 247px;}
#siemenssx1 {width: 180px; height: 204px;}
#sonyericssonp800 {width: 175px; height: 205px;}
#nokia6600 {width: 180px; height: 153px;}


/*--- SPECIFIC STYLES for page links.php, _en.php ---*/
.linksFriends {border: 2px dashed #CCCCCC; margin: 0 50px 30px 50px; padding: 10px;}
.linksFriends img {float: left; margin: 0 10px 0 0; padding: 0; border: 1px solid #CCCCCC;}
.linksFriends p {margin: 0; padding: 0;}


/*--- SPECIFIC STYLES for banners.php ---*/
.banners {float: left; margin: 8px; padding: 8px; border: 2px dashed #999999;}
.banners p {color: #FFCC66;}


/*--- SPECIFIC STYLES for all THEME PAGES ---*/
#themes {margin: 0 100px 0 100px; padding: 0;}


/*--- FEEDBACK FORM [contact.php] ---*/
#feedbackContainer {
 width: 500px;
 border: 1px dotted #CCCCCC;
 margin: 20px auto;
 padding: 10px;
 background-color: #194A93;
}
#feedbackForm form {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #F79431;
}
#feedbackForm b {
border-bottom: 1px solid;
}
textarea {
border: 1px solid #FFFFFF;
color: #973946;
background-color: #CCCCCC;
margin: 5px 0 0 0;
}
input {
border: 1px solid #FFFFFF;
color: #973946;
background-color: #CCCCCC;
margin: 5px 0 0 0;
}
.submit {
border: 1px solid #FFFFFF;
font-weight: bold;
margin: 5px 0 5px 0;
}





/************************************************************/
/****** Floating DIVs: THEMES with IMGs - GLOBAL STYLE, GSM SHOP ******/

div#f100120 div, div#f101080 div, div#f128127 div, div#f174132 div, div#f208176 div, div#f208144 div, div#f208320 div {
 margin: 0 5px 15px 0;
 padding: 5px;
 float: left;
 border: 1px solid #AAAAAA;
 text-align: center;
 background: url(float_bg.gif) left top repeat-x;
}
#f100120 img, #f101080 img, #f128127 img, #f174132 img, #f208176 img, #f208144 img, #f208320 img {
 border: 1px solid #CCCCCC;
 margin: 0 5px 5px 0;
 padding: 0;
}
#f100120 h4, #f101080 h4, #f128127 h4, #f174132 h4, #f208176 h4, #f208144 h4, #f208320 h4 {
 margin: 0.5em auto 1em auto;
 padding: 0;
}
#f100120 p, #f101080 p, #f128127 p, #f174132 p, #f208176 p, #f208144 p, #f208320 p {
 margin: 0;
 padding: 0;
 font-weight: none;
 text-align: center;
}

/****** Floating DIVs: IMGs W: 100px / H: 120px ******/
#f100120 div {
 width: 120px; /* AT LEAST must be width of the IMAGE + 12px (padding left+right + border) */
 height: 210px; /* AT LEAST must be height of the image + some space for DOWNLOAD link and heading */
}
#f100120 img {
 width: 100px; /* exact width of the image */
 height: 120px; /* exact height of the image */
}

/****** Floating DIVs: IMGs W: 101px / H: 080px ******/
#f101080 div {
 width: 120px; /* AT LEAST must be width of the IMAGE + 12px (padding left+right + border) */
 height: 170px; /* AT LEAST must be height of the image + some space for DOWNLOAD link and heading */
}
#f101080 img {
 width: 101px; /* exact width of the image */
 height: 80px; /* exact height of the image */
}


/****** Floating DIVs: IMGs W: 128px / H: 127px ******/
#f128127 div {
 width: 149px;
 height: 210px;
}
#f128127 img {
 width: 128px;
 height: 127px;
}


/****** Floating DIVs: IMGs W: 174px / H: 132px ******/
#f174132 div {
 width: 200px;
 height: 220px;
}
#f174132 img {
 width: 174px;
 height: 132px;
}


/****** Floating DIVs: IMGs W: 208px / H: 176px ******/
#f208176 div {
 width: 220px;
 height: 300px;
}
#f208176 img {
 width: 176px;
 height: 208px;
}


/****** Floating DIVs: IMGs W: 208px / H: 144px ******/
#f208144 div {
 width: 220px;
 height: 225px;
}
#f208144 img {
 width: 208px;
 height: 144px;
}


/****** Floating DIVs: IMGs W: 208px / H: 320px ******/
#f208320 div {
 width: 220px;
 height: 390px;
}
#f208320 img {
 width: 208px;
 height: 320px;
}


/**************************************************************/
/* SPECIFIC for abbreviations.php, abbreviations_en.php !!! */

#abbreviations li {
 display: inline;
 margin: 0;
 font-size: 90%;
}
#abbreviations li:after {
 content: " | ";
}








/*******************/
/* ATOMZ search form */

#atomz input {
border: 1px solid #FFFFFF;
color: #000066;
background-color: #CCCCCC;
margin: 5px 0 0 0;
}